@sapudex/web-components 0.143.0 → 0.172.0
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/.eslintignore +1 -0
- package/bundle.esm.js +9 -0
- package/dist/Badge.d.ts +21 -14
- package/dist/Badge.js +20 -26
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +23 -21
- package/dist/Breadcrumbs.js +58 -40
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/BreadcrumbsItem.js +0 -1
- package/dist/BreadcrumbsItem.js.map +1 -1
- package/dist/Checkbox.js +0 -1
- package/dist/Checkbox.js.map +1 -1
- package/dist/CountrySelector.d.ts +9 -3
- package/dist/CountrySelector.js +48 -19
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.d.ts +2 -2
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +0 -3
- package/dist/Dropdown.js.map +1 -1
- package/dist/Footer.d.ts +53 -10
- package/dist/Footer.js +41 -11
- package/dist/Footer.js.map +1 -1
- package/dist/Link.d.ts +2 -5
- package/dist/Link.js +4 -8
- package/dist/Link.js.map +1 -1
- package/dist/List.d.ts +16 -1
- package/dist/List.js +154 -100
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +1 -0
- package/dist/ListItem.js +3 -0
- package/dist/ListItem.js.map +1 -1
- package/dist/MastheadItem.d.ts +12 -2
- package/dist/MastheadItem.js +34 -7
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +1 -0
- package/dist/MastheadMenu.js +13 -4
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMenuItem.d.ts +10 -0
- package/dist/MastheadMenuItem.js +24 -3
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadMobileMenu.js +2 -2
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.js +2 -2
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +4 -0
- package/dist/MastheadShell.js +21 -5
- package/dist/MastheadShell.js.map +1 -1
- package/dist/Pagination.d.ts +13 -3
- package/dist/Pagination.js +90 -57
- package/dist/Pagination.js.map +1 -1
- package/dist/PhoneNumberField.d.ts +3 -0
- package/dist/PhoneNumberField.js +9 -4
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/RangeSlider.js +0 -1
- package/dist/RangeSlider.js.map +1 -1
- package/dist/Search.d.ts +5 -4
- package/dist/Search.js +13 -13
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.d.ts +7 -1
- package/dist/SearchableListBase.js +47 -4
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +2 -2
- package/dist/SecondaryNavigation.js +20 -10
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.d.ts +6 -3
- package/dist/SecondaryNavigationItem.js +50 -26
- package/dist/SecondaryNavigationItem.js.map +1 -1
- package/dist/SecondaryNavigationSubItem.d.ts +1 -0
- package/dist/SecondaryNavigationSubItem.js +3 -0
- package/dist/SecondaryNavigationSubItem.js.map +1 -1
- package/dist/SegmentedButton.d.ts +2 -2
- package/dist/SegmentedButton.js.map +1 -1
- package/dist/SelectBox.d.ts +6 -9
- package/dist/SelectBox.js +50 -55
- package/dist/SelectBox.js.map +1 -1
- package/dist/SideNavigationGroup.js +0 -1
- package/dist/SideNavigationGroup.js.map +1 -1
- package/dist/SideNavigationItem.js +0 -1
- package/dist/SideNavigationItem.js.map +1 -1
- package/dist/SideNavigationSubItem.js +0 -1
- package/dist/SideNavigationSubItem.js.map +1 -1
- package/dist/Slider.js +0 -1
- package/dist/Slider.js.map +1 -1
- package/dist/TabNavigation.js +2 -2
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Tag.d.ts +1 -4
- package/dist/Tag.js +1 -5
- package/dist/Tag.js.map +1 -1
- package/dist/Tile.d.ts +1 -1
- package/dist/Tile.js +1 -1
- package/dist/Tile.js.map +1 -1
- package/dist/Toast.d.ts +0 -1
- package/dist/Toast.js +4 -3
- package/dist/Toast.js.map +1 -1
- package/dist/Wizard.js +1 -1
- package/dist/Wizard.js.map +1 -1
- package/dist/WizardTab.js +0 -1
- package/dist/WizardTab.js.map +1 -1
- package/dist/assets/{bundle.esm-8623b7b1.js → bundle.esm-981c5cbb.js} +187 -191
- package/dist/assets/messagebundle_ar-bb470511.js +1 -0
- package/dist/assets/messagebundle_bg-a533dfab.js +1 -0
- package/dist/assets/messagebundle_cs-c70a7f36.js +1 -0
- package/dist/assets/messagebundle_da-e292cac5.js +1 -0
- package/dist/assets/messagebundle_de-5c108de6.js +1 -0
- package/dist/assets/messagebundle_el-44746e0b.js +1 -0
- package/dist/assets/messagebundle_en-4997b226.js +1 -0
- package/dist/assets/messagebundle_es-c0c1060f.js +1 -0
- package/dist/assets/messagebundle_et-a5f15d3b.js +1 -0
- package/dist/assets/messagebundle_fi-f4b8eb82.js +1 -0
- package/dist/assets/messagebundle_fr-af18ac46.js +1 -0
- package/dist/assets/messagebundle_hr-d893e46d.js +1 -0
- package/dist/assets/messagebundle_hu-230c58c9.js +1 -0
- package/dist/assets/messagebundle_it-5bf1436c.js +1 -0
- package/dist/assets/messagebundle_iw-dd60afc4.js +1 -0
- package/dist/assets/messagebundle_ko-c450bda3.js +1 -0
- package/dist/assets/messagebundle_lt-87ab0529.js +1 -0
- package/dist/assets/messagebundle_lv-fc413852.js +1 -0
- package/dist/assets/messagebundle_nl-34d7e236.js +1 -0
- package/dist/assets/messagebundle_no-f22648fb.js +1 -0
- package/dist/assets/messagebundle_pl-10303f09.js +1 -0
- package/dist/assets/messagebundle_pt-b7a40c67.js +1 -0
- package/dist/assets/messagebundle_ro-94628623.js +1 -0
- package/dist/assets/messagebundle_ru-1f6595ba.js +1 -0
- package/dist/assets/messagebundle_sk-89eabac1.js +1 -0
- package/dist/assets/messagebundle_sl-d56532f1.js +1 -0
- package/dist/assets/messagebundle_sr-cf7f3b32.js +1 -0
- package/dist/assets/messagebundle_sv-3a3b20d3.js +1 -0
- package/dist/assets/messagebundle_tr-33b16d09.js +1 -0
- package/dist/assets/messagebundle_uk-82e1f2c1.js +1 -0
- package/dist/assets/messagebundle_zh_CN-15ca05aa.js +1 -0
- package/dist/assets/messagebundle_zh_TW-ad6445e7.js +1 -0
- package/dist/assets/{parameters-bundle.css-c897ae23.js → parameters-bundle.css-07457fce.js} +2 -2
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/BreadcrumbsPopover.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/DatePickerPopover.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadMenu.css +1 -1
- package/dist/css/themes/MastheadMenuItem.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TableCell.css +1 -1
- package/dist/css/themes/TableCellBase.css +1 -1
- package/dist/css/themes/Tag.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +232 -31
- package/dist/custom-elements.json +224 -30
- package/dist/features/SearchSuggestionsPopover.d.ts +16 -0
- package/dist/features/SearchSuggestionsPopover.js +49 -0
- package/dist/features/SearchSuggestionsPopover.js.map +1 -1
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_bg.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_da.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_el.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_et.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_fi.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hr.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_hu.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_it.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_iw.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_ko.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_lt.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_lv.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_nl.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_pl.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_pt.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_ro.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_ru.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_sk.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_sl.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_sr.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_sv.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_tr.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -0
- package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +7 -1
- package/dist/generated/i18n/i18n-defaults.js +7 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/json-imports/i18n-static.js +86 -2
- package/dist/generated/json-imports/i18n-static.js.map +1 -1
- package/dist/generated/json-imports/i18n.js +58 -2
- package/dist/generated/json-imports/i18n.js.map +1 -1
- package/dist/generated/templates/BadgeTemplate.lit.js +4 -4
- package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -1
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +3 -3
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/CountrySelectorTemplate.lit.js +2 -2
- package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FooterTemplate.lit.js +12 -11
- package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListTemplate.lit.js +3 -3
- package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +17 -16
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +15 -14
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuTemplate.lit.js +3 -3
- package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +10 -9
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PaginationTemplate.lit.js +3 -3
- package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +3 -3
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +3 -3
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js +3 -5
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
- package/dist/generated/templates/StepInputTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TagGroupTemplate.lit.js +2 -2
- package/dist/generated/templates/TagGroupTemplate.lit.js.map +1 -1
- package/dist/generated/templates/WizardTemplate.lit.js +1 -1
- package/dist/generated/templates/WizardTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/SelectBox.css.js +1 -1
- package/dist/generated/themes/SelectBox.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TableCell.css.js +1 -1
- package/dist/generated/themes/TableCell.css.js.map +1 -1
- package/dist/generated/themes/TableCellBase.css.js +1 -1
- package/dist/generated/themes/TableCellBase.css.js.map +1 -1
- package/dist/generated/themes/Tag.css.js +1 -1
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
- package/dist/i18n/messagebundle.properties +10 -0
- package/dist/i18n/messagebundle_ar.properties +1 -0
- package/dist/i18n/messagebundle_bg.properties +1 -0
- package/dist/i18n/messagebundle_cs.properties +1 -0
- package/dist/i18n/messagebundle_da.properties +1 -0
- package/dist/i18n/messagebundle_de.properties +1 -0
- package/dist/i18n/messagebundle_el.properties +1 -0
- package/dist/i18n/messagebundle_en.properties +4 -0
- package/dist/i18n/messagebundle_es.properties +1 -0
- package/dist/i18n/messagebundle_et.properties +1 -0
- package/dist/i18n/messagebundle_fi.properties +1 -0
- package/dist/i18n/messagebundle_fr.properties +1 -0
- package/dist/i18n/messagebundle_hr.properties +1 -0
- package/dist/i18n/messagebundle_hu.properties +1 -0
- package/dist/i18n/messagebundle_it.properties +1 -0
- package/dist/i18n/messagebundle_iw.properties +2 -0
- package/dist/i18n/messagebundle_ko.properties +1 -0
- package/dist/i18n/messagebundle_lt.properties +1 -0
- package/dist/i18n/messagebundle_lv.properties +1 -0
- package/dist/i18n/messagebundle_nl.properties +1 -0
- package/dist/i18n/messagebundle_no.properties +1 -0
- package/dist/i18n/messagebundle_pl.properties +1 -0
- package/dist/i18n/messagebundle_pt.properties +1 -0
- package/dist/i18n/messagebundle_pt_BR.properties +1 -0
- package/dist/i18n/messagebundle_ro.properties +1 -0
- package/dist/i18n/messagebundle_ru.properties +1 -0
- package/dist/i18n/messagebundle_sk.properties +1 -0
- package/dist/i18n/messagebundle_sl.properties +1 -0
- package/dist/i18n/messagebundle_sr.properties +2 -0
- package/dist/i18n/messagebundle_sv.properties +1 -0
- package/dist/i18n/messagebundle_tr.properties +1 -0
- package/dist/i18n/messagebundle_uk.properties +1 -0
- package/dist/i18n/messagebundle_zh_CN.properties +4 -0
- package/dist/i18n/messagebundle_zh_TW.properties +1 -0
- package/dist/types/BadgeDesign.d.ts +15 -0
- package/dist/types/BadgeDesign.js +18 -0
- package/dist/types/BadgeDesign.js.map +1 -0
- package/dist/types/IconPlacement.d.ts +5 -0
- package/dist/types/IconPlacement.js +7 -0
- package/dist/types/IconPlacement.js.map +1 -0
- package/dist/types/List.d.ts +8 -0
- package/dist/types/List.js.map +1 -1
- package/dist/utils/isLetterKeyPressed.d.ts +2 -0
- package/dist/utils/isLetterKeyPressed.js +5 -0
- package/dist/utils/isLetterKeyPressed.js.map +1 -0
- package/dist/utils/listItemLabelStartsWithKeyFocus.d.ts +3 -0
- package/dist/utils/listItemLabelStartsWithKeyFocus.js +55 -0
- package/dist/utils/listItemLabelStartsWithKeyFocus.js.map +1 -0
- package/dist/utils/listItemLabelUtils.d.ts +7 -0
- package/dist/utils/listItemLabelUtils.js +36 -0
- package/dist/utils/listItemLabelUtils.js.map +1 -0
- package/dist/vscode.html-custom-data.json +63 -26
- package/dist/web-types.json +113 -38
- package/package.json +1 -1
- package/src/Badge.hbs +16 -5
- package/src/Badge.ts +36 -19
- package/src/Breadcrumbs.ts +92 -66
- package/src/BreadcrumbsItem.ts +0 -1
- package/src/BreadcrumbsPopover.hbs +11 -9
- package/src/Checkbox.ts +0 -1
- package/src/CountrySelector.hbs +2 -2
- package/src/CountrySelector.ts +66 -23
- package/src/DatePicker.ts +2 -2
- package/src/Dropdown.ts +0 -2
- package/src/Footer.hbs +52 -28
- package/src/Footer.ts +81 -22
- package/src/Link.ts +5 -9
- package/src/List.hbs +2 -2
- package/src/List.ts +182 -112
- package/src/ListItem.hbs +2 -2
- package/src/ListItem.ts +4 -0
- package/src/MastheadItem.hbs +14 -4
- package/src/MastheadItem.ts +42 -9
- package/src/MastheadMenu.hbs +4 -4
- package/src/MastheadMenu.ts +20 -8
- package/src/MastheadMenuItem.hbs +10 -2
- package/src/MastheadMenuItem.ts +28 -1
- package/src/MastheadMobileMenu.ts +2 -2
- package/src/MastheadProfileMenu.hbs +1 -0
- package/src/MastheadProfileMenu.ts +3 -2
- package/src/MastheadShell.hbs +25 -19
- package/src/MastheadShell.ts +25 -5
- package/src/Pagination.hbs +3 -2
- package/src/Pagination.ts +110 -60
- package/src/PhoneNumberField.hbs +3 -3
- package/src/PhoneNumberField.ts +16 -8
- package/src/RangeSlider.ts +0 -1
- package/src/Search.hbs +10 -10
- package/src/Search.ts +18 -18
- package/src/SearchSuggestions.hbs +1 -0
- package/src/SearchableListBase.hbs +3 -1
- package/src/SearchableListBase.ts +57 -6
- package/src/SecondaryNavigation.hbs +1 -0
- package/src/SecondaryNavigation.ts +23 -16
- package/src/SecondaryNavigationItem.hbs +10 -7
- package/src/SecondaryNavigationItem.ts +58 -28
- package/src/SecondaryNavigationSubItem.hbs +3 -0
- package/src/SecondaryNavigationSubItem.ts +3 -0
- package/src/SegmentedButton.ts +2 -2
- package/src/SelectBox.hbs +11 -24
- package/src/SelectBox.ts +51 -60
- package/src/SideNavigationGroup.ts +0 -1
- package/src/SideNavigationItem.ts +0 -1
- package/src/SideNavigationSubItem.ts +0 -1
- package/src/Slider.ts +0 -1
- package/src/StepInput.hbs +16 -16
- package/src/TabNavigation.ts +2 -2
- package/src/Tag.ts +1 -5
- package/src/TagGroup.hbs +1 -1
- package/src/Tile.ts +2 -2
- package/src/Toast.ts +4 -3
- package/src/Wizard.hbs +1 -0
- package/src/Wizard.ts +1 -1
- package/src/WizardTab.ts +0 -1
- package/src/features/SearchSuggestionsPopover.ts +67 -1
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/json-imports/i18n-static.ts +86 -2
- package/src/generated/json-imports/i18n.ts +59 -3
- package/src/generated/templates/BadgeTemplate.lit.ts +3 -3
- package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +3 -3
- package/src/generated/templates/CountrySelectorTemplate.lit.ts +2 -2
- package/src/generated/templates/FooterTemplate.lit.ts +12 -11
- package/src/generated/templates/ListItemTemplate.lit.ts +2 -2
- package/src/generated/templates/ListTemplate.lit.ts +3 -3
- package/src/generated/templates/MastheadItemTemplate.lit.ts +17 -16
- package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +15 -14
- package/src/generated/templates/MastheadMenuTemplate.lit.ts +3 -3
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadShellTemplate.lit.ts +10 -9
- package/src/generated/templates/PaginationTemplate.lit.ts +3 -3
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +1 -1
- package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +1 -1
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
- package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +3 -3
- package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +3 -3
- package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
- package/src/generated/templates/SelectBoxTemplate.lit.ts +3 -5
- package/src/generated/templates/StepInputTemplate.lit.ts +1 -1
- package/src/generated/templates/TagGroupTemplate.lit.ts +2 -2
- package/src/generated/templates/WizardTemplate.lit.ts +1 -1
- package/src/generated/themes/Badge.css.ts +1 -1
- package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/DatePickerPopover.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadMenu.css.ts +1 -1
- package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TableCell.css.ts +1 -1
- package/src/generated/themes/TableCellBase.css.ts +1 -1
- package/src/generated/themes/Tag.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
- package/src/i18n/messagebundle.properties +10 -0
- package/src/i18n/messagebundle_ar.properties +1 -0
- package/src/i18n/messagebundle_bg.properties +1 -0
- package/src/i18n/messagebundle_cs.properties +1 -0
- package/src/i18n/messagebundle_da.properties +1 -0
- package/src/i18n/messagebundle_de.properties +1 -0
- package/src/i18n/messagebundle_el.properties +1 -0
- package/src/i18n/messagebundle_en.properties +4 -0
- package/src/i18n/messagebundle_es.properties +1 -0
- package/src/i18n/messagebundle_et.properties +1 -0
- package/src/i18n/messagebundle_fi.properties +1 -0
- package/src/i18n/messagebundle_fr.properties +1 -0
- package/src/i18n/messagebundle_hr.properties +1 -0
- package/src/i18n/messagebundle_hu.properties +1 -0
- package/src/i18n/messagebundle_it.properties +1 -0
- package/src/i18n/messagebundle_iw.properties +2 -0
- package/src/i18n/messagebundle_ko.properties +1 -0
- package/src/i18n/messagebundle_lt.properties +1 -0
- package/src/i18n/messagebundle_lv.properties +1 -0
- package/src/i18n/messagebundle_nl.properties +1 -0
- package/src/i18n/messagebundle_no.properties +1 -0
- package/src/i18n/messagebundle_pl.properties +1 -0
- package/src/i18n/messagebundle_pt.properties +1 -0
- package/src/i18n/messagebundle_pt_BR.properties +1 -0
- package/src/i18n/messagebundle_ro.properties +1 -0
- package/src/i18n/messagebundle_ru.properties +1 -0
- package/src/i18n/messagebundle_sk.properties +1 -0
- package/src/i18n/messagebundle_sl.properties +1 -0
- package/src/i18n/messagebundle_sr.properties +2 -0
- package/src/i18n/messagebundle_sv.properties +1 -0
- package/src/i18n/messagebundle_tr.properties +1 -0
- package/src/i18n/messagebundle_uk.properties +1 -0
- package/src/i18n/messagebundle_zh_CN.properties +4 -0
- package/src/i18n/messagebundle_zh_TW.properties +1 -0
- package/src/themes/Badge.css +48 -52
- package/src/themes/BreadcrumbsPopover.css +1 -0
- package/src/themes/Button.css +1 -1
- package/src/themes/DatePickerPopover.css +9 -0
- package/src/themes/FilterMenu.css +6 -6
- package/src/themes/Footer.css +22 -3
- package/src/themes/MastheadItem.css +4 -0
- package/src/themes/MastheadMenu.css +1 -1
- package/src/themes/MastheadMenuItem.css +4 -0
- package/src/themes/MastheadShell.css +5 -0
- package/src/themes/MediaPlayer.css +2 -1
- package/src/themes/Modal.css +1 -0
- package/src/themes/SelectBox.css +4 -88
- package/src/themes/TableCell.css +0 -2
- package/src/themes/TableCellBase.css +1 -0
- package/src/themes/Tag.css +8 -3
- package/src/themes/TagGroup.css +8 -0
- package/src/themes/TextArea.css +1 -1
- package/src/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -5
- package/src/types/BadgeDesign.ts +17 -0
- package/src/types/IconPlacement.ts +6 -0
- package/src/types/List.ts +9 -0
- package/src/utils/isLetterKeyPressed.ts +5 -0
- package/src/utils/listItemLabelStartsWithKeyFocus.ts +74 -0
- package/src/utils/listItemLabelUtils.ts +50 -0
- package/dist/assets/messagebundle_de-8158912e.js +0 -1
- package/dist/assets/messagebundle_en-c677773a.js +0 -1
- package/dist/assets/messagebundle_es-8dab6565.js +0 -1
- package/dist/assets/messagebundle_fr-669aca6d.js +0 -1
|
@@ -23,12 +23,33 @@
|
|
|
23
23
|
}
|
|
24
24
|
]
|
|
25
25
|
},
|
|
26
|
+
{
|
|
27
|
+
"kind": "javascript-module",
|
|
28
|
+
"path": "dist/types/BadgeDesign.js",
|
|
29
|
+
"declarations": [],
|
|
30
|
+
"exports": []
|
|
31
|
+
},
|
|
26
32
|
{
|
|
27
33
|
"kind": "javascript-module",
|
|
28
34
|
"path": "dist/types/Dropdown.js",
|
|
29
35
|
"declarations": [],
|
|
30
36
|
"exports": []
|
|
31
37
|
},
|
|
38
|
+
{
|
|
39
|
+
"kind": "javascript-module",
|
|
40
|
+
"path": "dist/types/IconPlacement.js",
|
|
41
|
+
"declarations": [],
|
|
42
|
+
"exports": [
|
|
43
|
+
{
|
|
44
|
+
"kind": "js",
|
|
45
|
+
"name": "default",
|
|
46
|
+
"declaration": {
|
|
47
|
+
"name": "IconPlacement",
|
|
48
|
+
"module": "dist/types/IconPlacement.js"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
},
|
|
32
53
|
{
|
|
33
54
|
"kind": "javascript-module",
|
|
34
55
|
"path": "dist/types/List.js",
|
|
@@ -101,6 +122,42 @@
|
|
|
101
122
|
}
|
|
102
123
|
]
|
|
103
124
|
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "javascript-module",
|
|
127
|
+
"path": "dist/utils/isLetterKeyPressed.js",
|
|
128
|
+
"declarations": [],
|
|
129
|
+
"exports": [
|
|
130
|
+
{
|
|
131
|
+
"kind": "js",
|
|
132
|
+
"name": "default",
|
|
133
|
+
"declaration": {
|
|
134
|
+
"name": "isLetterKey",
|
|
135
|
+
"module": "dist/utils/isLetterKeyPressed.js"
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"kind": "javascript-module",
|
|
142
|
+
"path": "dist/utils/listItemLabelStartsWithKeyFocus.js",
|
|
143
|
+
"declarations": [],
|
|
144
|
+
"exports": [
|
|
145
|
+
{
|
|
146
|
+
"kind": "js",
|
|
147
|
+
"name": "default",
|
|
148
|
+
"declaration": {
|
|
149
|
+
"name": "listItemLabelStartsWithKeyFocus",
|
|
150
|
+
"module": "dist/utils/listItemLabelStartsWithKeyFocus.js"
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"kind": "javascript-module",
|
|
157
|
+
"path": "dist/utils/listItemLabelUtils.js",
|
|
158
|
+
"declarations": [],
|
|
159
|
+
"exports": []
|
|
160
|
+
},
|
|
104
161
|
{
|
|
105
162
|
"kind": "javascript-module",
|
|
106
163
|
"path": "dist/utils/redirectAttributes.js",
|
|
@@ -690,12 +747,12 @@
|
|
|
690
747
|
"kind": "field",
|
|
691
748
|
"name": "design",
|
|
692
749
|
"type": {
|
|
693
|
-
"text": "
|
|
750
|
+
"text": "TextBadgeDesign",
|
|
694
751
|
"references": [
|
|
695
752
|
{
|
|
696
|
-
"name": "
|
|
753
|
+
"name": "TextBadgeDesign",
|
|
697
754
|
"package": "@sapudex/web-components",
|
|
698
|
-
"module": "dist/
|
|
755
|
+
"module": "dist/types/BadgeDesign.js"
|
|
699
756
|
}
|
|
700
757
|
]
|
|
701
758
|
},
|
|
@@ -707,18 +764,45 @@
|
|
|
707
764
|
"kind": "field",
|
|
708
765
|
"name": "numberDesign",
|
|
709
766
|
"type": {
|
|
710
|
-
"text": "
|
|
767
|
+
"text": "NumberBadgeDesign",
|
|
711
768
|
"references": [
|
|
712
769
|
{
|
|
713
|
-
"name": "
|
|
770
|
+
"name": "NumberBadgeDesign",
|
|
714
771
|
"package": "@sapudex/web-components",
|
|
715
|
-
"module": "dist/
|
|
772
|
+
"module": "dist/types/BadgeDesign.js"
|
|
716
773
|
}
|
|
717
774
|
]
|
|
718
775
|
},
|
|
719
776
|
"description": "Defines the design of number type component.",
|
|
720
777
|
"default": "\"Blue\"",
|
|
721
778
|
"privacy": "public"
|
|
779
|
+
},
|
|
780
|
+
{
|
|
781
|
+
"kind": "field",
|
|
782
|
+
"name": "iconPlacement",
|
|
783
|
+
"type": {
|
|
784
|
+
"text": "IconPlacement | undefined",
|
|
785
|
+
"references": [
|
|
786
|
+
{
|
|
787
|
+
"name": "IconPlacement",
|
|
788
|
+
"package": "@sapudex/web-components",
|
|
789
|
+
"module": "dist/types/IconPlacement.js"
|
|
790
|
+
}
|
|
791
|
+
]
|
|
792
|
+
},
|
|
793
|
+
"description": "Defines icon placement if icon was provided",
|
|
794
|
+
"default": "\"End\"",
|
|
795
|
+
"privacy": "public"
|
|
796
|
+
},
|
|
797
|
+
{
|
|
798
|
+
"kind": "field",
|
|
799
|
+
"name": "icon",
|
|
800
|
+
"type": {
|
|
801
|
+
"text": "string"
|
|
802
|
+
},
|
|
803
|
+
"description": "Defines icon name",
|
|
804
|
+
"default": "\"\"",
|
|
805
|
+
"privacy": "public"
|
|
722
806
|
}
|
|
723
807
|
],
|
|
724
808
|
"attributes": [
|
|
@@ -746,7 +830,7 @@
|
|
|
746
830
|
"default": "\"Info\"",
|
|
747
831
|
"fieldName": "design",
|
|
748
832
|
"type": {
|
|
749
|
-
"text": "\"
|
|
833
|
+
"text": "\"Neutral\" | \"Error\" | \"Info\" | \"Success\" | \"Warning\""
|
|
750
834
|
}
|
|
751
835
|
},
|
|
752
836
|
{
|
|
@@ -755,7 +839,25 @@
|
|
|
755
839
|
"default": "\"Blue\"",
|
|
756
840
|
"fieldName": "numberDesign",
|
|
757
841
|
"type": {
|
|
758
|
-
"text": "\"Red\" | \"Blue\" | \"White\""
|
|
842
|
+
"text": "\"Red\" | \"Blue\" | \"Neutral\" | \"White\""
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"description": "Defines icon placement if icon was provided",
|
|
847
|
+
"name": "icon-placement",
|
|
848
|
+
"default": "\"End\"",
|
|
849
|
+
"fieldName": "iconPlacement",
|
|
850
|
+
"type": {
|
|
851
|
+
"text": "\"Start\" | \"End\" | undefined"
|
|
852
|
+
}
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"description": "Defines icon name",
|
|
856
|
+
"name": "icon",
|
|
857
|
+
"default": "\"\"",
|
|
858
|
+
"fieldName": "icon",
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "string"
|
|
759
861
|
}
|
|
760
862
|
}
|
|
761
863
|
],
|
|
@@ -1666,7 +1768,7 @@
|
|
|
1666
1768
|
"default": "\"Standard\"",
|
|
1667
1769
|
"fieldName": "valueState",
|
|
1668
1770
|
"type": {
|
|
1669
|
-
"text": "\"
|
|
1771
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
1670
1772
|
}
|
|
1671
1773
|
},
|
|
1672
1774
|
{
|
|
@@ -2035,7 +2137,7 @@
|
|
|
2035
2137
|
"default": "\"Standard\"",
|
|
2036
2138
|
"fieldName": "valueState",
|
|
2037
2139
|
"type": {
|
|
2038
|
-
"text": "\"
|
|
2140
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
2039
2141
|
}
|
|
2040
2142
|
},
|
|
2041
2143
|
{
|
|
@@ -4199,6 +4301,51 @@
|
|
|
4199
4301
|
},
|
|
4200
4302
|
"description": "Defines an aria label for the logo link",
|
|
4201
4303
|
"privacy": "public"
|
|
4304
|
+
},
|
|
4305
|
+
{
|
|
4306
|
+
"kind": "field",
|
|
4307
|
+
"name": "quickLinksTitle",
|
|
4308
|
+
"type": {
|
|
4309
|
+
"text": "string | undefined"
|
|
4310
|
+
},
|
|
4311
|
+
"description": "Defines an quick links column title",
|
|
4312
|
+
"privacy": "public"
|
|
4313
|
+
},
|
|
4314
|
+
{
|
|
4315
|
+
"kind": "field",
|
|
4316
|
+
"name": "trendingTitle",
|
|
4317
|
+
"type": {
|
|
4318
|
+
"text": "string | undefined"
|
|
4319
|
+
},
|
|
4320
|
+
"description": "Defines a trending column title",
|
|
4321
|
+
"privacy": "public"
|
|
4322
|
+
},
|
|
4323
|
+
{
|
|
4324
|
+
"kind": "field",
|
|
4325
|
+
"name": "aboutSapTitle",
|
|
4326
|
+
"type": {
|
|
4327
|
+
"text": "string | undefined"
|
|
4328
|
+
},
|
|
4329
|
+
"description": "Defines an \"about Sap\" column title",
|
|
4330
|
+
"privacy": "public"
|
|
4331
|
+
},
|
|
4332
|
+
{
|
|
4333
|
+
"kind": "field",
|
|
4334
|
+
"name": "siteInformationTitle",
|
|
4335
|
+
"type": {
|
|
4336
|
+
"text": "string | undefined"
|
|
4337
|
+
},
|
|
4338
|
+
"description": "Defines a site information column title",
|
|
4339
|
+
"privacy": "public"
|
|
4340
|
+
},
|
|
4341
|
+
{
|
|
4342
|
+
"kind": "field",
|
|
4343
|
+
"name": "chineseIcpNumberLink",
|
|
4344
|
+
"type": {
|
|
4345
|
+
"text": "string"
|
|
4346
|
+
},
|
|
4347
|
+
"description": "Defines a href for the chinese ICP Number link",
|
|
4348
|
+
"privacy": "public"
|
|
4202
4349
|
}
|
|
4203
4350
|
],
|
|
4204
4351
|
"events": [
|
|
@@ -4482,6 +4629,46 @@
|
|
|
4482
4629
|
"type": {
|
|
4483
4630
|
"text": "string"
|
|
4484
4631
|
}
|
|
4632
|
+
},
|
|
4633
|
+
{
|
|
4634
|
+
"description": "Defines an quick links column title",
|
|
4635
|
+
"name": "quick-links-title",
|
|
4636
|
+
"fieldName": "quickLinksTitle",
|
|
4637
|
+
"type": {
|
|
4638
|
+
"text": "string | undefined"
|
|
4639
|
+
}
|
|
4640
|
+
},
|
|
4641
|
+
{
|
|
4642
|
+
"description": "Defines a trending column title",
|
|
4643
|
+
"name": "trending-title",
|
|
4644
|
+
"fieldName": "trendingTitle",
|
|
4645
|
+
"type": {
|
|
4646
|
+
"text": "string | undefined"
|
|
4647
|
+
}
|
|
4648
|
+
},
|
|
4649
|
+
{
|
|
4650
|
+
"description": "Defines an \"about Sap\" column title",
|
|
4651
|
+
"name": "about-sap-title",
|
|
4652
|
+
"fieldName": "aboutSapTitle",
|
|
4653
|
+
"type": {
|
|
4654
|
+
"text": "string | undefined"
|
|
4655
|
+
}
|
|
4656
|
+
},
|
|
4657
|
+
{
|
|
4658
|
+
"description": "Defines a site information column title",
|
|
4659
|
+
"name": "site-information-title",
|
|
4660
|
+
"fieldName": "siteInformationTitle",
|
|
4661
|
+
"type": {
|
|
4662
|
+
"text": "string | undefined"
|
|
4663
|
+
}
|
|
4664
|
+
},
|
|
4665
|
+
{
|
|
4666
|
+
"description": "Defines a href for the chinese ICP Number link",
|
|
4667
|
+
"name": "chinese-icp-number-link",
|
|
4668
|
+
"fieldName": "chineseIcpNumberLink",
|
|
4669
|
+
"type": {
|
|
4670
|
+
"text": "string"
|
|
4671
|
+
}
|
|
4485
4672
|
}
|
|
4486
4673
|
],
|
|
4487
4674
|
"superclass": {
|
|
@@ -4768,7 +4955,7 @@
|
|
|
4768
4955
|
"default": "\"Standard\"",
|
|
4769
4956
|
"fieldName": "valueState",
|
|
4770
4957
|
"type": {
|
|
4771
|
-
"text": "\"
|
|
4958
|
+
"text": "\"Error\" | \"Success\" | \"Standard\""
|
|
4772
4959
|
}
|
|
4773
4960
|
},
|
|
4774
4961
|
{
|
|
@@ -4836,13 +5023,13 @@
|
|
|
4836
5023
|
{
|
|
4837
5024
|
"name": "IconPlacement",
|
|
4838
5025
|
"package": "@sapudex/web-components",
|
|
4839
|
-
"module": "dist/
|
|
5026
|
+
"module": "dist/types/IconPlacement.js"
|
|
4840
5027
|
}
|
|
4841
5028
|
]
|
|
4842
5029
|
},
|
|
4843
5030
|
"description": "Used as the label for background image.",
|
|
4844
5031
|
"privacy": "public",
|
|
4845
|
-
"default": "\"
|
|
5032
|
+
"default": "\"End\""
|
|
4846
5033
|
}
|
|
4847
5034
|
],
|
|
4848
5035
|
"attributes": [
|
|
@@ -4857,10 +5044,10 @@
|
|
|
4857
5044
|
{
|
|
4858
5045
|
"description": "Used as the label for background image.",
|
|
4859
5046
|
"name": "icon-placement",
|
|
4860
|
-
"default": "\"
|
|
5047
|
+
"default": "\"End\"",
|
|
4861
5048
|
"fieldName": "iconPlacement",
|
|
4862
5049
|
"type": {
|
|
4863
|
-
"text": "\"
|
|
5050
|
+
"text": "\"Start\" | \"End\" | undefined"
|
|
4864
5051
|
}
|
|
4865
5052
|
}
|
|
4866
5053
|
],
|
|
@@ -6135,7 +6322,7 @@
|
|
|
6135
6322
|
"name": "additional-text-state",
|
|
6136
6323
|
"fieldName": "additionalTextState",
|
|
6137
6324
|
"type": {
|
|
6138
|
-
"text": "\"
|
|
6325
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"None\" | \"Information\" | undefined"
|
|
6139
6326
|
}
|
|
6140
6327
|
},
|
|
6141
6328
|
{
|
|
@@ -7010,7 +7197,14 @@
|
|
|
7010
7197
|
"kind": "field",
|
|
7011
7198
|
"name": "target",
|
|
7012
7199
|
"type": {
|
|
7013
|
-
"text": "
|
|
7200
|
+
"text": "Target",
|
|
7201
|
+
"references": [
|
|
7202
|
+
{
|
|
7203
|
+
"name": "Target",
|
|
7204
|
+
"package": "@sapudex/web-components",
|
|
7205
|
+
"module": "dist/MastheadItem.js"
|
|
7206
|
+
}
|
|
7207
|
+
]
|
|
7014
7208
|
},
|
|
7015
7209
|
"description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
|
|
7016
7210
|
"privacy": "public"
|
|
@@ -7124,7 +7318,7 @@
|
|
|
7124
7318
|
"name": "target",
|
|
7125
7319
|
"fieldName": "target",
|
|
7126
7320
|
"type": {
|
|
7127
|
-
"text": "
|
|
7321
|
+
"text": "Target"
|
|
7128
7322
|
}
|
|
7129
7323
|
},
|
|
7130
7324
|
{
|
|
@@ -9343,7 +9537,7 @@
|
|
|
9343
9537
|
"default": "\"Standard\"",
|
|
9344
9538
|
"fieldName": "fieldState",
|
|
9345
9539
|
"type": {
|
|
9346
|
-
"text": "\"
|
|
9540
|
+
"text": "\"Error\" | \"Success\" | \"Standard\""
|
|
9347
9541
|
}
|
|
9348
9542
|
},
|
|
9349
9543
|
{
|
|
@@ -11875,7 +12069,7 @@
|
|
|
11875
12069
|
"default": "\"Standard\"",
|
|
11876
12070
|
"fieldName": "valueState",
|
|
11877
12071
|
"type": {
|
|
11878
|
-
"text": "\"
|
|
12072
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
11879
12073
|
}
|
|
11880
12074
|
},
|
|
11881
12075
|
{
|
|
@@ -13322,7 +13516,7 @@
|
|
|
13322
13516
|
"default": "\"Information\"",
|
|
13323
13517
|
"fieldName": "valueState",
|
|
13324
13518
|
"type": {
|
|
13325
|
-
"text": "\"
|
|
13519
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\""
|
|
13326
13520
|
}
|
|
13327
13521
|
},
|
|
13328
13522
|
{
|
|
@@ -13456,7 +13650,7 @@
|
|
|
13456
13650
|
"default": "\"Standard\"",
|
|
13457
13651
|
"fieldName": "valueState",
|
|
13458
13652
|
"type": {
|
|
13459
|
-
"text": "\"
|
|
13653
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
13460
13654
|
}
|
|
13461
13655
|
}
|
|
13462
13656
|
],
|
|
@@ -13708,7 +13902,7 @@
|
|
|
13708
13902
|
"default": "\"None\"",
|
|
13709
13903
|
"fieldName": "valueState",
|
|
13710
13904
|
"type": {
|
|
13711
|
-
"text": "\"
|
|
13905
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
13712
13906
|
}
|
|
13713
13907
|
},
|
|
13714
13908
|
{
|
|
@@ -14593,7 +14787,7 @@
|
|
|
14593
14787
|
"default": "undefined",
|
|
14594
14788
|
"fieldName": "horizontalAlign",
|
|
14595
14789
|
"type": {
|
|
14596
|
-
"text": "\"
|
|
14790
|
+
"text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
|
|
14597
14791
|
},
|
|
14598
14792
|
"inheritedFrom": {
|
|
14599
14793
|
"name": "UDExTableCellBase",
|
|
@@ -14669,7 +14863,7 @@
|
|
|
14669
14863
|
"default": "undefined",
|
|
14670
14864
|
"fieldName": "horizontalAlign",
|
|
14671
14865
|
"type": {
|
|
14672
|
-
"text": "\"
|
|
14866
|
+
"text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
|
|
14673
14867
|
}
|
|
14674
14868
|
}
|
|
14675
14869
|
],
|
|
@@ -14890,7 +15084,7 @@
|
|
|
14890
15084
|
"default": "undefined",
|
|
14891
15085
|
"fieldName": "horizontalAlign",
|
|
14892
15086
|
"type": {
|
|
14893
|
-
"text": "\"
|
|
15087
|
+
"text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
|
|
14894
15088
|
},
|
|
14895
15089
|
"inheritedFrom": {
|
|
14896
15090
|
"name": "UDExTableCellBase",
|
|
@@ -15136,7 +15330,7 @@
|
|
|
15136
15330
|
{
|
|
15137
15331
|
"name": "IconPlacement",
|
|
15138
15332
|
"package": "@sapudex/web-components",
|
|
15139
|
-
"module": "dist/
|
|
15333
|
+
"module": "dist/types/IconPlacement.js"
|
|
15140
15334
|
}
|
|
15141
15335
|
]
|
|
15142
15336
|
},
|
|
@@ -15729,7 +15923,7 @@
|
|
|
15729
15923
|
"default": "\"Standard\"",
|
|
15730
15924
|
"fieldName": "fieldState",
|
|
15731
15925
|
"type": {
|
|
15732
|
-
"text": "\"
|
|
15926
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
15733
15927
|
}
|
|
15734
15928
|
},
|
|
15735
15929
|
{
|
|
@@ -16109,7 +16303,7 @@
|
|
|
16109
16303
|
"default": "\"Standard\"",
|
|
16110
16304
|
"fieldName": "valueState",
|
|
16111
16305
|
"type": {
|
|
16112
|
-
"text": "\"
|
|
16306
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
|
|
16113
16307
|
}
|
|
16114
16308
|
},
|
|
16115
16309
|
{
|
|
@@ -16390,7 +16584,7 @@
|
|
|
16390
16584
|
"default": "\"Action\"",
|
|
16391
16585
|
"fieldName": "valueState",
|
|
16392
16586
|
"type": {
|
|
16393
|
-
"text": "\"
|
|
16587
|
+
"text": "\"Error\" | \"Success\" | \"Warning\" | \"Action\""
|
|
16394
16588
|
}
|
|
16395
16589
|
},
|
|
16396
16590
|
{
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
|
|
2
2
|
import Button from "@ui5/webcomponents/dist/Button.js";
|
|
3
3
|
import Popover from "@ui5/webcomponents/dist/Popover.js";
|
|
4
|
+
import { LetterPressedHandlerObj } from "../types/List.js";
|
|
4
5
|
interface SuggestionComponent extends UI5Element {
|
|
5
6
|
open: boolean;
|
|
6
7
|
value?: string;
|
|
@@ -23,11 +24,26 @@ declare class Suggestion {
|
|
|
23
24
|
selectedItemIndex: number;
|
|
24
25
|
focusabledList?: HTMLDivElement;
|
|
25
26
|
lists?: Array<HTMLDivElement>;
|
|
27
|
+
_pressedKey: string;
|
|
28
|
+
_pressedCount: number;
|
|
29
|
+
_lastFoundPosition: number;
|
|
30
|
+
_focusableListItems: Array<Element>;
|
|
31
|
+
_letterKeyHandlerObj: LetterPressedHandlerObj;
|
|
26
32
|
constructor(component: SuggestionComponent);
|
|
27
33
|
_getComponent(): SuggestionComponent;
|
|
28
34
|
_getSuggestionPopover(): Promise<Popover | null>;
|
|
29
35
|
_getItems(): Element[];
|
|
30
36
|
open(): void;
|
|
37
|
+
setPressedKey(value: string): void;
|
|
38
|
+
getPressedKey(): string;
|
|
39
|
+
setPressedCount(value: number): void;
|
|
40
|
+
getPressedCount(): number;
|
|
41
|
+
setLastFoundPosition(value: number): void;
|
|
42
|
+
getLastFoundPosition(): number;
|
|
43
|
+
resetFocusLetterHandlers(): void;
|
|
44
|
+
handleKeyPress(e: KeyboardEvent): void;
|
|
45
|
+
getLetterKeyObjHandler(): LetterPressedHandlerObj;
|
|
46
|
+
handleLetterKey(event: KeyboardEvent): void;
|
|
31
47
|
initLists(): void;
|
|
32
48
|
close(): void;
|
|
33
49
|
resetFocusState(): void;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
|
|
2
2
|
import Button from "@ui5/webcomponents/dist/Button.js";
|
|
3
3
|
import Popover from "@ui5/webcomponents/dist/Popover.js";
|
|
4
|
+
import isLetterKey from "../utils/isLetterKeyPressed.js";
|
|
5
|
+
import listItemLabelStartsWithKeyFocus from "../utils/listItemLabelStartsWithKeyFocus.js";
|
|
4
6
|
/**
|
|
5
7
|
* A class to manage the <code>Search</code suggestion items.
|
|
6
8
|
*
|
|
@@ -32,6 +34,53 @@ class Suggestion {
|
|
|
32
34
|
this._getComponent().open = true;
|
|
33
35
|
this.popover.showAt(this._getComponent());
|
|
34
36
|
this.initLists();
|
|
37
|
+
this._focusableListItems = this._getItems();
|
|
38
|
+
this._letterKeyHandlerObj = this.getLetterKeyObjHandler();
|
|
39
|
+
this.resetFocusLetterHandlers();
|
|
40
|
+
}
|
|
41
|
+
setPressedKey(value) {
|
|
42
|
+
this._pressedKey = value;
|
|
43
|
+
}
|
|
44
|
+
getPressedKey() {
|
|
45
|
+
return this._pressedKey;
|
|
46
|
+
}
|
|
47
|
+
setPressedCount(value) {
|
|
48
|
+
this._pressedCount = value;
|
|
49
|
+
}
|
|
50
|
+
getPressedCount() {
|
|
51
|
+
return this._pressedCount;
|
|
52
|
+
}
|
|
53
|
+
setLastFoundPosition(value) {
|
|
54
|
+
this._lastFoundPosition = value;
|
|
55
|
+
}
|
|
56
|
+
getLastFoundPosition() {
|
|
57
|
+
return this._lastFoundPosition;
|
|
58
|
+
}
|
|
59
|
+
resetFocusLetterHandlers() {
|
|
60
|
+
this.setPressedCount(0);
|
|
61
|
+
this.setPressedKey("");
|
|
62
|
+
this.setLastFoundPosition(0);
|
|
63
|
+
}
|
|
64
|
+
handleKeyPress(e) {
|
|
65
|
+
const key = e.key;
|
|
66
|
+
if (isLetterKey(key)) {
|
|
67
|
+
e.preventDefault();
|
|
68
|
+
e.stopPropagation();
|
|
69
|
+
this.handleLetterKey(e);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
getLetterKeyObjHandler() {
|
|
73
|
+
return {
|
|
74
|
+
getPressedKey: () => this.getPressedKey(),
|
|
75
|
+
setPressedKey: (arg) => this.setPressedKey(arg),
|
|
76
|
+
getPressedCount: () => this.getPressedCount(),
|
|
77
|
+
setPressedCount: (arg) => this.setPressedCount(arg),
|
|
78
|
+
getLastFoundPosition: () => this.getLastFoundPosition(),
|
|
79
|
+
setLastFoundPosition: (arg) => this.setLastFoundPosition(arg),
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
handleLetterKey(event) {
|
|
83
|
+
listItemLabelStartsWithKeyFocus(event.key, this._focusableListItems, this._letterKeyHandlerObj);
|
|
35
84
|
}
|
|
36
85
|
initLists() {
|
|
37
86
|
const list = this.popover?.querySelectorAll(".udex-search-suggestions__list") ? this.popover?.querySelectorAll(".udex-search-suggestions__list") : [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchSuggestionsPopover.js","sourceRoot":"","sources":["../../src/features/SearchSuggestionsPopover.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\nimport { registerFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\n\ninterface SuggestionComponent extends UI5Element {\n open: boolean;\n value?: string;\n suggestionItems?: string;\n}\n\ntype SearchInputSuggestion = {\n handleSelectItem: () => void;\n text: string;\n}\n\n/**\n * A class to manage the <code>Search</code suggestion items.\n *\n * @class\n * @private\n * @author SAP SE\n */\nclass Suggestion {\n component: SuggestionComponent;\n popover?: Popover | null;\n selectedItemIndex: number;\n focusabledList?: HTMLDivElement;\n lists?: Array<HTMLDivElement>;\n\n constructor(component: SuggestionComponent) {\n this.component = component;\n this._getSuggestionPopover();\n this.selectedItemIndex = -1;\n }\n\n _getComponent(): SuggestionComponent {\n return this.component;\n }\n\n async _getSuggestionPopover() {\n if (this.popover) {\n return this.popover;\n }\n\n const staticAreaItem = await this._getComponent().getStaticAreaItemDomRef();\n this.popover = staticAreaItem!.querySelector<Popover>(\"[ui5-popover]\");\n return this.popover;\n }\n\n _getItems() {\n return this.popover ? [...this.popover?.querySelectorAll(\"[ui5-button]\")] : [];\n }\n\n open(): void {\n this._getComponent().open = true;\n this.popover!.showAt(this._getComponent());\n this.initLists();\n }\n\n initLists(): void {\n const list = this.popover?.querySelectorAll(\".udex-search-suggestions__list\") ? this.popover?.querySelectorAll<HTMLDivElement>(\".udex-search-suggestions__list\") : [];\n this.lists = Array.from(list);\n }\n\n close(): void {\n this._getComponent().open = false;\n this.popover?.close(true);\n this.selectedItemIndex = -1;\n }\n\n resetFocusState() {\n this.lists = [];\n this.selectedItemIndex = -1;\n this.focusabledList = undefined;\n }\n\n onFocusInput(): void {\n this.component.shadowRoot?.querySelector(\"input\")?.focus();\n }\n\n onEnter(e: KeyboardEvent) {\n e.preventDefault();\n if (this.selectedItemIndex >= 0) {\n this.component.value = this._getItems()[this.selectedItemIndex].getAttribute(\"title\")?.replace(/<[^>]*>?/gm, \"\");\n }\n }\n\n onTab(e: KeyboardEvent) {\n if (this.lists?.length && this._getComponent().open) {\n e.preventDefault();\n if (this.focusabledList && this.selectedItemIndex === -1) {\n this.focusabledList.focus();\n return true;\n }\n if (this.focusabledList && this.selectedItemIndex >= 0) {\n const focusabledItems = this.getFocusableItems();\n const button = focusabledItems[this.selectedItemIndex].querySelector(\"[ui5-button]\") as UI5Element;\n\n button.focus();\n return true;\n }\n\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n }\n }\n\n getFocusableItems() {\n const items = this.focusabledList?.children ? this.focusabledList?.children : [];\n return Array.from(items);\n }\n\n onEscape(e: KeyboardEvent) {\n e.preventDefault();\n this.close();\n this.onFocusInput();\n }\n\n onKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[1]) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n if (this.focusabledList === this.lists[0]) {\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n }\n\n onPrevKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[0]) {\n this.onFocusInput();\n }\n if (this.focusabledList === this.lists[1]) {\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n this.onFocusInput();\n }\n }\n\n onKeyDown(e: KeyboardEvent) {\n e.preventDefault();\n const nextSelectedIdx = this.selectedItemIndex;\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n\n if (this.lists?.length) {\n if (nextSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx >= 0 && nextSelectedIdx !== itemCount) {\n const button = focusabledItems[nextSelectedIdx + 1] as UI5Element;\n\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = nextSelectedIdx + 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx === itemCount && this.focusabledList === this.lists[0] && this.lists.length === 2) {\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n onKeyUp(e: KeyboardEvent) {\n e.preventDefault();\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n const previousSelectedIdx = this.selectedItemIndex;\n\n if (this.lists?.length) {\n if (previousSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx > 0 && previousSelectedIdx <= itemCount) {\n const button = focusabledItems[previousSelectedIdx - 1] as UI5Element;\n\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = previousSelectedIdx - 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx === 0 && this.lists.length === 2 && this.focusabledList === this.lists[1]) {\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n handlePrevTabReset(e: KeyboardEvent) {\n e.preventDefault();\n this.focusabledList?.focus();\n }\n\n static get dependencies() {\n return [\n Popover,\n Button,\n ];\n }\n}\n\nregisterFeature(\"SearchInputSuggestion\", Suggestion);\n\nexport default Suggestion;\n\nexport type {\n SuggestionComponent,\n SearchInputSuggestion,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"SearchSuggestionsPopover.js","sourceRoot":"","sources":["../../src/features/SearchSuggestionsPopover.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\nimport { registerFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport isLetterKey from \"../utils/isLetterKeyPressed.js\";\nimport listItemLabelStartsWithKeyFocus from \"../utils/listItemLabelStartsWithKeyFocus.js\";\nimport { LetterPressedHandlerObj } from \"../types/List.js\";\n\ninterface SuggestionComponent extends UI5Element {\n open: boolean;\n value?: string;\n suggestionItems?: string;\n}\n\ntype SearchInputSuggestion = {\n handleSelectItem: () => void;\n text: string;\n}\n\n/**\n * A class to manage the <code>Search</code suggestion items.\n *\n * @class\n * @private\n * @author SAP SE\n */\nclass Suggestion {\n component: SuggestionComponent;\n popover?: Popover | null;\n selectedItemIndex: number;\n focusabledList?: HTMLDivElement;\n lists?: Array<HTMLDivElement>;\n\n _pressedKey!: string;\n _pressedCount!: number;\n _lastFoundPosition!: number;\n _focusableListItems!: Array<Element>;\n _letterKeyHandlerObj!: LetterPressedHandlerObj;\n\n constructor(component: SuggestionComponent) {\n this.component = component;\n this._getSuggestionPopover();\n this.selectedItemIndex = -1;\n }\n\n _getComponent(): SuggestionComponent {\n return this.component;\n }\n\n async _getSuggestionPopover() {\n if (this.popover) {\n return this.popover;\n }\n\n const staticAreaItem = await this._getComponent().getStaticAreaItemDomRef();\n this.popover = staticAreaItem!.querySelector<Popover>(\"[ui5-popover]\");\n return this.popover;\n }\n\n _getItems() {\n return this.popover ? [...this.popover?.querySelectorAll(\"[ui5-button]\")] : [];\n }\n\n open(): void {\n this._getComponent().open = true;\n this.popover!.showAt(this._getComponent());\n this.initLists();\n this._focusableListItems = this._getItems();\n this._letterKeyHandlerObj = this.getLetterKeyObjHandler();\n this.resetFocusLetterHandlers();\n }\n\n setPressedKey(value:string): void {\n this._pressedKey = value;\n }\n\n getPressedKey(): string {\n return this._pressedKey;\n }\n\n setPressedCount(value:number): void {\n this._pressedCount = value;\n }\n\n getPressedCount() : number {\n return this._pressedCount;\n }\n\n setLastFoundPosition(value:number): void {\n this._lastFoundPosition = value;\n }\n\n getLastFoundPosition(): number {\n return this._lastFoundPosition;\n }\n\n resetFocusLetterHandlers(): void {\n this.setPressedCount(0);\n this.setPressedKey(\"\");\n this.setLastFoundPosition(0);\n }\n\n handleKeyPress(e: KeyboardEvent): void {\n const key = e.key;\n if (isLetterKey(key)) {\n e.preventDefault();\n e.stopPropagation();\n this.handleLetterKey(e);\n }\n }\n\n getLetterKeyObjHandler(): LetterPressedHandlerObj {\n return {\n getPressedKey: () => this.getPressedKey(),\n setPressedKey: (arg: string) => this.setPressedKey(arg),\n getPressedCount: () => this.getPressedCount(),\n setPressedCount: (arg: number) => this.setPressedCount(arg),\n getLastFoundPosition: () => this.getLastFoundPosition(),\n setLastFoundPosition: (arg: number) => this.setLastFoundPosition(arg),\n } as LetterPressedHandlerObj;\n }\n\n handleLetterKey(event: KeyboardEvent): void {\n listItemLabelStartsWithKeyFocus(event.key, this._focusableListItems, this._letterKeyHandlerObj);\n }\n\n initLists(): void {\n const list = this.popover?.querySelectorAll(\".udex-search-suggestions__list\") ? this.popover?.querySelectorAll<HTMLDivElement>(\".udex-search-suggestions__list\") : [];\n this.lists = Array.from(list);\n }\n\n close(): void {\n this._getComponent().open = false;\n this.popover?.close(true);\n this.selectedItemIndex = -1;\n }\n\n resetFocusState() {\n this.lists = [];\n this.selectedItemIndex = -1;\n this.focusabledList = undefined;\n }\n\n onFocusInput(): void {\n this.component.shadowRoot?.querySelector(\"input\")?.focus();\n }\n\n onEnter(e: KeyboardEvent) {\n e.preventDefault();\n if (this.selectedItemIndex >= 0) {\n this.component.value = this._getItems()[this.selectedItemIndex].getAttribute(\"title\")?.replace(/<[^>]*>?/gm, \"\");\n }\n }\n\n onTab(e: KeyboardEvent) {\n if (this.lists?.length && this._getComponent().open) {\n e.preventDefault();\n if (this.focusabledList && this.selectedItemIndex === -1) {\n this.focusabledList.focus();\n return true;\n }\n if (this.focusabledList && this.selectedItemIndex >= 0) {\n const focusabledItems = this.getFocusableItems();\n const button = focusabledItems[this.selectedItemIndex].querySelector(\"[ui5-button]\") as UI5Element;\n\n button.focus();\n return true;\n }\n\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n }\n }\n\n getFocusableItems(): Element[] {\n const items = this.focusabledList?.children ? this.focusabledList?.children : [];\n return Array.from(items);\n }\n\n onEscape(e: KeyboardEvent) {\n e.preventDefault();\n this.close();\n this.onFocusInput();\n }\n\n onKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[1]) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n if (this.focusabledList === this.lists[0]) {\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n }\n\n onPrevKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[0]) {\n this.onFocusInput();\n }\n if (this.focusabledList === this.lists[1]) {\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n this.onFocusInput();\n }\n }\n\n onKeyDown(e: KeyboardEvent) {\n e.preventDefault();\n const nextSelectedIdx = this.selectedItemIndex;\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n\n if (this.lists?.length) {\n if (nextSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx >= 0 && nextSelectedIdx !== itemCount) {\n const button = focusabledItems[nextSelectedIdx + 1] as UI5Element;\n\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = nextSelectedIdx + 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx === itemCount && this.focusabledList === this.lists[0] && this.lists.length === 2) {\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n onKeyUp(e: KeyboardEvent) {\n e.preventDefault();\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n const previousSelectedIdx = this.selectedItemIndex;\n\n if (this.lists?.length) {\n if (previousSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx > 0 && previousSelectedIdx <= itemCount) {\n const button = focusabledItems[previousSelectedIdx - 1] as UI5Element;\n\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = previousSelectedIdx - 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx === 0 && this.lists.length === 2 && this.focusabledList === this.lists[1]) {\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n handlePrevTabReset(e: KeyboardEvent) {\n e.preventDefault();\n this.focusabledList?.focus();\n }\n\n static get dependencies() {\n return [\n Popover,\n Button,\n ];\n }\n}\n\nregisterFeature(\"SearchInputSuggestion\", Suggestion);\n\nexport default Suggestion;\n\nexport type {\n SuggestionComponent,\n SearchInputSuggestion,\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"COPYRIGHT":"حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة."}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"COPYRIGHT":"© {0} SAP SE или филиал на SAP. Всички права запазени."}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"COPYRIGHT":"© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhrazena."}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"COPYRIGHT":"© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder forbeholdes."}
|