@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
|
@@ -5,26 +5,34 @@
|
|
|
5
5
|
* CSS values. Always modal.
|
|
6
6
|
*
|
|
7
7
|
* No header of its own: consumers use nldd-page with a sticky header inside for
|
|
8
|
-
* a title bar.
|
|
8
|
+
* a title bar. The text of the nldd-top-title-bar in that header is also the
|
|
9
|
+
* window's accessible name.
|
|
10
|
+
*
|
|
11
|
+
* Open and close it with `open`, bound to your state together with the close
|
|
12
|
+
* event: the window clears `open` itself when the user closes it. show() and
|
|
13
|
+
* hide() do the same for code without a binding. Keep the window in the DOM
|
|
14
|
+
* rather than mounting it when it opens, or the animations are skipped.
|
|
9
15
|
*
|
|
10
16
|
* @element nldd-window
|
|
11
17
|
*
|
|
12
|
-
* @attr {
|
|
13
|
-
* @attr {string}
|
|
14
|
-
* @attr {
|
|
18
|
+
* @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
|
|
19
|
+
* @attr {string} width - CSS width (default: var(--components-window-default-width))
|
|
20
|
+
* @attr {string} height - CSS height (default: content height)
|
|
15
21
|
* @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
|
|
16
|
-
* @attr {string} left - CSS left position of the left edge
|
|
17
22
|
* @attr {string} right - CSS right value
|
|
18
23
|
* @attr {string} bottom - CSS bottom value
|
|
24
|
+
* @attr {string} left - CSS left position of the left edge
|
|
19
25
|
* @attr {boolean} centered - Centers both axes on the viewport. Overridable per axis: `centered top="0"` is horizontally centered, top aligned. Mirrors CSS `place-items: center` with `align-items`/`justify-items` overrides.
|
|
20
|
-
* @attr {string}
|
|
21
|
-
* @attr {
|
|
22
|
-
* @attr {
|
|
26
|
+
* @attr {string} accessible-label - Accessible name (aria-label). Unset, the window takes the text of the nldd-top-title-bar inside it, and without one the i18n default ('Venster'). Each window needs a unique, descriptive name, from either.
|
|
27
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
|
|
28
|
+
* @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
|
|
29
|
+
* @attr {boolean} open - Whether the window is open. Set it to open or close the window, as an alternative to show() and hide(). The window clears it itself when it closes another way (Escape, the backdrop, the close button of its title bar), so bind it together with the close event.
|
|
23
30
|
*
|
|
24
31
|
* @slot - Complete window content (e.g. nldd-page)
|
|
32
|
+
* @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.
|
|
25
33
|
*
|
|
26
34
|
* @fires open - When the window opens
|
|
27
|
-
* @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it.
|
|
35
|
+
* @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it. 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.
|
|
28
36
|
*
|
|
29
37
|
* @method show() - Opens the window
|
|
30
38
|
* @method hide() - Closes the window
|
|
@@ -34,23 +42,25 @@ import { type NLDDWindowTranslations } from './window.i18n.js';
|
|
|
34
42
|
export type NLDDWindowScheme = 'inherit' | 'light' | 'dark';
|
|
35
43
|
export declare class NLDDWindow extends LitElement {
|
|
36
44
|
static styles: import("lit").CSSResult;
|
|
37
|
-
|
|
45
|
+
scheme: NLDDWindowScheme;
|
|
46
|
+
width: string | undefined;
|
|
47
|
+
height: string | undefined;
|
|
48
|
+
top: string | undefined;
|
|
49
|
+
right: string | undefined;
|
|
50
|
+
bottom: string | undefined;
|
|
51
|
+
left: string | undefined;
|
|
52
|
+
centered: boolean;
|
|
38
53
|
accessibleLabel: string;
|
|
39
54
|
/**
|
|
40
55
|
* Override one or more translation keys.
|
|
41
56
|
* Unset keys fall back to the Dutch default.
|
|
42
57
|
*/
|
|
43
58
|
translations: Partial<NLDDWindowTranslations>;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
right: string | undefined;
|
|
47
|
-
bottom: string | undefined;
|
|
48
|
-
centered: boolean;
|
|
49
|
-
width: string | undefined;
|
|
50
|
-
height: string | undefined;
|
|
51
|
-
scheme: NLDDWindowScheme;
|
|
59
|
+
noLightDismiss: boolean;
|
|
60
|
+
open: boolean;
|
|
52
61
|
private _closing;
|
|
53
62
|
private _hasWarnedLabel;
|
|
63
|
+
private _titleBar;
|
|
54
64
|
private get _dialog();
|
|
55
65
|
connectedCallback(): void;
|
|
56
66
|
disconnectedCallback(): void;
|
|
@@ -59,6 +69,8 @@ export declare class NLDDWindow extends LitElement {
|
|
|
59
69
|
private _applyScheme;
|
|
60
70
|
private _t;
|
|
61
71
|
get _resolvedAccessibleLabel(): string;
|
|
72
|
+
/** Cancels a `show()` that is waiting for the first render; null when none is. */
|
|
73
|
+
private _cancelPendingOpen;
|
|
62
74
|
show(): void;
|
|
63
75
|
hide(): void;
|
|
64
76
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAOvF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,MAAM,EAAE,gBAAgB,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAGzB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,cAAc,UAAS;IAGvB,IAAI,UAAS;IAEb,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,SAAS,CAAqC;IAEtD,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAY/C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IA8BZ,IAAI,IAAI,IAAI;IAeZ;;;;;OAKG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,UAAU;IAOlB,kBAAkB,GAAI,GAAG,KAAK,KAAG,IAAI,CAUnC;IAEF,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,oBAAoB;IAkC5B;;;6DAGyD;IACzD,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,kBAAkB,GAAI,GAAG,UAAU,KAAG,IAAI,CAQxC;IAEF,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -5,26 +5,34 @@
|
|
|
5
5
|
* CSS values. Always modal.
|
|
6
6
|
*
|
|
7
7
|
* No header of its own: consumers use nldd-page with a sticky header inside for
|
|
8
|
-
* a title bar.
|
|
8
|
+
* a title bar. The text of the nldd-top-title-bar in that header is also the
|
|
9
|
+
* window's accessible name.
|
|
10
|
+
*
|
|
11
|
+
* Open and close it with `open`, bound to your state together with the close
|
|
12
|
+
* event: the window clears `open` itself when the user closes it. show() and
|
|
13
|
+
* hide() do the same for code without a binding. Keep the window in the DOM
|
|
14
|
+
* rather than mounting it when it opens, or the animations are skipped.
|
|
9
15
|
*
|
|
10
16
|
* @element nldd-window
|
|
11
17
|
*
|
|
12
|
-
* @attr {
|
|
13
|
-
* @attr {string}
|
|
14
|
-
* @attr {
|
|
18
|
+
* @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
|
|
19
|
+
* @attr {string} width - CSS width (default: var(--components-window-default-width))
|
|
20
|
+
* @attr {string} height - CSS height (default: content height)
|
|
15
21
|
* @attr {string} top - CSS top position of the top edge (e.g. '0', '100px')
|
|
16
|
-
* @attr {string} left - CSS left position of the left edge
|
|
17
22
|
* @attr {string} right - CSS right value
|
|
18
23
|
* @attr {string} bottom - CSS bottom value
|
|
24
|
+
* @attr {string} left - CSS left position of the left edge
|
|
19
25
|
* @attr {boolean} centered - Centers both axes on the viewport. Overridable per axis: `centered top="0"` is horizontally centered, top aligned. Mirrors CSS `place-items: center` with `align-items`/`justify-items` overrides.
|
|
20
|
-
* @attr {string}
|
|
21
|
-
* @attr {
|
|
22
|
-
* @attr {
|
|
26
|
+
* @attr {string} accessible-label - Accessible name (aria-label). Unset, the window takes the text of the nldd-top-title-bar inside it, and without one the i18n default ('Venster'). Each window needs a unique, descriptive name, from either.
|
|
27
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
|
|
28
|
+
* @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
|
|
29
|
+
* @attr {boolean} open - Whether the window is open. Set it to open or close the window, as an alternative to show() and hide(). The window clears it itself when it closes another way (Escape, the backdrop, the close button of its title bar), so bind it together with the close event.
|
|
23
30
|
*
|
|
24
31
|
* @slot - Complete window content (e.g. nldd-page)
|
|
32
|
+
* @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.
|
|
25
33
|
*
|
|
26
34
|
* @fires open - When the window opens
|
|
27
|
-
* @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it.
|
|
35
|
+
* @fires close - When the window has fully closed. Does not bubble: overlays can sit inside each other, and a listener on one window should not also hear the form that opened it. 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.
|
|
28
36
|
*
|
|
29
37
|
* @method show() - Opens the window
|
|
30
38
|
* @method hide() - Closes the window
|
|
@@ -43,20 +51,26 @@ import { nlddWindowTranslations } from './window.i18n.js';
|
|
|
43
51
|
import { isPointerMode } from '../../../utilities/input-modality.js';
|
|
44
52
|
import { focusAutofocusTarget } from '../../../utilities/autofocus.js';
|
|
45
53
|
import { isDismissFromTitleBar } from '../../../utilities/dismiss-from-title-bar.js';
|
|
54
|
+
import { TitleBarLabelController } from '../../../utilities/title-bar-label-controller.js';
|
|
55
|
+
import { openWhenRendered } from '../../../utilities/open-when-rendered.js';
|
|
46
56
|
let NLDDWindow = class NLDDWindow extends LitElement {
|
|
47
57
|
constructor() {
|
|
48
58
|
super(...arguments);
|
|
49
|
-
this.
|
|
59
|
+
this.scheme = 'inherit';
|
|
60
|
+
this.centered = false;
|
|
50
61
|
this.accessibleLabel = '';
|
|
51
62
|
/**
|
|
52
63
|
* Override one or more translation keys.
|
|
53
64
|
* Unset keys fall back to the Dutch default.
|
|
54
65
|
*/
|
|
55
66
|
this.translations = {};
|
|
56
|
-
this.
|
|
57
|
-
this.
|
|
67
|
+
this.noLightDismiss = false;
|
|
68
|
+
this.open = false;
|
|
58
69
|
this._closing = false;
|
|
59
70
|
this._hasWarnedLabel = false;
|
|
71
|
+
this._titleBar = new TitleBarLabelController(this);
|
|
72
|
+
/** Cancels a `show()` that is waiting for the first render; null when none is. */
|
|
73
|
+
this._cancelPendingOpen = null;
|
|
60
74
|
/**
|
|
61
75
|
* Emitted once per open cycle, from whichever route actually closed the
|
|
62
76
|
* window. Same reasoning as nldd-sheet: Escape on a non-modal dialog closes
|
|
@@ -132,6 +146,13 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
132
146
|
this._applyScheme();
|
|
133
147
|
}
|
|
134
148
|
updated(changed) {
|
|
149
|
+
if (changed.has('open')) {
|
|
150
|
+
const dialog = this._dialog;
|
|
151
|
+
if (this.open && !dialog?.open)
|
|
152
|
+
this.show();
|
|
153
|
+
else if (!this.open && dialog?.open)
|
|
154
|
+
this.hide();
|
|
155
|
+
}
|
|
135
156
|
this._applyPositionStyles();
|
|
136
157
|
if (changed.has('scheme')) {
|
|
137
158
|
this._applyScheme();
|
|
@@ -155,33 +176,44 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
155
176
|
return this.translations[key] ?? nlddWindowTranslations[key];
|
|
156
177
|
}
|
|
157
178
|
get _resolvedAccessibleLabel() {
|
|
158
|
-
return this.accessibleLabel || this._t('components.window.accessible-label');
|
|
179
|
+
return this.accessibleLabel || this._titleBar.text || this._t('components.window.accessible-label');
|
|
159
180
|
}
|
|
160
181
|
show() {
|
|
161
182
|
const dialog = this._dialog;
|
|
162
|
-
if (!dialog)
|
|
183
|
+
if (!dialog) {
|
|
184
|
+
this._cancelPendingOpen?.();
|
|
185
|
+
this._cancelPendingOpen = openWhenRendered(this, () => this._dialog, () => this.show());
|
|
163
186
|
return;
|
|
187
|
+
}
|
|
188
|
+
this._cancelPendingOpen?.();
|
|
189
|
+
this._cancelPendingOpen = null;
|
|
164
190
|
// New open cycle: the next close may emit again.
|
|
165
191
|
this._closeEmitted = false;
|
|
166
|
-
if (import.meta.env?.DEV && !this.accessibleLabel && !this._hasWarnedLabel) {
|
|
192
|
+
if (import.meta.env?.DEV && !this.accessibleLabel && !this._titleBar.text && !this._hasWarnedLabel) {
|
|
167
193
|
this._hasWarnedLabel = true;
|
|
168
|
-
console.warn(`<nldd-window>: No accessible-label
|
|
194
|
+
console.warn(`<nldd-window>: No accessible-label and no nldd-top-title-bar with text inside. Screen readers will announce this window as "${this._t('components.window.accessible-label')}". Give the title bar a text, or set accessible-label.`);
|
|
169
195
|
}
|
|
170
196
|
dialog.showModal();
|
|
197
|
+
this.open = true;
|
|
171
198
|
this._applyPositionStyles();
|
|
172
199
|
this._manageFocus();
|
|
173
200
|
this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
|
|
174
201
|
}
|
|
175
202
|
hide() {
|
|
203
|
+
// A hide() beats a show() that is still waiting for the first render.
|
|
204
|
+
this._cancelPendingOpen?.();
|
|
205
|
+
this._cancelPendingOpen = null;
|
|
176
206
|
const dialog = this._dialog;
|
|
177
207
|
if (!dialog || !dialog.open || this._closing)
|
|
178
208
|
return;
|
|
209
|
+
this.open = false;
|
|
179
210
|
this._closing = true;
|
|
180
211
|
dialog.close();
|
|
181
212
|
this._closing = false;
|
|
182
213
|
this._emitClose();
|
|
183
214
|
}
|
|
184
215
|
_emitClose() {
|
|
216
|
+
this.open = false;
|
|
185
217
|
if (this._closeEmitted)
|
|
186
218
|
return;
|
|
187
219
|
this._closeEmitted = true;
|
|
@@ -249,38 +281,41 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
249
281
|
};
|
|
250
282
|
NLDDWindow.styles = windowStyles;
|
|
251
283
|
__decorate([
|
|
252
|
-
property({ type:
|
|
253
|
-
], NLDDWindow.prototype, "
|
|
254
|
-
__decorate([
|
|
255
|
-
property({ type: String, attribute: 'accessible-label' })
|
|
256
|
-
], NLDDWindow.prototype, "accessibleLabel", void 0);
|
|
284
|
+
property({ type: String, reflect: true })
|
|
285
|
+
], NLDDWindow.prototype, "scheme", void 0);
|
|
257
286
|
__decorate([
|
|
258
|
-
property({ type:
|
|
259
|
-
], NLDDWindow.prototype, "
|
|
287
|
+
property({ type: String, reflect: true })
|
|
288
|
+
], NLDDWindow.prototype, "width", void 0);
|
|
260
289
|
__decorate([
|
|
261
290
|
property({ type: String, reflect: true })
|
|
262
|
-
], NLDDWindow.prototype, "
|
|
291
|
+
], NLDDWindow.prototype, "height", void 0);
|
|
263
292
|
__decorate([
|
|
264
293
|
property({ type: String, reflect: true })
|
|
265
|
-
], NLDDWindow.prototype, "
|
|
294
|
+
], NLDDWindow.prototype, "top", void 0);
|
|
266
295
|
__decorate([
|
|
267
296
|
property({ type: String, reflect: true })
|
|
268
297
|
], NLDDWindow.prototype, "right", void 0);
|
|
269
298
|
__decorate([
|
|
270
299
|
property({ type: String, reflect: true })
|
|
271
300
|
], NLDDWindow.prototype, "bottom", void 0);
|
|
301
|
+
__decorate([
|
|
302
|
+
property({ type: String, reflect: true })
|
|
303
|
+
], NLDDWindow.prototype, "left", void 0);
|
|
272
304
|
__decorate([
|
|
273
305
|
property({ type: Boolean, reflect: true })
|
|
274
306
|
], NLDDWindow.prototype, "centered", void 0);
|
|
275
307
|
__decorate([
|
|
276
|
-
property({ type: String,
|
|
277
|
-
], NLDDWindow.prototype, "
|
|
308
|
+
property({ type: String, attribute: 'accessible-label' })
|
|
309
|
+
], NLDDWindow.prototype, "accessibleLabel", void 0);
|
|
278
310
|
__decorate([
|
|
279
|
-
property({ type:
|
|
280
|
-
], NLDDWindow.prototype, "
|
|
311
|
+
property({ type: Object })
|
|
312
|
+
], NLDDWindow.prototype, "translations", void 0);
|
|
281
313
|
__decorate([
|
|
282
|
-
property({ type:
|
|
283
|
-
], NLDDWindow.prototype, "
|
|
314
|
+
property({ type: Boolean, reflect: true, attribute: 'no-light-dismiss' })
|
|
315
|
+
], NLDDWindow.prototype, "noLightDismiss", void 0);
|
|
316
|
+
__decorate([
|
|
317
|
+
property({ type: Boolean, reflect: true })
|
|
318
|
+
], NLDDWindow.prototype, "open", void 0);
|
|
284
319
|
NLDDWindow = __decorate([
|
|
285
320
|
customElement('nldd-window')
|
|
286
321
|
], NLDDWindow);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* A generic cell for wrapping arbitrary content in a list item.
|
|
3
3
|
* Controls vertical alignment and sizing without imposing content opinions.
|
|
4
|
+
* For more than a line of text, such as paragraphs or markup, put an
|
|
5
|
+
* `nldd-rich-text` in it rather than loose text in the row.
|
|
4
6
|
*
|
|
5
7
|
* ### Vertical alignment
|
|
6
8
|
* `vertical-alignment="center"` (default) stretches the cell to fill the full
|
|
@@ -13,8 +15,8 @@
|
|
|
13
15
|
* @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
|
|
14
16
|
* @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
|
|
15
17
|
* @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
|
|
16
|
-
* @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
|
|
17
18
|
* @attr {'left' | 'center' | 'right'} horizontal-alignment - Horizontal alignment of slotted content (default: 'left')
|
|
19
|
+
* @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
|
|
18
20
|
*
|
|
19
21
|
* @slot - Default slot for any content (buttons, switches, icons, etc.)
|
|
20
22
|
*/
|
|
@@ -31,8 +33,8 @@ export declare class NLDDCell extends NLDDCell_base {
|
|
|
31
33
|
minWidth?: string;
|
|
32
34
|
maxWidth?: string;
|
|
33
35
|
minHeight?: string;
|
|
34
|
-
verticalAlignment: CellVerticalAlignment;
|
|
35
36
|
horizontalAlignment: CellHorizontalAlignment;
|
|
37
|
+
verticalAlignment: CellVerticalAlignment;
|
|
36
38
|
updated(changed: Map<string, unknown>): void;
|
|
37
39
|
private _applyDimensionStyles;
|
|
38
40
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;;;;;AAElE,qBACa,QAAS,SAAQ,aAA8C;IAC3E,OAAgB,MAAM,4BAAgB;IAGtC,KAAK,EAAE,MAAM,CAAiB;IAG9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,uBAAuB,CAAU;IAGtD,iBAAiB,EAAE,qBAAqB,CAAY;IAE3C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA+BpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|
|
@@ -7,6 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
/**
|
|
8
8
|
* A generic cell for wrapping arbitrary content in a list item.
|
|
9
9
|
* Controls vertical alignment and sizing without imposing content opinions.
|
|
10
|
+
* For more than a line of text, such as paragraphs or markup, put an
|
|
11
|
+
* `nldd-rich-text` in it rather than loose text in the row.
|
|
10
12
|
*
|
|
11
13
|
* ### Vertical alignment
|
|
12
14
|
* `vertical-alignment="center"` (default) stretches the cell to fill the full
|
|
@@ -19,8 +21,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
21
|
* @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
|
|
20
22
|
* @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
|
|
21
23
|
* @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
|
|
22
|
-
* @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
|
|
23
24
|
* @attr {'left' | 'center' | 'right'} horizontal-alignment - Horizontal alignment of slotted content (default: 'left')
|
|
25
|
+
* @attr {'top' | 'center' | 'bottom'} vertical-alignment - Vertical alignment of slotted content (default: 'center')
|
|
24
26
|
*
|
|
25
27
|
* @slot - Default slot for any content (buttons, switches, icons, etc.)
|
|
26
28
|
*/
|
|
@@ -34,8 +36,8 @@ let NLDDCell = class NLDDCell extends VisibilityMixin(LitElement, 'cells-contain
|
|
|
34
36
|
constructor() {
|
|
35
37
|
super(...arguments);
|
|
36
38
|
this.width = 'fit-content';
|
|
37
|
-
this.verticalAlignment = 'center';
|
|
38
39
|
this.horizontalAlignment = 'left';
|
|
40
|
+
this.verticalAlignment = 'center';
|
|
39
41
|
}
|
|
40
42
|
updated(changed) {
|
|
41
43
|
super.updated(changed);
|
|
@@ -94,12 +96,12 @@ __decorate([
|
|
|
94
96
|
__decorate([
|
|
95
97
|
property({ type: String, reflect: true, attribute: 'min-height' })
|
|
96
98
|
], NLDDCell.prototype, "minHeight", void 0);
|
|
97
|
-
__decorate([
|
|
98
|
-
property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
|
|
99
|
-
], NLDDCell.prototype, "verticalAlignment", void 0);
|
|
100
99
|
__decorate([
|
|
101
100
|
property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('left') })
|
|
102
101
|
], NLDDCell.prototype, "horizontalAlignment", void 0);
|
|
102
|
+
__decorate([
|
|
103
|
+
property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('center') })
|
|
104
|
+
], NLDDCell.prototype, "verticalAlignment", void 0);
|
|
103
105
|
NLDDCell = __decorate([
|
|
104
106
|
customElement('nldd-cell')
|
|
105
107
|
], NLDDCell);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.ts"],"names":[],"mappings":"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"}
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AA4GA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,wCASxD"}
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js
CHANGED
|
@@ -1,34 +1,106 @@
|
|
|
1
1
|
import { html, svg } from 'lit';
|
|
2
2
|
const gripMd = svg `
|
|
3
|
-
<svg
|
|
3
|
+
<svg
|
|
4
|
+
aria-hidden="true" class="drag-handle-cell__control-grip"
|
|
4
5
|
width="10"
|
|
5
6
|
height="22"
|
|
6
7
|
viewBox="0 0 10 22"
|
|
7
8
|
xmlns="http://www.w3.org/2000/svg"
|
|
8
9
|
>
|
|
9
|
-
<circle
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<circle
|
|
16
|
-
|
|
10
|
+
<circle
|
|
11
|
+
cx="2"
|
|
12
|
+
cy="2"
|
|
13
|
+
r="2"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
/>
|
|
16
|
+
<circle
|
|
17
|
+
cx="8"
|
|
18
|
+
cy="2"
|
|
19
|
+
r="2"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<circle
|
|
23
|
+
cx="2"
|
|
24
|
+
cy="8"
|
|
25
|
+
r="2"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<circle
|
|
29
|
+
cx="8"
|
|
30
|
+
cy="8"
|
|
31
|
+
r="2"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
<circle
|
|
35
|
+
cx="2"
|
|
36
|
+
cy="14"
|
|
37
|
+
r="2"
|
|
38
|
+
fill="currentColor"
|
|
39
|
+
/>
|
|
40
|
+
<circle
|
|
41
|
+
cx="8"
|
|
42
|
+
cy="14"
|
|
43
|
+
r="2"
|
|
44
|
+
fill="currentColor"
|
|
45
|
+
/>
|
|
46
|
+
<circle
|
|
47
|
+
cx="2"
|
|
48
|
+
cy="20"
|
|
49
|
+
r="2"
|
|
50
|
+
fill="currentColor"
|
|
51
|
+
/>
|
|
52
|
+
<circle
|
|
53
|
+
cx="8"
|
|
54
|
+
cy="20"
|
|
55
|
+
r="2"
|
|
56
|
+
fill="currentColor"
|
|
57
|
+
/>
|
|
17
58
|
</svg>
|
|
18
59
|
`;
|
|
19
60
|
const gripSm = svg `
|
|
20
|
-
<svg
|
|
61
|
+
<svg
|
|
62
|
+
aria-hidden="true" class="drag-handle-cell__control-grip"
|
|
21
63
|
width="10"
|
|
22
64
|
height="16"
|
|
23
65
|
viewBox="0 0 10 16"
|
|
24
66
|
xmlns="http://www.w3.org/2000/svg"
|
|
25
67
|
>
|
|
26
|
-
<circle
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
68
|
+
<circle
|
|
69
|
+
cx="2"
|
|
70
|
+
cy="2"
|
|
71
|
+
r="2"
|
|
72
|
+
fill="currentColor"
|
|
73
|
+
/>
|
|
74
|
+
<circle
|
|
75
|
+
cx="8"
|
|
76
|
+
cy="2"
|
|
77
|
+
r="2"
|
|
78
|
+
fill="currentColor"
|
|
79
|
+
/>
|
|
80
|
+
<circle
|
|
81
|
+
cx="2"
|
|
82
|
+
cy="8"
|
|
83
|
+
r="2"
|
|
84
|
+
fill="currentColor"
|
|
85
|
+
/>
|
|
86
|
+
<circle
|
|
87
|
+
cx="8"
|
|
88
|
+
cy="8"
|
|
89
|
+
r="2"
|
|
90
|
+
fill="currentColor"
|
|
91
|
+
/>
|
|
92
|
+
<circle
|
|
93
|
+
cx="2"
|
|
94
|
+
cy="14"
|
|
95
|
+
r="2"
|
|
96
|
+
fill="currentColor"
|
|
97
|
+
/>
|
|
98
|
+
<circle
|
|
99
|
+
cx="8"
|
|
100
|
+
cy="14"
|
|
101
|
+
r="2"
|
|
102
|
+
fill="currentColor"
|
|
103
|
+
/>
|
|
32
104
|
</svg>
|
|
33
105
|
`;
|
|
34
106
|
export function template(size, label) {
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.template.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CjB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,KAAa;IACxD,OAAO,IAAI,CAAA;;;gBAGI,KAAK;;KAEhB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;EAElC,CAAC;AACH,CAAC"}
|
|
@@ -6,12 +6,14 @@
|
|
|
6
6
|
* slot custom content as an escape hatch for non-standard iconography.
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-icon-cell
|
|
9
|
-
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
10
9
|
* @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
|
|
11
10
|
* @attr {'content' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'content')
|
|
11
|
+
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
12
12
|
* @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
|
|
13
13
|
*
|
|
14
14
|
* @slot - Fallback for custom icon content when `icon` is not set.
|
|
15
|
+
*
|
|
16
|
+
* @csspart icon - The glyph itself, whether it comes from `icon` or from the slot. Transform this rather than the cell: a transform on the host changes the box `getBoundingClientRect()` reports, and a row measures its cells to place the divider.
|
|
15
17
|
*/
|
|
16
18
|
import { LitElement } from 'lit';
|
|
17
19
|
import '../../../content/icon/icon.js';
|
|
@@ -24,9 +26,9 @@ declare const NLDDIconCell_base: typeof LitElement & (new (...args: any[]) => Li
|
|
|
24
26
|
});
|
|
25
27
|
export declare class NLDDIconCell extends NLDDIconCell_base {
|
|
26
28
|
static styles: import("lit").CSSResult;
|
|
27
|
-
verticalAlignment: VerticalAlignment;
|
|
28
29
|
size: Size;
|
|
29
30
|
color: Color;
|
|
31
|
+
verticalAlignment: VerticalAlignment;
|
|
30
32
|
icon: string;
|
|
31
33
|
render(): import("lit-html").TemplateResult<1>;
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;AAErF,qBACa,YAAa,SAAQ,iBAA8C;IAC/E,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
|