@nldd/design-system 0.8.41 → 0.8.43
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 +19 -2
- package/dist/assets/styles/tokens.d.ts +25 -0
- package/dist/assets/styles/tokens.d.ts.map +1 -0
- package/dist/assets/styles/tokens.js +25 -0
- package/dist/assets/styles/tokens.js.map +1 -0
- package/dist/components/actions/button/button.d.ts +23 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +45 -6
- 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 +136 -50
- 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 +12 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-group/button-group.js +2 -2
- package/dist/components/actions/button-group/button-group.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +21 -5
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +40 -6
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +153 -96
- package/dist/components/actions/icon-button/icon-button.styles.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 +11 -0
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/link/link.d.ts +17 -6
- package/dist/components/actions/link/link.d.ts.map +1 -1
- package/dist/components/actions/link/link.js +15 -5
- package/dist/components/actions/link/link.js.map +1 -1
- package/dist/components/actions/link/link.styles.d.ts.map +1 -1
- package/dist/components/actions/link/link.styles.js +44 -6
- package/dist/components/actions/link/link.styles.js.map +1 -1
- package/dist/components/actions/link/link.template.d.ts.map +1 -1
- package/dist/components/actions/link/link.template.js +7 -9
- package/dist/components/actions/link/link.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +2 -2
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +4 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +11 -11
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.d.ts +2 -2
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +4 -4
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +1 -1
- package/dist/components/content/blockquote/blockquote.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 +6 -1
- 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 +11 -7
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +3 -3
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +3 -3
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +107 -9
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.styles.js +18 -18
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +13 -7
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +34 -22
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +1 -1
- package/dist/components/{index-DMYkp2tq.js → index-By2jYHEw.js} +2934 -1234
- package/dist/components/inputs/combo-box/combo-box.d.ts +28 -4
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +86 -23
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +4 -2
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +11 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +31 -2
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +3 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.template.js +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -1
- 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 +8 -2
- 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.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.d.ts +7 -4
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +15 -12
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +3 -3
- package/dist/components/inputs/password-field/password-field.d.ts +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +8 -2
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -0
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +6 -1
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +15 -2
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +2 -0
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -2
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +25 -4
- 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 +65 -64
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
- package/dist/components/inputs/switch/switch.d.ts +5 -0
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +7 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.d.ts +6 -0
- package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.js +8 -0
- package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +6 -2
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +15 -5
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +2 -0
- package/dist/components/inputs/text-field/text-field.styles.js.map +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 +26 -6
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/token/token.d.ts +3 -3
- package/dist/components/inputs/token/token.d.ts.map +1 -1
- package/dist/components/inputs/token/token.js +6 -6
- package/dist/components/inputs/token/token.js.map +1 -1
- package/dist/components/inputs/token/token.styles.js +2 -2
- package/dist/components/inputs/token/token.template.js +1 -1
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/card/card.js +1 -1
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +4 -4
- package/dist/components/layout/container/container.js +4 -4
- package/dist/components/layout/container/container.styles.js +399 -399
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/page/page.js +1 -1
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +6 -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 +21 -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.styles.js +9 -9
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -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 +21 -5
- 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.styles.js +12 -12
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -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 +21 -5
- 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.styles.js +12 -12
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +6 -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 +21 -5
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +9 -9
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -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 +21 -5
- 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.styles.js +12 -12
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
- package/dist/components/layout/popover/popover.js +1 -1
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.js +3 -3
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +5 -5
- package/dist/components/layout/spacer/spacer.d.ts +28 -3
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +33 -2
- package/dist/components/layout/spacer/spacer.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +157 -110
- package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
- package/dist/components/layout/window/window.js +1 -1
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts +4 -2
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.js +17 -6
- package/dist/components/lists-and-menus/cells/cell/cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +22 -11
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts +2 -2
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.js +12 -7
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +4 -3
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts +2 -2
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js +2 -2
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +50 -14
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts +31 -9
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.js +71 -14
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +49 -8
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js +33 -3
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts +31 -9
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.js +70 -13
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +68 -8
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js +36 -7
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.i18n.js +1 -1
- package/dist/components/lists-and-menus/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.js +7 -0
- package/dist/components/lists-and-menus/list/list.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.d.ts +5 -0
- package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.js +7 -0
- package/dist/components/lists-and-menus/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +1 -1
- package/dist/components/lists-and-menus/menu/menu.d.ts +254 -0
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +1 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.js +1 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.js +906 -15
- package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts +1 -0
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +141 -2
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts +2 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.js +60 -0
- package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +4 -4
- package/dist/components/navigation/menu-bar/menu-bar.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.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +6 -6
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +3 -2
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +5 -4
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +5 -3
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +5 -3
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +35 -15
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +2 -2
- 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.js +6 -6
- 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.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- 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 +1 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/{prism-typescript-9LDqHHRS.js → prism-typescript-BlIir5CV.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts +3 -3
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +3 -3
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +7 -6
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +7 -4
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +10 -3
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +12 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/css/global.css +1 -0
- package/dist/css/reset.css +7 -0
- package/dist/css/rich-text.css +21 -21
- package/dist/css/settings.css +140 -98
- package/dist/fonts/JetBrainsMono-Italic[wght].woff2 +0 -0
- package/dist/fonts/JetBrainsMono[wght].woff2 +0 -0
- package/dist/fonts/RijksSansWeb-Italic.woff2 +0 -0
- package/dist/fonts/RijksSansWeb-Regular.woff2 +0 -0
- package/dist/utilities/visibility-mixin.d.ts +18 -12
- package/dist/utilities/visibility-mixin.d.ts.map +1 -1
- package/dist/utilities/visibility-mixin.js +21 -14
- package/dist/utilities/visibility-mixin.js.map +1 -1
- package/package.json +7 -3
- package/dist/fonts/IBMPlexMono-Bold.woff2 +0 -0
- package/dist/fonts/IBMPlexMono-Regular.woff2 +0 -0
- package/dist/fonts/RijksSansVF-Italic.ttf +0 -0
- package/dist/fonts/RijksSansVF-Regular.ttf +0 -0
|
@@ -13,6 +13,11 @@
|
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-combo-box
|
|
15
15
|
* @attr {string} value - The selected form value
|
|
16
|
+
* @attr {string} text - The text shown in the input. May differ from `value`
|
|
17
|
+
* (e.g. value="nl" → text="Nederland"). Set this when
|
|
18
|
+
* pre-populating an existing record. If left empty and
|
|
19
|
+
* `value` matches a slotted menu item, the matching
|
|
20
|
+
* item's `text` is used automatically.
|
|
16
21
|
* @attr {string} placeholder - Placeholder text for the input
|
|
17
22
|
* @attr {string} size - Size: 'sm' | 'md' (default: 'md')
|
|
18
23
|
* @attr {boolean} valid - Marks the field as valid
|
|
@@ -26,7 +31,7 @@
|
|
|
26
31
|
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
|
|
27
32
|
* @attr {number} max-items - Maximum visible items before scrolling (default: 8)
|
|
28
33
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
29
|
-
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default:
|
|
34
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
30
35
|
*
|
|
31
36
|
* @note Free-text values: if the user types a value that does not match any menu option
|
|
32
37
|
* and presses Enter or moves focus away, the typed text is emitted as-is via the
|
|
@@ -59,8 +64,17 @@ export declare class NLDDComboBox extends LitElement {
|
|
|
59
64
|
static styles: import("lit").CSSResult;
|
|
60
65
|
private _internals;
|
|
61
66
|
private _initialValue;
|
|
62
|
-
private
|
|
67
|
+
private _initialText;
|
|
63
68
|
value: string;
|
|
69
|
+
/**
|
|
70
|
+
* The text shown in the input. May differ from `value` (the form-submission value).
|
|
71
|
+
*
|
|
72
|
+
* Updated automatically on user input and menu select. When the consumer sets `value`
|
|
73
|
+
* without setting `text`, the matching slotted `nldd-menu-item`'s `text` is used as
|
|
74
|
+
* the display label. Set `text` explicitly to opt out of auto-derivation (e.g. for
|
|
75
|
+
* custom display formats like `${item.text} (${item.id})`).
|
|
76
|
+
*/
|
|
77
|
+
text: string;
|
|
64
78
|
placeholder: string;
|
|
65
79
|
size: ComboBoxSize;
|
|
66
80
|
valid: boolean;
|
|
@@ -78,8 +92,6 @@ export declare class NLDDComboBox extends LitElement {
|
|
|
78
92
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
79
93
|
width: string;
|
|
80
94
|
_isOpen: boolean;
|
|
81
|
-
/** Display value shown in the input. May differ from value (form value). */
|
|
82
|
-
_displayValue: string;
|
|
83
95
|
/** ID of the currently highlighted menu item for aria-activedescendant. */
|
|
84
96
|
_highlightedId: string;
|
|
85
97
|
private static _idCounter;
|
|
@@ -89,6 +101,7 @@ export declare class NLDDComboBox extends LitElement {
|
|
|
89
101
|
_input: HTMLInputElement;
|
|
90
102
|
_t(key: keyof NLDDComboBoxTranslations): string;
|
|
91
103
|
firstUpdated(): void;
|
|
104
|
+
willUpdate(changedProperties: Map<string, unknown>): void;
|
|
92
105
|
updated(changedProperties: Map<string, unknown>): void;
|
|
93
106
|
formResetCallback(): void;
|
|
94
107
|
formDisabledCallback(disabled: boolean): void;
|
|
@@ -96,6 +109,12 @@ export declare class NLDDComboBox extends LitElement {
|
|
|
96
109
|
connectedCallback(): void;
|
|
97
110
|
disconnectedCallback(): void;
|
|
98
111
|
_onSlotChange(): void;
|
|
112
|
+
/**
|
|
113
|
+
* Walk slotted menu items and set `text` from the first item whose `value`
|
|
114
|
+
* (or `text`, when value is unset) matches the current `value`. No-op when
|
|
115
|
+
* the menu isn't wired yet or no item matches.
|
|
116
|
+
*/
|
|
117
|
+
private _deriveTextFromMenu;
|
|
99
118
|
private _updateMenuWidth;
|
|
100
119
|
private _handleScrollOrResize;
|
|
101
120
|
private _handleMenuToggle;
|
|
@@ -122,6 +141,11 @@ export declare class NLDDComboBox extends LitElement {
|
|
|
122
141
|
/** Accept a custom typed value and close the menu when focus leaves the input. */
|
|
123
142
|
_handleBlur(e: FocusEvent): void;
|
|
124
143
|
_handleKeydown(e: KeyboardEvent): void;
|
|
144
|
+
/**
|
|
145
|
+
* Delegates focus to the inner native `<input>`, so consumers can call
|
|
146
|
+
* `comboBoxEl.focus()` without reaching into shadow DOM.
|
|
147
|
+
*/
|
|
148
|
+
focus(options?: FocusOptions): void;
|
|
125
149
|
render(): import("lit-html").TemplateResult;
|
|
126
150
|
}
|
|
127
151
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,11 @@ var NLDDComboBox_1;
|
|
|
20
20
|
*
|
|
21
21
|
* @element nldd-combo-box
|
|
22
22
|
* @attr {string} value - The selected form value
|
|
23
|
+
* @attr {string} text - The text shown in the input. May differ from `value`
|
|
24
|
+
* (e.g. value="nl" → text="Nederland"). Set this when
|
|
25
|
+
* pre-populating an existing record. If left empty and
|
|
26
|
+
* `value` matches a slotted menu item, the matching
|
|
27
|
+
* item's `text` is used automatically.
|
|
23
28
|
* @attr {string} placeholder - Placeholder text for the input
|
|
24
29
|
* @attr {string} size - Size: 'sm' | 'md' (default: 'md')
|
|
25
30
|
* @attr {boolean} valid - Marks the field as valid
|
|
@@ -33,7 +38,7 @@ var NLDDComboBox_1;
|
|
|
33
38
|
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
|
|
34
39
|
* @attr {number} max-items - Maximum visible items before scrolling (default: 8)
|
|
35
40
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
36
|
-
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default:
|
|
41
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
37
42
|
*
|
|
38
43
|
* @note Free-text values: if the user types a value that does not match any menu option
|
|
39
44
|
* and presses Enter or moves focus away, the typed text is emitted as-is via the
|
|
@@ -68,8 +73,17 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
68
73
|
super(...arguments);
|
|
69
74
|
this._internals = this.attachInternals();
|
|
70
75
|
this._initialValue = '';
|
|
71
|
-
this.
|
|
76
|
+
this._initialText = '';
|
|
72
77
|
this.value = '';
|
|
78
|
+
/**
|
|
79
|
+
* The text shown in the input. May differ from `value` (the form-submission value).
|
|
80
|
+
*
|
|
81
|
+
* Updated automatically on user input and menu select. When the consumer sets `value`
|
|
82
|
+
* without setting `text`, the matching slotted `nldd-menu-item`'s `text` is used as
|
|
83
|
+
* the display label. Set `text` explicitly to opt out of auto-derivation (e.g. for
|
|
84
|
+
* custom display formats like `${item.text} (${item.id})`).
|
|
85
|
+
*/
|
|
86
|
+
this.text = '';
|
|
73
87
|
this.placeholder = '';
|
|
74
88
|
this.size = 'md';
|
|
75
89
|
this.valid = false;
|
|
@@ -87,8 +101,6 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
87
101
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
88
102
|
this.width = '';
|
|
89
103
|
this._isOpen = false;
|
|
90
|
-
/** Display value shown in the input. May differ from value (form value). */
|
|
91
|
-
this._displayValue = '';
|
|
92
104
|
/** ID of the currently highlighted menu item for aria-activedescendant. */
|
|
93
105
|
this._highlightedId = '';
|
|
94
106
|
this._menuId = `nldd-combo-box-menu-${NLDDComboBox_1._idCounter++}`;
|
|
@@ -115,7 +127,7 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
115
127
|
};
|
|
116
128
|
this._handleMenuSelect = (e) => {
|
|
117
129
|
const item = e.target;
|
|
118
|
-
this.
|
|
130
|
+
this.text = item.text;
|
|
119
131
|
this.value = item.value || item.text;
|
|
120
132
|
this._highlightedId = '';
|
|
121
133
|
this._closeMenu();
|
|
@@ -153,28 +165,42 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
153
165
|
console.warn('<nldd-combo-box>: No accessible-label provided. Add an accessible-label attribute for screen reader accessibility.');
|
|
154
166
|
}
|
|
155
167
|
this._initialValue = this.value;
|
|
156
|
-
this.
|
|
168
|
+
this._initialText = this.text;
|
|
169
|
+
}
|
|
170
|
+
willUpdate(changedProperties) {
|
|
171
|
+
// Auto-derive text from a matching slotted menu item when value changes
|
|
172
|
+
// alone. If text also changed in the same update cycle the consumer
|
|
173
|
+
// was explicit — don't overwrite it.
|
|
174
|
+
if (changedProperties.has('value') && !changedProperties.has('text')) {
|
|
175
|
+
this._deriveTextFromMenu();
|
|
176
|
+
}
|
|
157
177
|
}
|
|
158
178
|
updated(changedProperties) {
|
|
159
179
|
if (changedProperties.has('maxItems') && this._menu) {
|
|
160
180
|
this._menu.maxItems = this.maxItems;
|
|
161
181
|
}
|
|
162
182
|
if (changedProperties.has('width')) {
|
|
163
|
-
|
|
183
|
+
const w = this.width;
|
|
184
|
+
if (w && w !== 'full' && CSS.supports('width', w)) {
|
|
185
|
+
this.style.setProperty('--_width', w);
|
|
186
|
+
}
|
|
187
|
+
else {
|
|
188
|
+
this.style.removeProperty('--_width');
|
|
189
|
+
}
|
|
164
190
|
}
|
|
165
|
-
if (changedProperties.has('value') || changedProperties.has('
|
|
191
|
+
if (changedProperties.has('value') || changedProperties.has('text')) {
|
|
166
192
|
// Submit only the form value, but persist the display label in the
|
|
167
193
|
// restore state so bfcache / state restore can rehydrate the input
|
|
168
|
-
// text (e.g. value "
|
|
194
|
+
// text (e.g. value "nl" → display "Nederland").
|
|
169
195
|
const state = new FormData();
|
|
170
196
|
state.append('value', this.value);
|
|
171
|
-
state.append('display', this.
|
|
197
|
+
state.append('display', this.text);
|
|
172
198
|
this._internals.setFormValue(this.value, state);
|
|
173
199
|
}
|
|
174
200
|
}
|
|
175
201
|
formResetCallback() {
|
|
176
202
|
this.value = this._initialValue;
|
|
177
|
-
this.
|
|
203
|
+
this.text = this._initialText;
|
|
178
204
|
}
|
|
179
205
|
formDisabledCallback(disabled) {
|
|
180
206
|
this.disabled = disabled;
|
|
@@ -182,12 +208,12 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
182
208
|
formStateRestoreCallback(state) {
|
|
183
209
|
if (state instanceof FormData) {
|
|
184
210
|
this.value = String(state.get('value') ?? '');
|
|
185
|
-
this.
|
|
211
|
+
this.text = String(state.get('display') ?? '');
|
|
186
212
|
}
|
|
187
213
|
else if (typeof state === 'string') {
|
|
188
214
|
// Fallback for older session state without separate display label.
|
|
189
215
|
this.value = state;
|
|
190
|
-
this.
|
|
216
|
+
this.text = state;
|
|
191
217
|
}
|
|
192
218
|
}
|
|
193
219
|
connectedCallback() {
|
|
@@ -228,6 +254,36 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
228
254
|
menu.addEventListener('select', this._handleMenuSelect);
|
|
229
255
|
menu.addEventListener('keydown', this._handleMenuKeydown);
|
|
230
256
|
this._updateMenuWidth();
|
|
257
|
+
// First time the menu is wired up, derive a missing text from the
|
|
258
|
+
// matching item. Covers the common case where the consumer renders
|
|
259
|
+
// <nldd-combo-box value="nl"> with the menu as a child — value is set
|
|
260
|
+
// before the menu exists, so the willUpdate hook's first run has no
|
|
261
|
+
// menu to walk.
|
|
262
|
+
if (this.value && !this.text) {
|
|
263
|
+
this._deriveTextFromMenu();
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
/**
|
|
267
|
+
* Walk slotted menu items and set `text` from the first item whose `value`
|
|
268
|
+
* (or `text`, when value is unset) matches the current `value`. No-op when
|
|
269
|
+
* the menu isn't wired yet or no item matches.
|
|
270
|
+
*/
|
|
271
|
+
_deriveTextFromMenu() {
|
|
272
|
+
if (!this._menu || !this.value)
|
|
273
|
+
return;
|
|
274
|
+
// Scope to items that belong directly to the wired menu — without the
|
|
275
|
+
// closest() filter, a nested nldd-menu submenu's items would match
|
|
276
|
+
// before the intended top-level item when value keys overlap. Today's
|
|
277
|
+
// combo-boxes are flat, but this keeps the derivation correct as the
|
|
278
|
+
// menu structure gains depth.
|
|
279
|
+
const items = Array.from(this._menu.querySelectorAll('nldd-menu-item'))
|
|
280
|
+
.filter(item => item.closest('nldd-menu') === this._menu);
|
|
281
|
+
for (const item of items) {
|
|
282
|
+
if ((item.value || item.text) === this.value) {
|
|
283
|
+
this.text = item.text;
|
|
284
|
+
return;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
231
287
|
}
|
|
232
288
|
// — Menu width & position ————————————————————————————————————————————————
|
|
233
289
|
_updateMenuWidth() {
|
|
@@ -279,19 +335,19 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
279
335
|
}
|
|
280
336
|
_handleInput(e) {
|
|
281
337
|
const input = e.target;
|
|
282
|
-
this.
|
|
283
|
-
this._menu?.filter(this.
|
|
338
|
+
this.text = input.value;
|
|
339
|
+
this._menu?.filter(this.text);
|
|
284
340
|
this._updateActiveDescendant();
|
|
285
341
|
if (!this._isOpen)
|
|
286
342
|
this._openMenu();
|
|
287
343
|
this.dispatchEvent(new CustomEvent('input', {
|
|
288
|
-
detail: { value: this.
|
|
344
|
+
detail: { value: this.text },
|
|
289
345
|
bubbles: true,
|
|
290
346
|
composed: true,
|
|
291
347
|
}));
|
|
292
348
|
}
|
|
293
349
|
_handleClear() {
|
|
294
|
-
this.
|
|
350
|
+
this.text = '';
|
|
295
351
|
this.value = '';
|
|
296
352
|
this._menu?.filter('');
|
|
297
353
|
this._closeMenu();
|
|
@@ -313,8 +369,8 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
313
369
|
if (!relatedTarget || !this._menu?.contains(relatedTarget)) {
|
|
314
370
|
this._closeMenu();
|
|
315
371
|
}
|
|
316
|
-
if (this.
|
|
317
|
-
this.value = this.
|
|
372
|
+
if (this.text !== '' && this.text !== this.value) {
|
|
373
|
+
this.value = this.text;
|
|
318
374
|
this.dispatchEvent(new CustomEvent('change', {
|
|
319
375
|
detail: { value: this.value },
|
|
320
376
|
bubbles: true,
|
|
@@ -348,7 +404,7 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
348
404
|
highlighted.select();
|
|
349
405
|
}
|
|
350
406
|
else {
|
|
351
|
-
this.value = this.
|
|
407
|
+
this.value = this.text;
|
|
352
408
|
this._closeMenu();
|
|
353
409
|
this.dispatchEvent(new CustomEvent('change', {
|
|
354
410
|
detail: { value: this.value },
|
|
@@ -364,6 +420,13 @@ let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
|
|
|
364
420
|
break;
|
|
365
421
|
}
|
|
366
422
|
}
|
|
423
|
+
/**
|
|
424
|
+
* Delegates focus to the inner native `<input>`, so consumers can call
|
|
425
|
+
* `comboBoxEl.focus()` without reaching into shadow DOM.
|
|
426
|
+
*/
|
|
427
|
+
focus(options) {
|
|
428
|
+
this._input?.focus(options);
|
|
429
|
+
}
|
|
367
430
|
render() {
|
|
368
431
|
return comboBoxTemplate(this);
|
|
369
432
|
}
|
|
@@ -374,6 +437,9 @@ NLDDComboBox._idCounter = 0;
|
|
|
374
437
|
__decorate([
|
|
375
438
|
property({ type: String })
|
|
376
439
|
], NLDDComboBox.prototype, "value", void 0);
|
|
440
|
+
__decorate([
|
|
441
|
+
property({ type: String })
|
|
442
|
+
], NLDDComboBox.prototype, "text", void 0);
|
|
377
443
|
__decorate([
|
|
378
444
|
property({ type: String })
|
|
379
445
|
], NLDDComboBox.prototype, "placeholder", void 0);
|
|
@@ -410,9 +476,6 @@ __decorate([
|
|
|
410
476
|
__decorate([
|
|
411
477
|
state()
|
|
412
478
|
], NLDDComboBox.prototype, "_isOpen", void 0);
|
|
413
|
-
__decorate([
|
|
414
|
-
state()
|
|
415
|
-
], NLDDComboBox.prototype, "_displayValue", void 0);
|
|
416
479
|
__decorate([
|
|
417
480
|
state()
|
|
418
481
|
], NLDDComboBox.prototype, "_highlightedId", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA8L1B,CAAC"}
|
|
@@ -7,8 +7,10 @@ export const comboBoxStyles = css `
|
|
|
7
7
|
:host {
|
|
8
8
|
--_background-color: var(--semantics-input-fields-background-color);
|
|
9
9
|
--_z-index-button-focus: 1;
|
|
10
|
+
--_width: auto;
|
|
10
11
|
|
|
11
12
|
display: block;
|
|
13
|
+
width: var(--_width);
|
|
12
14
|
-webkit-tap-highlight-color: transparent;
|
|
13
15
|
}
|
|
14
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8LhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CA0DxE"}
|
|
@@ -38,7 +38,7 @@ export function comboBoxTemplate(component) {
|
|
|
38
38
|
aria-haspopup="listbox"
|
|
39
39
|
aria-activedescendant=${component._highlightedId || nothing}
|
|
40
40
|
aria-invalid=${component.invalid ? 'true' : nothing}
|
|
41
|
-
.value=${component.
|
|
41
|
+
.value=${component.text}
|
|
42
42
|
placeholder=${component.placeholder || nothing}
|
|
43
43
|
?disabled=${component.disabled}
|
|
44
44
|
name=${component.name || nothing}
|
|
@@ -49,7 +49,7 @@ export function comboBoxTemplate(component) {
|
|
|
49
49
|
>
|
|
50
50
|
<div class="combo-box__input-fade"></div>
|
|
51
51
|
<div class="combo-box__end">
|
|
52
|
-
${component.
|
|
52
|
+
${component.text ? html `
|
|
53
53
|
<div class="combo-box__clear-button">
|
|
54
54
|
<nldd-icon-button
|
|
55
55
|
variant="neutral-transparent"
|
|
@@ -71,6 +71,8 @@ export function comboBoxTemplate(component) {
|
|
|
71
71
|
text=${component._t('components.combo-box.open-menu-action')}
|
|
72
72
|
hide-tooltip
|
|
73
73
|
?disabled=${component.disabled}
|
|
74
|
+
?expanded=${component._isOpen}
|
|
75
|
+
popup-type="listbox"
|
|
74
76
|
@pointerdown=${component._handlePickerPointerdown}
|
|
75
77
|
@click=${component._toggleMenu}
|
|
76
78
|
></nldd-icon-button>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,IAAI;kBACT,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIb,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;;mBAE5C,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,YAAY;;;KAGjC,CAAC,CAAC,CAAC,OAAO;MACT,oBAAoB,CAAC,SAAS,CAAC;;;;aAIxB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;;kBAEhD,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,OAAO;;qBAEd,SAAS,CAAC,wBAAwB;eACxC,SAAS,CAAC,WAAW;;;;;sBAKd,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* @attr {boolean} valid - Marks the field as valid
|
|
13
13
|
* @attr {boolean} invalid - Marks the field as invalid
|
|
14
14
|
* @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
|
|
15
|
-
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default:
|
|
15
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
16
16
|
*
|
|
17
17
|
* @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
|
|
18
18
|
*
|
|
@@ -48,6 +48,16 @@ export declare class NLDDDropdown extends LitElement {
|
|
|
48
48
|
private _syncAriaInvalid;
|
|
49
49
|
private _syncDisplayValue;
|
|
50
50
|
private _handleSelectChange;
|
|
51
|
+
/**
|
|
52
|
+
* Mirrors the global input modality onto a host attribute so the wrapper
|
|
53
|
+
* shows a focus ring only on keyboard focus. We can't rely on
|
|
54
|
+
* `:focus-visible` for native <select> because Chrome matches it even on
|
|
55
|
+
* mouse click (the dropdown is keyboard-navigable once open).
|
|
56
|
+
*/
|
|
57
|
+
private _handleSelectFocus;
|
|
58
|
+
private _handleSelectBlur;
|
|
59
|
+
/** Click-then-keyboard: any key press while focused promotes to keyboard mode. */
|
|
60
|
+
private _handleSelectKeydown;
|
|
51
61
|
render(): import("lit-html").TemplateResult;
|
|
52
62
|
}
|
|
53
63
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBxD,aAAa,IAAI,IAAI;IAkC5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,kFAAkF;IAClF,OAAO,CAAC,oBAAoB,CAE1B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
|
|
@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
18
18
|
* @attr {boolean} valid - Marks the field as valid
|
|
19
19
|
* @attr {boolean} invalid - Marks the field as invalid
|
|
20
20
|
* @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
|
|
21
|
-
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default:
|
|
21
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
22
22
|
*
|
|
23
23
|
* @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
|
|
24
24
|
*
|
|
@@ -39,6 +39,7 @@ import { LitElement } from 'lit';
|
|
|
39
39
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
40
40
|
import { dropdownStyles } from './dropdown.styles.js';
|
|
41
41
|
import { dropdownTemplate } from './dropdown.template.js';
|
|
42
|
+
import { isKeyboardMode } from '../../../utilities/input-modality.js';
|
|
42
43
|
import './../../content/icon/icon.js';
|
|
43
44
|
let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
44
45
|
constructor() {
|
|
@@ -60,6 +61,22 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
|
60
61
|
composed: true,
|
|
61
62
|
}));
|
|
62
63
|
};
|
|
64
|
+
/**
|
|
65
|
+
* Mirrors the global input modality onto a host attribute so the wrapper
|
|
66
|
+
* shows a focus ring only on keyboard focus. We can't rely on
|
|
67
|
+
* `:focus-visible` for native <select> because Chrome matches it even on
|
|
68
|
+
* mouse click (the dropdown is keyboard-navigable once open).
|
|
69
|
+
*/
|
|
70
|
+
this._handleSelectFocus = () => {
|
|
71
|
+
this.toggleAttribute('keyboard-focused', isKeyboardMode());
|
|
72
|
+
};
|
|
73
|
+
this._handleSelectBlur = () => {
|
|
74
|
+
this.toggleAttribute('keyboard-focused', false);
|
|
75
|
+
};
|
|
76
|
+
/** Click-then-keyboard: any key press while focused promotes to keyboard mode. */
|
|
77
|
+
this._handleSelectKeydown = () => {
|
|
78
|
+
this.toggleAttribute('keyboard-focused', true);
|
|
79
|
+
};
|
|
63
80
|
}
|
|
64
81
|
// — Lifecycle ——————————————————————————————————————————————————————————————
|
|
65
82
|
updated(changedProperties) {
|
|
@@ -70,7 +87,13 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
|
70
87
|
this._syncAriaInvalid();
|
|
71
88
|
}
|
|
72
89
|
if (changedProperties.has('width')) {
|
|
73
|
-
|
|
90
|
+
const w = this.width;
|
|
91
|
+
if (w && w !== 'full' && CSS.supports('width', w)) {
|
|
92
|
+
this.style.setProperty('--_width', w);
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
this.style.removeProperty('--_width');
|
|
96
|
+
}
|
|
74
97
|
}
|
|
75
98
|
}
|
|
76
99
|
// — Slot ——————————————————————————————————————————————————————————————————
|
|
@@ -80,6 +103,9 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
|
80
103
|
.find((el) => el.tagName === 'SELECT') ?? null;
|
|
81
104
|
if (this._select && this._select !== select) {
|
|
82
105
|
this._select.removeEventListener('change', this._handleSelectChange);
|
|
106
|
+
this._select.removeEventListener('focus', this._handleSelectFocus);
|
|
107
|
+
this._select.removeEventListener('blur', this._handleSelectBlur);
|
|
108
|
+
this._select.removeEventListener('keydown', this._handleSelectKeydown);
|
|
83
109
|
}
|
|
84
110
|
this._select = select;
|
|
85
111
|
if (!select) {
|
|
@@ -90,6 +116,9 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
|
90
116
|
console.warn('<nldd-dropdown>: The slotted <select> has no accessible name. Add an aria-label or aria-labelledby attribute to the <select> element.');
|
|
91
117
|
}
|
|
92
118
|
select.addEventListener('change', this._handleSelectChange);
|
|
119
|
+
select.addEventListener('focus', this._handleSelectFocus);
|
|
120
|
+
select.addEventListener('blur', this._handleSelectBlur);
|
|
121
|
+
select.addEventListener('keydown', this._handleSelectKeydown);
|
|
93
122
|
this._syncDisabled();
|
|
94
123
|
this._syncAriaInvalid();
|
|
95
124
|
this._syncDisplayValue();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,8BAA8B,CAAC;AAK/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAIN,SAAI,GAAiB,IAAI,CAAC;QAG1B,UAAK,GAAG,KAAK,CAAC;QAGd,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAEjB,oGAAoG;QAEpG,UAAK,GAAG,EAAE,CAAC;QAGX,kBAAa,GAAG,EAAE,CAAC;QAEX,YAAO,GAA6B,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyL1B,CAAC"}
|
|
@@ -8,8 +8,10 @@ export const dropdownStyles = css `
|
|
|
8
8
|
--_xs-picker-icon-size: var(--primitives-space-16);
|
|
9
9
|
--_sm-picker-icon-size: var(--primitives-space-20);
|
|
10
10
|
--_md-picker-icon-size: var(--primitives-space-24);
|
|
11
|
+
--_width: auto;
|
|
11
12
|
|
|
12
13
|
display: block;
|
|
14
|
+
width: var(--_width);
|
|
13
15
|
-webkit-tap-highlight-color: transparent;
|
|
14
16
|
}
|
|
15
17
|
|
|
@@ -52,7 +54,7 @@ export const dropdownStyles = css `
|
|
|
52
54
|
border-radius: var(--semantics-controls-md-corner-radius);
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
|
|
57
|
+
:host([keyboard-focused]) .dropdown {
|
|
56
58
|
outline: var(--semantics-focus-ring-outline);
|
|
57
59
|
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
58
60
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,CAAC"}
|
|
@@ -30,7 +30,7 @@ export function dropdownTemplate(component) {
|
|
|
30
30
|
<span class="dropdown__value">${component._displayValue}</span>
|
|
31
31
|
${renderValidationIcon(component)}
|
|
32
32
|
<div class="dropdown__picker-icon">
|
|
33
|
-
<nldd-icon name="chevron-up-down"></nldd-icon>
|
|
33
|
+
<nldd-icon name="chevron-up-chevron-down"></nldd-icon>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
`;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
|
|
19
19
|
* 'auto' grows with content (native field-sizing), no manual handle.
|
|
20
20
|
* @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
|
|
21
|
-
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default:
|
|
21
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
22
22
|
*
|
|
23
23
|
* @fires input - When value changes
|
|
24
24
|
* @fires change - When value is committed (blur)
|