@nldd/design-system 0.8.91 → 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 +39 -26
- package/custom-elements.json +1936 -1460
- package/dist/components/actions/button/button.d.ts +22 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +48 -12
- 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.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +5 -4
- package/dist/components/actions/button/button.template.js.map +1 -1
- 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 +7 -6
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +7 -12
- 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 +9 -5
- 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 +5 -3
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +2060 -1065
- package/dist/components/content/avatar/avatar.d.ts +25 -10
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +25 -18
- 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 +7 -3
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.d.ts +1 -1
- package/dist/components/content/avatar-group/avatar-group.js +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/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +12 -2
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +20 -8
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +32 -12
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/identity/identity.d.ts +1 -1
- package/dist/components/content/identity/identity.js +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/{dist-CENYEz7C.js → dist-B5ie2Bo9.js} +1 -1
- package/dist/components/{dist-D_ckX1sK.js → dist-BUu-NW5O.js} +1 -1
- package/dist/components/{dist-Y54Lma86.js → dist-CGOykrJw.js} +2 -2
- package/dist/components/{dist-CYLM5ciE.js → dist-CQzaKTa8.js} +1 -1
- package/dist/components/{dist-yyE8P2O6.js → dist-CSYXsT7W.js} +2 -2
- package/dist/components/{dist-BLaE_n_F.js → dist-CoUVHSu-.js} +1 -1
- package/dist/components/{dist-DHA-0RyT.js → dist-Dn3c5gfb.js} +7 -1
- package/dist/components/{dist-BeymuiGt.js → dist-Dxn9Up8K.js} +3 -3
- package/dist/components/{dist-Dh_b9r4M.js → dist-M6GKopqu.js} +1 -1
- package/dist/components/{dist-TCqV9dho.js → dist-OlffRM7-.js} +1 -1
- package/dist/components/{dist-DkZlotgT.js → dist-RPaf2J9c.js} +2 -2
- 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-CEz4MB9H.js → icon-button-hO6k8W63.js} +20 -20
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +1 -1
- 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.d.ts +1 -1
- package/dist/components/inputs/date-field/date-field.js +1 -1
- 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.d.ts +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +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.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +0 -10
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +6 -4
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +0 -10
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js +4 -3
- package/dist/components/inputs/radio-button-field/radio-button-field.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.d.ts +3 -0
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +6 -0
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +0 -10
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- 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.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +78 -2
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +2 -2
- package/dist/components/inputs/time-field/time-field.d.ts +1 -1
- package/dist/components/inputs/time-field/time-field.js +1 -1
- 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/time-picker/time-picker.d.ts +1 -1
- package/dist/components/inputs/time-picker/time-picker.js +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +0 -9
- package/dist/components/inputs/toggle-button/toggle-button.styles.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 +7 -6
- 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 +5 -8
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.js +8 -19
- 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 +6 -3
- 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 +13 -15
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +20 -21
- 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 +8 -4
- 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 +15 -2
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +15 -2
- 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 -38
- 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/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +36 -11
- 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 +46 -19
- 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 +13 -3
- 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.d.ts +1 -3
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +1 -11
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/link/link.template.d.ts.map +1 -1
- package/dist/components/navigation/link/link.template.js +4 -3
- package/dist/components/navigation/link/link.template.js.map +1 -1
- 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/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +10 -4
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +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.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- 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.styles.js +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.d.ts +2 -4
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +2 -8
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js +3 -2
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +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/components/{with-translations-CqUV9S5g.js → with-translations-BAKFoEKy.js} +22 -1
- package/dist/css/form-section.css +4 -4
- package/dist/css/form.css +4 -0
- package/dist/css/fouc.css +1 -1
- package/dist/css/rich-text.css +26 -11
- package/dist/css/rijksoverheid-fonts.css +1 -1
- package/dist/css/variables.css +4 -15
- package/dist/favicon.svg +3 -8
- package/dist/nldd.min.js +1336 -898
- package/dist/touch-icon.png +0 -0
- package/dist/types/vue.d.ts +325 -278
- package/dist/utilities/form-associated-mixin.d.ts +2 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
- package/dist/utilities/form-associated-mixin.js +15 -1
- package/dist/utilities/form-associated-mixin.js.map +1 -1
- package/dist/utilities/link-rel.d.ts +13 -0
- package/dist/utilities/link-rel.d.ts.map +1 -0
- package/dist/utilities/link-rel.js +21 -0
- package/dist/utilities/link-rel.js.map +1 -0
- 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 +9 -7
- 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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Nederlandse Digitale Dienst Avatar Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
4
|
* Shows one person or organization as a compact, round (person) or rounded
|
|
5
5
|
* (organization) representation. The content follows a fixed fallback chain: an
|
|
@@ -40,17 +40,35 @@
|
|
|
40
40
|
* @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for an avatar that is a link or a button inside a roving container (a row of an nldd-list). Does nothing on a decorative avatar.
|
|
41
41
|
* @attr {boolean} button - Makes the avatar a button; ignored when `href` is set
|
|
42
42
|
* @attr {string} target - Link target for href (e.g. '_blank'); completes rel and announces "Opens in a new tab"
|
|
43
|
-
* @attr {string} rel - Link rel for href;
|
|
43
|
+
* @attr {string} rel - Link rel for href; with target '_blank', 'noopener noreferrer' is added to whatever you set
|
|
44
44
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
45
45
|
*
|
|
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';
|
|
@@ -99,9 +117,6 @@ export declare class NLDDAvatar extends NLDDAvatar_base {
|
|
|
99
117
|
rel: string;
|
|
100
118
|
/** True once the avatar is a control itself. */
|
|
101
119
|
get isInteractive(): boolean;
|
|
102
|
-
/** Resolves rel for the link: _blank adds noopener/noreferrer (mirroring
|
|
103
|
-
* nldd-link and nldd-card), merged with a rel of your own. */
|
|
104
|
-
_resolvedRel(): string;
|
|
105
120
|
private _warnedLabel;
|
|
106
121
|
/** Set when the image errors, so the template falls through to the next
|
|
107
122
|
* content step. Not private: the template module reads it. */
|
|
@@ -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"}
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Nederlandse Digitale Dienst Avatar Component (Lit + TypeScript)
|
|
9
9
|
*
|
|
10
10
|
* Shows one person or organization as a compact, round (person) or rounded
|
|
11
11
|
* (organization) representation. The content follows a fixed fallback chain: an
|
|
@@ -46,17 +46,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
46
46
|
* @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for an avatar that is a link or a button inside a roving container (a row of an nldd-list). Does nothing on a decorative avatar.
|
|
47
47
|
* @attr {boolean} button - Makes the avatar a button; ignored when `href` is set
|
|
48
48
|
* @attr {string} target - Link target for href (e.g. '_blank'); completes rel and announces "Opens in a new tab"
|
|
49
|
-
* @attr {string} rel - Link rel for href;
|
|
49
|
+
* @attr {string} rel - Link rel for href; with target '_blank', 'noopener noreferrer' is added to whatever you set
|
|
50
50
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
51
51
|
*
|
|
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';
|
|
@@ -120,17 +138,6 @@ let NLDDAvatar = class NLDDAvatar extends withTranslations(LitElement, nlddAvata
|
|
|
120
138
|
get isInteractive() {
|
|
121
139
|
return Boolean(this.href) || this.button;
|
|
122
140
|
}
|
|
123
|
-
/** Resolves rel for the link: _blank adds noopener/noreferrer (mirroring
|
|
124
|
-
* nldd-link and nldd-card), merged with a rel of your own. */
|
|
125
|
-
_resolvedRel() {
|
|
126
|
-
const base = this.rel ?? '';
|
|
127
|
-
if (this.target !== '_blank')
|
|
128
|
-
return base;
|
|
129
|
-
const parts = new Set(base.split(/\s+/).filter(Boolean));
|
|
130
|
-
parts.add('noopener');
|
|
131
|
-
parts.add('noreferrer');
|
|
132
|
-
return [...parts].join(' ');
|
|
133
|
-
}
|
|
134
141
|
/** Initials shown when there is no image: an explicit `initials` wins,
|
|
135
142
|
* otherwise the first letter of the first and last word of `name`. */
|
|
136
143
|
get resolvedInitials() {
|
|
@@ -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;
|
|
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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
+
import { linkRel } from '../../../utilities/link-rel.js';
|
|
2
3
|
import '../tooltip/tooltip.js';
|
|
3
4
|
export function avatarTemplate(component) {
|
|
4
5
|
const showImage = Boolean(component.src) && !component._imageFailed;
|
|
@@ -35,7 +36,7 @@ export function avatarTemplate(component) {
|
|
|
35
36
|
` : nothing}
|
|
36
37
|
${showIcon ? html `
|
|
37
38
|
<nldd-icon class="avatar__icon"
|
|
38
|
-
|
|
39
|
+
icon=${component.resolvedIcon}
|
|
39
40
|
></nldd-icon>
|
|
40
41
|
` : nothing}
|
|
41
42
|
`;
|
|
@@ -47,7 +48,7 @@ export function avatarTemplate(component) {
|
|
|
47
48
|
<a class="avatar avatar--interactive"
|
|
48
49
|
href=${component.href}
|
|
49
50
|
target=${component.target || nothing}
|
|
50
|
-
rel=${component.
|
|
51
|
+
rel=${linkRel(component.rel, component.target) || nothing}
|
|
51
52
|
aria-label=${controlLabel}
|
|
52
53
|
tabindex=${component.noTab ? '-1' : nothing}
|
|
53
54
|
>${content}</a>
|
|
@@ -67,7 +68,10 @@ export function avatarTemplate(component) {
|
|
|
67
68
|
const tooltipText = component.decorative ? '' : (component.accessibleLabel || component.name);
|
|
68
69
|
return tooltipText && component.tooltipTiming !== 'never'
|
|
69
70
|
? html `
|
|
70
|
-
<nldd-tooltip
|
|
71
|
+
<nldd-tooltip
|
|
72
|
+
text=${tooltipText}
|
|
73
|
+
timing=${component.tooltipTiming}
|
|
74
|
+
>
|
|
71
75
|
${shape}
|
|
72
76
|
</nldd-tooltip>
|
|
73
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,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,SAAS,CAAC,
|
|
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,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Nederlandse Digitale Dienst Avatar Group Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
4
|
* Shows several avatars as one group: they overlap, and each one gets a ring in
|
|
5
5
|
* the surface color so they stay apart where they meet. The ring uses the same
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Nederlandse Digitale Dienst Avatar Group Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
4
|
* Shows several avatars as one group: they overlap, and each one gets a ring in
|
|
5
5
|
* the surface color so they stay apart where they meet. The ring uses the same
|
|
@@ -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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"AAmCA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAM5F,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,0CAA0C,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAcjE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErE,qBACa,cAAe,SAAQ,qBAAqB;IACxD,OAAgB,MAAM,0BAAoB;IAE1C;+CAC2C;IAE3C,OAAO,EAAE,iBAAiB,CAAgB;IAG1C,QAAQ,SAAM;IAEd,4DAA4D;IAE5D,MAAM,UAAS;IAGf,IAAI,UAAS;IAMb,gBAAgB,UAAS;IAEzB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,aAAa,UAAS;IAGtB,UAAU,EAAE,mBAAmB,CAAU;IAEzC,OAAO,CAAC,oBAAoB,CAAqB;IACjD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAS;IAChC,OAAO,CAAC,eAAe,CAAC,CAAgC;IAKxD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,SAAS,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAI3D,SAAS,CAAC,eAAe,IAAI,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"AAmCA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAM5F,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,0CAA0C,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAcjE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErE,qBACa,cAAe,SAAQ,qBAAqB;IACxD,OAAgB,MAAM,0BAAoB;IAE1C;+CAC2C;IAE3C,OAAO,EAAE,iBAAiB,CAAgB;IAG1C,QAAQ,SAAM;IAEd,4DAA4D;IAE5D,MAAM,UAAS;IAGf,IAAI,UAAS;IAMb,gBAAgB,UAAS;IAEzB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,aAAa,UAAS;IAGtB,UAAU,EAAE,mBAAmB,CAAU;IAEzC,OAAO,CAAC,oBAAoB,CAAqB;IACjD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAS;IAChC,OAAO,CAAC,eAAe,CAAC,CAAgC;IAKxD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,SAAS,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAI3D,SAAS,CAAC,eAAe,IAAI,SAAS,EAAE;IAwB/B,MAAM;IAUN,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;cAQzB,aAAa,IAAI,MAAM;IAIjC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAgB5B,YAAY,IAAI,IAAI;IAa7B,OAAO,CAAC,gBAAgB;cAaL,eAAe,IAAI,IAAI;IAuBjC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAwBrD,aAAa,IAAI,IAAI;IAKd,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAOzC,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,cAAc;YAIR,YAAY;IA0B1B,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,WAAW;IAQN,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAc1C,4EAA4E;IACrE,cAAc,IAAI,IAAI;IAK7B,OAAO,CAAC,QAAQ;CAIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -97,8 +97,18 @@ let NLDDCodeViewer = class NLDDCodeViewer extends NLDDCodeMirrorElement {
|
|
|
97
97
|
EditorState.readOnly.of(true),
|
|
98
98
|
// CodeMirror puts role="textbox" on .cm-content regardless of the editable
|
|
99
99
|
// facet, so a display-only block would be announced as an editable field.
|
|
100
|
-
//
|
|
101
|
-
|
|
100
|
+
// Say what it is instead: a block of code, the role that stands for the
|
|
101
|
+
// <code> element this would be if CodeMirror did not build divs.
|
|
102
|
+
// aria-multiline and aria-readonly belong to a textbox and are allowed on
|
|
103
|
+
// no other role, so they go. A null value only removes them because
|
|
104
|
+
// updateAttrs() compares with ==, where an attribute that was never
|
|
105
|
+
// written matches null and so is never written; Attrs is typed
|
|
106
|
+
// string-only, hence the cast.
|
|
107
|
+
EditorView.contentAttributes.of({
|
|
108
|
+
role: 'code',
|
|
109
|
+
'aria-multiline': null,
|
|
110
|
+
'aria-readonly': null,
|
|
111
|
+
}),
|
|
102
112
|
this._wrapCompartment.of(this.wrap ? EditorView.lineWrapping : []),
|
|
103
113
|
this._languageCompartment.of([]),
|
|
104
114
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,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,WAAW,EAAE,WAAW,EAAkB,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AAC1G,OAAO,0CAA0C,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAI/B,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAEvC;;kFAEkF;AAClF,SAAS,oBAAoB;IAC5B,OAAO,OAAO,MAAM,KAAK,WAAW;WAChC,MAAM,CAAC,eAAe,KAAK,IAAI;WAC/B,OAAO,SAAS,KAAK,WAAW;WAChC,OAAO,SAAS,CAAC,SAAS,EAAE,SAAS,KAAK,UAAU,CAAC;AAC1D,CAAC;AAKM,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,qBAAqB;IAAlD;;QAGN;mDAC2C;QAE3C,YAAO,GAAsB,YAAY,CAAC;QAG1C,aAAQ,GAAG,EAAE,CAAC;QAEd,4DAA4D;QAE5D,WAAM,GAAG,KAAK,CAAC;QAGf,SAAI,GAAG,KAAK,CAAC;QAEb;;+EAEuE;QAEvE,qBAAgB,GAAG,KAAK,CAAC;QAEzB,kFAAkF;QAElF,iBAAY,GAAwC,EAAE,CAAC;QAGvD,kBAAa,GAAG,KAAK,CAAC;QAGtB,eAAU,GAAwB,MAAM,CAAC;QAEjC,yBAAoB,GAAG,IAAI,WAAW,EAAE,CAAC;QACzC,qBAAgB,GAAG,IAAI,WAAW,EAAE,CAAC;QACrC,qBAAgB,GAAkB,OAAO,CAAC,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,28 +23,40 @@ export type IconColor = '' | 'primary-content' | 'secondary-content' | 'accent'
|
|
|
23
23
|
* Color: by default the icon inherits its parent's `color`. Set `color` to one
|
|
24
24
|
* of the functional semantics (`primary-content`, `secondary-content`,
|
|
25
25
|
* `accent`, `critical`, `warning`, `success`) or a rijkskleur (`lintblauw`,
|
|
26
|
-
* `paars`, `groen`, …). For a color the
|
|
26
|
+
* `paars`, `groen`, …). For a color the system cannot know — the jacket
|
|
27
27
|
* of a cable, a color someone picked — set `custom-color` to any CSS color.
|
|
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
|
-
* @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
|
|
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`.
|
|
35
35
|
* @attr {boolean} box - Draw the icon on a filled square. `color` and `custom-color` then paint the box and the glyph takes the contrasting color, and `size` measures the box: the glyph is four fifths of it, the corner radius a fifth.
|
|
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
|
*
|
|
@@ -35,29 +37,41 @@ export const ICONS = [
|
|
|
35
37
|
* Color: by default the icon inherits its parent's `color`. Set `color` to one
|
|
36
38
|
* of the functional semantics (`primary-content`, `secondary-content`,
|
|
37
39
|
* `accent`, `critical`, `warning`, `success`) or a rijkskleur (`lintblauw`,
|
|
38
|
-
* `paars`, `groen`, …). For a color the
|
|
40
|
+
* `paars`, `groen`, …). For a color the system cannot know — the jacket
|
|
39
41
|
* of a cable, a color someone picked — set `custom-color` to any CSS color.
|
|
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
|
-
* @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
|
|
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`.
|
|
47
49
|
* @attr {boolean} box - Draw the icon on a filled square. `color` and `custom-color` then paint the box and the glyph takes the contrasting color, and `size` measures the box: the glyph is four fifths of it, the corner radius a fifth.
|
|
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,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Nederlandse Digitale Dienst Identity Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
4
|
* An editorial line that shows authors or editors: optional avatar or avatars,
|
|
5
5
|
* a name line and supporting text (a role or a date, for instance). Every part
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Nederlandse Digitale Dienst Identity Component (Lit + TypeScript)
|
|
9
9
|
*
|
|
10
10
|
* An editorial line that shows authors or editors: optional avatar or avatars,
|
|
11
11
|
* a name line and supporting text (a role or a date, for instance). Every part
|
|
@@ -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>
|