@sapudex/web-components 2.37.0 → 2.38.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.
Files changed (94) hide show
  1. package/cypress/specs/List.cy.tsx +38 -0
  2. package/cypress/specs/PasswordField.cy.tsx +36 -0
  3. package/cypress/specs/Search.cy.tsx +265 -0
  4. package/cypress/specs/SelectBox.cy.tsx +18 -0
  5. package/dist/List.d.ts +1 -0
  6. package/dist/List.js +4 -0
  7. package/dist/List.js.map +1 -1
  8. package/dist/PasswordField.d.ts +16 -0
  9. package/dist/PasswordField.js +40 -0
  10. package/dist/PasswordField.js.map +1 -1
  11. package/dist/PasswordFieldTemplate.js +1 -1
  12. package/dist/PasswordFieldTemplate.js.map +1 -1
  13. package/dist/Search.d.ts +1 -0
  14. package/dist/Search.js +6 -0
  15. package/dist/Search.js.map +1 -1
  16. package/dist/SelectBox.js +1 -0
  17. package/dist/SelectBox.js.map +1 -1
  18. package/dist/TextField.js +1 -0
  19. package/dist/TextField.js.map +1 -1
  20. package/dist/Wizard.d.ts +2 -2
  21. package/dist/Wizard.js +7 -7
  22. package/dist/Wizard.js.map +1 -1
  23. package/dist/assets/{InputSuggestions-CAJNg_KD.js → InputSuggestions-BQp20KJM.js} +1 -1
  24. package/dist/assets/{ListItemStandardExpandableTextTemplate-CTxLxjip.js → ListItemStandardExpandableTextTemplate-D0w0u6f7.js} +1 -1
  25. package/dist/assets/{bundle.esm-AREsL-HM.js → bundle.esm-DIFG6k5I.js} +95 -95
  26. package/dist/assets/messagebundle_bg-4ainC3nj.js +1 -0
  27. package/dist/assets/messagebundle_cs-CFtmLavu.js +1 -0
  28. package/dist/assets/messagebundle_en-BxjFAY2S.js +1 -0
  29. package/dist/css/themes/RatingIndicator.css +1 -1
  30. package/dist/css/themes/SecondaryNavigationSubItem.css +1 -1
  31. package/dist/css/themes/Slider.css +1 -1
  32. package/dist/css/themes/Wizard.css +1 -1
  33. package/dist/css/themes/WizardTab.css +1 -1
  34. package/dist/custom-elements-internal.json +46 -0
  35. package/dist/custom-elements.json +30 -0
  36. package/dist/features/SearchSuggestionsPopover.d.ts +4 -0
  37. package/dist/features/SearchSuggestionsPopover.js +56 -3
  38. package/dist/features/SearchSuggestionsPopover.js.map +1 -1
  39. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  40. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  41. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  42. package/dist/generated/i18n/i18n-defaults.d.ts +2 -3
  43. package/dist/generated/i18n/i18n-defaults.js +2 -3
  44. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  45. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  46. package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
  47. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  48. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  49. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  50. package/dist/generated/themes/SecondaryNavigationSubItem.css.d.ts +1 -1
  51. package/dist/generated/themes/SecondaryNavigationSubItem.css.js +1 -1
  52. package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -1
  53. package/dist/generated/themes/Slider.css.d.ts +1 -1
  54. package/dist/generated/themes/Slider.css.js +1 -1
  55. package/dist/generated/themes/Slider.css.js.map +1 -1
  56. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  57. package/dist/generated/themes/Wizard.css.js +1 -1
  58. package/dist/generated/themes/Wizard.css.js.map +1 -1
  59. package/dist/generated/themes/WizardTab.css.d.ts +1 -1
  60. package/dist/generated/themes/WizardTab.css.js +1 -1
  61. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  62. package/dist/messagebundle.properties +1 -6
  63. package/dist/messagebundle_bg.properties +129 -2
  64. package/dist/messagebundle_cs.properties +126 -0
  65. package/dist/messagebundle_en.properties +3 -1
  66. package/dist/vscode.html-custom-data.json +1 -1
  67. package/dist/web-types.json +32 -4
  68. package/package.json +1 -1
  69. package/src/List.hbs +1 -1
  70. package/src/List.ts +5 -0
  71. package/src/PasswordField.ts +55 -0
  72. package/src/PasswordFieldTemplate.tsx +3 -0
  73. package/src/Search.ts +7 -0
  74. package/src/SelectBox.ts +1 -0
  75. package/src/TextField.ts +1 -0
  76. package/src/Wizard.ts +15 -14
  77. package/src/features/SearchSuggestionsPopover.ts +59 -3
  78. package/src/generated/i18n/i18n-defaults.ts +2 -2
  79. package/src/generated/templates/ListTemplate.lit.ts +1 -1
  80. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  81. package/src/generated/themes/SecondaryNavigationSubItem.css.ts +1 -1
  82. package/src/generated/themes/Slider.css.ts +1 -1
  83. package/src/generated/themes/Wizard.css.ts +1 -1
  84. package/src/generated/themes/WizardTab.css.ts +1 -1
  85. package/src/i18n/messagebundle.properties +1 -6
  86. package/src/i18n/messagebundle_bg.properties +129 -2
  87. package/src/i18n/messagebundle_cs.properties +126 -0
  88. package/src/i18n/messagebundle_en.properties +3 -1
  89. package/src/themes/SecondaryNavigationSubItem.css +1 -0
  90. package/src/themes/Wizard.css +19 -15
  91. package/src/themes/WizardTab.css +43 -28
  92. package/dist/assets/messagebundle_bg-4X593TQq.js +0 -1
  93. package/dist/assets/messagebundle_cs-Bt8XtMib.js +0 -1
  94. package/dist/assets/messagebundle_en-iNqRB1VZ.js +0 -1
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
6
- export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 6px;border:1px solid var(--sapSelectedColor)}:host .ui5-wiz-step-texts{padding-left:2px}:host .ui5-wiz-step-hr{margin-left:.25rem;margin-right:.25rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7)}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:4px 2px}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-texts{padding-left:4px}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 2px}
6
+ export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor)}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{padding-inline-start:0;padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint="S"][data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}
7
7
  `;
8
8
  //# sourceMappingURL=WizardTab.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 6px;border:1px solid var(--sapSelectedColor)}:host .ui5-wiz-step-texts{padding-left:2px}:host .ui5-wiz-step-hr{margin-left:.25rem;margin-right:.25rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7)}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:4px 2px}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{padding-left:4px}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 2px}\n`"]}
1
+ {"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor)}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{padding-inline-start:0;padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n`"]}
@@ -74,7 +74,7 @@ READ_LESS=Read less
74
74
  SHOW_MORE=Show more
75
75
  SHOW_LESS=Show less
76
76
 
77
- # rating indicator "text" for aria-role, "tooltop" text and "required" for aria-description
77
+ # rating indicator "text" for aria-role, "tooltip" text and "required" for aria-description
78
78
  RATING_INDICATOR_TEXT=Rating Indicator
79
79
  RATING_INDICATOR_TOOLTIP_TEXT=Rating
80
80
  RATING_INDICATOR_ARIA_DESCRIPTION=Required
@@ -203,7 +203,6 @@ SHOW_HIDE_PASSWORD=Show/Hide Password Button
203
203
 
204
204
  #Footer labels and accessible names
205
205
  PHONE_NUMBER=Phone number
206
- CONTACT_US=Contact us
207
206
  EMAIL=Email
208
207
  CHAT_WITH_US=Chat with us
209
208
  QUICK_LINKS=Quick Links
@@ -247,9 +246,6 @@ COLLAPSE=Collapse
247
246
  #SecondaryNavigationSubItem Aria label for back button
248
247
  BACK_BUTTON_LABEL=return back
249
248
 
250
- #Dropdown trigger aria label
251
- TRIGGER=Dropdown trigger
252
-
253
249
  #Uploaded file labels
254
250
  UPLOADING_FILE_STATUS_TEXT=Uploading
255
251
  TERMINATED_FILE_STATUS_TEXT=Terminated
@@ -276,6 +272,5 @@ PROMO_TILE_ICON=Promo Tile Icon
276
272
  PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
277
273
  PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
278
274
 
279
-
280
275
  # Toast close accessible names
281
276
  TOAST_CLOSE_ACCESSIBLE_NAME=Close
@@ -1,5 +1,132 @@
1
- COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права запазени.
2
- OVERVIEW=Преглед
1
+ COUNT=Брой
2
+ OF=от
3
+ PAGINATION_PAGE=Страница
4
+ SELECTED=избрани
5
+ UNSELECTED=Неизбрано
6
+ INDETERMINATE=Неопределено
7
+ EDIT_BUTTON=Редактиране
8
+ DELETE_BUTTON=Изтриване
9
+ DISABLED=Дезактивирано
10
+ BUTTON_ARIA_TYPE_PRIMARY=Основни
11
+ BUTTON_ARIA_TYPE_SECONDARY=Вторични
12
+ BUTTON_ARIA_TYPE_TERTIARY=Третични
13
+ BUTTON_ARIA_TYPE_WARNING=Предупреждение
14
+ BUTTON_ARIA_TYPE_POSITIVE=Положителни
15
+ BUTTON_ARIA_TYPE_NEGATIVE=Отрицателни
16
+ BUTTON_ARIA_EMPHASIZED=Подчертани
17
+ BUTTON_ARIA_DEFAULT=По подразбиране
18
+ BUTTON_ARIA_TRANSPARENT=Прозрачни
19
+ BUTTON_ARIA_ATTENTION=Внимание
20
+ DATEPICKER_DATE_DESCRIPTION=Въвеждане на дата
21
+ TOGGLED=Превключени
22
+ FIRST_PAGE=Първа страница
23
+ LAST_PAGE=Последна страница
24
+ PREVIOUS_PAGE=Предходна страница
25
+ NEXT_PAGE=Следваща страница
26
+ CURRENT_PAGE=Текуща страница
27
+ ACTIVATE_PAGE=Активиране на номер на страница
28
+ SUGGESTED_TEXT=Предложения за търсене
29
+ ACCESSIBLE_NAME_SEARCH_ICON=Търсене
30
+ TOOLTIP_VOICE_BUTTON=Глас
31
+ TOOLTIP_SUBMIT_BUTTON=Изпращане
32
+ LISTENING=Слушане
33
+ AVAILABLE_VALUES=Налични стойности
34
+ RECOMMENDED_TEXT=Препоръчани страници
35
+ EXPAND_ALL=Разгъване на всички
36
+ COLLAPSE_ALL=Скриване на всички
37
+ MORE=Още
38
+ ATTENTION_BADGE=Значка за внимание
39
+ READ_MORE=Прочетете повече
40
+ READ_LESS=Прочетете по-малко
41
+ SHOW_MORE=Покажи още
42
+ SHOW_LESS=Покажи по-малко
43
+ RATING_INDICATOR_TEXT=Показател за оценка
44
+ RATING_INDICATOR_TOOLTIP_TEXT=Оценка
45
+ RATING_INDICATOR_ARIA_DESCRIPTION=Задължително
46
+ TOTAL=Общо
47
+ RATING_COUNT_TITLE=Оценка
48
+ ARIA_LABEL_LIST_MULTISELECTABLE=Съдържа позиции с възможност за множествен избор
49
+ ARIA_LABEL_LIST_SELECTABLE=Съдържа позиции с възможност за избор
50
+ SHOW_RESULTS=Показване на резултати
51
+ SHOW_HIDE_PASSWORD=Бутон за показване/скриване на парола
52
+ RESET=Нулиране
53
+ MESSAGE_STRIP_CLOSE_BUTTON=Бутон за затваряне на лентата за съобщения
54
+ MESSAGE_STRIP_INFORMATION=Информационна лента
55
+ MESSAGE_STRIP_SUCCESS=Положителна лента
56
+ MESSAGE_STRIP_WARNING=Лента за предупреждение
57
+ MESSAGE_STRIP_ERROR=Отрицателна лента
58
+ MESSAGE_STRIP_ACTION=Лента с действия
59
+ REVIEWS=отзиви
60
+ STARS=звезди
61
+ SELECT_OPTIONS=Избор на опции
62
+ SELECT_ALL=Избор на всички
63
+ TEXTAREA_CHARACTERS_LEFT=Остават {0} символа
64
+ VALUE_STATE_TYPE_ERROR=Грешка в състоянието на полето
65
+ VALUE_STATE_TYPE_WARNING=Предупреждение за състоянието на полето
66
+ VALUE_STATE_TYPE_SUCCESS=Успешно състояние на полето
67
+ VALUE_STATE_TYPE_STANDARD=Стандартно състояние на полето
68
+ CAROUSEL_PREVIOUS_ARROW_TEXT=Предходна страница
69
+ CAROUSEL_NEXT_ARROW_TEXT=Следваща страница
70
+ NO_MATCHES_FOUND=Не са намерени съвпадения.
71
+ BREADCRUMBS_ARIA_LABEL=Път на навигация
72
+ BREADCRUMBS_OVERFLOW_ARIA_LABEL=Още
73
+ STEPINPUT_INC_ICON_TITLE=Увеличаване на количеството с
74
+ STEPINPUT_DEC_ICON_TITLE=Намаляване на количеството с
75
+ TABLE_NO_DATA_FOUND=Не са намерени данни
76
+ VALUE_STATE_ERROR=Невалиден запис
77
+ VALUE_STATE_WARNING=Издадено предупреждение
78
+ VALUE_STATE_INFORMATION=Информативен запис
79
+ VALUE_STATE_SUCCESS=Записът е проверен успешно
80
+ READ_ONLY=Само за четене
81
+ SWITCH_ACCOUNT=Смяна на акаунта
3
82
  LOGOUT=Изход
83
+ BACK=Назад
84
+ OTHER_IDENTITIES=Други самоличности
85
+ ADD_OR_REMOVE_ACCOUNT=Добавяне или премахване на акаунт
86
+ COUNTRY_SELECT=Избор на държава
87
+ CART=Количка
88
+ OVERVIEW=Преглед
89
+ COUNTRY_SELECTOR=Селектор на държава
90
+ PHONE_NUMBER=Телефонен номер
91
+ CONTACT_US=Свържете се с нас
92
+ EMAIL=Имейл
93
+ CHAT_WITH_US=Чат с нас
94
+ QUICK_LINKS=Бързи връзки
95
+ TRENDING=Тенденции
96
+ ABOUT_SAP=Относно SAP
97
+ SITE_INFORMATION=Информация за сайта
98
+ AVATAR_TEXT=Аватар
99
+ CALENDAR_ICON=Отваряне на иконата на календара
100
+ LIST_ITEM_EDIT_ICON=Редактиране на запис на позиция от списък
101
+ LIST_ITEM_DELETE_ICON=Изтриване на запис на позиция от списък
102
+ COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права запазени.
103
+ BACK_BUTTON_LABEL=бутон Назад
104
+ STATUS_BADGE_TEXT=Значка за статус
105
+ STATUS_BADGE_EDIT_TITLE=Кликнете, за да редактирате профила
106
+ STATUS_BADGE_INFORMATION_TITLE=Кликнете, за да отворите информацията за профила
107
+ STATUS_BADGE_WARNING_TITLE=Предупреждение, потенциален риск, свързан с профила
108
+ STATUS_BADGE_ERROR_TITLE=Има грешка в профила
109
+ STATUS_BADGE_SUCCESS_TITLE=Успешно потвърден профил
110
+ PROFILE=Профил
111
+ OPENS_IN_A_NEW_WINDOW=отваря се в нов прозорец
112
+ TEXT_FIELD=Текстово поле
113
+ UPLOADING_FILE_STATUS_TEXT=Качване
114
+ TERMINATED_FILE_STATUS_TEXT=Прекратено
115
+ REMOVE_FILE_TEXT=Премахване на файл
4
116
  MAIN_LINKS=Основни връзки
117
+ UPLOAD_BUTTON_LABEL=Качване на файл
118
+ COMPLETE_LIST_OF=Пълен списък на
119
+ CALL_US_TODAY=Обадете ни се днес!
120
+ SEARCH=Търсене
121
+ RESULT_RETURNED=получени резултати.
122
+ SOCIAL_MEDIA_BUTTON=Бутон за социална медия
123
+ PROMO_TILE=Промоционална плочка
124
+ PROMO_TILE_ICON=Икона на промоционална плочка
125
+ PLAY_BUTTON_ACCESSIBLE_NAME=Бутон за стартиране на въртенето на логата на клиенти
126
+ PAUSE_BUTTON_ACCESSIBLE_NAME=Бутон за поставяне на въртенето на логата на клиенти на пауза
127
+ TOAST_CLOSE_ACCESSIBLE_NAME=Затваряне
128
+ BACK_TO_REGION_LIST=Обратно към списъка с региони
129
+ LOCATION=Място
5
130
  BACK_TO_TOP=Обратно най-горе
131
+ EXPAND=Разгъване
132
+ COLLAPSE=Свиване
@@ -3,3 +3,129 @@ OVERVIEW=Přehled
3
3
  LOGOUT=Odhlásit se
4
4
  MAIN_LINKS=Hlavní odkazy
5
5
  BACK_TO_TOP=Zpět na začátek
6
+ COUNT=Počet
7
+ OF=z
8
+ PAGINATION_PAGE=Stránka
9
+ SELECTED=Vybrané
10
+ UNSELECTED=Nevybráno
11
+ INDETERMINATE=Nejednoznačné
12
+ EDIT_BUTTON=Upravit
13
+ DELETE_BUTTON=Odstranit
14
+ BACK_TO_REGION_LIST=Zpět do seznamu regionů
15
+ BUTTON_ARIA_TYPE_PRIMARY=Primární
16
+ BUTTON_ARIA_TYPE_SECONDARY=Sekundární
17
+ BUTTON_ARIA_TYPE_TERTIARY=Terciální
18
+ BUTTON_ARIA_TYPE_WARNING=Varování
19
+ BUTTON_ARIA_TYPE_POSITIVE=Pozitivní
20
+ BUTTON_ARIA_TYPE_NEGATIVE=Negativní
21
+ BUTTON_ARIA_EMPHASIZED=Zvýrazněné
22
+ BUTTON_ARIA_DEFAULT=Standardní
23
+ BUTTON_ARIA_TRANSPARENT=Transparentní
24
+ BUTTON_ARIA_ATTENTION=Pozor
25
+ DATEPICKER_DATE_DESCRIPTION=Zadání datumu
26
+ TOGGLED=Přepnuto
27
+ FIRST_PAGE=První stránka
28
+ LAST_PAGE=Poslední stránka
29
+ PREVIOUS_PAGE=Předchozí stránka
30
+ NEXT_PAGE=Další stránka
31
+ CURRENT_PAGE=Aktuální stránka
32
+ ACTIVATE_PAGE=Aktivovat číslo stránky
33
+ SUGGESTED_TEXT=navrhovaná hledání
34
+ ACCESSIBLE_NAME_SEARCH_ICON=Hledat
35
+ TOOLTIP_VOICE_BUTTON=Hlas
36
+ TOOLTIP_SUBMIT_BUTTON=Odeslat
37
+ LISTENING=Poslech
38
+ AVAILABLE_VALUES=Dostupné hodnoty
39
+ RECOMMENDED_TEXT=Doporučené stránky
40
+ EXPAND_ALL=Rozbalit vše
41
+ COLLAPSE_ALL=Sbalit vše
42
+ MORE=Více
43
+ ATTENTION_BADGE=Upozorňovací odznak
44
+ READ_MORE=Číst více
45
+ READ_LESS=Číst méně
46
+ SHOW_MORE=Více
47
+ SHOW_LESS=Zobrazit méně
48
+ RATING_INDICATOR_TEXT=Indikátor hodnocení
49
+ RATING_INDICATOR_TOOLTIP_TEXT=Hodnocení
50
+ RATING_INDICATOR_ARIA_DESCRIPTION=Požadováno
51
+ TOTAL=Celkem
52
+ RATING_COUNT_TITLE=Hodnocení
53
+ ARIA_LABEL_LIST_MULTISELECTABLE=Obsahuje položky s možností vícenásobného výběru
54
+ ARIA_LABEL_LIST_SELECTABLE=Obsahuje položky s možností výběru
55
+ SHOW_RESULTS=Zobrazit výsledky
56
+ SHOW_HIDE_PASSWORD=Zobrazit/skrýt tlačítko hesla
57
+ MESSAGE_STRIP_CLOSE_BUTTON=Tlačítko Zavřít na liště se zprávami
58
+ MESSAGE_STRIP_INFORMATION=Informační lišta
59
+ MESSAGE_STRIP_SUCCESS=Lišta pro pozitivní
60
+ MESSAGE_STRIP_WARNING=Lišta pro upozornění
61
+ MESSAGE_STRIP_ERROR=Lišta pro negativní
62
+ MESSAGE_STRIP_ACTION=Lišta akcí
63
+ REVIEWS=hodnocení
64
+ STARS=hvězdičky
65
+ SELECT_OPTIONS=Vybrat volby
66
+ SELECT_ALL=Vybrat vše
67
+ TEXTAREA_CHARACTERS_LEFT={0} zbývajících znaků
68
+ VALUE_STATE_TYPE_ERROR=Chyba statusu pole
69
+ VALUE_STATE_TYPE_WARNING=Status pole – upozornění
70
+ VALUE_STATE_TYPE_SUCCESS=Status pole – úspěch
71
+ VALUE_STATE_TYPE_STANDARD=Status pole – standardní
72
+ CAROUSEL_PREVIOUS_ARROW_TEXT=Předchozí stránka
73
+ CAROUSEL_NEXT_ARROW_TEXT=Další stránka
74
+ NO_MATCHES_FOUND=Nebyly nalezeny žádné shody.
75
+ BREADCRUMBS_ARIA_LABEL=Navigační cesta
76
+ BREADCRUMBS_OVERFLOW_ARIA_LABEL=Další
77
+ STEPINPUT_INC_ICON_TITLE=Zvýšit množství o
78
+ STEPINPUT_DEC_ICON_TITLE=Snížit množství o
79
+ TABLE_NO_DATA_FOUND=Nebyla nalezena žádá data
80
+ VALUE_STATE_ERROR=Neplatné zadání
81
+ VALUE_STATE_WARNING=Zobrazeno upozornění
82
+ VALUE_STATE_INFORMATION=Informativní záznam
83
+ VALUE_STATE_SUCCESS=Záznam úspěšně ověřen
84
+ READ_ONLY=Pouze pro čtení
85
+ SWITCH_ACCOUNT=Přepnout účet
86
+ BACK=Zpět
87
+ OTHER_IDENTITIES=Ostatní identity
88
+ ADD_OR_REMOVE_ACCOUNT=Přidat nebo odebrat účet
89
+ COUNTRY_SELECT=Vyberte stát
90
+ CART=Nákupní košík
91
+ COUNTRY_SELECTOR=Výběr státu
92
+ SUPPORT=Podpora
93
+ PHONE_NUMBER=Telefon
94
+ CONTACT_US=Kontaktujte nás
95
+ CHAT_WITH_US=Napište nám
96
+ QUICK_LINKS=Rychlé odkazy
97
+ TRENDING=Trendy
98
+ ABOUT_SAP=O společnosti SAP
99
+ SITE_INFORMATION=Informace o stránkách
100
+ AVATAR_TEXT=Avatar
101
+ CALENDAR_ICON=Otevřít ikonu kalendáře
102
+ LIST_ITEM_EDIT_ICON=Upravit položku seznamu
103
+ LIST_ITEM_DELETE_ICON=Odstranit položku seznamu
104
+ BACK_BUTTON_LABEL=tlačítko zpět
105
+ STATUS_BADGE_TEXT=Znak statusu
106
+ STATUS_BADGE_EDIT_TITLE=Klikněte pro editaci profilu
107
+ STATUS_BADGE_INFORMATION_TITLE=Klikněte pro otevření profilových informací
108
+ STATUS_BADGE_WARNING_TITLE=Upozornění: možné riziko spojené s profilem
109
+ STATUS_BADGE_ERROR_TITLE=Existuje chyba týkající se profilu
110
+ STATUS_BADGE_SUCCESS_TITLE=Úspěšně ověřený profil
111
+ PROFILE=Profil
112
+ OPENS_IN_A_NEW_WINDOW=otevře se v novém okně
113
+ TEXT_FIELD=Textové pole
114
+ UPLOADING_FILE_STATUS_TEXT=Nahrávání
115
+ TERMINATED_FILE_STATUS_TEXT=Ukončeno
116
+ REMOVE_FILE_TEXT=Odstranit soubor
117
+ UPLOAD_BUTTON_LABEL=Nahrát soubor
118
+ COMPLETE_LIST_OF=Dokončete seznam
119
+ CALL_US_TODAY=Zavolejte nám ještě dnes!
120
+ SEARCH=Hledat
121
+ RESULT_RETURNED=výsledků vráceno.
122
+ SOCIAL_MEDIA_BUTTON=Tlačítko sociálních sítí
123
+ PROMO_TILE=Propagační dlaždice
124
+ PROMO_TILE_ICON=Propagační dlaždice – ikona
125
+ PLAY_BUTTON_ACCESSIBLE_NAME=Tlačítko ke spuštění otáčení log zákazníků
126
+ PAUSE_BUTTON_ACCESSIBLE_NAME=Tlačítko k zastavení otáčení log zákazníků
127
+ LOCATION=Místo
128
+ TOAST_CLOSE_ACCESSIBLE_NAME=Zavřít
129
+ DISABLED=Deaktivováno
130
+ EXPAND=Rozbalit
131
+ COLLAPSE=Sbalit
@@ -122,7 +122,6 @@ REMOVE_FILE_TEXT=Remove file
122
122
  UPLOAD_BUTTON_LABEL=Upload file
123
123
  COMPLETE_LIST_OF=Complete list of
124
124
  CALL_US_TODAY=Call us today!
125
- CONTACT_US=Contact us
126
125
  SEARCH=Search
127
126
  RESULT_RETURNED=results returned.
128
127
  SOCIAL_MEDIA_BUTTON=Social Media Button
@@ -133,3 +132,6 @@ PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
133
132
  PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
134
133
  LOCATION=Location
135
134
  TOAST_CLOSE_ACCESSIBLE_NAME=Close
135
+ DISABLED=Disabled
136
+ EXPAND=Expand
137
+ COLLAPSE=Collapse
@@ -2779,7 +2779,7 @@
2779
2779
  },
2780
2780
  {
2781
2781
  "name": "udex-password-field",
2782
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n",
2782
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **blur** - Fired on input focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.",
2783
2783
  "attributes": [
2784
2784
  {
2785
2785
  "name": "autocomplete",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@sapudex/web-components",
4
- "version": "2.37.0",
4
+ "version": "2.38.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -6035,7 +6035,7 @@
6035
6035
  },
6036
6036
  {
6037
6037
  "name": "udex-password-field",
6038
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n",
6038
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **blur** - Fired on input focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.",
6039
6039
  "doc-url": "",
6040
6040
  "attributes": [
6041
6041
  {
@@ -6109,7 +6109,21 @@
6109
6109
  "value": { "type": "string", "default": "\"\"" }
6110
6110
  }
6111
6111
  ],
6112
- "events": [],
6112
+ "events": [
6113
+ {
6114
+ "name": "input",
6115
+ "description": "Fired when the value of the component changes at each keystroke."
6116
+ },
6117
+ {
6118
+ "name": "change",
6119
+ "description": "Fired when the input operation has finished by pressing Enter or on focusout."
6120
+ },
6121
+ { "name": "blur", "description": "Fired on input focusout." },
6122
+ {
6123
+ "name": "click-icon",
6124
+ "description": "Fired when the show/hide password button is clicked."
6125
+ }
6126
+ ],
6113
6127
  "js": {
6114
6128
  "properties": [
6115
6129
  {
@@ -6183,7 +6197,21 @@
6183
6197
  "value": { "type": "string" }
6184
6198
  }
6185
6199
  ],
6186
- "events": []
6200
+ "events": [
6201
+ {
6202
+ "name": "input",
6203
+ "description": "Fired when the value of the component changes at each keystroke."
6204
+ },
6205
+ {
6206
+ "name": "change",
6207
+ "description": "Fired when the input operation has finished by pressing Enter or on focusout."
6208
+ },
6209
+ { "name": "blur", "description": "Fired on input focusout." },
6210
+ {
6211
+ "name": "click-icon",
6212
+ "description": "Fired when the show/hide password button is clicked."
6213
+ }
6214
+ ]
6187
6215
  }
6188
6216
  },
6189
6217
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@sapudex/web-components",
4
- "version": "2.37.0",
4
+ "version": "2.38.0",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
7
7
  },
package/src/List.hbs CHANGED
@@ -25,7 +25,7 @@
25
25
  id="udex-list"
26
26
  class="udex-list"
27
27
  role="{{accessibleRole}}"
28
- aria-labelledby="{{ariaLabelledBy}}"
28
+ aria-label="{{singleContentAriaLabel}}"
29
29
  aria-busy="{{ariaBusy}}">
30
30
  <slot></slot>
31
31
  </div>
package/src/List.ts CHANGED
@@ -540,6 +540,11 @@ class UDExList extends UI5Element {
540
540
  return `${this._id}-mode-label`;
541
541
  }
542
542
 
543
+ get singleContentAriaLabel(): string | undefined {
544
+ const label = this.accessibleName || this.headerText;
545
+ return label || undefined;
546
+ }
547
+
543
548
  get modeRadioGroup(): boolean {
544
549
  return this.mode === UDExListMode.RadioGroup;
545
550
  }
@@ -2,6 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
3
3
  import property from "@ui5/webcomponents-base/dist/decorators/property.js";
4
4
  import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
5
+ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
5
6
  import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
6
7
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
7
8
  import UDExTextField from "./TextField.js";
@@ -23,6 +24,14 @@ export enum UDExPasswordFieldAutoComplete {
23
24
  Off = "off",
24
25
  }
25
26
 
27
+ type UDExPasswordFieldChangeEventDetail = {
28
+ originalEvent: Event,
29
+ }
30
+
31
+ type UDExPasswordFieldBlurEventDetail = {
32
+ originalEvent: FocusEvent,
33
+ }
34
+
26
35
  /**
27
36
  * @class
28
37
  *
@@ -48,7 +57,38 @@ export enum UDExPasswordFieldAutoComplete {
48
57
  dependencies: [UDExTextField],
49
58
  })
50
59
 
60
+ /**
61
+ * Fired when the value of the component changes at each keystroke.
62
+ *
63
+ * @public
64
+ */
65
+ @event("input", { bubbles: true })
66
+ /**
67
+ * Fired when the input operation has finished by pressing Enter or on focusout.
68
+ *
69
+ * @public
70
+ */
71
+ @event("change", { bubbles: true })
72
+ /**
73
+ * Fired on input focusout.
74
+ *
75
+ * @public
76
+ */
77
+ @event("blur", { bubbles: true })
78
+ /**
79
+ * Fired when the show/hide password button is clicked.
80
+ *
81
+ * @public
82
+ */
83
+ @event("click-icon", { bubbles: true })
84
+
51
85
  class UDExPasswordField extends UI5Element {
86
+ eventDetails!: {
87
+ "input": void,
88
+ "change": UDExPasswordFieldChangeEventDetail,
89
+ "blur": UDExPasswordFieldBlurEventDetail,
90
+ "click-icon": void,
91
+ };
52
92
  /**
53
93
  * Defines supporting text under the input field.
54
94
  *
@@ -211,8 +251,22 @@ class UDExPasswordField extends UI5Element {
211
251
 
212
252
  this.icon = isPassword ? UDExIconType.Hide : UDExIconType.Show;
213
253
  this.type = isPassword ? UDExInputType.Text : UDExInputType.Password;
254
+ this.fireDecoratorEvent("click-icon");
214
255
  }
215
256
 
257
+ handleInput = (e: CustomEvent): void => {
258
+ this.value = (e.target as UDExTextField).value;
259
+ this.fireDecoratorEvent("input");
260
+ };
261
+
262
+ handleChange = (e: CustomEvent<UDExPasswordFieldChangeEventDetail>): void => {
263
+ this.fireDecoratorEvent("change", { originalEvent: e.detail.originalEvent });
264
+ };
265
+
266
+ handleBlur = (e: CustomEvent<UDExPasswordFieldBlurEventDetail>): void => {
267
+ this.fireDecoratorEvent("blur", { originalEvent: e.detail.originalEvent });
268
+ };
269
+
216
270
  get passwordLabel(): string {
217
271
  return `${this.label} ${this.showAsterisk ? "*" : ""}`;
218
272
  }
@@ -229,3 +283,4 @@ class UDExPasswordField extends UI5Element {
229
283
  UDExPasswordField.define();
230
284
 
231
285
  export default UDExPasswordField;
286
+ export type { UDExPasswordFieldChangeEventDetail, UDExPasswordFieldBlurEventDetail };
@@ -21,6 +21,9 @@ export default function PasswordFieldTemplate(this: UDExPasswordField) {
21
21
  accessible-name-ref={this.accessibleNameRef}
22
22
  accessible-icon-name={this.showButtonTooltip}
23
23
  show-button-tooltip={this.showButtonTooltip}
24
+ onui5-input={this.handleInput}
25
+ onui5-change={this.handleChange}
26
+ onui5-blur={this.handleBlur}
24
27
  onui5-click-icon={this.handleShowPassword}
25
28
  icon={this.iconButton}>
26
29
  </UDExTextField>
package/src/Search.ts CHANGED
@@ -1005,6 +1005,7 @@ class UDExSearch extends UI5Element {
1005
1005
  e.stopPropagation();
1006
1006
  this.handleEnterKey(e);
1007
1007
  this.handleTabKey(e);
1008
+ this.handleShiftTabKey(e);
1008
1009
  this.handleEscapeKey(e);
1009
1010
  this.fireDecoratorEvent("search-keydown", { e });
1010
1011
  };
@@ -1026,6 +1027,12 @@ class UDExSearch extends UI5Element {
1026
1027
  }
1027
1028
  }
1028
1029
 
1030
+ handleShiftTabKey(e: KeyboardEvent) {
1031
+ if (isTabPrevious(e) && this.open) {
1032
+ this.Suggestion?.onShiftTab(e);
1033
+ }
1034
+ }
1035
+
1029
1036
  handleEscapeKey(e: KeyboardEvent) {
1030
1037
  if (isEscape(e)) {
1031
1038
  if (this.open) {
package/src/SelectBox.ts CHANGED
@@ -240,6 +240,7 @@ class UDExSelectBox extends UDExSelectBase {
240
240
 
241
241
  if (this.modeMultiSelect) {
242
242
  this.handleUnselectTruncatableTag();
243
+ this._selectedOption = "";
243
244
  }
244
245
 
245
246
  this._open = false;
package/src/TextField.ts CHANGED
@@ -417,6 +417,7 @@ class UDExTextField extends UI5Element {
417
417
 
418
418
  handleInput = (inputEvent: InputEvent) => {
419
419
  this.value = (inputEvent.target as HTMLInputElement)?.value;
420
+ this.fireDecoratorEvent("input");
420
421
  };
421
422
 
422
423
  handleClick = (): void => {
package/src/Wizard.ts CHANGED
@@ -119,17 +119,12 @@ class UDExWizard extends UI5Wizard {
119
119
  _breakpoint: `${UDExWindowSize}` = UDExWindowSize.XL;
120
120
 
121
121
  _handleResizeBound: ResizeObserverCallback;
122
+
122
123
  constructor() {
123
124
  super();
124
125
  this._handleResizeBound = this._handleResize.bind(this);
125
126
  }
126
127
 
127
- _calcCurrentBreakpoint = () => {
128
- const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
129
- const breakpoint = breakpointDimensions.find(size => Number(size) < this.offsetWidth);
130
- this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
131
- };
132
-
133
128
  onEnterDOM() {
134
129
  this.contentLayout = WizardContentLayout.SingleStep;
135
130
  ResizeHandler.register(this, this._handleResizeBound);
@@ -139,6 +134,20 @@ class UDExWizard extends UI5Wizard {
139
134
  ResizeHandler.deregister(this, this._handleResizeBound);
140
135
  }
141
136
 
137
+ onAfterRendering(): void {
138
+ this.attachStepsResizeObserver();
139
+ this._calcCurrentBreakpoint();
140
+ this.previouslySelectedStepIndex = this.selectedStepIndex;
141
+ this._currentStepTitle = this._steps[this.selectedStepIndex]?.titleText;
142
+ this._currentStepSubTitle = this._steps[this.selectedStepIndex]?.subtitleText;
143
+ }
144
+
145
+ _calcCurrentBreakpoint = () => {
146
+ const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
147
+ const breakpoint = breakpointDimensions.find(size => Number(size) < this.offsetWidth);
148
+ this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
149
+ };
150
+
142
151
  _adjustHeaderOverflow = () => {
143
152
  const tabs = this.stepsInHeaderDOM;
144
153
  tabs.forEach(step => {
@@ -225,14 +234,6 @@ class UDExWizard extends UI5Wizard {
225
234
  this._calcCurrentBreakpoint();
226
235
  }
227
236
 
228
- onAfterRendering(): void {
229
- this.attachStepsResizeObserver();
230
- this._calcCurrentBreakpoint();
231
- this.previouslySelectedStepIndex = this.selectedStepIndex;
232
- this._currentStepTitle = this._steps[this.selectedStepIndex]?.titleText;
233
- this._currentStepSubTitle = this._steps[this.selectedStepIndex]?.subtitleText;
234
- }
235
-
236
237
  get effectiveAccessibleName(): string {
237
238
  return this.accessibleName || this.ariaLabelText;
238
239
  }