@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
|
@@ -30,11 +30,11 @@ export function template(helpers) {
|
|
|
30
30
|
@click=${helpers.handleClick}
|
|
31
31
|
>
|
|
32
32
|
${this.startIcon ? html `
|
|
33
|
-
<span class="link__start-icon"><nldd-icon
|
|
33
|
+
<span class="link__start-icon"><nldd-icon icon=${this.startIcon}></nldd-icon></span>
|
|
34
34
|
` : html `<slot name="start-icon"></slot>`}
|
|
35
35
|
<span class="link__label">${this.text ? this.text : html `<slot></slot>`}</span>
|
|
36
36
|
${this.endIcon ? html `
|
|
37
|
-
<span class="link__end-icon"><nldd-icon
|
|
37
|
+
<span class="link__end-icon"><nldd-icon icon=${this.endIcon}></nldd-icon></span>
|
|
38
38
|
` : html `<slot name="end-icon"></slot>`}
|
|
39
39
|
${renderOpensInNewTabHint ? html `<span class="link__opens-in-new-tab-hint">${opensInNewTabHint}</span>` : nothing}
|
|
40
40
|
</a>
|
|
@@ -21,7 +21,7 @@ export function template(component) {
|
|
|
21
21
|
>
|
|
22
22
|
${component.icon ? html `
|
|
23
23
|
<span class="menu-bar-item__icon">
|
|
24
|
-
<nldd-icon
|
|
24
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
25
25
|
</span>
|
|
26
26
|
` : nothing}
|
|
27
27
|
<span class="menu-bar-item__text">
|
|
@@ -29,7 +29,7 @@ export function template(component) {
|
|
|
29
29
|
</span>
|
|
30
30
|
${component.expandable ? html `
|
|
31
31
|
<span class="menu-bar-item__disclosure-icon">
|
|
32
|
-
<nldd-icon
|
|
32
|
+
<nldd-icon icon="chevron-down-small"></nldd-icon>
|
|
33
33
|
</span>
|
|
34
34
|
` : nothing}
|
|
35
35
|
</a>
|
|
@@ -49,7 +49,7 @@ export function template(component) {
|
|
|
49
49
|
>
|
|
50
50
|
${component.icon ? html `
|
|
51
51
|
<span class="menu-bar-item__icon">
|
|
52
|
-
<nldd-icon
|
|
52
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
53
53
|
</span>
|
|
54
54
|
` : nothing}
|
|
55
55
|
<span class="menu-bar-item__text">
|
|
@@ -57,7 +57,7 @@ export function template(component) {
|
|
|
57
57
|
</span>
|
|
58
58
|
${component.expandable ? html `
|
|
59
59
|
<span class="menu-bar-item__disclosure-icon">
|
|
60
|
-
<nldd-icon
|
|
60
|
+
<nldd-icon icon="chevron-down-small"></nldd-icon>
|
|
61
61
|
</span>
|
|
62
62
|
` : nothing}
|
|
63
63
|
</button>
|
|
@@ -21,15 +21,15 @@ export const paginationStyles = css `
|
|
|
21
21
|
-webkit-tap-highlight-color: transparent;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
:host([hidden]) {
|
|
25
|
-
display: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
24
|
:host([centered]) {
|
|
29
25
|
display: flex;
|
|
30
26
|
justify-content: center;
|
|
31
27
|
}
|
|
32
28
|
|
|
29
|
+
:host([hidden]) {
|
|
30
|
+
display: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
33
|
:host([disabled]) {
|
|
34
34
|
opacity: var(--primitives-opacity-disabled);
|
|
35
35
|
pointer-events: none;
|
|
@@ -81,7 +81,7 @@ export function paginationTemplate(component) {
|
|
|
81
81
|
`)}
|
|
82
82
|
</select>
|
|
83
83
|
<div class="pagination__select-picker-icon">
|
|
84
|
-
<nldd-icon
|
|
84
|
+
<nldd-icon icon="chevron-up-chevron-down"></nldd-icon>
|
|
85
85
|
</div>
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
@@ -48,8 +48,8 @@ export function tabBarItemTemplate(component) {
|
|
|
48
48
|
aria-hidden="true"
|
|
49
49
|
>
|
|
50
50
|
${component.icon
|
|
51
|
-
? html `<nldd-icon
|
|
52
|
-
: html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? html `<nldd-icon
|
|
51
|
+
? html `<nldd-icon icon=${component.icon}></nldd-icon>`
|
|
52
|
+
: html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? html `<nldd-icon icon="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
|
|
53
53
|
</span>
|
|
54
54
|
<span class="tab-bar__item-text">
|
|
55
55
|
${component.text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,wCA2FvD"}
|
|
@@ -102,14 +102,16 @@ export function template(component) {
|
|
|
102
102
|
></nldd-menu-bar-item>
|
|
103
103
|
</div>
|
|
104
104
|
<div class="top-navigation-bar__global-menu-bar">
|
|
105
|
-
<slot
|
|
105
|
+
<slot
|
|
106
|
+
name="global"
|
|
106
107
|
@slotchange=${component._onGlobalSlotChange}
|
|
107
108
|
></slot>
|
|
108
109
|
</div>
|
|
109
110
|
</div>
|
|
110
111
|
<div class="top-navigation-bar__menu-bar-end">
|
|
111
112
|
<div class="top-navigation-bar__utility-menu-bar">
|
|
112
|
-
<slot
|
|
113
|
+
<slot
|
|
114
|
+
name="utility"
|
|
113
115
|
@slotchange=${component._onUtilitySlotChange}
|
|
114
116
|
></slot>
|
|
115
117
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB
|
|
1
|
+
{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB;;;;;;sBAMvB,SAAS,CAAC,mBAAmB;;;;;;;;sBAQ7B,SAAS,CAAC,oBAAoB;;;;;;;EAOlD,CAAC;AACH,CAAC"}
|
|
@@ -27,8 +27,9 @@
|
|
|
27
27
|
*
|
|
28
28
|
* @element nldd-top-title-bar
|
|
29
29
|
*
|
|
30
|
-
* @attr {string} text - Title of the bar, rendered as the
|
|
31
|
-
* @attr {string} supporting-text -
|
|
30
|
+
* @attr {string} text - Title of the bar, rendered as the heading in the title group.
|
|
31
|
+
* @attr {string} supporting-text - Text under the title.
|
|
32
|
+
* @attr {1|2|3|4|5|6} heading-level - Heading level of the title: 1–6 (default: 1). Lower it where the bar is not the top of the page, such as a pane beside content that already has its h1.
|
|
32
33
|
* @attr {string} collapse-anchor - Id of the element whose top edge triggers the compact state on scroll. Without it the state is static (see above).
|
|
33
34
|
* @attr {string} back-text - Text of the back button and its accessible name. Empty hides the back button (and the divider).
|
|
34
35
|
* @attr {string} back-href - URL for the back button; renders a link and suppresses the `back` event.
|
|
@@ -40,10 +41,12 @@
|
|
|
40
41
|
* @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed, with the same caveat as `back`.
|
|
41
42
|
*/
|
|
42
43
|
import { LitElement } from 'lit';
|
|
44
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
43
45
|
export declare class NLDDTopTitleBar extends LitElement {
|
|
44
46
|
static styles: import("lit").CSSResult;
|
|
45
47
|
text: string;
|
|
46
48
|
supportingText: string;
|
|
49
|
+
headingLevel: HeadingLevel;
|
|
47
50
|
collapseAnchor: string;
|
|
48
51
|
backText: string;
|
|
49
52
|
backHref: string;
|
|
@@ -83,4 +86,5 @@ declare global {
|
|
|
83
86
|
'nldd-top-title-bar': NLDDTopTitleBar;
|
|
84
87
|
}
|
|
85
88
|
}
|
|
89
|
+
export {};
|
|
86
90
|
//# sourceMappingURL=top-title-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,YAAY,CAAK;IAG/B,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAE5C;;;wBAGoB;IAEpB,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,0BAA0B,CAAiC;IACnE,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,qBAAqB,CAA+B;IAC5D,OAAO,CAAC,qBAAqB,CAAiC;IAC9D,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAgBpB,gBAAgB;IAChB,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,OAAO,CAAC,cAAc;IA+CtB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,iBAAiB;IA6BzB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,SAAS;IAmBjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
|
|
@@ -27,8 +27,9 @@
|
|
|
27
27
|
*
|
|
28
28
|
* @element nldd-top-title-bar
|
|
29
29
|
*
|
|
30
|
-
* @attr {string} text - Title of the bar, rendered as the
|
|
31
|
-
* @attr {string} supporting-text -
|
|
30
|
+
* @attr {string} text - Title of the bar, rendered as the heading in the title group.
|
|
31
|
+
* @attr {string} supporting-text - Text under the title.
|
|
32
|
+
* @attr {1|2|3|4|5|6} heading-level - Heading level of the title: 1–6 (default: 1). Lower it where the bar is not the top of the page, such as a pane beside content that already has its h1.
|
|
32
33
|
* @attr {string} collapse-anchor - Id of the element whose top edge triggers the compact state on scroll. Without it the state is static (see above).
|
|
33
34
|
* @attr {string} back-text - Text of the back button and its accessible name. Empty hides the back button (and the divider).
|
|
34
35
|
* @attr {string} back-href - URL for the back button; renders a link and suppresses the `back` event.
|
|
@@ -55,6 +56,7 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
|
|
|
55
56
|
super(...arguments);
|
|
56
57
|
this.text = '';
|
|
57
58
|
this.supportingText = '';
|
|
59
|
+
this.headingLevel = 1;
|
|
58
60
|
this.collapseAnchor = '';
|
|
59
61
|
this.backText = '';
|
|
60
62
|
this.backHref = '';
|
|
@@ -257,6 +259,9 @@ __decorate([
|
|
|
257
259
|
__decorate([
|
|
258
260
|
property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
|
|
259
261
|
], NLDDTopTitleBar.prototype, "supportingText", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property({ reflect: true, attribute: 'heading-level', converter: reflectNonDefault(1) })
|
|
264
|
+
], NLDDTopTitleBar.prototype, "headingLevel", void 0);
|
|
260
265
|
__decorate([
|
|
261
266
|
property({ type: String, attribute: 'collapse-anchor' })
|
|
262
267
|
], NLDDTopTitleBar.prototype, "collapseAnchor", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}
|
|
@@ -119,7 +119,7 @@ export const topTitleBarStyles = css `
|
|
|
119
119
|
white-space: nowrap;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.top-title-bar__title:has(+ .top-title-
|
|
122
|
+
.top-title-bar__title:has(+ .top-title-bar__supporting-text) {
|
|
123
123
|
font: var(--primitives-font-body-md-semi-bold-flat);
|
|
124
124
|
}
|
|
125
125
|
|
|
@@ -129,7 +129,7 @@ export const topTitleBarStyles = css `
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.top-title-
|
|
132
|
+
.top-title-bar__supporting-text {
|
|
133
133
|
margin: 0;
|
|
134
134
|
overflow: hidden;
|
|
135
135
|
color: var(--semantics-content-secondary-color);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAalD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA4D7D"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
+
import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
|
|
2
3
|
import '../../actions/button/button.js';
|
|
3
4
|
import '../../actions/icon-button/icon-button.js';
|
|
5
|
+
// SAFETY: the only tags unsafeStatic ever sees. A heading-level outside the map
|
|
6
|
+
// falls back to h1, so no tag name is derived from input.
|
|
7
|
+
const HEADING_TAGS = {
|
|
8
|
+
1: unsafeStatic('h1'),
|
|
9
|
+
2: unsafeStatic('h2'),
|
|
10
|
+
3: unsafeStatic('h3'),
|
|
11
|
+
4: unsafeStatic('h4'),
|
|
12
|
+
5: unsafeStatic('h5'),
|
|
13
|
+
6: unsafeStatic('h6'),
|
|
14
|
+
};
|
|
4
15
|
export function topTitleBarTemplate(component) {
|
|
5
16
|
const showBack = !!component.backText;
|
|
17
|
+
const headingTag = HEADING_TAGS[component.headingLevel] ?? HEADING_TAGS[1];
|
|
6
18
|
return html `
|
|
7
19
|
<div class="top-title-bar">
|
|
8
20
|
<div class="top-title-bar__start">
|
|
@@ -34,16 +46,19 @@ export function topTitleBarTemplate(component) {
|
|
|
34
46
|
<div class="top-title-bar__title-group"
|
|
35
47
|
aria-hidden=${component._hasAnchor ? 'true' : nothing}
|
|
36
48
|
>
|
|
37
|
-
|
|
49
|
+
${staticHtml `<${headingTag} class="top-title-bar__title">${component.text}</${headingTag}>`}
|
|
38
50
|
${component.supportingText ? html `
|
|
39
|
-
<p class="top-title-
|
|
51
|
+
<p class="top-title-bar__supporting-text">${component.supportingText}</p>
|
|
40
52
|
` : nothing}
|
|
41
53
|
</div>
|
|
42
54
|
</div>
|
|
43
55
|
<div class="top-title-bar__end"
|
|
44
56
|
?hidden=${!component.dismissText && !component._hasToolbarItems}
|
|
45
57
|
>
|
|
46
|
-
<slot
|
|
58
|
+
<slot
|
|
59
|
+
name="toolbar"
|
|
60
|
+
@slotchange=${component._onToolbarSlotChange}
|
|
61
|
+
></slot>
|
|
47
62
|
${component.dismissText ? html `
|
|
48
63
|
<div class="top-title-bar__dismiss-button">
|
|
49
64
|
<nldd-button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,gFAAgF;AAChF,0DAA0D;AAC1D,MAAM,YAAY,GAAoD;IACrE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;mBAEI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;OAEnD,UAAU,CAAA,IAAI,UAAU,iCAAiC,SAAS,CAAC,IAAI,KAAK,UAAU,GAAG;OACzF,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;kDACY,SAAS,CAAC,cAAc;MACpE,CAAC,CAAC,CAAC,OAAO;;;;cAIF,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;;;;mBAIhD,SAAS,CAAC,oBAAoB;;MAE3C,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
|
|
@@ -37,10 +37,6 @@ export const activityIndicatorStyles = css `
|
|
|
37
37
|
justify-content: center;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
:host([hidden]) {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
40
|
/* Overlay mode (content in the default slot): the host wraps the content and
|
|
45
41
|
is the containing block for the absolutely-positioned indicator + backdrop,
|
|
46
42
|
so it sizes to the content instead of filling its parent. */
|
|
@@ -50,6 +46,10 @@ export const activityIndicatorStyles = css `
|
|
|
50
46
|
height: auto;
|
|
51
47
|
}
|
|
52
48
|
|
|
49
|
+
:host([hidden]) {
|
|
50
|
+
display: none;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
53
|
|
|
54
54
|
/* ## Sizes (icon scale) */
|
|
55
55
|
|
|
@@ -19,7 +19,7 @@ export function template(component) {
|
|
|
19
19
|
${component.pulse ? html `<span class="badge__pulse"></span>` : ''}
|
|
20
20
|
${component.icon ? html `
|
|
21
21
|
<span class="badge__icon">
|
|
22
|
-
<nldd-icon
|
|
22
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
23
23
|
</span>
|
|
24
24
|
` : ''}
|
|
25
25
|
${component._hasText ? html `<span class="badge__text">${component._displayValue}</span>` : ''}
|
|
@@ -16,7 +16,7 @@ export function bannerTemplate(component) {
|
|
|
16
16
|
<div class="banner__icon"
|
|
17
17
|
aria-hidden="true"
|
|
18
18
|
>
|
|
19
|
-
<nldd-icon
|
|
19
|
+
<nldd-icon icon=${component._resolvedIcon}></nldd-icon>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="banner__main">
|
|
22
22
|
${component.text || component.supportingText ? html `
|
|
@@ -16,7 +16,7 @@ export function inlineDialogTemplate(component) {
|
|
|
16
16
|
</div>
|
|
17
17
|
` : component._resolvedIconName ? html `
|
|
18
18
|
<div class="inline-dialog__icon">
|
|
19
|
-
<nldd-icon
|
|
19
|
+
<nldd-icon icon=${component._resolvedIconName}></nldd-icon>
|
|
20
20
|
</div>
|
|
21
21
|
` : nothing}
|
|
22
22
|
${component.text ? html `
|
|
@@ -4,20 +4,27 @@
|
|
|
4
4
|
* A modal window with overlay backdrop, based on the native <dialog> element.
|
|
5
5
|
* Internally renders an <nldd-inline-dialog> for the visual structure.
|
|
6
6
|
*
|
|
7
|
+
* Open and close it with `open`, bound to your state together with the close
|
|
8
|
+
* event: the dialog clears `open` itself when the user closes it. show() and
|
|
9
|
+
* hide() do the same for code without a binding. Keep the dialog in the DOM
|
|
10
|
+
* rather than mounting it when it opens, or the animations are skipped.
|
|
11
|
+
*
|
|
7
12
|
* @element nldd-modal-dialog
|
|
8
13
|
*
|
|
9
14
|
* @attr {'alert'} variant - Forwarded to nldd-inline-dialog; 'alert' forces icon and color
|
|
10
|
-
* @attr {
|
|
15
|
+
* @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
|
|
11
16
|
* @attr {string} text - Forwarded to nldd-inline-dialog; main text
|
|
12
17
|
* @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
|
|
13
|
-
* @attr {
|
|
18
|
+
* @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
|
|
14
19
|
* @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
|
|
20
|
+
* @attr {boolean} open - Whether the dialog is open. Set it to open or close the dialog, as an alternative to show() and hide(). The dialog clears it itself when it closes another way (Escape, the backdrop), so bind it together with the close event.
|
|
15
21
|
*
|
|
16
22
|
* @slot - Optional custom content, forwarded to nldd-inline-dialog
|
|
17
23
|
* @slot actions - nldd-button elements, forwarded to nldd-inline-dialog
|
|
24
|
+
* @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
|
|
18
25
|
*
|
|
19
26
|
* @fires open - When the dialog is opened
|
|
20
|
-
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened.
|
|
27
|
+
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
|
|
21
28
|
*
|
|
22
29
|
* @method show() - Opens the modal dialog
|
|
23
30
|
* @method hide() - Closes the modal dialog with a closing animation
|
|
@@ -28,12 +35,14 @@ import '../inline-dialog/inline-dialog.js';
|
|
|
28
35
|
export declare class NLDDModalDialog extends LitElement {
|
|
29
36
|
static styles: import("lit").CSSResult;
|
|
30
37
|
variant: InlineDialogVariant | '';
|
|
31
|
-
|
|
38
|
+
horizontalAlignment: InlineDialogHorizontalAlignment | '';
|
|
32
39
|
text: string;
|
|
33
40
|
supportingText: string;
|
|
34
|
-
|
|
41
|
+
icon: string;
|
|
35
42
|
/** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
|
|
36
43
|
accessibleLabel: string;
|
|
44
|
+
open: boolean;
|
|
45
|
+
updated(changed: Map<string, unknown>): void;
|
|
37
46
|
private _closing;
|
|
38
47
|
private get _dialog();
|
|
39
48
|
/** Cancels a `show()` that is waiting for the first render; null when none is. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAG/D,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,IAAI,SAAM;IAEV,oFAAoF;IAEpF,eAAe,SAAM;IAGrB,IAAI,UAAS;IAEJ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQrD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IA6BZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAoCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -10,20 +10,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
* A modal window with overlay backdrop, based on the native <dialog> element.
|
|
11
11
|
* Internally renders an <nldd-inline-dialog> for the visual structure.
|
|
12
12
|
*
|
|
13
|
+
* Open and close it with `open`, bound to your state together with the close
|
|
14
|
+
* event: the dialog clears `open` itself when the user closes it. show() and
|
|
15
|
+
* hide() do the same for code without a binding. Keep the dialog in the DOM
|
|
16
|
+
* rather than mounting it when it opens, or the animations are skipped.
|
|
17
|
+
*
|
|
13
18
|
* @element nldd-modal-dialog
|
|
14
19
|
*
|
|
15
20
|
* @attr {'alert'} variant - Forwarded to nldd-inline-dialog; 'alert' forces icon and color
|
|
16
|
-
* @attr {
|
|
21
|
+
* @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
|
|
17
22
|
* @attr {string} text - Forwarded to nldd-inline-dialog; main text
|
|
18
23
|
* @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
|
|
19
|
-
* @attr {
|
|
24
|
+
* @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
|
|
20
25
|
* @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
|
|
26
|
+
* @attr {boolean} open - Whether the dialog is open. Set it to open or close the dialog, as an alternative to show() and hide(). The dialog clears it itself when it closes another way (Escape, the backdrop), so bind it together with the close event.
|
|
21
27
|
*
|
|
22
28
|
* @slot - Optional custom content, forwarded to nldd-inline-dialog
|
|
23
29
|
* @slot actions - nldd-button elements, forwarded to nldd-inline-dialog
|
|
30
|
+
* @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
|
|
24
31
|
*
|
|
25
32
|
* @fires open - When the dialog is opened
|
|
26
|
-
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened.
|
|
33
|
+
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
|
|
27
34
|
*
|
|
28
35
|
* @method show() - Opens the modal dialog
|
|
29
36
|
* @method hide() - Closes the modal dialog with a closing animation
|
|
@@ -45,12 +52,13 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
45
52
|
constructor() {
|
|
46
53
|
super(...arguments);
|
|
47
54
|
this.variant = '';
|
|
48
|
-
this.
|
|
55
|
+
this.horizontalAlignment = '';
|
|
49
56
|
this.text = '';
|
|
50
57
|
this.supportingText = '';
|
|
51
|
-
this.
|
|
58
|
+
this.icon = '';
|
|
52
59
|
/** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
|
|
53
60
|
this.accessibleLabel = '';
|
|
61
|
+
this.open = false;
|
|
54
62
|
this._closing = false;
|
|
55
63
|
/** Cancels a `show()` that is waiting for the first render; null when none is. */
|
|
56
64
|
this._cancelPendingOpen = null;
|
|
@@ -73,6 +81,15 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
73
81
|
}
|
|
74
82
|
};
|
|
75
83
|
}
|
|
84
|
+
updated(changed) {
|
|
85
|
+
if (changed.has('open')) {
|
|
86
|
+
const dialog = this._dialog;
|
|
87
|
+
if (this.open && (!dialog?.open || this._closing))
|
|
88
|
+
this.show();
|
|
89
|
+
else if (!this.open && dialog?.open && !this._closing)
|
|
90
|
+
this.hide();
|
|
91
|
+
}
|
|
92
|
+
}
|
|
76
93
|
get _dialog() {
|
|
77
94
|
return this.shadowRoot?.querySelector('dialog') ?? null;
|
|
78
95
|
}
|
|
@@ -85,10 +102,19 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
85
102
|
}
|
|
86
103
|
this._cancelPendingOpen?.();
|
|
87
104
|
this._cancelPendingOpen = null;
|
|
88
|
-
if (
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
105
|
+
if (this._closing) {
|
|
106
|
+
// Opened again while the close animation runs: call the close off.
|
|
107
|
+
window.clearTimeout(this._closeFallback);
|
|
108
|
+
this._closing = false;
|
|
109
|
+
dialog.classList.remove('is-closing');
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
if (dialog.open)
|
|
113
|
+
return;
|
|
114
|
+
dialog.showModal();
|
|
115
|
+
this._manageFocus();
|
|
116
|
+
}
|
|
117
|
+
this.open = true;
|
|
92
118
|
this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
|
|
93
119
|
}
|
|
94
120
|
_manageFocus() {
|
|
@@ -111,6 +137,7 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
111
137
|
const dialog = this._dialog;
|
|
112
138
|
if (!dialog || !dialog.open || this._closing)
|
|
113
139
|
return;
|
|
140
|
+
this.open = false;
|
|
114
141
|
this._closing = true;
|
|
115
142
|
dialog.classList.add('is-closing');
|
|
116
143
|
const finish = () => {
|
|
@@ -163,8 +190,8 @@ __decorate([
|
|
|
163
190
|
property({ reflect: true, converter: reflectNonDefault('') })
|
|
164
191
|
], NLDDModalDialog.prototype, "variant", void 0);
|
|
165
192
|
__decorate([
|
|
166
|
-
property({
|
|
167
|
-
], NLDDModalDialog.prototype, "
|
|
193
|
+
property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('') })
|
|
194
|
+
], NLDDModalDialog.prototype, "horizontalAlignment", void 0);
|
|
168
195
|
__decorate([
|
|
169
196
|
property({ reflect: true, converter: reflectNonDefault('') })
|
|
170
197
|
], NLDDModalDialog.prototype, "text", void 0);
|
|
@@ -172,11 +199,14 @@ __decorate([
|
|
|
172
199
|
property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
|
|
173
200
|
], NLDDModalDialog.prototype, "supportingText", void 0);
|
|
174
201
|
__decorate([
|
|
175
|
-
property({
|
|
176
|
-
], NLDDModalDialog.prototype, "
|
|
202
|
+
property({ type: String, reflect: true })
|
|
203
|
+
], NLDDModalDialog.prototype, "icon", void 0);
|
|
177
204
|
__decorate([
|
|
178
205
|
property({ type: String, attribute: 'accessible-label' })
|
|
179
206
|
], NLDDModalDialog.prototype, "accessibleLabel", void 0);
|
|
207
|
+
__decorate([
|
|
208
|
+
property({ type: Boolean, reflect: true })
|
|
209
|
+
], NLDDModalDialog.prototype, "open", void 0);
|
|
180
210
|
NLDDModalDialog = __decorate([
|
|
181
211
|
customElement('nldd-modal-dialog')
|
|
182
212
|
], NLDDModalDialog);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA6B7D"}
|
|
@@ -19,7 +19,10 @@ export function modalDialogTemplate(component) {
|
|
|
19
19
|
heading-level="2"
|
|
20
20
|
>
|
|
21
21
|
<slot></slot>
|
|
22
|
-
<slot
|
|
22
|
+
<slot
|
|
23
|
+
slot="actions"
|
|
24
|
+
name="actions"
|
|
25
|
+
></slot>
|
|
23
26
|
</nldd-inline-dialog>
|
|
24
27
|
<!-- Inside the dialog, so it escapes the inertness a modal imposes on
|
|
25
28
|
everything outside it. Plumbing, not consumer API. -->
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;;;;;;;EAajE,CAAC;AACH,CAAC"}
|