@nldd/design-system 0.8.70 → 0.8.72
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/README.md +12 -5
- package/custom-elements.json +2990 -577
- package/dist/assets/styles/style-resets.d.ts +1 -1
- package/dist/assets/styles/style-resets.js +1 -1
- package/dist/components/actions/button/button.d.ts +10 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.i18n.d.ts +1 -1
- package/dist/components/actions/button/button.i18n.js +1 -1
- package/dist/components/actions/button/button.i18n.js.map +1 -1
- package/dist/components/actions/button/button.js +19 -4
- 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 +13 -3
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.js +1 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.js +6 -0
- package/dist/components/actions/button-bar/button-bar.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +26 -39
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +25 -38
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +47 -52
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +55 -54
- 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 +7 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.js +1 -1
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +10 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +30 -11
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -3
- package/dist/components/components.js +65 -62
- package/dist/components/content/avatar/avatar.d.ts +44 -12
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.i18n.d.ts +5 -0
- package/dist/components/content/avatar/avatar.i18n.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.i18n.js +4 -0
- package/dist/components/content/avatar/avatar.i18n.js.map +1 -0
- package/dist/components/content/avatar/avatar.js +87 -13
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +44 -9
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/avatar/avatar.template.d.ts +2 -1
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.template.js +53 -23
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +6 -6
- package/dist/components/content/byline/byline.js +6 -6
- package/dist/components/content/code-viewer/code-viewer.js +2 -2
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +5 -4
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +19 -5
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +9 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +14 -16
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +13 -15
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +7 -4
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/image/image.d.ts +9 -9
- package/dist/components/content/image/image.js +9 -9
- package/dist/components/content/image/image.styles.js +2 -2
- package/dist/components/content/image/image.template.js +2 -2
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/image/lqip-encoder.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -2
- package/dist/components/content/rich-text/rich-text.d.ts +4 -4
- package/dist/components/content/rich-text/rich-text.js +4 -4
- package/dist/components/content/token/token.d.ts +7 -7
- package/dist/components/content/token/token.js +7 -7
- package/dist/components/content/tooltip/tooltip.d.ts +4 -14
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +4 -14
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/forms/form/form.d.ts +10 -19
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +10 -19
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +2 -6
- package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.js +2 -6
- package/dist/components/forms/form-actions/form-actions.js.map +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +7 -14
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +7 -14
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +15 -2
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +2 -3
- package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
- package/dist/components/forms/form-section/form-section.js +2 -3
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/{index-BP0XMTYa.js → index-B9_6JE9f.js} +1 -1
- package/dist/components/{index-Dgxr-sEe.js → index-Bt_KkJKU.js} +1 -1
- package/dist/components/{index-BuLJAwiB.js → index-CSxjYgj9.js} +4217 -2494
- package/dist/components/{index-sa60dMt-.js → index-CqbiWdc5.js} +1 -1
- package/dist/components/{index-CTUlN5qN.js → index-CvGdvr33.js} +1 -1
- package/dist/components/{index-DS-RnHMu.js → index-i1n9W3UN.js} +1 -1
- package/dist/components/{index-Bh_hMHn8.js → index-ipWLrQY3.js} +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +11 -11
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +11 -15
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +20 -6
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.js +29 -7
- package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +19 -18
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +23 -23
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
- package/dist/components/inputs/combo-box/combo-box.d.ts +26 -29
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +74 -39
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +7 -7
- package/dist/components/inputs/date-field/date-field.d.ts +25 -24
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.js +26 -29
- package/dist/components/inputs/date-field/date-field.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.js +5 -5
- package/dist/components/inputs/date-picker/date-picker.d.ts +16 -13
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +35 -15
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.js +21 -29
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
- package/dist/components/inputs/dropdown/dropdown.js +4 -4
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +21 -21
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +23 -26
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +5 -5
- package/dist/components/inputs/number-field/number-field.d.ts +17 -20
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +20 -23
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +4 -4
- package/dist/components/inputs/password-field/password-field.d.ts +25 -24
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +27 -29
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +7 -7
- package/dist/components/inputs/radio-button/radio-button.d.ts +10 -10
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +9 -14
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +2 -2
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +24 -6
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +32 -7
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -3
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +17 -10
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +15 -17
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +19 -22
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +27 -29
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +47 -57
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +4 -4
- package/dist/components/inputs/stepper/stepper.d.ts +14 -14
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +13 -18
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +12 -13
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +13 -18
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +6 -6
- package/dist/components/inputs/switch-field/switch-field.d.ts +4 -4
- package/dist/components/inputs/switch-field/switch-field.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.caret.d.ts +1 -1
- package/dist/components/inputs/text-editor/text-editor.caret.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.d.ts +21 -21
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.js +27 -27
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.markdown.js +7 -7
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +14 -14
- package/dist/components/inputs/text-field/text-field.d.ts +20 -19
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +22 -24
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +3 -3
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +14 -13
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +18 -18
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +7 -7
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +25 -17
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.d.ts +24 -29
- package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.d.ts +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.js +35 -39
- package/dist/components/inputs/token-field/token-field.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +4 -4
- package/dist/components/inputs/token-field/token-field.template.js +1 -1
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +16 -4
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +18 -13
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +1 -1
- package/dist/components/layout/box/box.js +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +8 -18
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +26 -9
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.i18n.d.ts +1 -1
- package/dist/components/layout/card/card.i18n.js +1 -1
- package/dist/components/layout/card/card.i18n.js.map +1 -1
- package/dist/components/layout/card/card.js +51 -14
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +41 -4
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +14 -6
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +3 -10
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +3 -10
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +21 -3
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +41 -41
- package/dist/components/layout/container/container.js +41 -41
- package/dist/components/layout/page/page.d.ts +1 -1
- package/dist/components/layout/page/page.js +2 -2
- package/dist/components/layout/page-footer/page-footer.d.ts +10 -12
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +11 -13
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +8 -1
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.js +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -3
- 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 +1 -3
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -3
- 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 +1 -3
- 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-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -3
- 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 +1 -3
- 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/sidebar-section/sidebar-section.d.ts +20 -18
- 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 +26 -20
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +20 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -3
- 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 +1 -3
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -3
- 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 +1 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +18 -47
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +18 -47
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +9 -17
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +39 -27
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -4
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -4
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +17 -17
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -17
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +2 -2
- package/dist/components/layout/window/window.d.ts +26 -20
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +58 -30
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +1 -0
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -2
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.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 +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +43 -9
- 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 +69 -9
- 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.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +100 -43
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +19 -7
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +77 -31
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +202 -70
- 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 +29 -22
- 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 +4 -3
- 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 +189 -18
- 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.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +467 -45
- 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 +133 -101
- 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 +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 +51 -24
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +108 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js +228 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +145 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +3 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js +35 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +4 -2
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +15 -16
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +14 -15
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +2 -2
- package/dist/components/navigation/link/link.i18n.d.ts +1 -1
- package/dist/components/navigation/link/link.i18n.js +1 -1
- package/dist/components/navigation/link/link.i18n.js.map +1 -1
- package/dist/components/navigation/link/link.template.js +1 -1
- package/dist/components/navigation/link/link.template.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.d.ts +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +5 -5
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -7
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +11 -11
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +11 -12
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +9 -4
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -5
- package/dist/components/navigation/top-title-bar/top-title-bar.js +6 -6
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +6 -6
- package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
- package/dist/components/status-and-feedback/badge/badge.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +9 -9
- package/dist/components/status-and-feedback/banner/banner.js +9 -9
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +6 -6
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +6 -6
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +7 -7
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +8 -8
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +22 -8
- 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 +63 -27
- 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 +1 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +13 -13
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +14 -14
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +1 -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.d.ts +15 -15
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +20 -20
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +3 -3
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -4
- 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 +4 -4
- package/dist/components/status-and-feedback/status-bar/status-bar.js +4 -4
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +124 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +9 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +8 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +210 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +294 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +5 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +69 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +1 -0
- package/dist/css/form.css +16 -7
- package/dist/css/settings.css +68 -73
- package/dist/types/vue.d.ts +186 -42
- package/dist/utilities/autofocus.d.ts +19 -0
- package/dist/utilities/autofocus.d.ts.map +1 -0
- package/dist/utilities/autofocus.js +35 -0
- package/dist/utilities/autofocus.js.map +1 -0
- package/dist/utilities/codemirror/theme.js +2 -2
- package/dist/utilities/codemirror/theme.js.map +1 -1
- package/dist/utilities/color-scheme-repaint.d.ts +2 -2
- package/dist/utilities/color-scheme-repaint.js +2 -2
- package/dist/utilities/form-associated-mixin.d.ts +33 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -0
- package/dist/utilities/form-associated-mixin.js +52 -0
- package/dist/utilities/form-associated-mixin.js.map +1 -0
- package/dist/utilities/input-modality.d.ts +3 -1
- package/dist/utilities/input-modality.d.ts.map +1 -1
- package/dist/utilities/input-modality.js +12 -1
- package/dist/utilities/input-modality.js.map +1 -1
- package/dist/utilities/page-section-mixin.d.ts +1 -1
- package/dist/utilities/page-section-mixin.js +2 -2
- package/dist/utilities/popup-anchor-controller.d.ts +2 -2
- package/package.json +9 -1
|
@@ -12,10 +12,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
12
12
|
* Use inside nldd-form-field which provides the group label.
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-radio-button-group
|
|
15
|
-
* @attr {string}
|
|
15
|
+
* @attr {string} name - Forwarded to all slotted nldd-radio-button-field elements
|
|
16
16
|
* @attr {boolean} disabled - Disables all slotted fields
|
|
17
17
|
* @attr {boolean} required - Marks the group as required
|
|
18
|
-
* @attr {string}
|
|
18
|
+
* @attr {string} accessible-labeled-by - Id of an external label element, set as aria-labelledby on the group
|
|
19
19
|
*
|
|
20
20
|
* @slot - Slot for nldd-radio-button-field elements
|
|
21
21
|
*
|
|
@@ -31,14 +31,19 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
|
|
|
31
31
|
this.name = '';
|
|
32
32
|
this.disabled = false;
|
|
33
33
|
this.required = false;
|
|
34
|
-
this.
|
|
34
|
+
this.accessibleLabeledBy = '';
|
|
35
35
|
this._handleChange = (e) => {
|
|
36
36
|
const changedField = e.target;
|
|
37
37
|
if (!changedField.checked)
|
|
38
38
|
return;
|
|
39
39
|
this._getFields().forEach(field => {
|
|
40
|
-
if (field
|
|
41
|
-
|
|
40
|
+
if (field === changedField)
|
|
41
|
+
return;
|
|
42
|
+
field.checked = false;
|
|
43
|
+
// Synchronously, not via the field's own update cycle: the change
|
|
44
|
+
// event is still propagating, and a consumer serializing the form in
|
|
45
|
+
// its listener would otherwise still see this field's old value.
|
|
46
|
+
field.commitFormValue?.();
|
|
42
47
|
});
|
|
43
48
|
};
|
|
44
49
|
this._handleKeyDown = (e) => {
|
|
@@ -59,7 +64,9 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
|
|
|
59
64
|
return;
|
|
60
65
|
e.preventDefault();
|
|
61
66
|
activeField.checked = false;
|
|
67
|
+
activeField.commitFormValue?.();
|
|
62
68
|
nextField.checked = true;
|
|
69
|
+
nextField.commitFormValue?.();
|
|
63
70
|
const input = nextField.shadowRoot
|
|
64
71
|
?.querySelector('nldd-radio-button')
|
|
65
72
|
?.shadowRoot?.querySelector('input');
|
|
@@ -89,9 +96,9 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
|
|
|
89
96
|
if (changed.has('name') || changed.has('disabled') || changed.has('required')) {
|
|
90
97
|
this._syncFields();
|
|
91
98
|
}
|
|
92
|
-
if (changed.has('
|
|
93
|
-
if (this.
|
|
94
|
-
this.setAttribute('aria-labelledby', this.
|
|
99
|
+
if (changed.has('accessibleLabeledBy')) {
|
|
100
|
+
if (this.accessibleLabeledBy) {
|
|
101
|
+
this.setAttribute('aria-labelledby', this.accessibleLabeledBy);
|
|
95
102
|
}
|
|
96
103
|
else {
|
|
97
104
|
this.removeAttribute('aria-labelledby');
|
|
@@ -143,8 +150,8 @@ __decorate([
|
|
|
143
150
|
property({ type: Boolean, reflect: true })
|
|
144
151
|
], NLDDRadioButtonGroup.prototype, "required", void 0);
|
|
145
152
|
__decorate([
|
|
146
|
-
property({ type: String, attribute: 'accessible-
|
|
147
|
-
], NLDDRadioButtonGroup.prototype, "
|
|
153
|
+
property({ type: String, attribute: 'accessible-labeled-by' })
|
|
154
|
+
], NLDDRadioButtonGroup.prototype, "accessibleLabeledBy", void 0);
|
|
148
155
|
NLDDRadioButtonGroup = __decorate([
|
|
149
156
|
customElement('nldd-radio-button-group')
|
|
150
157
|
], NLDDRadioButtonGroup);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,
|
|
1
|
+
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,34 +5,31 @@
|
|
|
5
5
|
* and an optional search button.
|
|
6
6
|
*
|
|
7
7
|
* @element nldd-search-field
|
|
8
|
-
* @attr {string}
|
|
9
|
-
* @attr {string}
|
|
10
|
-
* @attr {string}
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
* @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
|
|
15
|
-
* @attr {boolean} disabled - Disabled state
|
|
16
|
-
* @attr {string} name - Input name for form submission
|
|
8
|
+
* @attr {string} value - The search value
|
|
9
|
+
* @attr {string} placeholder - Placeholder text for the input
|
|
10
|
+
* @attr {string} accessible-label - Accessible label (aria-label) for the native input. Falls back to placeholder when not set. Set explicitly when a value is already present and the placeholder is no longer visible.
|
|
11
|
+
* @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
|
|
12
|
+
* @attr {boolean} disabled - Disabled state
|
|
13
|
+
* @attr {string} name - Input name for form submission
|
|
17
14
|
* @attr {boolean} show-search-button - When set, shows a search button on the right
|
|
18
|
-
* @attr {object}
|
|
19
|
-
* @attr {boolean} no-spellcheck
|
|
20
|
-
* @attr {string}
|
|
15
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
16
|
+
* @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
|
|
17
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
21
18
|
*
|
|
22
|
-
* @fires input
|
|
19
|
+
* @fires input - When the input value changes; detail: { value: string }
|
|
23
20
|
* @fires change - When the input value is committed; detail: { value: string }
|
|
24
21
|
* @fires search - When search is submitted via Enter or the search button; detail: { value: string }
|
|
25
22
|
*/
|
|
26
23
|
import { LitElement, type PropertyValues } from 'lit';
|
|
24
|
+
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
27
25
|
import type { NLDDSearchFieldTranslations } from './search-field.i18n.js';
|
|
28
26
|
import './../../actions/icon-button/icon-button.js';
|
|
29
27
|
import './../../actions/button/button.js';
|
|
30
28
|
import './../../content/icon/icon.js';
|
|
31
29
|
export type SearchFieldSize = 'sm' | 'md';
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
declare const NLDDSearchField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
31
|
+
export declare class NLDDSearchField extends NLDDSearchField_base {
|
|
34
32
|
static styles: import("lit").CSSResult;
|
|
35
|
-
private _internals;
|
|
36
33
|
private _initialValue;
|
|
37
34
|
value: string;
|
|
38
35
|
placeholder: string;
|
|
@@ -54,8 +51,8 @@ export declare class NLDDSearchField extends LitElement {
|
|
|
54
51
|
_input: HTMLInputElement;
|
|
55
52
|
firstUpdated(): void;
|
|
56
53
|
updated(changed: PropertyValues): void;
|
|
54
|
+
formValue(): FormValue;
|
|
57
55
|
formResetCallback(): void;
|
|
58
|
-
formDisabledCallback(disabled: boolean): void;
|
|
59
56
|
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
60
57
|
_t(key: keyof NLDDSearchFieldTranslations): string;
|
|
61
58
|
_handleInput(e: Event): void;
|
|
@@ -76,4 +73,5 @@ declare global {
|
|
|
76
73
|
'nldd-search-field': NLDDSearchField;
|
|
77
74
|
}
|
|
78
75
|
}
|
|
76
|
+
export {};
|
|
79
77
|
//# sourceMappingURL=search-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE1C,qBACa,eAAgB,SAAQ,oBAA0B;IAE9D,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,aAAa,CAAM;IAG3B,KAAK,SAAM;IAGX,WAAW,SAAY;IAEvB;;;;yFAIqF;IAErF,eAAe,SAAM;IAGrB,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,gBAAgB,UAAS;IAEzB,4EAA4E;IAE5E,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAGxD,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,MAAM,EAAG,gBAAgB,CAAC;IAEjB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAM/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW7B,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,YAAY,IAAI,IAAI;IAgBpB,aAAa,IAAI,IAAI;IAI5B,OAAO,CAAC,eAAe;IASvB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -11,26 +11,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
11
11
|
* and an optional search button.
|
|
12
12
|
*
|
|
13
13
|
* @element nldd-search-field
|
|
14
|
-
* @attr {string}
|
|
15
|
-
* @attr {string}
|
|
16
|
-
* @attr {string}
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
|
|
21
|
-
* @attr {boolean} disabled - Disabled state
|
|
22
|
-
* @attr {string} name - Input name for form submission
|
|
14
|
+
* @attr {string} value - The search value
|
|
15
|
+
* @attr {string} placeholder - Placeholder text for the input
|
|
16
|
+
* @attr {string} accessible-label - Accessible label (aria-label) for the native input. Falls back to placeholder when not set. Set explicitly when a value is already present and the placeholder is no longer visible.
|
|
17
|
+
* @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
|
|
18
|
+
* @attr {boolean} disabled - Disabled state
|
|
19
|
+
* @attr {string} name - Input name for form submission
|
|
23
20
|
* @attr {boolean} show-search-button - When set, shows a search button on the right
|
|
24
|
-
* @attr {object}
|
|
25
|
-
* @attr {boolean} no-spellcheck
|
|
26
|
-
* @attr {string}
|
|
21
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
22
|
+
* @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
|
|
23
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
27
24
|
*
|
|
28
|
-
* @fires input
|
|
25
|
+
* @fires input - When the input value changes; detail: { value: string }
|
|
29
26
|
* @fires change - When the input value is committed; detail: { value: string }
|
|
30
27
|
* @fires search - When search is submitted via Enter or the search button; detail: { value: string }
|
|
31
28
|
*/
|
|
32
29
|
import { LitElement } from 'lit';
|
|
33
30
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
31
|
+
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
34
32
|
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
35
33
|
import { searchFieldStyles } from './search-field.styles.js';
|
|
36
34
|
import { searchFieldTemplate } from './search-field.template.js';
|
|
@@ -38,10 +36,9 @@ import { nlddSearchFieldTranslations } from './search-field.i18n.js';
|
|
|
38
36
|
import './../../actions/icon-button/icon-button.js';
|
|
39
37
|
import './../../actions/button/button.js';
|
|
40
38
|
import './../../content/icon/icon.js';
|
|
41
|
-
let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
39
|
+
let NLDDSearchField = class NLDDSearchField extends FormAssociated(LitElement) {
|
|
42
40
|
constructor() {
|
|
43
41
|
super(...arguments);
|
|
44
|
-
this._internals = this.attachInternals();
|
|
45
42
|
this._initialValue = '';
|
|
46
43
|
this.value = '';
|
|
47
44
|
this.placeholder = 'Zoeken';
|
|
@@ -74,16 +71,13 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
74
71
|
this.style.removeProperty('--_width');
|
|
75
72
|
}
|
|
76
73
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
74
|
+
}
|
|
75
|
+
formValue() {
|
|
76
|
+
return this.value;
|
|
80
77
|
}
|
|
81
78
|
formResetCallback() {
|
|
82
79
|
this.value = this._initialValue;
|
|
83
80
|
}
|
|
84
|
-
formDisabledCallback(disabled) {
|
|
85
|
-
this.disabled = disabled;
|
|
86
|
-
}
|
|
87
81
|
formStateRestoreCallback(state) {
|
|
88
82
|
if (typeof state === 'string')
|
|
89
83
|
this.value = state;
|
|
@@ -96,6 +90,7 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
96
90
|
_handleInput(e) {
|
|
97
91
|
const input = e.target;
|
|
98
92
|
this.value = input.value;
|
|
93
|
+
this.commitFormValue();
|
|
99
94
|
this.dispatchEvent(new CustomEvent('input', {
|
|
100
95
|
detail: { value: this.value },
|
|
101
96
|
bubbles: true,
|
|
@@ -105,6 +100,7 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
105
100
|
_handleChange(e) {
|
|
106
101
|
const input = e.target;
|
|
107
102
|
this.value = input.value;
|
|
103
|
+
this.commitFormValue();
|
|
108
104
|
this.dispatchEvent(new CustomEvent('change', {
|
|
109
105
|
detail: { value: this.value },
|
|
110
106
|
bubbles: true,
|
|
@@ -118,6 +114,7 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
118
114
|
}
|
|
119
115
|
_handleClear() {
|
|
120
116
|
this.value = '';
|
|
117
|
+
this.commitFormValue();
|
|
121
118
|
this.dispatchEvent(new CustomEvent('input', {
|
|
122
119
|
detail: { value: '' },
|
|
123
120
|
bubbles: true,
|
|
@@ -134,6 +131,7 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
134
131
|
this._dispatchSearch();
|
|
135
132
|
}
|
|
136
133
|
_dispatchSearch() {
|
|
134
|
+
this.commitFormValue();
|
|
137
135
|
this.dispatchEvent(new CustomEvent('search', {
|
|
138
136
|
detail: { value: this.value },
|
|
139
137
|
bubbles: true,
|
|
@@ -151,7 +149,6 @@ let NLDDSearchField = class NLDDSearchField extends LitElement {
|
|
|
151
149
|
return searchFieldTemplate(this);
|
|
152
150
|
}
|
|
153
151
|
};
|
|
154
|
-
NLDDSearchField.formAssociated = true;
|
|
155
152
|
NLDDSearchField.styles = searchFieldStyles;
|
|
156
153
|
__decorate([
|
|
157
154
|
property({ type: String })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,9 +15,9 @@ export const searchFieldStyles = css `
|
|
|
15
15
|
--_min-size: var(--semantics-controls-md-min-size);
|
|
16
16
|
--_search-icon-size: var(--primitives-space-24);
|
|
17
17
|
--_text-font: var(--semantics-input-fields-md-text-font);
|
|
18
|
-
--_end-padding-right: calc((var(--_min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-
|
|
18
|
+
--_end-padding-right: calc((var(--_min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-width));
|
|
19
19
|
--_end-gap: var(--primitives-space-6);
|
|
20
|
-
--
|
|
20
|
+
--_button-focus-z-index: 1;
|
|
21
21
|
|
|
22
22
|
${inheritedTextReset}
|
|
23
23
|
display: block;
|
|
@@ -41,7 +41,7 @@ export const searchFieldStyles = css `
|
|
|
41
41
|
--_min-size: var(--semantics-controls-sm-min-size);
|
|
42
42
|
--_search-icon-size: var(--primitives-space-20);
|
|
43
43
|
--_text-font: var(--semantics-input-fields-sm-text-font);
|
|
44
|
-
--_end-padding-right: calc((var(--_min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-
|
|
44
|
+
--_end-padding-right: calc((var(--_min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-width));
|
|
45
45
|
--_end-gap: var(--primitives-space-4);
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -86,7 +86,7 @@ export const searchFieldStyles = css `
|
|
|
86
86
|
|
|
87
87
|
.search-field__search-icon {
|
|
88
88
|
display: flex;
|
|
89
|
-
margin-inline: calc((var(--_min-size) - var(--_search-icon-size)) / 2 - var(--semantics-input-fields-border-
|
|
89
|
+
margin-inline: calc((var(--_min-size) - var(--_search-icon-size)) / 2 - var(--semantics-input-fields-border-width));
|
|
90
90
|
width: var(--_search-icon-size);
|
|
91
91
|
height: var(--_search-icon-size);
|
|
92
92
|
flex-shrink: 0;
|
|
@@ -159,7 +159,7 @@ export const searchFieldStyles = css `
|
|
|
159
159
|
.search-field__clear-button:focus-within,
|
|
160
160
|
.search-field__search-button:focus-within {
|
|
161
161
|
position: relative;
|
|
162
|
-
z-index: var(--
|
|
162
|
+
z-index: var(--_button-focus-z-index);
|
|
163
163
|
}
|
|
164
164
|
`;
|
|
165
165
|
//# sourceMappingURL=search-field.styles.js.map
|
|
@@ -5,41 +5,40 @@
|
|
|
5
5
|
* Exports both NLDDSegmentedControl and NLDDSegmentedControlItem.
|
|
6
6
|
*
|
|
7
7
|
* @element nldd-segmented-control
|
|
8
|
-
* @attr {string}
|
|
9
|
-
* @prop {string[]} values
|
|
10
|
-
* @attr {string}
|
|
11
|
-
* @attr {string}
|
|
12
|
-
* @attr {string}
|
|
13
|
-
* @attr {boolean} disabled
|
|
14
|
-
* @attr {string}
|
|
15
|
-
* @attr {string}
|
|
16
|
-
* @attr {string}
|
|
17
|
-
* @attr {string}
|
|
8
|
+
* @attr {string} value - Selected value for radio type
|
|
9
|
+
* @prop {string[]} values - Selected values for checkbox type (property binding only, not an attribute)
|
|
10
|
+
* @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md')
|
|
11
|
+
* @attr {string} type - Input type: 'radio' | 'checkbox' (default: 'radio').
|
|
12
|
+
* @attr {string} variant - Content type for all items: 'text' | 'icon' | 'icon-and-text' (default: 'text')
|
|
13
|
+
* @attr {boolean} disabled - Disabled state for all items
|
|
14
|
+
* @attr {string} width - Width mode: 'full' (stretches to container), 'fit-content' (per-item content size), or any CSS length (e.g. '240px')
|
|
15
|
+
* @attr {string} name - Name for form submission, forwarded to native inputs
|
|
16
|
+
* @attr {string} accessible-label - Accessible name for the group, set as aria-label
|
|
17
|
+
* @attr {string} accessible-labeled-by - Id of an external label element, set as aria-labelledby on the group
|
|
18
18
|
*
|
|
19
|
-
* @fires change - When selection changes; detail: { value: string } for radio,
|
|
20
|
-
* detail: { values: string[] } for checkbox
|
|
19
|
+
* @fires change - When selection changes; detail: { value: string } for radio, detail: { values: string[] } for checkbox
|
|
21
20
|
*
|
|
22
21
|
* @slot - nldd-segmented-control-item elements
|
|
23
22
|
*
|
|
24
23
|
* ---
|
|
25
24
|
*
|
|
26
25
|
* @element nldd-segmented-control-item
|
|
27
|
-
* @attr {string}
|
|
28
|
-
* @attr {boolean} selected
|
|
29
|
-
* @attr {boolean} disabled
|
|
30
|
-
* @attr {string}
|
|
31
|
-
*
|
|
32
|
-
* @attr {string}
|
|
33
|
-
* @attr {string}
|
|
34
|
-
* @attr {string}
|
|
35
|
-
* @attr {string}
|
|
36
|
-
* @attr {string} group-name - Name of the group for form submission, put on the native input. Set by nldd-segmented-control.
|
|
26
|
+
* @attr {string} value - Value for this item
|
|
27
|
+
* @attr {boolean} selected - Whether this item is selected (set by parent)
|
|
28
|
+
* @attr {boolean} disabled - Disabled state
|
|
29
|
+
* @attr {string} text - Text label (shown for variant "text" and "icon-and-text"; used as aria-label and tooltip for variant "icon")
|
|
30
|
+
* @attr {string} icon - Icon name for nldd-icon
|
|
31
|
+
* @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md'). Set by nldd-segmented-control.
|
|
32
|
+
* @attr {string} variant - Content type: 'text' | 'icon' | 'icon-and-text' (default: 'text'). Set by nldd-segmented-control.
|
|
33
|
+
* @attr {string} input-type - Type of the native input: 'radio' | 'checkbox' (default: 'radio'). Set by nldd-segmented-control.
|
|
34
|
+
* @attr {string} group-name - Name of the group for form submission, put on the native input. Set by nldd-segmented-control.
|
|
37
35
|
*
|
|
38
|
-
* @slot icon
|
|
36
|
+
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
|
|
39
37
|
*
|
|
40
38
|
* @fires item-change - When item is activated; detail: { value: string, checked: boolean }
|
|
41
39
|
*/
|
|
42
40
|
import { LitElement } from 'lit';
|
|
41
|
+
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
43
42
|
import './../../content/icon/icon.js';
|
|
44
43
|
export type SegmentedControlSize = 'sm' | 'md' | 'lg';
|
|
45
44
|
export type SegmentedControlType = 'radio' | 'checkbox';
|
|
@@ -68,10 +67,9 @@ export declare class NLDDSegmentedControlItem extends LitElement {
|
|
|
68
67
|
_handleChange(e: Event): void;
|
|
69
68
|
render(): import("lit-html").TemplateResult;
|
|
70
69
|
}
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
declare const NLDDSegmentedControl_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
71
|
+
export declare class NLDDSegmentedControl extends NLDDSegmentedControl_base {
|
|
73
72
|
static styles: import("lit").CSSResult;
|
|
74
|
-
private _internals;
|
|
75
73
|
private _initialValue;
|
|
76
74
|
private _initialValues;
|
|
77
75
|
/** Selected value for radio type. */
|
|
@@ -98,13 +96,12 @@ export declare class NLDDSegmentedControl extends LitElement {
|
|
|
98
96
|
/** Accessible name for the group (aria-label). */
|
|
99
97
|
accessibleLabel: string;
|
|
100
98
|
/** ID of an external label element (aria-labelledby). */
|
|
101
|
-
|
|
99
|
+
accessibleLabeledBy: string;
|
|
102
100
|
connectedCallback(): void;
|
|
103
101
|
disconnectedCallback(): void;
|
|
104
102
|
firstUpdated(): void;
|
|
105
|
-
|
|
103
|
+
formValue(): FormValue;
|
|
106
104
|
formResetCallback(): void;
|
|
107
|
-
formDisabledCallback(disabled: boolean): void;
|
|
108
105
|
formStateRestoreCallback(state: FormData | string | null): void;
|
|
109
106
|
updated(changedProperties: Map<string, unknown>): void;
|
|
110
107
|
private _getItems;
|
|
@@ -130,4 +127,5 @@ declare global {
|
|
|
130
127
|
'nldd-segmented-control-item': NLDDSegmentedControlItem;
|
|
131
128
|
}
|
|
132
129
|
}
|
|
130
|
+
export {};
|
|
133
131
|
//# sourceMappingURL=segmented-control.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAU7F,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAKxE,qBACa,wBAAyB,SAAQ,UAAU;IACvD,OAAgB,MAAM,0BAA8B;IAGpD,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,mGAAmG;IAEnG,IAAI,EAAE,oBAAoB,CAAQ;IAElC,iEAAiE;IAEjE,OAAO,EAAE,uBAAuB,CAAU;IAE1C,iEAAiE;IAEjE,SAAS,EAAE,oBAAoB,CAAW;IAE1C;;;8EAG0E;IAE1E,SAAS,SAAM;IAEf,gGAAgG;IAEhG,IAAI,SAAM;IAEV;mFAC+E;IAE/E,IAAI,SAAM;IAEH,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAS3B,MAAM;CAGf;;AAKD,qBACa,oBAAqB,SAAQ,yBAA0B;IAEnE,OAAgB,MAAM,0BAA0B;IAGhD,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,cAAc,CAAgB;IAEtC,qCAAqC;IAErC,KAAK,SAAM;IAEX;;;;OAIG;IAEH,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,IAAI,EAAE,oBAAoB,CAAQ;IAGlC,IAAI,EAAE,oBAAoB,CAAW;IAErC,yGAAyG;IAEzG,OAAO,EAAE,uBAAuB,CAAU;IAG1C,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,KAAK,SAAM;IAGX,IAAI,SAAM;IAEV,kDAAkD;IAElD,eAAe,SAAM;IAErB,yDAAyD;IAEzD,mBAAmB,SAAM;IAIhB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IASpB,SAAS,IAAI,SAAS;IAS/B,iBAAiB,IAAI,IAAI;IAMzB,wBAAwB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;IAStD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuD/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,UAAU;IA+BlB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAK;IAE9B,OAAO,KAAK,SAAS,GAKpB;IAED,OAAO,CAAC,cAAc,CAAM;IAI5B,OAAO,CAAC,iBAAiB,CA4BvB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,cAAc,CA4CpB;IAEK,aAAa,IAAI,IAAI;IAInB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wBAAwB,EAAE,oBAAoB,CAAC;QAC/C,6BAA6B,EAAE,wBAAwB,CAAC;KACxD;CACD"}
|