@nldd/design-system 0.8.62 → 0.8.64
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/dist/assets/styles/{slotted-reset.d.ts → style-resets.d.ts} +1 -1
- package/dist/assets/styles/style-resets.d.ts.map +1 -0
- package/dist/assets/styles/{slotted-reset.fixtures.d.ts → style-resets.fixtures.d.ts} +4 -4
- package/dist/assets/styles/style-resets.fixtures.d.ts.map +1 -0
- package/dist/assets/styles/{slotted-reset.fixtures.js → style-resets.fixtures.js} +4 -4
- package/dist/assets/styles/style-resets.fixtures.js.map +1 -0
- package/dist/assets/styles/{slotted-reset.js → style-resets.js} +1 -1
- package/dist/assets/styles/style-resets.js.map +1 -0
- package/dist/components/actions/button/button.d.ts +9 -2
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.i18n.d.ts +5 -0
- package/dist/components/actions/button/button.i18n.d.ts.map +1 -0
- package/dist/components/actions/button/button.i18n.js +4 -0
- package/dist/components/actions/button/button.i18n.js.map +1 -0
- package/dist/components/actions/button/button.js +5 -2
- 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 +21 -7
- 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 +17 -4
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +3 -0
- package/dist/components/actions/button-bar/button-bar.styles.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 +3 -0
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +10 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts +5 -0
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts.map +1 -0
- package/dist/components/actions/icon-button/icon-button.i18n.js +4 -0
- package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -0
- package/dist/components/actions/icon-button/icon-button.js +5 -2
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +4 -1
- package/dist/components/actions/icon-button/icon-button.styles.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 +11 -2
- package/dist/components/actions/icon-button/icon-button.template.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 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +4 -1
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +4 -1
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +64 -62
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +4 -1
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +11 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -1
- package/dist/components/content/byline/byline.js +20 -0
- package/dist/components/content/byline/byline.js.map +1 -1
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -1
- package/dist/components/content/byline/byline.styles.js +17 -2
- package/dist/components/content/byline/byline.styles.js.map +1 -1
- package/dist/components/content/byline/byline.template.d.ts.map +1 -1
- package/dist/components/content/byline/byline.template.js +17 -2
- package/dist/components/content/byline/byline.template.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +4 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +1 -1
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +3 -0
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +4 -1
- package/dist/components/content/image/image.styles.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 +4 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +4 -1
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +4 -1
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +4 -1
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.js +4 -0
- package/dist/components/forms/form-actions/form-actions.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +5 -1
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-DPe5myEj.js → index-BNhqNvDd.js} +4882 -2776
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- 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 +3 -0
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +4 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +4 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +4 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +4 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +4 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +4 -1
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +4 -1
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +3 -0
- package/dist/components/inputs/radio-button/radio-button.styles.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 +4 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js +4 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +13 -1
- package/dist/components/inputs/search-field/search-field.styles.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 +47 -39
- package/dist/components/inputs/search-field/search-field.template.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 +4 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +3 -0
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +3 -0
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.js +4 -1
- package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +4 -1
- package/dist/components/inputs/text-field/text-field.styles.js.map +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 +4 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- 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 +3 -0
- package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +4 -1
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +3 -0
- package/dist/components/layout/app-view/app-view.styles.js.map +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +3 -0
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +28 -2
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.i18n.d.ts +5 -0
- package/dist/components/layout/card/card.i18n.d.ts.map +1 -0
- package/dist/components/layout/card/card.i18n.js +4 -0
- package/dist/components/layout/card/card.i18n.js.map +1 -0
- package/dist/components/layout/card/card.js +54 -2
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +20 -0
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +17 -1
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +7 -5
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +17 -5
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +12 -12
- package/dist/components/layout/collection/collection.styles.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 -2
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +7 -3
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +15 -3
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/container/container.styles.d.ts.map +1 -1
- package/dist/components/layout/container/container.styles.js +42 -1
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/divider/divider.styles.d.ts.map +1 -1
- package/dist/components/layout/divider/divider.styles.js +3 -0
- package/dist/components/layout/divider/divider.styles.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +3 -0
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +1 -0
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +12 -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 +13 -1
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +3 -0
- 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 +25 -5
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +60 -11
- 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 +15 -4
- package/dist/components/layout/page-sections/hero/hero.styles.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 +13 -1
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +3 -0
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +3 -0
- 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/sidebar-section/sidebar-section.d.ts +119 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.i18n.d.ts +6 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.i18n.d.ts.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.i18n.js +5 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.i18n.js.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +219 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts +2 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +157 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts +4 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +57 -0
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -0
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +3 -0
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.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 +3 -0
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.styles.js +3 -0
- package/dist/components/layout/popover/popover.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +3 -0
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +3 -0
- package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +3 -0
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +47 -19
- 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 +123 -73
- 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 +17 -14
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.template.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.template.js +10 -8
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.template.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +3 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +3 -0
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +3 -0
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +3 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +1 -19
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +1 -187
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +5 -28
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +1 -2
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js +4 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +4 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +3 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.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 +3 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js +3 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.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 +4 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +3 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.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 +4 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +183 -8
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +3 -0
- package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.js +3 -0
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +522 -17
- 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 +163 -25
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts +26 -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 +76 -18
- 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 +30 -9
- 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.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +81 -20
- 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 +55 -32
- 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 +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 +10 -5
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +4 -1
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +0 -44
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +0 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +0 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +1 -84
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +6 -52
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -17
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.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 +5 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +9 -2
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.i18n.d.ts +5 -0
- package/dist/components/navigation/link/link.i18n.d.ts.map +1 -0
- package/dist/components/navigation/link/link.i18n.js +4 -0
- package/dist/components/navigation/link/link.i18n.js.map +1 -0
- package/dist/components/navigation/link/link.js +5 -2
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
- package/dist/components/navigation/link/link.styles.js +18 -1
- package/dist/components/navigation/link/link.styles.js.map +1 -1
- package/dist/components/navigation/link/link.template.d.ts.map +1 -1
- package/dist/components/navigation/link/link.template.js +14 -1
- package/dist/components/navigation/link/link.template.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +4 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.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 +4 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +4 -1
- package/dist/components/navigation/pagination/pagination.styles.js.map +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 +4 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -4
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +29 -4
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +5 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +17 -0
- 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 +32 -16
- 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.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +4 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- package/dist/components/{prism-python-mIMEATOA.js → prism-python--N285k7w.js} +1 -1
- package/dist/components/{prism-rust-Ig3wVTFD.js → prism-rust-Cnm1tSdo.js} +1 -1
- package/dist/components/{prism-typescript-BeulJu8Z.js → prism-typescript-BPJAiB1s.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +35 -12
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +48 -13
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +81 -18
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts +1 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +21 -7
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.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 +4 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +4 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +12 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +4 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +124 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.d.ts +6 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.js +5 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +550 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +304 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.d.ts +4 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.js +72 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.js.map +1 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +4 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.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 +4 -1
- 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.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +4 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +6 -1
- 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 +23 -9
- 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.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +4 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js.map +1 -1
- package/dist/css/rich-text.css +63 -0
- package/dist/css/settings.css +10 -3
- package/package.json +9 -1
- package/dist/assets/styles/slotted-reset.d.ts.map +0 -1
- package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +0 -1
- package/dist/assets/styles/slotted-reset.fixtures.js.map +0 -1
- package/dist/assets/styles/slotted-reset.js.map +0 -1
|
@@ -3,8 +3,10 @@ import { ifDefined } from 'lit/directives/if-defined.js';
|
|
|
3
3
|
export function collectionTemplate(component) {
|
|
4
4
|
const isHorizontal = component.layout === 'horizontal-scroll';
|
|
5
5
|
const showLoadMore = !isHorizontal && component.showLoadMore && component._hasMore;
|
|
6
|
-
const showFooter = isHorizontal || showLoadMore || component._hasFooterSlot;
|
|
7
6
|
const scrollable = isHorizontal && component._isScrollable;
|
|
7
|
+
// The horizontal nav controls (and so the footer) only make sense when the
|
|
8
|
+
// items actually overflow. A consumer footer slot keeps the footer regardless.
|
|
9
|
+
const showFooter = scrollable || showLoadMore || component._hasFooterSlot;
|
|
8
10
|
return html `
|
|
9
11
|
<div class="collection__scroll-area">
|
|
10
12
|
<div class="collection__items"
|
|
@@ -19,7 +21,7 @@ export function collectionTemplate(component) {
|
|
|
19
21
|
?hidden=${!showFooter}
|
|
20
22
|
>
|
|
21
23
|
<slot name="footer" @slotchange=${component._onFooterSlotChange}>
|
|
22
|
-
${
|
|
24
|
+
${scrollable ? html `
|
|
23
25
|
<nldd-button-bar>
|
|
24
26
|
<nldd-icon-button
|
|
25
27
|
icon="chevron-left"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection.template.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,KAAK,mBAAmB,CAAC;IAC9D,MAAM,YAAY,GAAG,CAAC,YAAY,IAAI,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC;IACnF,MAAM,UAAU,GAAG,YAAY,IAAI,
|
|
1
|
+
{"version":3,"file":"collection.template.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,KAAK,mBAAmB,CAAC;IAC9D,MAAM,YAAY,GAAG,CAAC,YAAY,IAAI,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC;IACnF,MAAM,UAAU,GAAG,YAAY,IAAI,SAAS,CAAC,aAAa,CAAC;IAC3D,2EAA2E;IAC3E,+EAA+E;IAC/E,MAAM,UAAU,GAAG,UAAU,IAAI,YAAY,IAAI,SAAS,CAAC,cAAc,CAAC;IAE1E,OAAO,IAAI,CAAA;;;eAGG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;WAC3C,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;iBACtC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;wBAE/E,CAAC,CAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;;;;aAInD,CAAC,UAAU;;qCAEa,SAAS,CAAC,mBAAmB;MAC5D,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIT,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;;mBAEhD,SAAS,CAAC,QAAQ;gBACrB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;;;;;cAK/B,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;;mBAE5C,SAAS,CAAC,MAAM;gBACnB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;;;KAGvC,CAAC,CAAC,CAAC,OAAO;MACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;aAGZ,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC;;eAEpD,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;;KAErC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
|
|
@@ -46,10 +46,14 @@
|
|
|
46
46
|
* That lets a footer in a narrow sidebar choose its own column count
|
|
47
47
|
* independent of the surrounding page width.
|
|
48
48
|
*
|
|
49
|
+
* `layout="lanes"` packs items into balanced columns using native CSS grid
|
|
50
|
+
* lanes where supported, falling back to CSS multicol (column-order)
|
|
51
|
+
* elsewhere. CSS-only, no JS. Honours `gap` on both axes and `column-count`.
|
|
52
|
+
*
|
|
49
53
|
* @element nldd-container
|
|
50
54
|
*
|
|
51
|
-
* @attr {string} layout - 'stack' | 'row' | 'wrap' | 'grid' | 'columns' (default: 'stack')
|
|
52
|
-
* @attr {number} column-count - Force N columns (1-8) for layout=grid/columns
|
|
55
|
+
* @attr {string} layout - 'stack' | 'row' | 'wrap' | 'grid' | 'columns' | 'lanes' (default: 'stack')
|
|
56
|
+
* @attr {number} column-count - Force N columns (1-8) for layout=grid/columns/lanes
|
|
53
57
|
* @attr {number} sm-column-count - Column count when this container is sm-wide
|
|
54
58
|
* @attr {number} md-column-count - Column count when this container is md-wide
|
|
55
59
|
* @attr {number} lg-column-count - Column count when this container is lg-wide
|
|
@@ -75,7 +79,7 @@
|
|
|
75
79
|
*/
|
|
76
80
|
import { LitElement, PropertyValues } from 'lit';
|
|
77
81
|
type PaddingSize = '0' | '2' | '4' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '44' | '48' | '56' | '64' | '80' | '96';
|
|
78
|
-
type Layout = 'stack' | 'row' | 'wrap' | 'grid' | 'columns';
|
|
82
|
+
type Layout = 'stack' | 'row' | 'wrap' | 'grid' | 'columns' | 'lanes';
|
|
79
83
|
type ColumnCount = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
80
84
|
type HorizontalAlignment = 'left' | 'center' | 'right';
|
|
81
85
|
type VerticalAlignment = 'top' | 'center' | 'bottom';
|
|
@@ -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":"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"}
|
|
@@ -52,10 +52,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
52
52
|
* That lets a footer in a narrow sidebar choose its own column count
|
|
53
53
|
* independent of the surrounding page width.
|
|
54
54
|
*
|
|
55
|
+
* `layout="lanes"` packs items into balanced columns using native CSS grid
|
|
56
|
+
* lanes where supported, falling back to CSS multicol (column-order)
|
|
57
|
+
* elsewhere. CSS-only, no JS. Honours `gap` on both axes and `column-count`.
|
|
58
|
+
*
|
|
55
59
|
* @element nldd-container
|
|
56
60
|
*
|
|
57
|
-
* @attr {string} layout - 'stack' | 'row' | 'wrap' | 'grid' | 'columns' (default: 'stack')
|
|
58
|
-
* @attr {number} column-count - Force N columns (1-8) for layout=grid/columns
|
|
61
|
+
* @attr {string} layout - 'stack' | 'row' | 'wrap' | 'grid' | 'columns' | 'lanes' (default: 'stack')
|
|
62
|
+
* @attr {number} column-count - Force N columns (1-8) for layout=grid/columns/lanes
|
|
59
63
|
* @attr {number} sm-column-count - Column count when this container is sm-wide
|
|
60
64
|
* @attr {number} md-column-count - Column count when this container is md-wide
|
|
61
65
|
* @attr {number} lg-column-count - Column count when this container is lg-wide
|
|
@@ -177,7 +181,15 @@ let NLDDContainer = class NLDDContainer extends LitElement {
|
|
|
177
181
|
const vertical = this.verticalAlignment ? VERTICAL_TO_FLEX[this.verticalAlignment] : null;
|
|
178
182
|
const isFlexRow = this.layout === 'row' || this.layout === 'wrap';
|
|
179
183
|
const isGrid = this.layout === 'grid';
|
|
180
|
-
|
|
184
|
+
// Multicol/lanes have no alignment hooks; null the props so native
|
|
185
|
+
// lanes (a grid) does not inherit the flex-column mapping below.
|
|
186
|
+
const isMulticol = this.layout === 'columns' || this.layout === 'lanes';
|
|
187
|
+
if (isMulticol) {
|
|
188
|
+
setProp('--_justify-content', null);
|
|
189
|
+
setProp('--_justify-items', null);
|
|
190
|
+
setProp('--_align-items', null);
|
|
191
|
+
}
|
|
192
|
+
else if (isGrid) {
|
|
181
193
|
setProp('--_justify-items', horizontal);
|
|
182
194
|
setProp('--_justify-content', horizontal);
|
|
183
195
|
setProp('--_align-items', vertical);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBA2Q3B,CAAC"}
|
|
@@ -5,6 +5,9 @@ const mdMin = unsafeCSS(breakpoints.mdMin);
|
|
|
5
5
|
const mdMax = unsafeCSS(breakpoints.mdMax);
|
|
6
6
|
const lgMin = unsafeCSS(breakpoints.lgMin);
|
|
7
7
|
export const containerStyles = css `
|
|
8
|
+
:host {
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
}
|
|
8
11
|
|
|
9
12
|
|
|
10
13
|
/* # Host — outer chrome (padding + scheme + query container) */
|
|
@@ -41,6 +44,8 @@ export const containerStyles = css `
|
|
|
41
44
|
|
|
42
45
|
container-type: inline-size;
|
|
43
46
|
display: block;
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
width: 100%;
|
|
44
49
|
height: auto;
|
|
45
50
|
padding-top: var(--_padding-top);
|
|
46
51
|
padding-right: var(--_padding-right);
|
|
@@ -142,10 +147,44 @@ export const containerStyles = css `
|
|
|
142
147
|
break-inside: avoid;
|
|
143
148
|
}
|
|
144
149
|
|
|
150
|
+
/* Lanes â native CSS grid-lanes where supported, CSS multicol fallback
|
|
151
|
+
otherwise. CSS-only (no JS). Fallback flows column-order; native lanes
|
|
152
|
+
packs shortest-column (row-order). */
|
|
153
|
+
:host([layout="lanes"]) .container {
|
|
154
|
+
display: block;
|
|
155
|
+
columns: var(--_min-column-width);
|
|
156
|
+
column-gap: var(--_gap);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
:host([layout="lanes"]) ::slotted(*) {
|
|
160
|
+
break-inside: avoid;
|
|
161
|
+
/* multicol has no row-gap; item margin supplies the vertical gap. The
|
|
162
|
+
native branch resets this (grid-lanes gap covers both axes). */
|
|
163
|
+
margin-bottom: var(--_gap);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
@supports (display: grid-lanes) {
|
|
167
|
+
:host([layout="lanes"]) .container {
|
|
168
|
+
display: grid-lanes;
|
|
169
|
+
grid-template-columns: repeat(
|
|
170
|
+
var(--_column-count, auto-fill),
|
|
171
|
+
minmax(var(--_track-min, var(--_min-column-width)), 1fr)
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
:host([layout="lanes"]) ::slotted(*) {
|
|
176
|
+
margin-bottom: 0;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
145
180
|
:host([layout="columns"][column-count]) .container,
|
|
146
181
|
:host([layout="columns"][sm-column-count]) .container,
|
|
147
182
|
:host([layout="columns"][md-column-count]) .container,
|
|
148
|
-
:host([layout="columns"][lg-column-count]) .container
|
|
183
|
+
:host([layout="columns"][lg-column-count]) .container,
|
|
184
|
+
:host([layout="lanes"][column-count]) .container,
|
|
185
|
+
:host([layout="lanes"][sm-column-count]) .container,
|
|
186
|
+
:host([layout="lanes"][md-column-count]) .container,
|
|
187
|
+
:host([layout="lanes"][lg-column-count]) .container {
|
|
149
188
|
column-count: var(--_column-count);
|
|
150
189
|
column-width: auto;
|
|
151
190
|
}
|
|
@@ -216,6 +255,8 @@ export const containerStyles = css `
|
|
|
216
255
|
sm/md/lg-order → order → 0. No-op for layout="columns" (multicol). */
|
|
217
256
|
|
|
218
257
|
::slotted(*) {
|
|
258
|
+
/* Keep padded slotted items inside their track (multicol/grid columns). */
|
|
259
|
+
box-sizing: border-box;
|
|
219
260
|
order: var(--_slot-order, 0);
|
|
220
261
|
}
|
|
221
262
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,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,eAAe,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,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,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgDX,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwB1B,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAwFvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/divider/divider.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"divider.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/divider/divider.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAkCzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAmItB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmI5B,CAAC"}
|
|
@@ -72,6 +72,7 @@ export declare class NLDDPageFooter extends LitElement {
|
|
|
72
72
|
connectedCallback(): void;
|
|
73
73
|
_hasMeaningfulContent(slot: HTMLSlotElement | null): boolean;
|
|
74
74
|
_onSlotChange: (e: Event) => void;
|
|
75
|
+
updated(): void;
|
|
75
76
|
render(): import("lit-html").TemplateResult;
|
|
76
77
|
}
|
|
77
78
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYtD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;GASG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,SAAM;IAED,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;IAG1C,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,
|
|
1
|
+
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYtD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;GASG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,SAAM;IAED,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;IAG1C,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,IAAI,IAAI;IAWf,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"}
|
|
@@ -159,10 +159,6 @@ let NLDDPageFooter = class NLDDPageFooter extends LitElement {
|
|
|
159
159
|
this._hasLegalBar = hasContent;
|
|
160
160
|
else
|
|
161
161
|
this._hasMain = hasContent;
|
|
162
|
-
const visibleCount = (this._hasBreadcrumbs ? 1 : 0) +
|
|
163
|
-
(this._hasMain ? 1 : 0) +
|
|
164
|
-
(this._hasLegalBar ? 1 : 0);
|
|
165
|
-
this.toggleAttribute('single-slot', visibleCount === 1);
|
|
166
162
|
};
|
|
167
163
|
}
|
|
168
164
|
connectedCallback() {
|
|
@@ -196,6 +192,18 @@ let NLDDPageFooter = class NLDDPageFooter extends LitElement {
|
|
|
196
192
|
return nodes.some(n => n.nodeType === Node.ELEMENT_NODE
|
|
197
193
|
|| (n.nodeType === Node.TEXT_NODE && (n.textContent?.trim() ?? '') !== ''));
|
|
198
194
|
}
|
|
195
|
+
// Reflect the visible-row count as host attributes for styling. Done here
|
|
196
|
+
// (not in the slotchange handler) so a fully empty footer — whose empty
|
|
197
|
+
// slots may never fire slotchange — still gets `empty` on first render.
|
|
198
|
+
updated() {
|
|
199
|
+
const visibleCount = (this._hasBreadcrumbs ? 1 : 0) +
|
|
200
|
+
(this._hasMain ? 1 : 0) +
|
|
201
|
+
(this._hasLegalBar ? 1 : 0);
|
|
202
|
+
// One visible row → centered single-slot padding; zero rows → the grey
|
|
203
|
+
// band drops and only the lintje shows (see :host([empty]) in the styles).
|
|
204
|
+
this.toggleAttribute('single-slot', visibleCount === 1);
|
|
205
|
+
this.toggleAttribute('empty', visibleCount === 0);
|
|
206
|
+
}
|
|
199
207
|
render() {
|
|
200
208
|
return pageFooterTemplate(this);
|
|
201
209
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,yBA0I5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAoCpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBA2BxC,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
import { breakpoints } from '../../../assets/styles/breakpoints.js';
|
|
3
|
-
import { inheritedTextReset } from '../../../assets/styles/
|
|
3
|
+
import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
|
|
4
4
|
const smMax = unsafeCSS(breakpoints.smMax);
|
|
5
5
|
const mdMin = unsafeCSS(breakpoints.mdMin);
|
|
6
6
|
const mdMax = unsafeCSS(breakpoints.mdMax);
|
|
7
7
|
const lgMin = unsafeCSS(breakpoints.lgMin);
|
|
8
8
|
export const pageFooterStyles = css `
|
|
9
|
+
:host {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
9
12
|
:host {
|
|
10
13
|
--_max-width: var(--semantics-page-sections-body-max-width);
|
|
11
14
|
/* Official Rijksoverheid lintje colour — identical across all
|
|
@@ -18,12 +21,17 @@ export const pageFooterStyles = css `
|
|
|
18
21
|
container-type: inline-size;
|
|
19
22
|
display: block;
|
|
20
23
|
background-color: var(--components-page-footer-background-color);
|
|
24
|
+
width: 100%;
|
|
21
25
|
}
|
|
22
26
|
|
|
23
27
|
:host([hidden]) {
|
|
24
28
|
display: none;
|
|
25
29
|
}
|
|
26
30
|
|
|
31
|
+
:host([empty]) {
|
|
32
|
+
background-color: transparent;
|
|
33
|
+
}
|
|
34
|
+
|
|
27
35
|
.page-footer {
|
|
28
36
|
--_lintje-height: calc(var(--_lintje-width) / 2);
|
|
29
37
|
|
|
@@ -50,6 +58,10 @@ export const pageFooterStyles = css `
|
|
|
50
58
|
}
|
|
51
59
|
}
|
|
52
60
|
|
|
61
|
+
:host([empty]) .page-footer {
|
|
62
|
+
min-height: var(--_lintje-height);
|
|
63
|
+
}
|
|
64
|
+
|
|
53
65
|
.page-footer::after {
|
|
54
66
|
content: '';
|
|
55
67
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,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,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAqCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;IAE3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}
|
package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-bleed-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"full-bleed-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,yBAoGlC,CAAC"}
|
package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-bleed-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-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,sBAAsB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"full-bleed-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-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,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgDd,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* niet instelbaar: 1,5X lintbreedte op smalle containers, 2X op md/lg.
|
|
8
8
|
*
|
|
9
9
|
* De media-hoek volgt automatisch uit `main-position` (zie de tabel in de
|
|
10
|
-
* stories) en is per geval te overschrijven met `media-corner`. Het paneel
|
|
10
|
+
* stories) en is per geval te overschrijven met `media-corner-position`. Het paneel
|
|
11
11
|
* krijgt zijn eigen afgeronde hoek — op halve maat, zodat de tekst niet
|
|
12
12
|
* tegen de rand komt — op de hoek die diagonaal het mediavlak in wijst.
|
|
13
13
|
* Beslaat het paneel een volledige rand (`left`/`right`, `main-width="full"`
|
|
@@ -36,8 +36,15 @@
|
|
|
36
36
|
* @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
|
|
37
37
|
* of een categoriekleur — 'accent' (default) of een rijkskleur zoals
|
|
38
38
|
* 'lintblauw'|'donkerblauw'|'oranje'
|
|
39
|
-
* @attr {'auto'|'top-left'|'top-right'|'bottom-left'|'bottom-right'} media-corner -
|
|
39
|
+
* @attr {'auto'|'top-left'|'top-right'|'bottom-left'|'bottom-right'} media-corner-position -
|
|
40
40
|
* Afgeronde hoek van het mediavlak; 'auto' (default) volgt main-position
|
|
41
|
+
* @attr {string} media-aspect-ratio - Aspect ratio van het mediavlak (CSS-vorm, '16/9' of '16:9');
|
|
42
|
+
* default '21/9'. Bepaalt op md/lg de hoogte van de hero, op sm de hoogte van het mediavlak
|
|
43
|
+
* @attr {string} media-src - Bron van het mediavlak (alternatief voor de media-slot);
|
|
44
|
+
* genegeerd zodra de media-slot gevuld is
|
|
45
|
+
* @attr {string} media-srcset - Responsive source set voor media-src
|
|
46
|
+
* @attr {string} media-sizes - Source sizes-hint voor media-src
|
|
47
|
+
* @attr {string} media-alt - Alt-tekst voor media-src; leeg = decoratief
|
|
41
48
|
* @attr {'inherit'|'base'|'tinted'} background - Surface achter de hero (sectie-API)
|
|
42
49
|
* @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Kleurschema (sectie-API)
|
|
43
50
|
* @attr {string} width - Body max-width; 'full' verwijdert de begrenzing (sectie-API)
|
|
@@ -45,7 +52,8 @@
|
|
|
45
52
|
* @attr {string} padding-block - Blokpadding-override, ook per rand en responsief (sectie-API)
|
|
46
53
|
*
|
|
47
54
|
* @slot media - Afbeelding of illustratie (img of nldd-image); vult het vlak en wordt geclipt.
|
|
48
|
-
* Zet `alt=""` wanneer de afbeelding decoratief is;
|
|
55
|
+
* Heeft voorrang op de media-src-attributen. Zet `alt=""` wanneer de afbeelding decoratief is;
|
|
56
|
+
* geef anders een beschrijvende alt-tekst op.
|
|
49
57
|
* @slot - Inhoud van het tekstpaneel (bijv. nldd-title en nldd-rich-text met color="inherit")
|
|
50
58
|
*/
|
|
51
59
|
import { LitElement, type PropertyValues } from 'lit';
|
|
@@ -76,10 +84,22 @@ export declare class NLDDHero extends NLDDHero_base {
|
|
|
76
84
|
mainPosition: HeroMainPosition;
|
|
77
85
|
mainWidth: HeroMainWidth;
|
|
78
86
|
mainBackground: HeroMainBackground;
|
|
79
|
-
|
|
87
|
+
mediaCornerPosition: 'auto' | HeroCorner;
|
|
88
|
+
/** Media aspect-ratio in CSS form ('16/9' or '16:9'); default '21/9'. Drives
|
|
89
|
+
* the hero height on md/lg and the media strip height on sm. */
|
|
90
|
+
mediaAspectRatio: string;
|
|
80
91
|
/** Width mode: 'full' (removes body max-width) or any CSS length. */
|
|
81
92
|
width: string;
|
|
82
|
-
|
|
93
|
+
/** Hybrid media source: media-src renders an internal <img>, but a slotted
|
|
94
|
+
* media element wins (mirrors nldd-image / nldd-byline). srcset/sizes/alt
|
|
95
|
+
* feed that internal img. */
|
|
96
|
+
mediaSrc: string;
|
|
97
|
+
mediaSrcset: string;
|
|
98
|
+
mediaSizes: string;
|
|
99
|
+
mediaAlt: string;
|
|
100
|
+
_slotHasMedia: boolean;
|
|
101
|
+
/** Media is present when the slot has content or media-src is set. */
|
|
102
|
+
get _hasMedia(): boolean;
|
|
83
103
|
willUpdate(changed: PropertyValues): void;
|
|
84
104
|
updated(changed: PropertyValues): void;
|
|
85
105
|
/** @internal Tracks the media slot so the no-media mode can collapse it. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AACnF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAuBtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAG9C,mBAAmB,EAAE,MAAM,GAAG,UAAU,CAAU;IAElD;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB,qEAAqE;IAErE,KAAK,SAAM;IAEX;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA+BzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|