@nldd/design-system 0.8.92 → 0.8.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICES.md +9 -27
- package/README.md +37 -24
- package/custom-elements.json +1640 -1494
- package/dist/components/actions/button/button.d.ts +20 -1
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +47 -3
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +3 -1
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.js +3 -3
- package/dist/components/actions/button-group/button-group.d.ts +48 -3
- package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.js +104 -11
- package/dist/components/actions/button-group/button-group.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +64 -4
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +5 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- 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.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +7 -4
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +29 -29
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +53 -53
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +4 -0
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +8 -2
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +57 -26
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +3 -2
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +1909 -928
- package/dist/components/content/avatar/avatar.d.ts +23 -5
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +23 -5
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.template.js +5 -2
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
- package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +18 -6
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +30 -10
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/identity/identity.template.d.ts.map +1 -1
- package/dist/components/content/identity/identity.template.js +4 -1
- package/dist/components/content/identity/identity.template.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +7 -2
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +18 -9
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +24 -15
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +2 -2
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +5 -5
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/tag/tag.template.js +2 -2
- package/dist/components/content/title/title.d.ts +30 -6
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +72 -8
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +41 -4
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/title/title.template.d.ts +2 -1
- package/dist/components/content/title/title.template.d.ts.map +1 -1
- package/dist/components/content/title/title.template.js +33 -5
- package/dist/components/content/title/title.template.js.map +1 -1
- package/dist/components/content/token/token.d.ts +15 -5
- package/dist/components/content/token/token.d.ts.map +1 -1
- package/dist/components/content/token/token.i18n.d.ts +7 -0
- package/dist/components/content/token/token.i18n.d.ts.map +1 -0
- package/dist/components/content/token/token.i18n.js +6 -0
- package/dist/components/content/token/token.i18n.js.map +1 -0
- package/dist/components/content/token/token.js +55 -14
- package/dist/components/content/token/token.js.map +1 -1
- package/dist/components/content/token/token.template.js +4 -4
- package/dist/components/content/token/token.template.js.map +1 -1
- package/dist/components/forms/form/form.d.ts +18 -7
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +18 -7
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
- package/dist/components/forms/form-actions/form-actions.js +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +12 -1
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +12 -1
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +3 -3
- package/dist/components/forms/form-section/form-section.js +8 -8
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
- package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
- package/dist/components/forms/validation-list/validation-list.js +7 -4
- package/dist/components/forms/validation-list/validation-list.js.map +1 -1
- package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
- package/dist/components/{icon-button-oua8pmMC.js → icon-button-hO6k8W63.js} +17 -11
- package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
- package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +4 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +4 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.js +5 -3
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.template.js +1 -1
- package/dist/components/inputs/dropdown/dropdown.template.js +3 -3
- package/dist/components/inputs/file-field/file-field.template.js +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
- package/dist/components/inputs/number-field/number-field.styles.js +4 -4
- package/dist/components/inputs/password-field/password-field.template.js +2 -2
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +24 -24
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +40 -40
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.js +4 -2
- package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +2 -2
- package/dist/components/inputs/switch/switch.template.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +2 -2
- package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.js +5 -3
- package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +4 -3
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +2 -1
- package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.template.js +6 -4
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +8 -0
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +8 -0
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +4 -4
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.js +7 -7
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +4 -2
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +11 -6
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +19 -14
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +4 -1
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +13 -8
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +19 -14
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +52 -2
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +94 -3
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.template.d.ts +6 -0
- package/dist/components/layout/page/page.template.d.ts.map +1 -1
- package/dist/components/layout/page/page.template.js +21 -6
- package/dist/components/layout/page/page.template.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +2 -2
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +4 -4
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.js +16 -4
- package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +4 -5
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +12 -14
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +19 -20
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
- package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +6 -7
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +6 -7
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +44 -47
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +19 -19
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +14 -7
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +6 -7
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +12 -8
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +38 -18
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +26 -11
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +59 -20
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +4 -0
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +1 -1
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/spacer/spacer.d.ts +13 -0
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +13 -0
- package/dist/components/layout/spacer/spacer.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -12
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +30 -18
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +66 -31
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +23 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +5 -5
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +8 -8
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +3 -3
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +6 -6
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +4 -0
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +25 -8
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +61 -39
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +106 -37
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +4 -14
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +35 -10
- 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 +45 -18
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +11 -2
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.d.ts +2 -2
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.js +5 -5
- package/dist/components/lists-and-tables/table/table.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.template.js +2 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
- package/dist/components/navigation/pagination/pagination.styles.js +4 -4
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js +18 -3
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
- package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.js +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +43 -13
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +4 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
- package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.js +13 -13
- package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.template.js +5 -2
- package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
- package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
- package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
- package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +4 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +2 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
- package/dist/css/form-section.css +4 -4
- package/dist/css/form.css +4 -0
- package/dist/css/rich-text.css +26 -11
- package/dist/css/variables.css +3 -14
- package/dist/nldd.min.js +1316 -841
- package/dist/types/vue.d.ts +313 -266
- package/dist/utilities/page-section-mixin.d.ts +3 -8
- package/dist/utilities/page-section-mixin.d.ts.map +1 -1
- package/dist/utilities/page-section-mixin.js +4 -84
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/title-bar-label-controller.d.ts +25 -0
- package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
- package/dist/utilities/title-bar-label-controller.js +52 -0
- package/dist/utilities/title-bar-label-controller.js.map +1 -0
- package/package.json +4 -2
- package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
- package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
|
@@ -22,13 +22,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
22
22
|
*
|
|
23
23
|
* @element nldd-hero
|
|
24
24
|
*
|
|
25
|
-
* @attr {'
|
|
26
|
-
*
|
|
27
|
-
* @attr {
|
|
28
|
-
*
|
|
25
|
+
* @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
|
|
26
|
+
* @attr {string} width - Body max-width; 'full' removes the bound (section API)
|
|
27
|
+
* @attr {string} height - Minimum height of the section (section API)
|
|
28
|
+
* @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
|
|
29
29
|
* @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
|
|
30
30
|
* or a category color — 'accent' (default) or a Rijkshuisstijl color such as
|
|
31
31
|
* 'lintblauw'|'donkerblauw'|'oranje'
|
|
32
|
+
* @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
|
|
33
|
+
* 'full' makes a full top or bottom strip and is ignored with 'left'/'right'
|
|
34
|
+
* @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
|
|
35
|
+
* Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
|
|
32
36
|
* @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
|
|
33
37
|
* default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
|
|
34
38
|
* @attr {string} media-src - Source of the media area (an alternative to the media slot);
|
|
@@ -36,11 +40,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
36
40
|
* @attr {string} media-srcset - Responsive source set for media-src
|
|
37
41
|
* @attr {string} media-sizes - Source sizes hint for media-src
|
|
38
42
|
* @attr {string} media-alt - Alt text for media-src; empty means decorative
|
|
39
|
-
* @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
|
|
40
|
-
* @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Color scheme (section API)
|
|
41
|
-
* @attr {string} width - Body max-width; 'full' removes the bound (section API)
|
|
42
|
-
* @attr {string} height - Minimum height of the section (section API)
|
|
43
|
-
* @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
|
|
44
43
|
*
|
|
45
44
|
* @slot media - Image or illustration (img or nldd-image); fills the area and is clipped.
|
|
46
45
|
* Takes precedence over the media-src attributes. Set `alt=""` when the image is decorative;
|
|
@@ -56,14 +55,14 @@ import { heroTemplate } from './hero.template.js';
|
|
|
56
55
|
let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
|
|
57
56
|
constructor() {
|
|
58
57
|
super(...arguments);
|
|
59
|
-
|
|
60
|
-
this.
|
|
58
|
+
/** Width mode: 'full' (removes body max-width) or any CSS length. */
|
|
59
|
+
this.width = '';
|
|
61
60
|
this.mainBackground = 'accent';
|
|
61
|
+
this.mainWidth = '1/2';
|
|
62
|
+
this.mainPosition = 'bottom-left';
|
|
62
63
|
/** Media aspect-ratio in CSS form ('16/9' or '16:9'); default '21/9'. Drives
|
|
63
64
|
* the hero height on md/lg and the media strip height on sm. */
|
|
64
65
|
this.mediaAspectRatio = '';
|
|
65
|
-
/** Width mode: 'full' (removes body max-width) or any CSS length. */
|
|
66
|
-
this.width = '';
|
|
67
66
|
/** Hybrid media source: media-src renders an internal <img>, but a slotted
|
|
68
67
|
* media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
|
|
69
68
|
* feed that internal img. */
|
|
@@ -119,20 +118,20 @@ let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
|
|
|
119
118
|
};
|
|
120
119
|
NLDDHero.styles = heroStyles;
|
|
121
120
|
__decorate([
|
|
122
|
-
property({
|
|
123
|
-
], NLDDHero.prototype, "
|
|
121
|
+
property({ type: String, reflect: true })
|
|
122
|
+
], NLDDHero.prototype, "width", void 0);
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ reflect: true, attribute: 'main-background', converter: reflectNonDefault('accent') })
|
|
125
|
+
], NLDDHero.prototype, "mainBackground", void 0);
|
|
124
126
|
__decorate([
|
|
125
127
|
property({ reflect: true, attribute: 'main-width', converter: reflectNonDefault('1/2') })
|
|
126
128
|
], NLDDHero.prototype, "mainWidth", void 0);
|
|
127
129
|
__decorate([
|
|
128
|
-
property({ reflect: true, attribute: 'main-
|
|
129
|
-
], NLDDHero.prototype, "
|
|
130
|
+
property({ reflect: true, attribute: 'main-position', converter: reflectNonDefault('bottom-left') })
|
|
131
|
+
], NLDDHero.prototype, "mainPosition", void 0);
|
|
130
132
|
__decorate([
|
|
131
133
|
property({ type: String, reflect: true, attribute: 'media-aspect-ratio' })
|
|
132
134
|
], NLDDHero.prototype, "mediaAspectRatio", void 0);
|
|
133
|
-
__decorate([
|
|
134
|
-
property({ type: String, reflect: true })
|
|
135
|
-
], NLDDHero.prototype, "width", void 0);
|
|
136
135
|
__decorate([
|
|
137
136
|
property({ type: String, attribute: 'media-src' })
|
|
138
137
|
], NLDDHero.prototype, "mediaSrc", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,wBAAgB,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"hero.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,wBAAgB,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,CA+BhE"}
|
|
@@ -3,7 +3,8 @@ export function heroTemplate(component) {
|
|
|
3
3
|
// Internal media image from media-src, only when nothing is slotted (the
|
|
4
4
|
// slot wins, mirroring nldd-image / nldd-identity).
|
|
5
5
|
const mediaImage = component.mediaSrc && !component._slotHasMedia
|
|
6
|
-
? html `<img
|
|
6
|
+
? html `<img
|
|
7
|
+
src=${component.mediaSrc}
|
|
7
8
|
srcset=${component.mediaSrcset || nothing}
|
|
8
9
|
sizes=${component.mediaSizes || nothing}
|
|
9
10
|
alt=${component.mediaAlt}
|
|
@@ -17,7 +18,10 @@ export function heroTemplate(component) {
|
|
|
17
18
|
<div class="hero__media"
|
|
18
19
|
?hidden=${!component._hasMedia}
|
|
19
20
|
>
|
|
20
|
-
<slot
|
|
21
|
+
<slot
|
|
22
|
+
name="media"
|
|
23
|
+
@slotchange=${component._onMediaSlotChange}
|
|
24
|
+
></slot>
|
|
21
25
|
${mediaImage}
|
|
22
26
|
</div>
|
|
23
27
|
<div class="hero__main">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,oDAAoD;IACpD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA,
|
|
1
|
+
{"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,oDAAoD;IACpD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA;UACE,SAAS,CAAC,QAAQ;aACf,SAAS,CAAC,WAAW,IAAI,OAAO;YACjC,SAAS,CAAC,UAAU,IAAI,OAAO;UACjC,SAAS,CAAC,QAAQ;;;KAGvB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;;;eAIG,CAAC,SAAS,CAAC,SAAS;;;;oBAIf,SAAS,CAAC,kBAAkB;;OAEzC,UAAU;;;;;;;EAOf,CAAC;AACH,CAAC"}
|
|
@@ -7,25 +7,23 @@
|
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-one-half-one-half-section
|
|
9
9
|
*
|
|
10
|
-
* @slot header - Content above the columns
|
|
11
|
-
* @slot - Left column (1/2), alternative for slot="left"
|
|
12
|
-
* @slot left - Left column (1/2)
|
|
13
|
-
* @slot right - Right column (1/2)
|
|
14
|
-
* @slot footer - Content below the columns
|
|
15
|
-
*
|
|
16
10
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
|
-
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
18
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.
|
|
19
12
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
20
13
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
21
14
|
* @attr {string} [padding-top] - Top padding override.
|
|
22
15
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
23
16
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
17
|
+
*
|
|
18
|
+
* @slot header - Content above the columns
|
|
19
|
+
* @slot - Left column (1/2), alternative for slot="left"
|
|
20
|
+
* @slot left - Left column (1/2)
|
|
21
|
+
* @slot right - Right column (1/2)
|
|
22
|
+
* @slot footer - Content below the columns
|
|
24
23
|
*/
|
|
25
24
|
import { LitElement } from 'lit';
|
|
26
25
|
declare const NLDDOneHalfOneHalfSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
|
|
27
26
|
background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
|
|
28
|
-
scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
|
|
29
27
|
paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
30
28
|
paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
31
29
|
paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;AAMjC,qBACa,yBAA0B,SAAQ,8BAA4B;IAC1E,OAAgB,MAAM,0BAA+B;IAErD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gCAAgC,EAAE,yBAAyB,CAAC;KAC5D;CACD"}
|
package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js
CHANGED
|
@@ -13,20 +13,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-one-half-one-half-section
|
|
15
15
|
*
|
|
16
|
-
* @slot header - Content above the columns
|
|
17
|
-
* @slot - Left column (1/2), alternative for slot="left"
|
|
18
|
-
* @slot left - Left column (1/2)
|
|
19
|
-
* @slot right - Right column (1/2)
|
|
20
|
-
* @slot footer - Content below the columns
|
|
21
|
-
*
|
|
22
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
23
|
-
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
24
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.
|
|
25
18
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
26
19
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
27
20
|
* @attr {string} [padding-top] - Top padding override.
|
|
28
21
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
29
22
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
23
|
+
*
|
|
24
|
+
* @slot header - Content above the columns
|
|
25
|
+
* @slot - Left column (1/2), alternative for slot="left"
|
|
26
|
+
* @slot left - Left column (1/2)
|
|
27
|
+
* @slot right - Right column (1/2)
|
|
28
|
+
* @slot footer - Content below the columns
|
|
30
29
|
*/
|
|
31
30
|
import { LitElement } from 'lit';
|
|
32
31
|
import { customElement, property } from 'lit/decorators.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AAGjF,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAApE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,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,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,6BAA6B,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;;AAvBe,gCAAM,GAAG,2BAA2B,AAA9B,CAA+B;AAIrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAC/B;AALC,yBAAyB;IADrC,aAAa,CAAC,gCAAgC,CAAC;GACnC,yBAAyB,CAyBrC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF,wBAAgB,6BAA6B,CAAC,SAAS,EAAE,yBAAyB,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF,wBAAgB,6BAA6B,CAAC,SAAS,EAAE,yBAAyB,GAAG,cAAc,CAgClG"}
|
|
@@ -6,7 +6,10 @@ export function oneHalfOneHalfSectionTemplate(component) {
|
|
|
6
6
|
<header class="one-half-one-half-section__header"
|
|
7
7
|
hidden
|
|
8
8
|
>
|
|
9
|
-
<slot
|
|
9
|
+
<slot
|
|
10
|
+
name="header"
|
|
11
|
+
@slotchange=${component._onSlotChange}
|
|
12
|
+
></slot>
|
|
10
13
|
</header>
|
|
11
14
|
<div class="one-half-one-half-section__columns">
|
|
12
15
|
<div class="one-half-one-half-section__left-column">
|
|
@@ -20,7 +23,10 @@ export function oneHalfOneHalfSectionTemplate(component) {
|
|
|
20
23
|
<footer class="one-half-one-half-section__footer"
|
|
21
24
|
hidden
|
|
22
25
|
>
|
|
23
|
-
<slot
|
|
26
|
+
<slot
|
|
27
|
+
name="footer"
|
|
28
|
+
@slotchange=${component._onSlotChange}
|
|
29
|
+
></slot>
|
|
24
30
|
</footer>
|
|
25
31
|
</div>
|
|
26
32
|
</section>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,6BAA6B,CAAC,SAAoC;IACjF,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,6BAA6B,CAAC,SAAoC;IACjF,OAAO,IAAI,CAAA;;;;;;;;oBAQQ,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;oBAiBvB,SAAS,CAAC,aAAa;;;;;EAKzC,CAAC;AACH,CAAC"}
|
|
@@ -7,25 +7,23 @@
|
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-one-third-two-thirds-section
|
|
9
9
|
*
|
|
10
|
-
* @slot header - Content above the columns
|
|
11
|
-
* @slot left - Left column (1/3)
|
|
12
|
-
* @slot - Right column (2/3), alternative for slot="right"
|
|
13
|
-
* @slot right - Right column (2/3)
|
|
14
|
-
* @slot footer - Content below the columns
|
|
15
|
-
*
|
|
16
10
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
|
-
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
18
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.
|
|
19
12
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
20
13
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
21
14
|
* @attr {string} [padding-top] - Top padding override.
|
|
22
15
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
23
16
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
17
|
+
*
|
|
18
|
+
* @slot header - Content above the columns
|
|
19
|
+
* @slot left - Left column (1/3)
|
|
20
|
+
* @slot - Right column (2/3), alternative for slot="right"
|
|
21
|
+
* @slot right - Right column (2/3)
|
|
22
|
+
* @slot footer - Content below the columns
|
|
24
23
|
*/
|
|
25
24
|
import { LitElement } from 'lit';
|
|
26
25
|
declare const NLDDOneThirdTwoThirdsSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
|
|
27
26
|
background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
|
|
28
|
-
scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
|
|
29
27
|
paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
30
28
|
paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
31
29
|
paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAEF,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"}
|
|
@@ -13,20 +13,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-one-third-two-thirds-section
|
|
15
15
|
*
|
|
16
|
-
* @slot header - Content above the columns
|
|
17
|
-
* @slot left - Left column (1/3)
|
|
18
|
-
* @slot - Right column (2/3), alternative for slot="right"
|
|
19
|
-
* @slot right - Right column (2/3)
|
|
20
|
-
* @slot footer - Content below the columns
|
|
21
|
-
*
|
|
22
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
23
|
-
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
24
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.
|
|
25
18
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
26
19
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
27
20
|
* @attr {string} [padding-top] - Top padding override.
|
|
28
21
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
29
22
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
23
|
+
*
|
|
24
|
+
* @slot header - Content above the columns
|
|
25
|
+
* @slot left - Left column (1/3)
|
|
26
|
+
* @slot - Right column (2/3), alternative for slot="right"
|
|
27
|
+
* @slot right - Right column (2/3)
|
|
28
|
+
* @slot footer - Content below the columns
|
|
30
29
|
*/
|
|
31
30
|
import { LitElement } from 'lit';
|
|
32
31
|
import { customElement, property } from 'lit/decorators.js';
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,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;IAoBZ,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,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AAvBe,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAC/B;AALC,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAyBxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,4BAA4B,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,4BAA4B,GAAG,cAAc,CAgCxG"}
|
|
@@ -6,7 +6,10 @@ export function oneThirdTwoThirdsSectionTemplate(component) {
|
|
|
6
6
|
<header class="one-third-two-thirds-section__header"
|
|
7
7
|
hidden
|
|
8
8
|
>
|
|
9
|
-
<slot
|
|
9
|
+
<slot
|
|
10
|
+
name="header"
|
|
11
|
+
@slotchange=${component._onSlotChange}
|
|
12
|
+
></slot>
|
|
10
13
|
</header>
|
|
11
14
|
<div class="one-third-two-thirds-section__columns">
|
|
12
15
|
<div class="one-third-two-thirds-section__left-column">
|
|
@@ -20,7 +23,10 @@ export function oneThirdTwoThirdsSectionTemplate(component) {
|
|
|
20
23
|
<footer class="one-third-two-thirds-section__footer"
|
|
21
24
|
hidden
|
|
22
25
|
>
|
|
23
|
-
<slot
|
|
26
|
+
<slot
|
|
27
|
+
name="footer"
|
|
28
|
+
@slotchange=${component._onSlotChange}
|
|
29
|
+
></slot>
|
|
24
30
|
</footer>
|
|
25
31
|
</div>
|
|
26
32
|
</section>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,SAAuC;IACvF,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,SAAuC;IACvF,OAAO,IAAI,CAAA;;;;;;;;oBAQQ,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;oBAiBvB,SAAS,CAAC,aAAa;;;;;EAKzC,CAAC;AACH,CAAC"}
|
|
@@ -1,10 +1,27 @@
|
|
|
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,
|
|
5
|
-
* Spread into a section story's `
|
|
4
|
+
* (background, width, height and the 12 block-padding overrides).
|
|
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
|
*/
|
|
8
|
+
export declare const pageSectionArgs: {
|
|
9
|
+
background: string;
|
|
10
|
+
width: string;
|
|
11
|
+
height: string;
|
|
12
|
+
paddingBlock: string;
|
|
13
|
+
paddingTop: string;
|
|
14
|
+
paddingBottom: string;
|
|
15
|
+
smPaddingBlock: string;
|
|
16
|
+
smPaddingTop: string;
|
|
17
|
+
smPaddingBottom: string;
|
|
18
|
+
mdPaddingBlock: string;
|
|
19
|
+
mdPaddingTop: string;
|
|
20
|
+
mdPaddingBottom: string;
|
|
21
|
+
lgPaddingBlock: string;
|
|
22
|
+
lgPaddingTop: string;
|
|
23
|
+
lgPaddingBottom: string;
|
|
24
|
+
};
|
|
8
25
|
export declare const pageSectionArgTypes: {
|
|
9
26
|
background: {
|
|
10
27
|
control: {
|
|
@@ -18,18 +35,6 @@ export declare const pageSectionArgTypes: {
|
|
|
18
35
|
};
|
|
19
36
|
};
|
|
20
37
|
};
|
|
21
|
-
scheme: {
|
|
22
|
-
control: {
|
|
23
|
-
type: string;
|
|
24
|
-
};
|
|
25
|
-
options: string[];
|
|
26
|
-
description: string;
|
|
27
|
-
table: {
|
|
28
|
-
defaultValue: {
|
|
29
|
-
summary: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
38
|
width: {
|
|
34
39
|
control: string;
|
|
35
40
|
description: string;
|
|
@@ -38,109 +43,199 @@ export declare const pageSectionArgTypes: {
|
|
|
38
43
|
control: string;
|
|
39
44
|
description: string;
|
|
40
45
|
};
|
|
41
|
-
|
|
46
|
+
paddingBlock: {
|
|
47
|
+
name: string;
|
|
42
48
|
control: {
|
|
43
49
|
type: "select";
|
|
44
50
|
};
|
|
45
51
|
options: string[];
|
|
52
|
+
mapping: {
|
|
53
|
+
'(auto)': string;
|
|
54
|
+
};
|
|
46
55
|
description: string;
|
|
56
|
+
table: {
|
|
57
|
+
defaultValue: {
|
|
58
|
+
summary: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
47
61
|
};
|
|
48
|
-
|
|
62
|
+
paddingTop: {
|
|
63
|
+
name: string;
|
|
49
64
|
control: {
|
|
50
65
|
type: "select";
|
|
51
66
|
};
|
|
52
67
|
options: string[];
|
|
68
|
+
mapping: {
|
|
69
|
+
'(auto)': string;
|
|
70
|
+
};
|
|
53
71
|
description: string;
|
|
72
|
+
table: {
|
|
73
|
+
defaultValue: {
|
|
74
|
+
summary: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
54
77
|
};
|
|
55
|
-
|
|
78
|
+
paddingBottom: {
|
|
79
|
+
name: string;
|
|
56
80
|
control: {
|
|
57
81
|
type: "select";
|
|
58
82
|
};
|
|
59
83
|
options: string[];
|
|
84
|
+
mapping: {
|
|
85
|
+
'(auto)': string;
|
|
86
|
+
};
|
|
60
87
|
description: string;
|
|
88
|
+
table: {
|
|
89
|
+
defaultValue: {
|
|
90
|
+
summary: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
61
93
|
};
|
|
62
|
-
|
|
94
|
+
smPaddingBlock: {
|
|
95
|
+
name: string;
|
|
63
96
|
control: {
|
|
64
97
|
type: "select";
|
|
65
98
|
};
|
|
66
99
|
options: string[];
|
|
100
|
+
mapping: {
|
|
101
|
+
'(auto)': string;
|
|
102
|
+
};
|
|
67
103
|
description: string;
|
|
104
|
+
table: {
|
|
105
|
+
defaultValue: {
|
|
106
|
+
summary: string;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
68
109
|
};
|
|
69
|
-
|
|
110
|
+
smPaddingTop: {
|
|
111
|
+
name: string;
|
|
70
112
|
control: {
|
|
71
113
|
type: "select";
|
|
72
114
|
};
|
|
73
115
|
options: string[];
|
|
116
|
+
mapping: {
|
|
117
|
+
'(auto)': string;
|
|
118
|
+
};
|
|
74
119
|
description: string;
|
|
120
|
+
table: {
|
|
121
|
+
defaultValue: {
|
|
122
|
+
summary: string;
|
|
123
|
+
};
|
|
124
|
+
};
|
|
75
125
|
};
|
|
76
|
-
|
|
126
|
+
smPaddingBottom: {
|
|
127
|
+
name: string;
|
|
77
128
|
control: {
|
|
78
129
|
type: "select";
|
|
79
130
|
};
|
|
80
131
|
options: string[];
|
|
132
|
+
mapping: {
|
|
133
|
+
'(auto)': string;
|
|
134
|
+
};
|
|
81
135
|
description: string;
|
|
136
|
+
table: {
|
|
137
|
+
defaultValue: {
|
|
138
|
+
summary: string;
|
|
139
|
+
};
|
|
140
|
+
};
|
|
82
141
|
};
|
|
83
|
-
|
|
142
|
+
mdPaddingBlock: {
|
|
143
|
+
name: string;
|
|
84
144
|
control: {
|
|
85
145
|
type: "select";
|
|
86
146
|
};
|
|
87
147
|
options: string[];
|
|
148
|
+
mapping: {
|
|
149
|
+
'(auto)': string;
|
|
150
|
+
};
|
|
88
151
|
description: string;
|
|
152
|
+
table: {
|
|
153
|
+
defaultValue: {
|
|
154
|
+
summary: string;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
89
157
|
};
|
|
90
|
-
|
|
158
|
+
mdPaddingTop: {
|
|
159
|
+
name: string;
|
|
91
160
|
control: {
|
|
92
161
|
type: "select";
|
|
93
162
|
};
|
|
94
163
|
options: string[];
|
|
164
|
+
mapping: {
|
|
165
|
+
'(auto)': string;
|
|
166
|
+
};
|
|
95
167
|
description: string;
|
|
168
|
+
table: {
|
|
169
|
+
defaultValue: {
|
|
170
|
+
summary: string;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
96
173
|
};
|
|
97
|
-
|
|
174
|
+
mdPaddingBottom: {
|
|
175
|
+
name: string;
|
|
98
176
|
control: {
|
|
99
177
|
type: "select";
|
|
100
178
|
};
|
|
101
179
|
options: string[];
|
|
180
|
+
mapping: {
|
|
181
|
+
'(auto)': string;
|
|
182
|
+
};
|
|
102
183
|
description: string;
|
|
184
|
+
table: {
|
|
185
|
+
defaultValue: {
|
|
186
|
+
summary: string;
|
|
187
|
+
};
|
|
188
|
+
};
|
|
103
189
|
};
|
|
104
|
-
|
|
190
|
+
lgPaddingBlock: {
|
|
191
|
+
name: string;
|
|
105
192
|
control: {
|
|
106
193
|
type: "select";
|
|
107
194
|
};
|
|
108
195
|
options: string[];
|
|
196
|
+
mapping: {
|
|
197
|
+
'(auto)': string;
|
|
198
|
+
};
|
|
109
199
|
description: string;
|
|
200
|
+
table: {
|
|
201
|
+
defaultValue: {
|
|
202
|
+
summary: string;
|
|
203
|
+
};
|
|
204
|
+
};
|
|
110
205
|
};
|
|
111
|
-
|
|
206
|
+
lgPaddingTop: {
|
|
207
|
+
name: string;
|
|
112
208
|
control: {
|
|
113
209
|
type: "select";
|
|
114
210
|
};
|
|
115
211
|
options: string[];
|
|
212
|
+
mapping: {
|
|
213
|
+
'(auto)': string;
|
|
214
|
+
};
|
|
116
215
|
description: string;
|
|
216
|
+
table: {
|
|
217
|
+
defaultValue: {
|
|
218
|
+
summary: string;
|
|
219
|
+
};
|
|
220
|
+
};
|
|
117
221
|
};
|
|
118
|
-
|
|
222
|
+
lgPaddingBottom: {
|
|
223
|
+
name: string;
|
|
119
224
|
control: {
|
|
120
225
|
type: "select";
|
|
121
226
|
};
|
|
122
227
|
options: string[];
|
|
228
|
+
mapping: {
|
|
229
|
+
'(auto)': string;
|
|
230
|
+
};
|
|
123
231
|
description: string;
|
|
232
|
+
table: {
|
|
233
|
+
defaultValue: {
|
|
234
|
+
summary: string;
|
|
235
|
+
};
|
|
236
|
+
};
|
|
124
237
|
};
|
|
125
238
|
};
|
|
126
|
-
export declare const pageSectionArgs: {
|
|
127
|
-
background: string;
|
|
128
|
-
scheme: string;
|
|
129
|
-
width: string;
|
|
130
|
-
height: string;
|
|
131
|
-
'padding-block': string;
|
|
132
|
-
'padding-top': string;
|
|
133
|
-
'padding-bottom': string;
|
|
134
|
-
'sm-padding-block': string;
|
|
135
|
-
'sm-padding-top': string;
|
|
136
|
-
'sm-padding-bottom': string;
|
|
137
|
-
'md-padding-block': string;
|
|
138
|
-
'md-padding-top': string;
|
|
139
|
-
'md-padding-bottom': string;
|
|
140
|
-
'lg-padding-block': string;
|
|
141
|
-
'lg-padding-top': string;
|
|
142
|
-
'lg-padding-bottom': string;
|
|
143
|
-
};
|
|
144
239
|
declare class PageSectionAttrsDirective extends Directive {
|
|
145
240
|
constructor(partInfo: PartInfo);
|
|
146
241
|
render(_args: Record<string, unknown>): symbol;
|