@ui5/webcomponents-fiori 2.25.0 → 2.26.0-rc.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 (184) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/ProductSwitch.js +12 -1
  4. package/dist/ProductSwitch.js.map +1 -1
  5. package/dist/SearchItemShowMore.js +1 -1
  6. package/dist/SearchItemShowMore.js.map +1 -1
  7. package/dist/ShellBar.js +1 -0
  8. package/dist/ShellBar.js.map +1 -1
  9. package/dist/ShellBarTemplate.js +1 -1
  10. package/dist/ShellBarTemplate.js.map +1 -1
  11. package/dist/SideNavigation.d.ts +5 -1
  12. package/dist/SideNavigation.js +16 -0
  13. package/dist/SideNavigation.js.map +1 -1
  14. package/dist/SideNavigationGroup.d.ts +10 -1
  15. package/dist/SideNavigationGroup.js +21 -8
  16. package/dist/SideNavigationGroup.js.map +1 -1
  17. package/dist/SideNavigationItem.d.ts +10 -1
  18. package/dist/SideNavigationItem.js +22 -9
  19. package/dist/SideNavigationItem.js.map +1 -1
  20. package/dist/UserMenuTemplate.js +2 -2
  21. package/dist/UserMenuTemplate.js.map +1 -1
  22. package/dist/UserSettingsAccountView.d.ts +8 -0
  23. package/dist/UserSettingsAccountView.js +11 -0
  24. package/dist/UserSettingsAccountView.js.map +1 -1
  25. package/dist/UserSettingsAccountViewTemplate.js +4 -4
  26. package/dist/UserSettingsAccountViewTemplate.js.map +1 -1
  27. package/dist/UserSettingsAppearanceViewItem.d.ts +2 -0
  28. package/dist/UserSettingsAppearanceViewItem.js +6 -0
  29. package/dist/UserSettingsAppearanceViewItem.js.map +1 -1
  30. package/dist/UserSettingsDialog.js +2 -0
  31. package/dist/UserSettingsDialog.js.map +1 -1
  32. package/dist/UserSettingsDialogTemplate.js +1 -1
  33. package/dist/UserSettingsDialogTemplate.js.map +1 -1
  34. package/dist/UserSettingsItem.d.ts +1 -0
  35. package/dist/UserSettingsItem.js +6 -2
  36. package/dist/UserSettingsItem.js.map +1 -1
  37. package/dist/UserSettingsItemTemplate.js +1 -1
  38. package/dist/UserSettingsItemTemplate.js.map +1 -1
  39. package/dist/Wizard.d.ts +14 -0
  40. package/dist/Wizard.js +10 -0
  41. package/dist/Wizard.js.map +1 -1
  42. package/dist/css/themes/Page.css +1 -1
  43. package/dist/css/themes/ProductSwitch.css +1 -1
  44. package/dist/css/themes/ProductSwitchItem.css +1 -1
  45. package/dist/css/themes/SearchItem.css +1 -1
  46. package/dist/css/themes/UserSettingsItem.css +1 -1
  47. package/dist/custom-elements-internal.json +96 -0
  48. package/dist/custom-elements.json +71 -0
  49. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  50. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  51. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  52. package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
  53. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  54. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  55. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  56. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  57. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  58. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  59. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  60. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  61. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  62. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  63. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  64. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  65. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  66. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  67. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  68. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  69. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  70. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  71. package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
  72. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  73. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  74. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  75. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  76. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  77. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  78. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  79. package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
  80. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  81. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  82. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  83. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  84. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  85. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  86. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  87. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  88. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  89. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  90. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  91. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  92. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  93. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  94. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  95. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  96. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  99. package/dist/generated/i18n/i18n-defaults.js +6 -6
  100. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  101. package/dist/generated/themes/Page.css.d.ts +1 -1
  102. package/dist/generated/themes/Page.css.js +1 -1
  103. package/dist/generated/themes/Page.css.js.map +1 -1
  104. package/dist/generated/themes/ProductSwitch.css.d.ts +1 -1
  105. package/dist/generated/themes/ProductSwitch.css.js +1 -1
  106. package/dist/generated/themes/ProductSwitch.css.js.map +1 -1
  107. package/dist/generated/themes/ProductSwitchItem.css.d.ts +1 -1
  108. package/dist/generated/themes/ProductSwitchItem.css.js +1 -1
  109. package/dist/generated/themes/ProductSwitchItem.css.js.map +1 -1
  110. package/dist/generated/themes/SearchItem.css.d.ts +1 -1
  111. package/dist/generated/themes/SearchItem.css.js +1 -1
  112. package/dist/generated/themes/SearchItem.css.js.map +1 -1
  113. package/dist/generated/themes/UserSettingsItem.css.d.ts +1 -1
  114. package/dist/generated/themes/UserSettingsItem.css.js +1 -1
  115. package/dist/generated/themes/UserSettingsItem.css.js.map +1 -1
  116. package/dist/shellbar/ShellBarAccessibility.d.ts +1 -0
  117. package/dist/shellbar/ShellBarAccessibility.js +2 -1
  118. package/dist/shellbar/ShellBarAccessibility.js.map +1 -1
  119. package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js +1 -1
  120. package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js.map +1 -1
  121. package/dist/vscode.html-custom-data.json +16 -1
  122. package/dist/web-types.json +40 -2
  123. package/package.json +7 -7
  124. package/src/ShellBarTemplate.tsx +2 -1
  125. package/src/UserMenuTemplate.tsx +2 -4
  126. package/src/UserSettingsAccountViewTemplate.tsx +14 -13
  127. package/src/UserSettingsDialogTemplate.tsx +1 -1
  128. package/src/UserSettingsItemTemplate.tsx +1 -1
  129. package/src/i18n/messagebundle_ar.properties +7 -3
  130. package/src/i18n/messagebundle_bg.properties +7 -3
  131. package/src/i18n/messagebundle_ca.properties +7 -3
  132. package/src/i18n/messagebundle_cnr.properties +7 -3
  133. package/src/i18n/messagebundle_cs.properties +7 -3
  134. package/src/i18n/messagebundle_cy.properties +7 -3
  135. package/src/i18n/messagebundle_da.properties +7 -3
  136. package/src/i18n/messagebundle_de.properties +6 -2
  137. package/src/i18n/messagebundle_el.properties +7 -3
  138. package/src/i18n/messagebundle_en.properties +10 -6
  139. package/src/i18n/messagebundle_en_GB.properties +7 -3
  140. package/src/i18n/messagebundle_en_US_sappsd.properties +7 -3
  141. package/src/i18n/messagebundle_en_US_saptrc.properties +7 -3
  142. package/src/i18n/messagebundle_es.properties +7 -3
  143. package/src/i18n/messagebundle_es_MX.properties +7 -3
  144. package/src/i18n/messagebundle_et.properties +7 -3
  145. package/src/i18n/messagebundle_fi.properties +8 -4
  146. package/src/i18n/messagebundle_fr.properties +6 -2
  147. package/src/i18n/messagebundle_fr_CA.properties +5 -1
  148. package/src/i18n/messagebundle_hi.properties +6 -2
  149. package/src/i18n/messagebundle_hr.properties +7 -3
  150. package/src/i18n/messagebundle_hu.properties +7 -3
  151. package/src/i18n/messagebundle_id.properties +7 -3
  152. package/src/i18n/messagebundle_it.properties +7 -3
  153. package/src/i18n/messagebundle_iw.properties +7 -3
  154. package/src/i18n/messagebundle_ja.properties +7 -3
  155. package/src/i18n/messagebundle_kk.properties +7 -3
  156. package/src/i18n/messagebundle_ko.properties +6 -2
  157. package/src/i18n/messagebundle_lt.properties +7 -3
  158. package/src/i18n/messagebundle_lv.properties +7 -3
  159. package/src/i18n/messagebundle_mk.properties +7 -3
  160. package/src/i18n/messagebundle_ms.properties +7 -3
  161. package/src/i18n/messagebundle_nl.properties +7 -3
  162. package/src/i18n/messagebundle_no.properties +7 -3
  163. package/src/i18n/messagebundle_pl.properties +7 -3
  164. package/src/i18n/messagebundle_pt.properties +7 -3
  165. package/src/i18n/messagebundle_pt_PT.properties +6 -2
  166. package/src/i18n/messagebundle_ro.properties +7 -3
  167. package/src/i18n/messagebundle_ru.properties +7 -3
  168. package/src/i18n/messagebundle_sh.properties +7 -3
  169. package/src/i18n/messagebundle_sk.properties +7 -3
  170. package/src/i18n/messagebundle_sl.properties +7 -3
  171. package/src/i18n/messagebundle_sr.properties +7 -3
  172. package/src/i18n/messagebundle_sv.properties +7 -3
  173. package/src/i18n/messagebundle_th.properties +4 -0
  174. package/src/i18n/messagebundle_tr.properties +7 -3
  175. package/src/i18n/messagebundle_uk.properties +7 -3
  176. package/src/i18n/messagebundle_vi.properties +7 -3
  177. package/src/i18n/messagebundle_zh_CN.properties +7 -3
  178. package/src/i18n/messagebundle_zh_TW.properties +7 -3
  179. package/src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx +0 -1
  180. package/src/themes/Page.css +14 -16
  181. package/src/themes/ProductSwitch.css +6 -1
  182. package/src/themes/ProductSwitchItem.css +5 -12
  183. package/src/themes/SearchItem.css +9 -10
  184. package/src/themes/UserSettingsItem.css +10 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAuCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAGC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,GAAG,MAAM,CAAC;QAChE,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;iBAClD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}
1
+ {"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAuCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAIC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACjF,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;oBAClD,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;iBAC5H;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t\tshowSearchField: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes, showSearchField } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.search?.expanded !== undefined ? accessibilityAttributes.search.expanded : showSearchField,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}
@@ -12,7 +12,7 @@ function ShellBarSearchFieldFullWidth() {
12
12
  }
13
13
  function ShellBarSearchButton() {
14
14
  const searchAction = this.getAction("search");
15
- return (_jsx(_Fragment, { children: !this.hideSearchButton && (_jsx(Button, { "data-ui5-stable": searchAction?.stableDomRef, class: "ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle", icon: searchAction?.icon, design: "Transparent", onClick: this.handleSearchButtonClick, tooltip: this.actionsAccessibilityInfo.search.title, "aria-expanded": this.showSearchField, accessibilityAttributes: this.actionsAccessibilityInfo.search.accessibilityAttributes })) }));
15
+ return (_jsx(_Fragment, { children: !this.hideSearchButton && (_jsx(Button, { "data-ui5-stable": searchAction?.stableDomRef, class: "ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle", icon: searchAction?.icon, design: "Transparent", onClick: this.handleSearchButtonClick, tooltip: this.actionsAccessibilityInfo.search.title, accessibilityAttributes: this.actionsAccessibilityInfo.search.accessibilityAttributes })) }));
16
16
  }
17
17
  export { ShellBarSearchField, ShellBarSearchButton, ShellBarSearchFieldFullWidth, };
18
18
  //# sourceMappingURL=ShellBarSearchLegacyTemplate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,cAAK,KAAK,EAAC,gCAAgC,YACzC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CACrD,cAAK,KAAK,EAAC,kDAAkD,YAC5D,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,CACN,GACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,4BAA4B;IACpC,OAAO,CACN,eAAK,KAAK,EAAC,wCAAwC,aAClD,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,EACN,KAAC,MAAM,IACN,KAAK,EAAC,mDAAmD,EACzD,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,OAAO,EAAE,IAAI,CAAC,uBAAuB,uBAG7B,IACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB;IAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAC1B,KAAC,MAAM,uBACW,YAAY,EAAE,YAAY,EAC3C,KAAK,EAAC,yGAAyG,EAC/G,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,KAAK,mBACpC,IAAI,CAAC,eAAe,EACnC,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,GACpF,CACF,GACC,CAEH,CAAC;AACH,CAAC;AAED,OAAO,EACN,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport type ShellBar from \"../../ShellBar.js\";\n\nfunction ShellBarSearchField(this: ShellBar) {\n\treturn (\n\t\t// .ui5-shellbar-search-field-area is used to measure the width of\n\t\t// the search field. It must be present even if the search is in full-width mode.\n\t\t<div class=\"ui5-shellbar-search-field-area\">\n\t\t\t{this.showSearchField && !this.showFullWidthSearch && (\n\t\t\t\t<div class=\"ui5-shellbar-search-field ui5-shellbar-gap-start\">\n\t\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchFieldFullWidth(this: ShellBar) {\n\treturn (\n\t\t<div class=\"ui5-shellbar-search-full-width-wrapper\">\n\t\t\t<div class=\"ui5-shellbar-search-full-field\">\n\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-shellbar-cancel-button ui5-shellbar-gap-start\"\n\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\tonClick={this.handleCancelButtonClick}\n\t\t\t>\n\t\t\t\tCancel\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchButton(this: ShellBar) {\n\tconst searchAction = this.getAction(\"search\");\n\treturn (\n\t\t<>\n\t\t\t{!this.hideSearchButton && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-ui5-stable={searchAction?.stableDomRef}\n\t\t\t\t\tclass=\"ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle\"\n\t\t\t\t\ticon={searchAction?.icon}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this.handleSearchButtonClick}\n\t\t\t\t\ttooltip={this.actionsAccessibilityInfo.search.title}\n\t\t\t\t\taria-expanded={this.showSearchField}\n\t\t\t\t\taccessibilityAttributes={this.actionsAccessibilityInfo.search.accessibilityAttributes}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\n\t);\n}\n\nexport {\n\tShellBarSearchField,\n\tShellBarSearchButton,\n\tShellBarSearchFieldFullWidth,\n};\n"]}
1
+ {"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,cAAK,KAAK,EAAC,gCAAgC,YACzC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CACrD,cAAK,KAAK,EAAC,kDAAkD,YAC5D,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,CACN,GACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,4BAA4B;IACpC,OAAO,CACN,eAAK,KAAK,EAAC,wCAAwC,aAClD,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,EACN,KAAC,MAAM,IACN,KAAK,EAAC,mDAAmD,EACzD,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,OAAO,EAAE,IAAI,CAAC,uBAAuB,uBAG7B,IACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB;IAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAC1B,KAAC,MAAM,uBACW,YAAY,EAAE,YAAY,EAC3C,KAAK,EAAC,yGAAyG,EAC/G,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,KAAK,EACnD,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,GACpF,CACF,GACC,CAEH,CAAC;AACH,CAAC;AAED,OAAO,EACN,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport type ShellBar from \"../../ShellBar.js\";\n\nfunction ShellBarSearchField(this: ShellBar) {\n\treturn (\n\t\t// .ui5-shellbar-search-field-area is used to measure the width of\n\t\t// the search field. It must be present even if the search is in full-width mode.\n\t\t<div class=\"ui5-shellbar-search-field-area\">\n\t\t\t{this.showSearchField && !this.showFullWidthSearch && (\n\t\t\t\t<div class=\"ui5-shellbar-search-field ui5-shellbar-gap-start\">\n\t\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchFieldFullWidth(this: ShellBar) {\n\treturn (\n\t\t<div class=\"ui5-shellbar-search-full-width-wrapper\">\n\t\t\t<div class=\"ui5-shellbar-search-full-field\">\n\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-shellbar-cancel-button ui5-shellbar-gap-start\"\n\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\tonClick={this.handleCancelButtonClick}\n\t\t\t>\n\t\t\t\tCancel\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchButton(this: ShellBar) {\n\tconst searchAction = this.getAction(\"search\");\n\treturn (\n\t\t<>\n\t\t\t{!this.hideSearchButton && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-ui5-stable={searchAction?.stableDomRef}\n\t\t\t\t\tclass=\"ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle\"\n\t\t\t\t\ticon={searchAction?.icon}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this.handleSearchButtonClick}\n\t\t\t\t\ttooltip={this.actionsAccessibilityInfo.search.title}\n\t\t\t\t\taccessibilityAttributes={this.actionsAccessibilityInfo.search.accessibilityAttributes}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\n\t);\n}\n\nexport {\n\tShellBarSearchField,\n\tShellBarSearchButton,\n\tShellBarSearchFieldFullWidth,\n};\n"]}
@@ -963,7 +963,7 @@
963
963
  },
964
964
  {
965
965
  "name": "ui5-side-navigation",
966
- "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user's current work context.\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is designed to be used within a `ui5-navigation-layout` component to ensure an optimal user experience.\n\nUsing it standalone may not match the intended design and functionality.\nFor example, the side navigation may not exhibit the correct behavior on smaller screens.\nAdditionally, the padding of the `ui5-shellbar` will not match the padding of the side navigation.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired when an item is clicked.\n- **selection-change** - Fired when the selection has changed via user interaction.\n\n### **Slots:**\n - **default** - Defines the main items of the component.\n- **fixedItems** - Defines the fixed items at the bottom of the component.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n- **header** - Defines the header of the `ui5-side-navigation`.\n\n**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;",
966
+ "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user's current work context.\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is designed to be used within a `ui5-navigation-layout` component to ensure an optimal user experience.\n\nUsing it standalone may not match the intended design and functionality.\nFor example, the side navigation may not exhibit the correct behavior on smaller screens.\nAdditionally, the padding of the `ui5-shellbar` will not match the padding of the side navigation.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired when an item is clicked.\n- **item-toggle** - Fired when a `ui5-side-navigation-item` or `ui5-side-navigation-group` is expanded or collapsed.\n\n**Note:** You can call `preventDefault()` on the event to suppress the expand/collapse.\nThe `expanded` state stays unchanged. This is handy, for example, if you want to\ndynamically load child items before allowing a parent item to expand.\n- **selection-change** - Fired when the selection has changed via user interaction.\n\n### **Slots:**\n - **default** - Defines the main items of the component.\n- **fixedItems** - Defines the fixed items at the bottom of the component.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n- **header** - Defines the header of the `ui5-side-navigation`.\n\n**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;",
967
967
  "attributes": [
968
968
  {
969
969
  "name": "accessible-name",
@@ -1599,6 +1599,11 @@
1599
1599
  "description": "Defines whether the view is selected. There can be just one selected view at a time.",
1600
1600
  "values": []
1601
1601
  },
1602
+ {
1603
+ "name": "show-edit-button",
1604
+ "description": "Defines if the User Settings Account View shows the edit button on the avatar.",
1605
+ "values": []
1606
+ },
1602
1607
  {
1603
1608
  "name": "show-manage-account",
1604
1609
  "description": "Defines if the User Menu shows the `Manage Account` option.",
@@ -1817,6 +1822,16 @@
1817
1822
  "name": "ui5-wizard",
1818
1823
  "description": "### Overview\n\nThe `ui5-wizard` helps users to complete a complex task by dividing it into sections and guiding them through it.\nIt has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n\n### Structure\n#### Navigation area\nThe top most area of the `ui5-wizard` is occupied by the navigation area.\nIt shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.\n\n- Steps can have different visual representations - numbers or icons.\n- Steps might have labels for better readability - titleText and subTitleText.\n- Steps are defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n\n**Note:** If no selected step is defined, the first step will be auto selected.\n\n**Note:** If multiple selected steps are defined, the last step will be selected.\n\n### Keyboard Handling\nThe user can navigate using the following keyboard shortcuts:\n\n#### Wizard Progress Navigation\n\n\t- [Left] or [Down] - Focus moves backward to the WizardProgressNavAnchors.\n\t- [Up] or [Right] - Focus moves forward to the WizardProgressNavAnchor.\n\t- [Space] / [Enter] or [Return] - Selects an active step\n\t- [Home] or [PAGE UP] - Focus goes to the first step\n\t- [End] or [PAGE DOWN] - Focus goes to the last step\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Content\nThe content occupies the main part of the page. It can hold any type of HTML elements.\nIt's defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n\n### Scrolling\nThe component handles user scrolling by selecting the closest step, based on the current scroll position\nand scrolls to particular place, when the user clicks on the step within the navigation area.\n\n**Important:** In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height.\nThe component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page.\n\n**For example:**\n\n```html\n<ui5-dialog style=\"height: 80%\">\n\t<ui5-wizard></ui5-wizard>\n</ui5-dialog>\n```\n\n#### Moving to next step\nThe `ui5-wizard-step` provides the necessary API and it's up to the user of the component to use it to move to the next step.\nYou have to set its `selected` property (and remove the `disabled` one if set) to `true`.\nThe `ui5-wizard` will automatically scroll to the content of the newly selected step.\n\nThe Fiori 3 guidelines recommends having a \"nextStep\" button in the content area.\nYou can place a button, or any other type of element to trigger step change, inside the `ui5-wizard-step`,\nand show/hide it when certain fields are filled or user defined criteria is met.\n\n### Usage\n#### When to use:\nWhen the user has to accomplish a long or unfamiliar task.\n\n#### When not to use:\nWhen the task has less than 3 steps.\n\n### Responsive Behavior\nOn small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap.\nTapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/Wizard.js\";` (includes <ui5-wizard-step/>)\n\n\n---\n\n\n\n\n### **Events:**\n - **step-change** - Fired when the step is changed by user interaction - either with scrolling,\nor by clicking on the steps within the component header.\n\n### **Slots:**\n - **default** - Defines the steps.\n\n**Note:** Use the available `ui5-wizard-step` component.\n\n### **CSS Parts:**\n - **navigator** - Used to style the progress navigator of the `ui5-wizard`.\n- **step-content** - Used to style a `ui5-wizard-step` container.",
1819
1824
  "attributes": [
1825
+ {
1826
+ "name": "accessible-name",
1827
+ "description": "Defines the accessible ARIA name of the component.",
1828
+ "values": []
1829
+ },
1830
+ {
1831
+ "name": "accessible-name-ref",
1832
+ "description": "Receives id(or many ids) of the elements that label the component.",
1833
+ "values": []
1834
+ },
1820
1835
  {
1821
1836
  "name": "content-layout",
1822
1837
  "description": "Defines how the content of the `ui5-wizard` would be visualized.",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ui5/webcomponents-fiori",
4
- "version": "2.25.0",
4
+ "version": "2.26.0-rc.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -2435,7 +2435,7 @@
2435
2435
  },
2436
2436
  {
2437
2437
  "name": "ui5-side-navigation",
2438
- "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user's current work context.\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is designed to be used within a `ui5-navigation-layout` component to ensure an optimal user experience.\n\nUsing it standalone may not match the intended design and functionality.\nFor example, the side navigation may not exhibit the correct behavior on smaller screens.\nAdditionally, the padding of the `ui5-shellbar` will not match the padding of the side navigation.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is clicked.\n- **selection-change** - Fired when the selection has changed via user interaction.\n\n### **Slots:**\n - **default** - Defines the main items of the component.\n- **fixedItems** - Defines the fixed items at the bottom of the component.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n- **header** - Defines the header of the `ui5-side-navigation`.\n\n**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;",
2438
+ "description": "### Overview\n\nThe `SideNavigation` is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n\n - The header is meant for displaying user related information - profile data, avatar, etc.\n - The main navigation section is related to the user's current work context.\n - The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on).\n\n### Usage\n\nUse the available `ui5-side-navigation-group`, `ui5-side-navigation-item`\nand `ui5-side-navigation-sub-item` components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\nThe `ui5-side-navigation` component is designed to be used within a `ui5-navigation-layout` component to ensure an optimal user experience.\n\nUsing it standalone may not match the intended design and functionality.\nFor example, the side navigation may not exhibit the correct behavior on smaller screens.\nAdditionally, the padding of the `ui5-shellbar` will not match the padding of the side navigation.\n\n### Keyboard Handling\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\"`\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";` (for `ui5-side-navigation-group`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";` (for `ui5-side-navigation-item`)\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";` (for `ui5-side-navigation-sub-item`)\n---\n\n\n### **Events:**\n - **item-click** - Fired when an item is clicked.\n- **item-toggle** - Fired when a `ui5-side-navigation-item` or `ui5-side-navigation-group` is expanded or collapsed.\n\n**Note:** You can call `preventDefault()` on the event to suppress the expand/collapse.\nThe `expanded` state stays unchanged. This is handy, for example, if you want to\ndynamically load child items before allowing a parent item to expand.\n- **selection-change** - Fired when the selection has changed via user interaction.\n\n### **Slots:**\n - **default** - Defines the main items of the component.\n- **fixedItems** - Defines the fixed items at the bottom of the component.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n- **header** - Defines the header of the `ui5-side-navigation`.\n\n**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;",
2439
2439
  "doc-url": "",
2440
2440
  "attributes": [
2441
2441
  {
@@ -2468,6 +2468,10 @@
2468
2468
  "name": "item-click",
2469
2469
  "description": "Fired when an item is clicked."
2470
2470
  },
2471
+ {
2472
+ "name": "item-toggle",
2473
+ "description": "Fired when a `ui5-side-navigation-item` or `ui5-side-navigation-group` is expanded or collapsed.\n\n**Note:** You can call `preventDefault()` on the event to suppress the expand/collapse.\nThe `expanded` state stays unchanged. This is handy, for example, if you want to\ndynamically load child items before allowing a parent item to expand."
2474
+ },
2471
2475
  {
2472
2476
  "name": "selection-change",
2473
2477
  "description": "Fired when the selection has changed via user interaction."
@@ -2491,6 +2495,10 @@
2491
2495
  "name": "item-click",
2492
2496
  "description": "Fired when an item is clicked."
2493
2497
  },
2498
+ {
2499
+ "name": "item-toggle",
2500
+ "description": "Fired when a `ui5-side-navigation-item` or `ui5-side-navigation-group` is expanded or collapsed.\n\n**Note:** You can call `preventDefault()` on the event to suppress the expand/collapse.\nThe `expanded` state stays unchanged. This is handy, for example, if you want to\ndynamically load child items before allowing a parent item to expand."
2501
+ },
2494
2502
  {
2495
2503
  "name": "selection-change",
2496
2504
  "description": "Fired when the selection has changed via user interaction."
@@ -3750,6 +3758,11 @@
3750
3758
  "description": "Defines whether the view is selected. There can be just one selected view at a time.",
3751
3759
  "value": { "type": "boolean", "default": "false" }
3752
3760
  },
3761
+ {
3762
+ "name": "show-edit-button",
3763
+ "description": "Defines if the User Settings Account View shows the edit button on the avatar.",
3764
+ "value": { "type": "boolean", "default": "false" }
3765
+ },
3753
3766
  {
3754
3767
  "name": "show-manage-account",
3755
3768
  "description": "Defines if the User Menu shows the `Manage Account` option.",
@@ -3790,6 +3803,11 @@
3790
3803
  "description": "Defines whether the view is selected. There can be just one selected view at a time.",
3791
3804
  "value": { "type": "boolean" }
3792
3805
  },
3806
+ {
3807
+ "name": "show-edit-button",
3808
+ "description": "Defines if the User Settings Account View shows the edit button on the avatar.",
3809
+ "value": { "type": "boolean" }
3810
+ },
3793
3811
  {
3794
3812
  "name": "show-manage-account",
3795
3813
  "description": "Defines if the User Menu shows the `Manage Account` option.",
@@ -4407,6 +4425,16 @@
4407
4425
  "description": "### Overview\n\nThe `ui5-wizard` helps users to complete a complex task by dividing it into sections and guiding them through it.\nIt has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n\n### Structure\n#### Navigation area\nThe top most area of the `ui5-wizard` is occupied by the navigation area.\nIt shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.\n\n- Steps can have different visual representations - numbers or icons.\n- Steps might have labels for better readability - titleText and subTitleText.\n- Steps are defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n\n**Note:** If no selected step is defined, the first step will be auto selected.\n\n**Note:** If multiple selected steps are defined, the last step will be selected.\n\n### Keyboard Handling\nThe user can navigate using the following keyboard shortcuts:\n\n#### Wizard Progress Navigation\n\n\t- [Left] or [Down] - Focus moves backward to the WizardProgressNavAnchors.\n\t- [Up] or [Right] - Focus moves forward to the WizardProgressNavAnchor.\n\t- [Space] / [Enter] or [Return] - Selects an active step\n\t- [Home] or [PAGE UP] - Focus goes to the first step\n\t- [End] or [PAGE DOWN] - Focus goes to the last step\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Content\nThe content occupies the main part of the page. It can hold any type of HTML elements.\nIt's defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n\n### Scrolling\nThe component handles user scrolling by selecting the closest step, based on the current scroll position\nand scrolls to particular place, when the user clicks on the step within the navigation area.\n\n**Important:** In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height.\nThe component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page.\n\n**For example:**\n\n```html\n<ui5-dialog style=\"height: 80%\">\n\t<ui5-wizard></ui5-wizard>\n</ui5-dialog>\n```\n\n#### Moving to next step\nThe `ui5-wizard-step` provides the necessary API and it's up to the user of the component to use it to move to the next step.\nYou have to set its `selected` property (and remove the `disabled` one if set) to `true`.\nThe `ui5-wizard` will automatically scroll to the content of the newly selected step.\n\nThe Fiori 3 guidelines recommends having a \"nextStep\" button in the content area.\nYou can place a button, or any other type of element to trigger step change, inside the `ui5-wizard-step`,\nand show/hide it when certain fields are filled or user defined criteria is met.\n\n### Usage\n#### When to use:\nWhen the user has to accomplish a long or unfamiliar task.\n\n#### When not to use:\nWhen the task has less than 3 steps.\n\n### Responsive Behavior\nOn small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap.\nTapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/Wizard.js\";` (includes <ui5-wizard-step/>)\n---\n\n\n### **Events:**\n - **step-change** - Fired when the step is changed by user interaction - either with scrolling,\nor by clicking on the steps within the component header.\n\n### **Slots:**\n - **default** - Defines the steps.\n\n**Note:** Use the available `ui5-wizard-step` component.\n\n### **CSS Parts:**\n - **navigator** - Used to style the progress navigator of the `ui5-wizard`.\n- **step-content** - Used to style a `ui5-wizard-step` container.",
4408
4426
  "doc-url": "",
4409
4427
  "attributes": [
4428
+ {
4429
+ "name": "accessible-name",
4430
+ "description": "Defines the accessible ARIA name of the component.",
4431
+ "value": { "type": "string | undefined", "default": "undefined" }
4432
+ },
4433
+ {
4434
+ "name": "accessible-name-ref",
4435
+ "description": "Receives id(or many ids) of the elements that label the component.",
4436
+ "value": { "type": "string | undefined", "default": "undefined" }
4437
+ },
4410
4438
  {
4411
4439
  "name": "content-layout",
4412
4440
  "description": "Defines how the content of the `ui5-wizard` would be visualized.",
@@ -4430,6 +4458,16 @@
4430
4458
  ],
4431
4459
  "js": {
4432
4460
  "properties": [
4461
+ {
4462
+ "name": "accessible-name",
4463
+ "description": "Defines the accessible ARIA name of the component.",
4464
+ "value": { "type": "string | undefined" }
4465
+ },
4466
+ {
4467
+ "name": "accessible-name-ref",
4468
+ "description": "Receives id(or many ids) of the elements that label the component.",
4469
+ "value": { "type": "string | undefined" }
4470
+ },
4433
4471
  {
4434
4472
  "name": "content-layout",
4435
4473
  "description": "Defines how the content of the `ui5-wizard` would be visualized.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-fiori",
3
- "version": "2.25.0",
3
+ "version": "2.26.0-rc.0",
4
4
  "description": "UI5 Web Components: webcomponents.fiori",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -56,20 +56,20 @@
56
56
  "directory": "packages/fiori"
57
57
  },
58
58
  "dependencies": {
59
- "@ui5/webcomponents": "2.25.0",
60
- "@ui5/webcomponents-base": "2.25.0",
61
- "@ui5/webcomponents-icons": "2.25.0",
62
- "@ui5/webcomponents-theming": "2.25.0",
59
+ "@ui5/webcomponents": "2.26.0-rc.0",
60
+ "@ui5/webcomponents-base": "2.26.0-rc.0",
61
+ "@ui5/webcomponents-icons": "2.26.0-rc.0",
62
+ "@ui5/webcomponents-theming": "2.26.0-rc.0",
63
63
  "@zxing/library": "^0.21.3"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@custom-elements-manifest/analyzer": "^0.10.10",
67
67
  "@ui5/cypress-internal": "0.1.0",
68
- "@ui5/webcomponents-tools": "2.25.0",
68
+ "@ui5/webcomponents-tools": "2.26.0-rc.0",
69
69
  "cypress": "15.18.1",
70
70
  "lit": "^2.0.0",
71
71
  "vite": "5.4.21",
72
72
  "yarn": "^1.22.22"
73
73
  },
74
- "gitHead": "cd7f8842991739aebbca4fd0a3fa2e3c297d76c6"
74
+ "gitHead": "112dac3cd0186b3f736f22a467259d8365481fe4"
75
75
  }
@@ -233,7 +233,8 @@ export default function ShellBarTemplate(this: ShellBar) {
233
233
  opener="ui5-shellbar-overflow-button"
234
234
  placement="Bottom"
235
235
  hideArrow={true}
236
- horizontalAlign={this.popoverHorizontalAlign} // TODO: add test
236
+ horizontalAlign={this.popoverHorizontalAlign}
237
+ accessibleName={actionsAccInfo.overflow.title}
237
238
  >
238
239
  <List separators="None" onClick={this.handleOverflowItemClick}>
239
240
  {this.overflowItems.map(item => {
@@ -2,7 +2,7 @@ import type UserMenu from "./UserMenu.js";
2
2
  import Avatar from "@ui5/webcomponents/dist/Avatar.js";
3
3
  import Button from "@ui5/webcomponents/dist/Button.js";
4
4
  import Icon from "@ui5/webcomponents/dist/Icon.js";
5
- import Tag from "@ui5/webcomponents/dist/Tag.js";
5
+ import AvatarBadge from "@ui5/webcomponents/dist/AvatarBadge.js";
6
6
  import Title from "@ui5/webcomponents/dist/Title.js";
7
7
  import Text from "@ui5/webcomponents/dist/Text.js";
8
8
  import Label from "@ui5/webcomponents/dist/Label.js";
@@ -111,9 +111,7 @@ function headerContent(this: UserMenu) {
111
111
  <img src={this._selectedAccount.avatarSrc}/>
112
112
  }
113
113
  {this.showEditButton &&
114
- <Tag slot="badge" wrappingType="None" design="Set1" colorScheme="5" >
115
- <Icon slot="icon" name={edit}></Icon>
116
- </Tag>
114
+ <AvatarBadge slot="badge" icon={edit}></AvatarBadge>
117
115
  }
118
116
  </Avatar>
119
117
  </span>
@@ -1,7 +1,6 @@
1
1
  import type UserSettingsAccountView from "./UserSettingsAccountView.js";
2
2
  import Avatar from "@ui5/webcomponents/dist/Avatar.js";
3
- import Tag from "@ui5/webcomponents/dist/Tag.js";
4
- import Icon from "@ui5/webcomponents/dist/Icon.js";
3
+ import AvatarBadge from "@ui5/webcomponents/dist/AvatarBadge.js";
5
4
  import Text from "@ui5/webcomponents/dist/Text.js";
6
5
  import Button from "@ui5/webcomponents/dist/Button.js";
7
6
  import personPlaceholder from "@ui5/webcomponents-icons/dist/person-placeholder.js";
@@ -13,17 +12,19 @@ export default function UserSettingsAccountViewTemplate(this: UserSettingsAccoun
13
12
  <div class="ui5-user-settings-view-container">
14
13
  <div class="ui5-user-settings-view ui5-user-settings-account-view">
15
14
  <div class="ui5-user-settings-account">
16
- <Avatar size="XL" onClick={this._handleEditAvatarClick} initials={this._account?._initials}
17
- fallbackIcon={personPlaceholder} class="ui5-user-settings-account-avatar" interactive>
18
- {this._account?.avatarSrc &&
19
- <img src={this._account.avatarSrc}/>
20
- }
21
- <Tag slot="badge" wrappingType="None" design="Set1" colorScheme="5"
22
- title={this._editAvatarTooltip}>
23
- <Icon slot="icon" name={edit}></Icon>
24
- </Tag>
25
-
26
- </Avatar>
15
+ <span title={this.showEditButton ? this._editAvatarTooltip : undefined}>
16
+ <Avatar size="XL" onClick={this.showEditButton ? this._handleEditAvatarClick : undefined}
17
+ initials={this._account?._initials} fallbackIcon={personPlaceholder}
18
+ class="ui5-user-settings-account-avatar"
19
+ mode={this.showEditButton ? "Interactive" : "Image"}>
20
+ {this._account?.avatarSrc &&
21
+ <img src={this._account.avatarSrc}/>
22
+ }
23
+ {this.showEditButton &&
24
+ <AvatarBadge slot="badge" icon={edit}></AvatarBadge>
25
+ }
26
+ </Avatar>
27
+ </span>
27
28
  {this._account?.titleText &&
28
29
  <Text id="account-title" class="ui5-user-settings-account-title">{this._account.titleText}</Text>
29
30
  }
@@ -25,7 +25,7 @@ export default function UserSettingsDialogTemplate(this: UserSettingsDialog) {
25
25
  initialFocus={`setting-${this._selectedSetting?._id}`}
26
26
  >
27
27
  <div class="ui5-user-settings-root">
28
- <div class="ui5-user-settings-side" data-sap-ui-fastnavgroup="true" aria-orientation="vertical" aria-roledescription={this.ariaRoleDescList}>
28
+ <div class="ui5-user-settings-side" data-sap-ui-fastnavgroup="true" aria-roledescription={this.ariaRoleDescList}>
29
29
  <div class="ui5-user-settings-side-header">
30
30
  {this.headerText &&
31
31
  <Title level="H1" size="H5">{this.headerText}</Title>
@@ -39,7 +39,7 @@ export default function UserSettingsItemTemplate(this: UserSettingsItem) {
39
39
  return (
40
40
  <div class="ui5-user-settings-item">
41
41
  <header class="ui5-user-settings-item-header-container">
42
- <div class="ui5-user-settings-item-header">
42
+ <div class={`ui5-user-settings-item-header${this._shouldShowBackButton ? " ui5-user-settings-item-header--with-back" : ""}`}>
43
43
  <Button icon="nav-back" design="Transparent" onClick={this._handleBackButtonClick} class="ui5-user-settings-item-collapse-btn" style={{ display: this._shouldShowBackButton ? "block" : "" }}></Button>
44
44
 
45
45
  <Title level="H2" size="H5">{this._hasSelectedPageView ? this._selectedPageView.text : this.headerText}</Title>
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=تحرير
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=لم يتم العثور على أي ملفات
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=قم بإسقاط الملفات لتحميلها أو استخدم الزر "تحميل".
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=قم بإسقاط الملفات لتحميلها أو استخدم الزر "تحميل"
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=تحميل المجموعة
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=اسحب الملفات هنا.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=اسحب الملفات هنا
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=قم بإسقاط الملفات لتحميلها.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=قم بإسقاط الملفات لتحميلها
106
106
 
107
107
  SHELLBAR_LABEL=شريط Shell
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=بند إعدادات المستخدم
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=إغلاق
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=حفظ
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=إلغاء
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=لا توجد نتائج بحث
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=تحرير الصورة الرمزية
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Редактиране
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Не са намерени файлове
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Пуснете файловете, за да ги качите или използвайте бутона “Качване”.
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=За да качите файлове, ги пуснете тук или използвайте бутона „Качване“.
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Качване на колекция
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Провлачете файловете тук.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Провлачете файлове тук
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Пуснете файловете, за да ги качите.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Пуснете файловете, за да ги качите
106
106
 
107
107
  SHELLBAR_LABEL=Лента на обвивка
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Позиция от потребителски
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Затваряне
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Запазване
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Отказ
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Няма резултати от търсене
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Редактиране на аватар
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Editar
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=No hi ha fitxers
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Deixar anar fitxers per carregar-los o utilitzar el botó "Carregar".
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Deixar anar fitxers per carregar-los o utilitzar el botó "Carregar"
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Carregar col·lecció
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Arrossegar fitxers aquí.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Arrossegar fitxer aquí
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Deixar anar fitxers per carregar-los.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Deixar anar fitxers per carregar-los
106
106
 
107
107
  SHELLBAR_LABEL=Barra de shell
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Element de configuració d''usuari
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Tancar
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Desar
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Cancel·lar
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Cap resultat de cerca
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Editar avatar
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Uredi
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Fajlovi nijesu nađeni
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Ispustite fajlove da biste ih prenijeli na server ili pritisnite dugme "Prenesi na server".
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Ispustite fajlove da biste ih prenijeli na server ili pritisnite dugme "Prenesi na server"
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Prenesi kolekciju na server
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Ovdje prevucite fajlove.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Ovdje prevucite fajlove
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Ispustite fajlove da biste ih prenijeli na server.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Ispustite fajlove da biste ih prenijeli na server
106
106
 
107
107
  SHELLBAR_LABEL=Traka procesora komandi
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Stavka korisničkih podešavanja
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Zatvori
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Sačuvaj
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Odustani
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Nema rezultata traženja
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Uredi avatar
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Upravit
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Soubory nenalezeny
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Soubory k odeslání přetáhněte sem nebo použijte tlačítko "Odeslat".
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Přetáhněte soubory k odeslání nebo použijte tlačítko "Upload".
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Odeslat kolekci
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Soubory přetáhnout sem.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Soubory přetáhnout sem
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Soubory k odeslání přetáhnout sem.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Přetáhnout soubory pro upload
106
106
 
107
107
  SHELLBAR_LABEL=Pruh shell
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Položka uživatelských nastavení
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Zavřít
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Uložit
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Zrušit
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Žádné výsledky hledání
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Upravit avatar
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Golygu
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Heb ddod o hyd i ffeiliau
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Gollyngwch ffeiliau i’w llwytho i fyny neu defnyddiwch y botwm “llwytho i fyny”.
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Gollyngwch ffeiliau i’w llwytho i fyny neu defnyddiwch y botwm “llwytho i fyny
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Llwytho Casgliad i Fyny
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Llusgwch ffeiliau yma.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Llusgwch ffeiliau yma
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Gollyngwch ffeiliau i’w llwytho i fyny.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Gollyngwch ffeiliau i’w llwytho i fyny
106
106
 
107
107
  SHELLBAR_LABEL=Bar Cragen
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Eitem Gosodiadau Defnyddiwr
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Cau
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Cadw
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Canslo
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Dim canlyniadau chwilio
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Golygu Afatar
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Rediger
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Ingen filer fundet
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Træk filer for at uploade dem, eller anvend trykknappen "Upload".
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Træk filer for at uploade dem, eller anvend trykknappen "Upload"
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Upload kollektion
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Træk filer herhen.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Træk filer herhen
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Træk filer for at uploade dem.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Træk filer for at uploade dem
106
106
 
107
107
  SHELLBAR_LABEL=Shelllinje
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Brugerindstillingselement
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Luk
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Gem
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Annuller
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Ingen søgeresultater
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Rediger avatar
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Bearbeiten
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Keine Dateien gefunden
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Dateien für Upload hierher ziehen oder Drucktaste "Hochladen" verwenden.
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Ziehen Sie Dateien zum Hochladen hierher, oder verwenden Sie den Button "Hochladen".
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Kollektion hochladen
102
102
 
103
103
  UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Dateien hierher ziehen
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Dateien für Upload hierher ziehen
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Dateien zum Hochladen hierher ziehen
106
106
 
107
107
  SHELLBAR_LABEL=Shell-Leiste
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Benutzereinstellungselement
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Schließen
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Sichern
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Abbrechen
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Keine Suchergebnisse
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Avatar bearbeiten
@@ -96,13 +96,13 @@ UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT=Eπεξεργασία
96
96
 
97
97
  UPLOADCOLLECTION_NO_DATA_TEXT=Αρχεία δεν βρέθηκαν
98
98
 
99
- UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Απόθεση αρχείων για φόρτωσή τους ή χρήση του κουμπιού «Φόρτωση».
99
+ UPLOADCOLLECTION_NO_DATA_DESCRIPTION=Απόθεση αρχείων για φόρτωσή τους ή χρήση του κουμπιού "Φόρτωση"
100
100
 
101
101
  UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION=Φόρτωση Συλλογής
102
102
 
103
- UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Μεταφορά αρχείων εδώ.
103
+ UPLOADCOLLECTION_DRAG_FILE_INDICATOR=Μεταφορά αρχείων εδώ
104
104
 
105
- UPLOADCOLLECTION_DROP_FILE_INDICATOR=Απόθεση αρχείων για φόρτωσή τους.
105
+ UPLOADCOLLECTION_DROP_FILE_INDICATOR=Απόθεση αρχείων για φόρτωσή τους
106
106
 
107
107
  SHELLBAR_LABEL=Γραμμή Shell
108
108
 
@@ -404,6 +404,10 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=Στοιχείο Ρυθμίσεων Χρήστ
404
404
 
405
405
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Κλείσιμο
406
406
 
407
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Αποθήκευση
408
+
409
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Ακύρωση
410
+
407
411
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=Δεν υπάρχουν αποτελέσματα αναζήτησης
408
412
 
409
413
  USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT=Επεξεργασία Avatar