@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
|
@@ -46,11 +46,29 @@
|
|
|
46
46
|
* @example
|
|
47
47
|
* ```html
|
|
48
48
|
* <nldd-avatar name="Bart van de Biezen"></nldd-avatar>
|
|
49
|
-
* <nldd-avatar
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
49
|
+
* <nldd-avatar
|
|
50
|
+
* name="Jan Jansen"
|
|
51
|
+
* src="/avatars/jan.jpg"
|
|
52
|
+
* size="48"
|
|
53
|
+
* ></nldd-avatar>
|
|
54
|
+
* <nldd-avatar
|
|
55
|
+
* type="organization"
|
|
56
|
+
* name="Kamer van Koophandel"
|
|
57
|
+
* initials="KvK"
|
|
58
|
+
* ></nldd-avatar>
|
|
59
|
+
* <nldd-avatar
|
|
60
|
+
* name="Bart van de Biezen"
|
|
61
|
+
* color="inherit"
|
|
62
|
+
* ></nldd-avatar>
|
|
63
|
+
* <nldd-avatar
|
|
64
|
+
* name="Bart van de Biezen"
|
|
65
|
+
* href="/profiel/"
|
|
66
|
+
* ></nldd-avatar>
|
|
67
|
+
* <nldd-avatar
|
|
68
|
+
* name="Bart van de Biezen"
|
|
69
|
+
* button
|
|
70
|
+
* accessible-label="Profielmenu openen"
|
|
71
|
+
* ></nldd-avatar>
|
|
54
72
|
* ```
|
|
55
73
|
*/
|
|
56
74
|
import { LitElement, type PropertyValues } from 'lit';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAOhD,qFAAqF;AACrF,MAAM,MAAM,UAAU,GACrB,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAE5F,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAGtC,IAAI,EAAE,UAAU,CAAY;IAG5B,IAAI,EAAE,UAAU,CAAU;IAG1B,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,UAAS;IAGpB,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,GAAG,SAAM;IAGT,MAAM,SAAM;IAGZ,IAAI,SAAM;IAEV;+DAC2D;IAE3D,eAAe,SAAM;IAGrB,UAAU,UAAS;IAEnB;;4EAEwE;IAExE,aAAa,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAW;IAEvD;iFAC6E;IAE7E,IAAI,SAAM;IAEV;;;wEAGoE;IAEpE,KAAK,UAAS;IAEd;6EACyE;IAEzE,MAAM,UAAS;IAGf,MAAM,SAAM;IAGZ,GAAG,SAAM;IAET,gDAAgD;IAChD,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,OAAO,CAAC,YAAY,CAAS;IAE7B;mEAC+D;IAE/D,YAAY,UAAS;IAErB;2EACuE;IACvE,IAAI,gBAAgB,IAAI,MAAM,CAO7B;IAED,8DAA8D;IAC9D,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,aAAa,QAAO,IAAI,CAEtB;IAEF;;mFAE+E;IAC/E,OAAO,CAAC,eAAe,CAAiD;IAE/D,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS/C,YAAY,IAAI,IAAI;IAKpB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiDrD;;;;kEAI8D;IAC9D,OAAO,CAAC,YAAY;IAaX,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -52,11 +52,29 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
52
52
|
* @example
|
|
53
53
|
* ```html
|
|
54
54
|
* <nldd-avatar name="Bart van de Biezen"></nldd-avatar>
|
|
55
|
-
* <nldd-avatar
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
*
|
|
55
|
+
* <nldd-avatar
|
|
56
|
+
* name="Jan Jansen"
|
|
57
|
+
* src="/avatars/jan.jpg"
|
|
58
|
+
* size="48"
|
|
59
|
+
* ></nldd-avatar>
|
|
60
|
+
* <nldd-avatar
|
|
61
|
+
* type="organization"
|
|
62
|
+
* name="Kamer van Koophandel"
|
|
63
|
+
* initials="KvK"
|
|
64
|
+
* ></nldd-avatar>
|
|
65
|
+
* <nldd-avatar
|
|
66
|
+
* name="Bart van de Biezen"
|
|
67
|
+
* color="inherit"
|
|
68
|
+
* ></nldd-avatar>
|
|
69
|
+
* <nldd-avatar
|
|
70
|
+
* name="Bart van de Biezen"
|
|
71
|
+
* href="/profiel/"
|
|
72
|
+
* ></nldd-avatar>
|
|
73
|
+
* <nldd-avatar
|
|
74
|
+
* name="Bart van de Biezen"
|
|
75
|
+
* button
|
|
76
|
+
* accessible-label="Profielmenu openen"
|
|
77
|
+
* ></nldd-avatar>
|
|
60
78
|
* ```
|
|
61
79
|
*/
|
|
62
80
|
import { LitElement } from 'lit';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,uBAAuB,CAAC;AAE/B,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,uBAAuB,CAAC;AAE/B,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA8EpE"}
|
|
@@ -36,7 +36,7 @@ export function avatarTemplate(component) {
|
|
|
36
36
|
` : nothing}
|
|
37
37
|
${showIcon ? html `
|
|
38
38
|
<nldd-icon class="avatar__icon"
|
|
39
|
-
|
|
39
|
+
icon=${component.resolvedIcon}
|
|
40
40
|
></nldd-icon>
|
|
41
41
|
` : nothing}
|
|
42
42
|
`;
|
|
@@ -68,7 +68,10 @@ export function avatarTemplate(component) {
|
|
|
68
68
|
const tooltipText = component.decorative ? '' : (component.accessibleLabel || component.name);
|
|
69
69
|
return tooltipText && component.tooltipTiming !== 'never'
|
|
70
70
|
? html `
|
|
71
|
-
<nldd-tooltip
|
|
71
|
+
<nldd-tooltip
|
|
72
|
+
text=${tooltipText}
|
|
73
|
+
timing=${component.tooltipTiming}
|
|
74
|
+
>
|
|
72
75
|
${shape}
|
|
73
76
|
</nldd-tooltip>
|
|
74
77
|
`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC;IAC7C,6EAA6E;IAC7E,MAAM,iBAAiB,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ;QACxE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;QAC1D,CAAC,CAAC,EAAE,CAAC;IACN,+DAA+D;IAC/D,4EAA4E;IAC5E,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC;SACnF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;IACxC,6EAA6E;IAC7E,4EAA4E;IAC5E,0EAA0E;IAC1E,MAAM,OAAO,GAAG,IAAI,CAAA;IACjB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEV,SAAS,CAAC,GAAG;aACV,SAAS,CAAC,MAAM,IAAI,OAAO;YAC5B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;;;;aAI9C,SAAS,CAAC,aAAa;;GAEjC,CAAC,CAAC,CAAC,OAAO;IACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;MAGjB,QAAQ;GACX,CAAC,CAAC,CAAC,OAAO;IACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;WAER,SAAS,CAAC,YAAY;;GAE9B,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;IAEF,6EAA6E;IAC7E,6EAA6E;IAC7E,0BAA0B;IAC1B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI;QAC3B,CAAC,CAAC,IAAI,CAAA;;WAEG,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,MAAM,IAAI,OAAO;UAC9B,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,OAAO;iBAC5C,YAAY;eACd,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;MACzC,OAAO;GACV;QACD,CAAC,CAAC,SAAS,CAAC,MAAM;YACjB,CAAC,CAAC,IAAI,CAAA;;;kBAGS,YAAY;gBACd,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;OACzC,OAAO;IACV;YACD,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,QAAQ,CAAC;IAE/C,6EAA6E;IAC7E,4EAA4E;IAC5E,mEAAmE;IACnE,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAE9F,OAAO,WAAW,IAAI,SAAS,CAAC,aAAa,KAAK,OAAO;QACxD,CAAC,CAAC,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC;IAC7C,6EAA6E;IAC7E,MAAM,iBAAiB,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,KAAK,QAAQ;QACxE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;QAC1D,CAAC,CAAC,EAAE,CAAC;IACN,+DAA+D;IAC/D,4EAA4E;IAC5E,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC;SACnF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;IACxC,6EAA6E;IAC7E,4EAA4E;IAC5E,0EAA0E;IAC1E,MAAM,OAAO,GAAG,IAAI,CAAA;IACjB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEV,SAAS,CAAC,GAAG;aACV,SAAS,CAAC,MAAM,IAAI,OAAO;YAC5B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;;;;aAI9C,SAAS,CAAC,aAAa;;GAEjC,CAAC,CAAC,CAAC,OAAO;IACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;MAGjB,QAAQ;GACX,CAAC,CAAC,CAAC,OAAO;IACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;WAER,SAAS,CAAC,YAAY;;GAE9B,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;IAEF,6EAA6E;IAC7E,6EAA6E;IAC7E,0BAA0B;IAC1B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI;QAC3B,CAAC,CAAC,IAAI,CAAA;;WAEG,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,MAAM,IAAI,OAAO;UAC9B,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,OAAO;iBAC5C,YAAY;eACd,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;MACzC,OAAO;GACV;QACD,CAAC,CAAC,SAAS,CAAC,MAAM;YACjB,CAAC,CAAC,IAAI,CAAA;;;kBAGS,YAAY;gBACd,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;OACzC,OAAO;IACV;YACD,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,QAAQ,CAAC;IAE/C,6EAA6E;IAC7E,4EAA4E;IAC5E,mEAAmE;IACnE,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAE9F,OAAO,WAAW,IAAI,SAAS,CAAC,aAAa,KAAK,OAAO;QACxD,CAAC,CAAC,IAAI,CAAA;;WAEG,WAAW;aACT,SAAS,CAAC,aAAa;;MAE9B,KAAK;;GAER;QACD,CAAC,CAAC,KAAK,CAAC;AACV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-group.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar-group/avatar-group.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"avatar-group.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/avatar-group/avatar-group.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAoD7D"}
|
|
@@ -28,7 +28,10 @@ export function avatarGroupTemplate(component) {
|
|
|
28
28
|
placement="bottom-end"
|
|
29
29
|
accessible-label=${component._t('components.avatar-group.overflow-popover-label')}
|
|
30
30
|
>
|
|
31
|
-
<nldd-container
|
|
31
|
+
<nldd-container
|
|
32
|
+
padding-inline="16"
|
|
33
|
+
padding-block="8"
|
|
34
|
+
>
|
|
32
35
|
<nldd-list dividers="never">
|
|
33
36
|
${overflow.map(entry => html `
|
|
34
37
|
<nldd-list-item size="sm">
|
|
@@ -36,7 +39,8 @@ export function avatarGroupTemplate(component) {
|
|
|
36
39
|
${entry.avatar}
|
|
37
40
|
</nldd-cell>
|
|
38
41
|
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
39
|
-
<nldd-text-cell
|
|
42
|
+
<nldd-text-cell
|
|
43
|
+
width="full"
|
|
40
44
|
text=${entry.name}
|
|
41
45
|
></nldd-text-cell>
|
|
42
46
|
</nldd-list-item>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-group.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar-group/avatar-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC;SAClE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,IAAI,CAAA;;;UAGF,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBACvC,SAAS,CAAC,eAAe,IAAI,OAAO;;uBAE7B,SAAS,CAAC,aAAa;KACzC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;UAErB,SAAS,CAAC,UAAU;;kBAEZ,KAAK;qBACF,SAAS,CAAC,UAAU;;QAEjC,QAAQ,CAAC,MAAM;;IAEnB,CAAC,CAAC,CAAC,OAAO;;IAEV,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;SAErB,SAAS,CAAC,UAAU;aAChB,SAAS,CAAC,UAAU;;uBAEV,SAAS,CAAC,EAAE,CAAC,gDAAgD,CAAC
|
|
1
|
+
{"version":3,"file":"avatar-group.template.js","sourceRoot":"","sources":["../../../../src/components/content/avatar-group/avatar-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC;SAClE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,IAAI,CAAA;;;UAGF,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBACvC,SAAS,CAAC,eAAe,IAAI,OAAO;;uBAE7B,SAAS,CAAC,aAAa;KACzC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;UAErB,SAAS,CAAC,UAAU;;kBAEZ,KAAK;qBACF,SAAS,CAAC,UAAU;;QAEjC,QAAQ,CAAC,MAAM;;IAEnB,CAAC,CAAC,CAAC,OAAO;;IAEV,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;SAErB,SAAS,CAAC,UAAU;aAChB,SAAS,CAAC,UAAU;;uBAEV,SAAS,CAAC,EAAE,CAAC,gDAAgD,CAAC;;;;;;;QAO7E,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;;;WAGvB,KAAK,CAAC,MAAM;;;;;gBAKP,KAAK,CAAC,IAAI;;;OAGnB,CAAC;;;;GAIL,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;AACH,CAAC"}
|
|
@@ -28,7 +28,7 @@ export type IconColor = '' | 'primary-content' | 'secondary-content' | 'accent'
|
|
|
28
28
|
*
|
|
29
29
|
* @element nldd-icon
|
|
30
30
|
*
|
|
31
|
-
* @attr {string}
|
|
31
|
+
* @attr {string} icon - The name of the icon to display. The same attribute every other component that renders an icon takes.
|
|
32
32
|
* @attr {string} size - `full` (the default) fills the container. `inherit` sizes the icon to the surrounding text (1em) and drops it onto that text's own line, for an icon set in a line of running text. Or a fixed spacer-aligned size in px (16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96).
|
|
33
33
|
* @attr {string} color - Functional (`primary-content`, `secondary-content`, `accent`, `critical`, `warning`, `success`) or rijkskleur (`lintblauw`, `donkerblauw`, `hemelblauw`, `lichtblauw`, `paars`, `violet`, `robijnrood`, `roze`, `rood`, `oranje`, `donkergeel`, `geel`, `donkerbruin`, `bruin`, `donkergroen`, `groen`, `mosgroen`, `mintgroen`). Empty = inherit `color` from parent.
|
|
34
34
|
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know. It wins over `color`.
|
|
@@ -36,15 +36,27 @@ export type IconColor = '' | 'primary-content' | 'secondary-content' | 'accent'
|
|
|
36
36
|
*
|
|
37
37
|
* @example
|
|
38
38
|
* ```html
|
|
39
|
-
* <nldd-icon
|
|
40
|
-
* <nldd-icon
|
|
41
|
-
*
|
|
42
|
-
*
|
|
39
|
+
* <nldd-icon icon="heart"></nldd-icon>
|
|
40
|
+
* <nldd-icon
|
|
41
|
+
* icon="trash"
|
|
42
|
+
* size="24"
|
|
43
|
+
* color="critical"
|
|
44
|
+
* ></nldd-icon>
|
|
45
|
+
* <nldd-icon
|
|
46
|
+
* icon="leaf"
|
|
47
|
+
* size="32"
|
|
48
|
+
* color="mosgroen"
|
|
49
|
+
* ></nldd-icon>
|
|
50
|
+
* <nldd-icon
|
|
51
|
+
* icon="circle-filled"
|
|
52
|
+
* size="16"
|
|
53
|
+
* custom-color="#3b82f6"
|
|
54
|
+
* ></nldd-icon>
|
|
43
55
|
* ```
|
|
44
56
|
*/
|
|
45
57
|
export declare class NLDDIcon extends LitElement {
|
|
46
58
|
static styles: import("lit").CSSResult;
|
|
47
|
-
|
|
59
|
+
icon: string;
|
|
48
60
|
size: IconSize;
|
|
49
61
|
color: IconColor;
|
|
50
62
|
/** Handed to the styles as a custom property rather than read from the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/content/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,eAAO,MAAM,KAAK,EAAE,MAAM,EAGlB,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/components/content/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,eAAO,MAAM,KAAK,EAAE,MAAM,EAGlB,CAAC;AAKT,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9H,MAAM,MAAM,SAAS,GAClB,EAAE,GAEF,iBAAiB,GAAG,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAEvF,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAC1C,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GACzC,aAAa,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,IAAI,SAAmB;IAGvB,IAAI,EAAE,QAAQ,CAAU;IAGxB,KAAK,EAAE,SAAS,CAAM;IAEtB;;wCAEoC;IAEpC,WAAW,SAAM;IAEjB;;;;;;;;;;OAUG;IAEH,GAAG,UAAS;IAGZ,OAAO,CAAC,QAAQ,CAAuB;IAE9B,iBAAiB,IAAI,IAAI;IAczB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAU/D,OAAO,CAAC,SAAS;IAYR,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|
|
@@ -16,6 +16,8 @@ export const ICONS = [
|
|
|
16
16
|
...iconRegistry.keys(),
|
|
17
17
|
...Object.keys(aliases),
|
|
18
18
|
].sort();
|
|
19
|
+
/** One warning per page: a missed rename is one search-and-replace, not one per icon. */
|
|
20
|
+
let warnedAboutName = false;
|
|
19
21
|
/**
|
|
20
22
|
* A customizable icon component that renders SVG icons from a predefined library.
|
|
21
23
|
*
|
|
@@ -40,7 +42,7 @@ export const ICONS = [
|
|
|
40
42
|
*
|
|
41
43
|
* @element nldd-icon
|
|
42
44
|
*
|
|
43
|
-
* @attr {string}
|
|
45
|
+
* @attr {string} icon - The name of the icon to display. The same attribute every other component that renders an icon takes.
|
|
44
46
|
* @attr {string} size - `full` (the default) fills the container. `inherit` sizes the icon to the surrounding text (1em) and drops it onto that text's own line, for an icon set in a line of running text. Or a fixed spacer-aligned size in px (16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96).
|
|
45
47
|
* @attr {string} color - Functional (`primary-content`, `secondary-content`, `accent`, `critical`, `warning`, `success`) or rijkskleur (`lintblauw`, `donkerblauw`, `hemelblauw`, `lichtblauw`, `paars`, `violet`, `robijnrood`, `roze`, `rood`, `oranje`, `donkergeel`, `geel`, `donkerbruin`, `bruin`, `donkergroen`, `groen`, `mosgroen`, `mintgroen`). Empty = inherit `color` from parent.
|
|
46
48
|
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know. It wins over `color`.
|
|
@@ -48,16 +50,28 @@ export const ICONS = [
|
|
|
48
50
|
*
|
|
49
51
|
* @example
|
|
50
52
|
* ```html
|
|
51
|
-
* <nldd-icon
|
|
52
|
-
* <nldd-icon
|
|
53
|
-
*
|
|
54
|
-
*
|
|
53
|
+
* <nldd-icon icon="heart"></nldd-icon>
|
|
54
|
+
* <nldd-icon
|
|
55
|
+
* icon="trash"
|
|
56
|
+
* size="24"
|
|
57
|
+
* color="critical"
|
|
58
|
+
* ></nldd-icon>
|
|
59
|
+
* <nldd-icon
|
|
60
|
+
* icon="leaf"
|
|
61
|
+
* size="32"
|
|
62
|
+
* color="mosgroen"
|
|
63
|
+
* ></nldd-icon>
|
|
64
|
+
* <nldd-icon
|
|
65
|
+
* icon="circle-filled"
|
|
66
|
+
* size="16"
|
|
67
|
+
* custom-color="#3b82f6"
|
|
68
|
+
* ></nldd-icon>
|
|
55
69
|
* ```
|
|
56
70
|
*/
|
|
57
71
|
let NLDDIcon = class NLDDIcon extends LitElement {
|
|
58
72
|
constructor() {
|
|
59
73
|
super(...arguments);
|
|
60
|
-
this.
|
|
74
|
+
this.icon = 'circle-dashed';
|
|
61
75
|
this.size = 'full';
|
|
62
76
|
this.color = '';
|
|
63
77
|
/** Handed to the styles as a custom property rather than read from the
|
|
@@ -83,11 +97,17 @@ let NLDDIcon = class NLDDIcon extends LitElement {
|
|
|
83
97
|
if (!this.hasAttribute('aria-hidden')) {
|
|
84
98
|
this.setAttribute('aria-hidden', 'true');
|
|
85
99
|
}
|
|
86
|
-
|
|
100
|
+
// `name` was renamed to `icon`. An unknown attribute does nothing, so
|
|
101
|
+
// without this the only sign of a missed rename is a dashed circle.
|
|
102
|
+
if (import.meta.env?.DEV && this.hasAttribute('name') && !warnedAboutName) {
|
|
103
|
+
warnedAboutName = true;
|
|
104
|
+
console.warn(`NLDDIcon: the name attribute is now icon. Rename name="${this.getAttribute('name')}" to icon="${this.getAttribute('name')}", here and on every other nldd-icon.`);
|
|
105
|
+
}
|
|
106
|
+
this._iconSvg = this._loadIcon(this.icon);
|
|
87
107
|
}
|
|
88
108
|
updated(changedProperties) {
|
|
89
|
-
if (changedProperties.has('
|
|
90
|
-
this._iconSvg = this._loadIcon(this.
|
|
109
|
+
if (changedProperties.has('icon') && this.icon) {
|
|
110
|
+
this._iconSvg = this._loadIcon(this.icon);
|
|
91
111
|
}
|
|
92
112
|
if (changedProperties.has('customColor')) {
|
|
93
113
|
if (this.customColor)
|
|
@@ -113,7 +133,7 @@ let NLDDIcon = class NLDDIcon extends LitElement {
|
|
|
113
133
|
NLDDIcon.styles = iconStyles;
|
|
114
134
|
__decorate([
|
|
115
135
|
property({ type: String })
|
|
116
|
-
], NLDDIcon.prototype, "
|
|
136
|
+
], NLDDIcon.prototype, "icon", void 0);
|
|
117
137
|
__decorate([
|
|
118
138
|
property({ reflect: true, converter: reflectNonDefault('full') })
|
|
119
139
|
], NLDDIcon.prototype, "size", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/content/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,MAAM,CAAC,MAAM,KAAK,GAAa;IAC9B,GAAG,YAAY,CAAC,IAAI,EAAE;IACtB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;CACvB,CAAC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/content/icon/icon.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identity.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/identity/identity.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"identity.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/identity/identity.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,wCA2CvD"}
|
|
@@ -24,7 +24,10 @@ export function identityTemplate(component) {
|
|
|
24
24
|
<div class="identity__avatars"
|
|
25
25
|
?hidden=${!hasAvatars}
|
|
26
26
|
>
|
|
27
|
-
<slot
|
|
27
|
+
<slot
|
|
28
|
+
name="avatars"
|
|
29
|
+
@slotchange=${component._onSlotChange}
|
|
30
|
+
></slot>
|
|
28
31
|
${avatarImage}
|
|
29
32
|
</div>
|
|
30
33
|
<div class="identity__text-area"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identity.template.js","sourceRoot":"","sources":["../../../../src/components/content/identity/identity.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,eAAe,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,yBAAyB,CAAC;IACnG,MAAM,UAAU,GAAG,SAAS,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAChF,2EAA2E;IAC3E,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,kBAAkB;QACvE,CAAC,CAAC,IAAI,CAAA;;WAEG,SAAS,CAAC,SAAS;cAChB,SAAS,CAAC,YAAY,IAAI,OAAO;YACnC,SAAS,CAAC,SAAS,IAAI,OAAO;mBACvB,CAAC,SAAS,CAAC,SAAS;;wBAEf;QACtB,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;4BAEgB,SAAS,CAAC,YAAY,IAAI,CAAC;;;cAGzC,CAAC,UAAU
|
|
1
|
+
{"version":3,"file":"identity.template.js","sourceRoot":"","sources":["../../../../src/components/content/identity/identity.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,eAAe,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,yBAAyB,CAAC;IACnG,MAAM,UAAU,GAAG,SAAS,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAChF,2EAA2E;IAC3E,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,kBAAkB;QACvE,CAAC,CAAC,IAAI,CAAA;;WAEG,SAAS,CAAC,SAAS;cAChB,SAAS,CAAC,YAAY,IAAI,OAAO;YACnC,SAAS,CAAC,SAAS,IAAI,OAAO;mBACvB,CAAC,SAAS,CAAC,SAAS;;wBAEf;QACtB,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;4BAEgB,SAAS,CAAC,YAAY,IAAI,CAAC;;;cAGzC,CAAC,UAAU;;;;mBAIN,SAAS,CAAC,aAAa;;MAEpC,WAAW;;;cAGH,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;eAG7B,CAAC,OAAO;qCACc,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI;;eAE/D,CAAC,iBAAiB;gDACe,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,cAAc;;;EAGjG,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/image/image.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"image.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/image/image.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,wCA6GjD"}
|
|
@@ -58,7 +58,11 @@ export function imageTemplate(component) {
|
|
|
58
58
|
<div class="image__error"
|
|
59
59
|
aria-hidden=${component.decorative ? 'true' : nothing}
|
|
60
60
|
>
|
|
61
|
-
<nldd-icon
|
|
61
|
+
<nldd-icon
|
|
62
|
+
icon="broken-image"
|
|
63
|
+
size="32"
|
|
64
|
+
color="secondary-content"
|
|
65
|
+
></nldd-icon>
|
|
62
66
|
${component.decorative ? nothing : html `<span class="image__error-text">${component.alt}</span>`}
|
|
63
67
|
</div>
|
|
64
68
|
` : nothing;
|
|
@@ -94,7 +98,8 @@ export function imageTemplate(component) {
|
|
|
94
98
|
<figure class="image__figure">
|
|
95
99
|
${media}
|
|
96
100
|
<figcaption class="image__caption">
|
|
97
|
-
<slot
|
|
101
|
+
<slot
|
|
102
|
+
name="caption" @slotchange=${component._onCaptionSlotChange}
|
|
98
103
|
>${component.caption}</slot>
|
|
99
104
|
${component.credit ? html `<span class="image__credit">${component.credit}</span>` : nothing}
|
|
100
105
|
</figcaption>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.template.js","sourceRoot":"","sources":["../../../../src/components/content/image/image.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,mEAAmE;IACnE,uEAAuE;IACvE,+CAA+C;IAC/C,wEAAwE;IACxE,wEAAwE;IACxE,uEAAuE;IACvE,wEAAwE;IACxE,8CAA8C;IAC9C,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,KAAK,IAAI,CAAC;IACpC,MAAM,WAAW,GAA2B,EAAE,CAAC;IAC/C,IAAI,SAAS,CAAC,eAAe;QAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,eAAe,CAAC;IACnF,IAAI,OAAO,EAAE,CAAC;QACb,WAAW,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7D,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACpC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC;QAC7B,cAAc,EAAE,IAAI;QACpB,oEAAoE;QACpE,kEAAkE;QAClE,kDAAkD;QAClD,oBAAoB,EAAE,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa;KACzD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAI,CAAA;;SAEhB,SAAS,CAAC,GAAG,IAAI,OAAO;SACxB,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG;iBACjC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAC5C,SAAS,CAAC,MAAM,IAAI,OAAO;WAC5B,SAAS,CAAC,KAAK,IAAI,OAAO;WAC1B,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC;YACjC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;aAC1B,SAAS,CAAC,OAAO;cAChB,SAAS,CAAC,QAAQ;mBACb,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC;WAC1C,SAAS,CAAC,YAAY;YACrB,SAAS,CAAC,aAAa;;EAEjC,CAAC;IAEF,2EAA2E;IAC3E,2EAA2E;IAC3E,wCAAwC;IACxC,2EAA2E;IAC3E,yEAAyE;IACzE,oEAAoE;IACpE,wEAAwE;IACxE,0EAA0E;IAC1E,2EAA2E;IAC3E,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;iBAEnC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"image.template.js","sourceRoot":"","sources":["../../../../src/components/content/image/image.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,15 @@
|
|
|
5
5
|
* typography. Uses no shadow DOM so styles apply to all nested elements.
|
|
6
6
|
* Import nldd-rich-text.css globally in your application.
|
|
7
7
|
*
|
|
8
|
+
* ## Direct children
|
|
9
|
+
* The rich text lays out its direct children in a grid: the vertical rhythm
|
|
10
|
+
* between headings, paragraphs and lists, and the width zones below, apply to
|
|
11
|
+
* those children only. A single wrapper `div` without `class`, `style`, `role`
|
|
12
|
+
* or `data-width`, as a markdown renderer or a component root produces it, is
|
|
13
|
+
* passed through with `display: contents`, so its children count as direct.
|
|
14
|
+
* Any other wrapper becomes a single grid item, and the paragraphs inside it
|
|
15
|
+
* lose their spacing.
|
|
16
|
+
*
|
|
8
17
|
* ## Width zones
|
|
9
18
|
* Children are placed in three zones: text (headings, paragraphs, lists,
|
|
10
19
|
* blockquote, div/section) reads at the `main` size; media and tables (img,
|
|
@@ -17,31 +26,31 @@
|
|
|
17
26
|
*
|
|
18
27
|
* @element nldd-rich-text
|
|
19
28
|
*
|
|
29
|
+
* @attr {string} color - 'content' (the default) takes the system's own content
|
|
30
|
+
* colors, each element its own. 'inherit' lets all text follow the color of
|
|
31
|
+
* the surface instead (for colored areas such as the filled categories).
|
|
32
|
+
* Links stay underlined as an affordance; secondary text (figcaption) gets
|
|
33
|
+
* the same color at a lowered opacity. Known v1 gaps: inline code, mark,
|
|
34
|
+
* tables and hr keep their own surfaces.
|
|
20
35
|
* @attr {string} spacing - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
|
|
21
36
|
* @attr {boolean} centered - Centers the main column inside the container; without it, content is left-aligned
|
|
37
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
22
38
|
* @attr {boolean} hyphens - Opt-in automatic hyphenation for running text (p,
|
|
23
39
|
* li, dd). Needs a correct `lang` on the page (`lang="nl"` on `<html>`, for
|
|
24
40
|
* instance): without language information the browser does not hyphenate. An
|
|
25
41
|
* `overflow-wrap: break-word` safety net on p/li is always on, independent of
|
|
26
42
|
* this attribute, so long URLs and compounds break neatly instead of
|
|
27
43
|
* overflowing even without a dictionary.
|
|
28
|
-
* @attr {string} color - 'content' (the default) takes the system's own content
|
|
29
|
-
* colors, each element its own. 'inherit' lets all text follow the color of
|
|
30
|
-
* the surface instead (for colored areas such as the filled categories).
|
|
31
|
-
* Links stay underlined as an affordance; secondary text (figcaption) gets
|
|
32
|
-
* the same color at a lowered opacity. Known v1 gaps: inline code, mark,
|
|
33
|
-
* tables and hr keep their own surfaces.
|
|
34
|
-
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
35
44
|
*/
|
|
36
45
|
import { LitElement } from 'lit';
|
|
37
46
|
import type { NLDDRichTextTranslations } from './rich-text.i18n.js';
|
|
38
47
|
type Spacing = 'flat' | 'tight' | 'snug' | 'loose';
|
|
39
48
|
export declare class NLDDRichText extends LitElement {
|
|
49
|
+
color: 'content' | 'inherit';
|
|
40
50
|
spacing: Spacing;
|
|
41
51
|
centered: boolean;
|
|
42
|
-
hyphens: boolean;
|
|
43
|
-
color: 'content' | 'inherit';
|
|
44
52
|
translations: Partial<NLDDRichTextTranslations>;
|
|
53
|
+
hyphens: boolean;
|
|
45
54
|
_t(key: keyof NLDDRichTextTranslations): string;
|
|
46
55
|
private _mutationObserver?;
|
|
47
56
|
private _resizeObserver?;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAInD,qBACa,YAAa,SAAQ,UAAU;IAE3C,KAAK,EAAE,SAAS,GAAG,SAAS,CAAa;IAGzC,OAAO,EAAE,OAAO,CAAU;IAG1B,QAAQ,UAAS;IAGjB,YAAY,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAM;IAGrD,OAAO,UAAS;IAET,EAAE,CAAC,GAAG,EAAE,MAAM,wBAAwB,GAAG,MAAM;IAItD,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEhC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,WAAW;CA+BnB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
|
|
@@ -11,6 +11,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
11
11
|
* typography. Uses no shadow DOM so styles apply to all nested elements.
|
|
12
12
|
* Import nldd-rich-text.css globally in your application.
|
|
13
13
|
*
|
|
14
|
+
* ## Direct children
|
|
15
|
+
* The rich text lays out its direct children in a grid: the vertical rhythm
|
|
16
|
+
* between headings, paragraphs and lists, and the width zones below, apply to
|
|
17
|
+
* those children only. A single wrapper `div` without `class`, `style`, `role`
|
|
18
|
+
* or `data-width`, as a markdown renderer or a component root produces it, is
|
|
19
|
+
* passed through with `display: contents`, so its children count as direct.
|
|
20
|
+
* Any other wrapper becomes a single grid item, and the paragraphs inside it
|
|
21
|
+
* lose their spacing.
|
|
22
|
+
*
|
|
14
23
|
* ## Width zones
|
|
15
24
|
* Children are placed in three zones: text (headings, paragraphs, lists,
|
|
16
25
|
* blockquote, div/section) reads at the `main` size; media and tables (img,
|
|
@@ -23,21 +32,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
23
32
|
*
|
|
24
33
|
* @element nldd-rich-text
|
|
25
34
|
*
|
|
35
|
+
* @attr {string} color - 'content' (the default) takes the system's own content
|
|
36
|
+
* colors, each element its own. 'inherit' lets all text follow the color of
|
|
37
|
+
* the surface instead (for colored areas such as the filled categories).
|
|
38
|
+
* Links stay underlined as an affordance; secondary text (figcaption) gets
|
|
39
|
+
* the same color at a lowered opacity. Known v1 gaps: inline code, mark,
|
|
40
|
+
* tables and hr keep their own surfaces.
|
|
26
41
|
* @attr {string} spacing - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
|
|
27
42
|
* @attr {boolean} centered - Centers the main column inside the container; without it, content is left-aligned
|
|
43
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
28
44
|
* @attr {boolean} hyphens - Opt-in automatic hyphenation for running text (p,
|
|
29
45
|
* li, dd). Needs a correct `lang` on the page (`lang="nl"` on `<html>`, for
|
|
30
46
|
* instance): without language information the browser does not hyphenate. An
|
|
31
47
|
* `overflow-wrap: break-word` safety net on p/li is always on, independent of
|
|
32
48
|
* this attribute, so long URLs and compounds break neatly instead of
|
|
33
49
|
* overflowing even without a dictionary.
|
|
34
|
-
* @attr {string} color - 'content' (the default) takes the system's own content
|
|
35
|
-
* colors, each element its own. 'inherit' lets all text follow the color of
|
|
36
|
-
* the surface instead (for colored areas such as the filled categories).
|
|
37
|
-
* Links stay underlined as an affordance; secondary text (figcaption) gets
|
|
38
|
-
* the same color at a lowered opacity. Known v1 gaps: inline code, mark,
|
|
39
|
-
* tables and hr keep their own surfaces.
|
|
40
|
-
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
41
50
|
*/
|
|
42
51
|
import { LitElement } from 'lit';
|
|
43
52
|
import { customElement, property } from 'lit/decorators.js';
|
|
@@ -47,11 +56,11 @@ const MANAGED_LABEL_ATTR = 'data-nldd-managed-label';
|
|
|
47
56
|
let NLDDRichText = class NLDDRichText extends LitElement {
|
|
48
57
|
constructor() {
|
|
49
58
|
super(...arguments);
|
|
59
|
+
this.color = 'content';
|
|
50
60
|
this.spacing = 'snug';
|
|
51
61
|
this.centered = false;
|
|
52
|
-
this.hyphens = false;
|
|
53
|
-
this.color = 'content';
|
|
54
62
|
this.translations = {};
|
|
63
|
+
this.hyphens = false;
|
|
55
64
|
}
|
|
56
65
|
_t(key) {
|
|
57
66
|
return this.translations[key] ?? nlddRichTextTranslations[key];
|
|
@@ -111,21 +120,21 @@ let NLDDRichText = class NLDDRichText extends LitElement {
|
|
|
111
120
|
}
|
|
112
121
|
}
|
|
113
122
|
};
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ reflect: true, converter: reflectNonDefault('content') })
|
|
125
|
+
], NLDDRichText.prototype, "color", void 0);
|
|
114
126
|
__decorate([
|
|
115
127
|
property({ reflect: true, converter: reflectNonDefault('snug') })
|
|
116
128
|
], NLDDRichText.prototype, "spacing", void 0);
|
|
117
129
|
__decorate([
|
|
118
130
|
property({ type: Boolean, reflect: true })
|
|
119
131
|
], NLDDRichText.prototype, "centered", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
property({ type: Boolean, reflect: true })
|
|
122
|
-
], NLDDRichText.prototype, "hyphens", void 0);
|
|
123
|
-
__decorate([
|
|
124
|
-
property({ reflect: true, converter: reflectNonDefault('content') })
|
|
125
|
-
], NLDDRichText.prototype, "color", void 0);
|
|
126
132
|
__decorate([
|
|
127
133
|
property({ type: Object })
|
|
128
134
|
], NLDDRichText.prototype, "translations", void 0);
|
|
135
|
+
__decorate([
|
|
136
|
+
property({ type: Boolean, reflect: true })
|
|
137
|
+
], NLDDRichText.prototype, "hyphens", void 0);
|
|
129
138
|
NLDDRichText = __decorate([
|
|
130
139
|
customElement('nldd-rich-text')
|
|
131
140
|
], NLDDRichText);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
* click it, it is `nldd-token`.
|
|
11
11
|
*
|
|
12
12
|
* @element nldd-tag
|
|
13
|
+
* @attr {string} variant - What is visible: 'text' | 'icon' | 'icon-and-text'. Unset → detected from which of text/icon is present.
|
|
13
14
|
* @attr {string} color - Color variant. Semantic: 'neutral' | 'accent' | 'success' | 'warning' | 'critical'. Rijkshuisstijl colors: 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen'. (default: 'neutral')
|
|
14
15
|
* @attr {string} size - Tag size: 'sm' | 'md' (default: 'md')
|
|
15
16
|
* @attr {string} text - Tag text (alternative to the default slot)
|
|
16
17
|
* @attr {string} icon - Icon before the text
|
|
17
|
-
* @attr {string} variant - What is visible: 'text' | 'icon' | 'icon-and-text'. Unset → detected from which of text/icon is present.
|
|
18
18
|
* @attr {string} accessible-label - Accessible label for screen readers. Use this on icon-only tags without visible text.
|
|
19
19
|
*
|
|
20
20
|
* @slot - Tag text
|
|
@@ -27,11 +27,11 @@ type Size = 'sm' | 'md';
|
|
|
27
27
|
type Variant = 'text' | 'icon' | 'icon-and-text';
|
|
28
28
|
export declare class NLDDTag extends LitElement {
|
|
29
29
|
static styles: import("lit").CSSResult;
|
|
30
|
+
variant: Variant | '';
|
|
30
31
|
color: Color;
|
|
31
32
|
size: Size;
|
|
32
33
|
text: string;
|
|
33
34
|
icon: string;
|
|
34
|
-
variant: Variant | '';
|
|
35
35
|
accessibleLabel: string;
|
|
36
36
|
_hasSlotText: boolean;
|
|
37
37
|
_hasSlotIcon: boolean;
|