@sapudex/web-components 2.55.0 → 2.56.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 (275) hide show
  1. package/cypress/specs/HeroBanner.cy.tsx +35 -1
  2. package/cypress/specs/List.cy.tsx +63 -1
  3. package/cypress/specs/ListItem.cy.tsx +44 -0
  4. package/cypress/specs/MastheadShell.cy.tsx +39 -0
  5. package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
  6. package/cypress/specs/SelectBox.cy.tsx +99 -0
  7. package/dist/CountrySelectorTemplate.js +1 -1
  8. package/dist/CountrySelectorTemplate.js.map +1 -1
  9. package/dist/FilterMenu.js +5 -1
  10. package/dist/FilterMenu.js.map +1 -1
  11. package/dist/HeroBanner.d.ts +12 -0
  12. package/dist/HeroBanner.js +54 -0
  13. package/dist/HeroBanner.js.map +1 -1
  14. package/dist/List.d.ts +5 -0
  15. package/dist/List.js +7 -0
  16. package/dist/List.js.map +1 -1
  17. package/dist/ListItem.js +5 -1
  18. package/dist/ListItem.js.map +1 -1
  19. package/dist/ListTemplate.js +1 -1
  20. package/dist/ListTemplate.js.map +1 -1
  21. package/dist/MastheadShell.d.ts +7 -0
  22. package/dist/MastheadShell.js +38 -0
  23. package/dist/MastheadShell.js.map +1 -1
  24. package/dist/PhoneNumberField.d.ts +3 -3
  25. package/dist/PhoneNumberField.js +18 -21
  26. package/dist/PhoneNumberField.js.map +1 -1
  27. package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
  28. package/dist/PhoneNumberFieldTemplate.js +12 -0
  29. package/dist/PhoneNumberFieldTemplate.js.map +1 -0
  30. package/dist/Search.d.ts +2 -0
  31. package/dist/Search.js +21 -0
  32. package/dist/Search.js.map +1 -1
  33. package/dist/SearchableListBase.d.ts +4 -0
  34. package/dist/SearchableListBase.js +66 -6
  35. package/dist/SearchableListBase.js.map +1 -1
  36. package/dist/SearchableListBaseTemplate.js +1 -1
  37. package/dist/SearchableListBaseTemplate.js.map +1 -1
  38. package/dist/SelectBase.js +14 -22
  39. package/dist/SelectBase.js.map +1 -1
  40. package/dist/SelectBoxTemplate.js +1 -1
  41. package/dist/SelectBoxTemplate.js.map +1 -1
  42. package/dist/StatusMessage.d.ts +2 -2
  43. package/dist/StatusMessage.js +1 -1
  44. package/dist/StatusMessage.js.map +1 -1
  45. package/dist/TextAreaTemplate.js +1 -1
  46. package/dist/TextAreaTemplate.js.map +1 -1
  47. package/dist/TextFieldTemplate.js +1 -1
  48. package/dist/TextFieldTemplate.js.map +1 -1
  49. package/dist/Upload.js +6 -9
  50. package/dist/Upload.js.map +1 -1
  51. package/dist/UploadItem.d.ts +2 -2
  52. package/dist/UploadItem.js +6 -9
  53. package/dist/UploadItem.js.map +1 -1
  54. package/dist/UploadItemTemplate.d.ts +2 -0
  55. package/dist/UploadItemTemplate.js +14 -0
  56. package/dist/UploadItemTemplate.js.map +1 -0
  57. package/dist/UploadTemplate.d.ts +2 -0
  58. package/dist/UploadTemplate.js +11 -0
  59. package/dist/UploadTemplate.js.map +1 -0
  60. package/dist/assets/{InputSuggestions-DPiJnNLn.js → InputSuggestions-ChhTxYh4.js} +1 -1
  61. package/dist/assets/{ListItemStandardExpandableTextTemplate-B-v72jL6.js → ListItemStandardExpandableTextTemplate-Bh1HxZfH.js} +1 -1
  62. package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
  63. package/dist/assets/{bundle.esm-DPppjwN7.js → bundle.esm-DCX_ohoZ.js} +253 -241
  64. package/dist/assets/messagebundle_uk-CCv57GhV.js +1 -0
  65. package/dist/css/themes/AccordionItem.css +1 -1
  66. package/dist/css/themes/AccordionSpotlight.css +1 -1
  67. package/dist/css/themes/Avatar.css +1 -1
  68. package/dist/css/themes/CountrySelector.css +1 -1
  69. package/dist/css/themes/EventRibbon.css +1 -1
  70. package/dist/css/themes/FilterMenu.css +1 -1
  71. package/dist/css/themes/HeroBanner.css +1 -1
  72. package/dist/css/themes/ImageGridTicker.css +1 -1
  73. package/dist/css/themes/ListItem.css +1 -1
  74. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  75. package/dist/css/themes/MastheadItem.css +1 -1
  76. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  77. package/dist/css/themes/MastheadShell.css +1 -1
  78. package/dist/css/themes/MediaPlayer.css +1 -1
  79. package/dist/css/themes/Modal.css +1 -1
  80. package/dist/css/themes/PhoneNumberField.css +1 -1
  81. package/dist/css/themes/Search.css +1 -1
  82. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  83. package/dist/css/themes/SelectBase.css +1 -1
  84. package/dist/css/themes/StepInput.css +1 -1
  85. package/dist/css/themes/TabInOverflow.css +1 -1
  86. package/dist/css/themes/TabNavigation.css +1 -1
  87. package/dist/css/themes/TableCellBase.css +1 -1
  88. package/dist/css/themes/TagGroup.css +1 -1
  89. package/dist/css/themes/TextArea.css +1 -1
  90. package/dist/css/themes/TextField.css +1 -1
  91. package/dist/css/themes/Wizard.css +1 -1
  92. package/dist/custom-elements-internal.json +1138 -117
  93. package/dist/custom-elements.json +740 -123
  94. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  95. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  96. package/dist/generated/themes/AccordionItem.css.js +1 -1
  97. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  98. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  99. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  100. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  101. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  102. package/dist/generated/themes/Avatar.css.js +1 -1
  103. package/dist/generated/themes/Avatar.css.js.map +1 -1
  104. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  105. package/dist/generated/themes/CountrySelector.css.js +1 -1
  106. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  107. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  108. package/dist/generated/themes/EventRibbon.css.js +1 -1
  109. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  110. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  111. package/dist/generated/themes/FilterMenu.css.js +1 -1
  112. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  113. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  114. package/dist/generated/themes/HeroBanner.css.js +1 -1
  115. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  116. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  117. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  118. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  119. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  120. package/dist/generated/themes/ListItem.css.js +1 -1
  121. package/dist/generated/themes/ListItem.css.js.map +1 -1
  122. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  123. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  124. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  125. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  126. package/dist/generated/themes/MastheadItem.css.js +1 -1
  127. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  128. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  129. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  130. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  131. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  132. package/dist/generated/themes/MastheadShell.css.js +1 -1
  133. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  134. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  135. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  136. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  137. package/dist/generated/themes/Modal.css.d.ts +1 -1
  138. package/dist/generated/themes/Modal.css.js +1 -1
  139. package/dist/generated/themes/Modal.css.js.map +1 -1
  140. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  141. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  142. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  143. package/dist/generated/themes/Search.css.d.ts +1 -1
  144. package/dist/generated/themes/Search.css.js +1 -1
  145. package/dist/generated/themes/Search.css.js.map +1 -1
  146. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
  147. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  148. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  149. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  150. package/dist/generated/themes/SelectBase.css.js +1 -1
  151. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  152. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  153. package/dist/generated/themes/StepInput.css.js +1 -1
  154. package/dist/generated/themes/StepInput.css.js.map +1 -1
  155. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  156. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  157. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  158. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  159. package/dist/generated/themes/TabNavigation.css.js +1 -1
  160. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  161. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  162. package/dist/generated/themes/TableCellBase.css.js +1 -1
  163. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  164. package/dist/generated/themes/TagGroup.css.d.ts +1 -1
  165. package/dist/generated/themes/TagGroup.css.js +1 -1
  166. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  167. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  168. package/dist/generated/themes/TextArea.css.js +1 -1
  169. package/dist/generated/themes/TextArea.css.js.map +1 -1
  170. package/dist/generated/themes/TextField.css.d.ts +1 -1
  171. package/dist/generated/themes/TextField.css.js +1 -1
  172. package/dist/generated/themes/TextField.css.js.map +1 -1
  173. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  174. package/dist/generated/themes/Wizard.css.js +1 -1
  175. package/dist/generated/themes/Wizard.css.js.map +1 -1
  176. package/dist/messagebundle_uk.properties +8 -0
  177. package/dist/utils/searchBackdrop.d.ts +1 -0
  178. package/dist/utils/searchBackdrop.js +23 -0
  179. package/dist/utils/searchBackdrop.js.map +1 -0
  180. package/dist/vscode.html-custom-data.json +165 -2
  181. package/dist/web-types.json +363 -6
  182. package/package.json +1 -1
  183. package/src/CountrySelectorTemplate.tsx +2 -2
  184. package/src/FilterMenu.ts +5 -1
  185. package/src/HeroBanner.ts +66 -0
  186. package/src/List.ts +8 -0
  187. package/src/ListItem.ts +5 -1
  188. package/src/ListTemplate.tsx +1 -1
  189. package/src/MastheadShell.ts +44 -0
  190. package/src/PhoneNumberField.ts +23 -22
  191. package/src/PhoneNumberFieldTemplate.tsx +128 -0
  192. package/src/Search.ts +21 -1
  193. package/src/SearchableListBase.ts +62 -7
  194. package/src/SearchableListBaseTemplate.tsx +1 -0
  195. package/src/SelectBase.ts +14 -21
  196. package/src/SelectBoxTemplate.tsx +1 -1
  197. package/src/StatusMessage.ts +4 -3
  198. package/src/TextAreaTemplate.tsx +1 -1
  199. package/src/TextFieldTemplate.tsx +1 -1
  200. package/src/Upload.ts +7 -10
  201. package/src/UploadItem.ts +7 -9
  202. package/src/UploadItemTemplate.tsx +62 -0
  203. package/src/UploadTemplate.tsx +53 -0
  204. package/src/generated/themes/AccordionItem.css.ts +1 -1
  205. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  206. package/src/generated/themes/Avatar.css.ts +1 -1
  207. package/src/generated/themes/CountrySelector.css.ts +1 -1
  208. package/src/generated/themes/EventRibbon.css.ts +1 -1
  209. package/src/generated/themes/FilterMenu.css.ts +1 -1
  210. package/src/generated/themes/HeroBanner.css.ts +1 -1
  211. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  212. package/src/generated/themes/ListItem.css.ts +1 -1
  213. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  214. package/src/generated/themes/MastheadItem.css.ts +1 -1
  215. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  216. package/src/generated/themes/MastheadShell.css.ts +1 -1
  217. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  218. package/src/generated/themes/Modal.css.ts +1 -1
  219. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  220. package/src/generated/themes/Search.css.ts +1 -1
  221. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  222. package/src/generated/themes/SelectBase.css.ts +1 -1
  223. package/src/generated/themes/StepInput.css.ts +1 -1
  224. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  225. package/src/generated/themes/TabNavigation.css.ts +1 -1
  226. package/src/generated/themes/TableCellBase.css.ts +1 -1
  227. package/src/generated/themes/TagGroup.css.ts +1 -1
  228. package/src/generated/themes/TextArea.css.ts +1 -1
  229. package/src/generated/themes/TextField.css.ts +1 -1
  230. package/src/generated/themes/Wizard.css.ts +1 -1
  231. package/src/i18n/messagebundle_uk.properties +8 -0
  232. package/src/themes/AccordionItem.css +1 -1
  233. package/src/themes/AccordionSpotlight.css +1 -1
  234. package/src/themes/Avatar.css +1 -1
  235. package/src/themes/CountrySelector.css +12 -2
  236. package/src/themes/EventRibbon.css +1 -1
  237. package/src/themes/FilterMenu.css +3 -2
  238. package/src/themes/HeroBanner.css +1 -1
  239. package/src/themes/ImageGridTicker.css +1 -1
  240. package/src/themes/ListItem.css +10 -2
  241. package/src/themes/MastheadCountrySelector.css +1 -1
  242. package/src/themes/MastheadItem.css +1 -1
  243. package/src/themes/MastheadProfileMenu.css +1 -1
  244. package/src/themes/MastheadShell.css +1 -1
  245. package/src/themes/MediaPlayer.css +10 -10
  246. package/src/themes/Modal.css +5 -3
  247. package/src/themes/PhoneNumberField.css +16 -6
  248. package/src/themes/Search.css +9 -9
  249. package/src/themes/SecondaryNavigationItem.css +1 -1
  250. package/src/themes/SelectBase.css +2 -2
  251. package/src/themes/StepInput.css +1 -1
  252. package/src/themes/TabInOverflow.css +2 -2
  253. package/src/themes/TabNavigation.css +7 -7
  254. package/src/themes/TableCellBase.css +1 -1
  255. package/src/themes/TagGroup.css +1 -1
  256. package/src/themes/TextArea.css +1 -1
  257. package/src/themes/TextField.css +1 -1
  258. package/src/themes/Wizard.css +1 -1
  259. package/src/utils/searchBackdrop.ts +23 -0
  260. package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
  261. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
  262. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
  263. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
  264. package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
  265. package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
  266. package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
  267. package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
  268. package/dist/generated/templates/UploadTemplate.lit.js +0 -10
  269. package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
  270. package/src/PhoneNumberField.hbs +0 -119
  271. package/src/Upload.hbs +0 -21
  272. package/src/UploadItem.hbs +0 -32
  273. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
  274. package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
  275. package/src/generated/templates/UploadTemplate.lit.ts +0 -14
@@ -586,7 +586,7 @@ body.vjs-pip-window .video-js {
586
586
  font-size: 1.2em;
587
587
  line-height: 1.5;
588
588
  padding: 20px 24px;
589
- z-index: 1;
589
+ z-index: var(--udexZIndex1, 1);
590
590
  }
591
591
 
592
592
  .vjs-menu-button {
@@ -965,7 +965,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
965
965
  position: absolute;
966
966
  right: -4px;
967
967
  line-height: 8px;
968
- z-index: 1;
968
+ z-index: var(--udexZIndex1, 1);
969
969
  height: 8px;
970
970
  width: 8px;
971
971
  background-color: #fff;
@@ -985,7 +985,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
985
985
  height: 0.9em;
986
986
  pointer-events: none;
987
987
  line-height: 0.15em;
988
- z-index: 1;
988
+ z-index: var(--udexZIndex1, 1);
989
989
  }
990
990
 
991
991
  .video-js .vjs-load-progress {
@@ -1008,7 +1008,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1008
1008
  position: absolute;
1009
1009
  top: -3.4em;
1010
1010
  visibility: hidden;
1011
- z-index: 1;
1011
+ z-index: var(--udexZIndex1, 1);
1012
1012
  }
1013
1013
 
1014
1014
  .video-js .vjs-progress-control:hover .vjs-time-tooltip,
@@ -1028,7 +1028,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1028
1028
  width: 1px;
1029
1029
  height: 100%;
1030
1030
  background-color: #000;
1031
- z-index: 1;
1031
+ z-index: var(--udexZIndex1, 1);
1032
1032
  }
1033
1033
 
1034
1034
  .video-js .vjs-progress-control:hover .vjs-mouse-display {
@@ -1160,7 +1160,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1160
1160
  .video-js .vjs-volume-level:before {
1161
1161
  position: absolute;
1162
1162
  font-size: 0.9em;
1163
- z-index: 1;
1163
+ z-index: var(--udexZIndex1, 1);
1164
1164
  }
1165
1165
 
1166
1166
  .vjs-slider-vertical .vjs-volume-level {
@@ -1169,7 +1169,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1169
1169
  .vjs-slider-vertical .vjs-volume-level:before {
1170
1170
  top: -0.5em;
1171
1171
  left: -0.3em;
1172
- z-index: 1;
1172
+ z-index: var(--udexZIndex1, 1);
1173
1173
  }
1174
1174
 
1175
1175
  .vjs-svg-icons-enabled .vjs-volume-level:before {
@@ -1181,7 +1181,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1181
1181
  width: 0.9em;
1182
1182
  height: 0.9em;
1183
1183
  pointer-events: none;
1184
- z-index: 1;
1184
+ z-index: var(--udexZIndex1, 1);
1185
1185
  }
1186
1186
 
1187
1187
  .vjs-slider-horizontal .vjs-volume-level {
@@ -1238,7 +1238,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1238
1238
  position: absolute;
1239
1239
  top: -3.4em;
1240
1240
  visibility: hidden;
1241
- z-index: 1;
1241
+ z-index: var(--udexZIndex1, 1);
1242
1242
  }
1243
1243
 
1244
1244
  .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
@@ -1264,7 +1264,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
1264
1264
  width: 100%;
1265
1265
  height: 1px;
1266
1266
  background-color: #000;
1267
- z-index: 1;
1267
+ z-index: var(--udexZIndex1, 1);
1268
1268
  }
1269
1269
 
1270
1270
  .video-js .vjs-volume-horizontal .vjs-mouse-display {
@@ -7,11 +7,13 @@
7
7
  --udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);
8
8
  --udex-modal-border-radius: 20px;
9
9
  --udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);
10
- --udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%);
10
+ --udex-modal-block-layer-background: var(--udexColorNeutralBlack, #000);
11
+ --udex-modal-block-layer-background-opacity: 50%;
11
12
  }
12
13
 
13
- :host .ui5-block-layer {
14
- background: var(--udex-modal-block-layer-background);
14
+ :host::backdrop {
15
+ background-color: var(--udex-modal-block-layer-background);
16
+ opacity: var(--udex-modal-block-layer-background-opacity);
15
17
  }
16
18
 
17
19
  :host .ui5-popup-root .ui5-popup-footer-root {
@@ -43,11 +43,13 @@
43
43
  --udex-phone-number-field-button-margins-horizontal: -12px 8px;
44
44
  --udex-phone-number-field-radius: var(--udexRadiusXS, 4px);
45
45
  --udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);
46
- --udex-phone-number-field-flag-width: 28px;
47
- --udex-phone-number-field-flag-height: 18px;
46
+ --udex-phone-number-field-flag-width: 30px;
47
+ --udex-phone-number-field-flag-height: 20px;
48
48
  --udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);
49
49
  --udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);
50
50
  --udex-phone-number-field-max-width: 100%;
51
+ --udex-phone-number-field-flag-border-color: var(--udexColorGrey2, #EAECEE);
52
+
51
53
  display: block;
52
54
  font-family: var(--sapFontFamily, sans-serif);
53
55
  font-size: var(--sapFontSize, 16px);
@@ -69,7 +71,7 @@
69
71
  :host(:not([_is-touched])[active]) .udex-phone-number-field:before {
70
72
  content:"";
71
73
  position:absolute;
72
- z-index: -1;
74
+ z-index: var(--udexZIndexNegative, -1);
73
75
  inset: -5px;
74
76
  border: 2px solid var(--udexColorBlue10);
75
77
  border-radius: var(--udexRadiusS, 6px);
@@ -127,7 +129,7 @@
127
129
  .udex-phone-number-field__open-button[focused]:not([active])::part(button):after,
128
130
  .udex-phone-number-field__open-button[focused][active]::part(button):before {
129
131
  inset: 3px;
130
- border-radius: 4px;
132
+ border-radius: var(--udexRadiusXS, 4px);
131
133
  }
132
134
 
133
135
  .udex-phone-number-field__open-button::part(button) {
@@ -193,8 +195,7 @@
193
195
  }
194
196
 
195
197
  .udex-phone-number-field udex-list-item::part(item) {
196
- padding-top: var(--udexSpacer12, 12px);
197
- padding-bottom: var(--udexSpacer12, 12px);
198
+ padding: var(--udexSpacer12, 12px);
198
199
  }
199
200
 
200
201
  .udex-phone-number-field__dropdown-list-item {
@@ -337,6 +338,15 @@
337
338
  height: var(--udex-phone-number-field-flag-height);
338
339
  min-width: var(--udex-phone-number-field-flag-width);
339
340
  margin-right: var(--udexSpacer6, 6px);
341
+ position: relative;
342
+ }
343
+
344
+ .udex-phone-number-field__flag:before {
345
+ content: "";
346
+ position: absolute;
347
+ inset: 0;
348
+ pointer-events: none;
349
+ border: 1px solid var(--udex-phone-number-field-flag-border-color);
340
350
  }
341
351
 
342
352
  .udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag {
@@ -72,14 +72,14 @@
72
72
  :host([mode="Home Search"]) .udex-search__root.udex-search-prefix {
73
73
  --udex-input-radius: var(--udexRadiusXXL, 24px);
74
74
  position: relative;
75
- z-index: 1;
75
+ z-index: var(--udexZIndex1, 1);
76
76
  }
77
77
 
78
78
  :host([mode="Home Search"]) .udex-search__root.udex-search-prefix {
79
79
  display: flex;
80
80
  width: 100%;
81
81
  position: relative;
82
- z-index: 1;
82
+ z-index: var(--udexZIndex1, 1);
83
83
  }
84
84
 
85
85
  :host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix + .udex-search__container {
@@ -96,7 +96,7 @@
96
96
  :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after{
97
97
  content: '';
98
98
  position: absolute;
99
- z-index: -1;
99
+ z-index: var(--udexZIndexNegative, -1);
100
100
  height: 23px;
101
101
  inset-inline: 0;
102
102
  inset-block-end: 0;
@@ -139,7 +139,7 @@
139
139
  display: flex;
140
140
  align-items: center;
141
141
  position: relative;
142
- z-index: 1;
142
+ z-index: var(--udexZIndex1, 1);
143
143
  border: 1px solid var(--udex-input-color-border);
144
144
  border-radius: var(--udex-input-radius);
145
145
  background-color: field;
@@ -166,7 +166,7 @@
166
166
  }
167
167
 
168
168
  :host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before {
169
- z-index: -1;
169
+ z-index: var(--udexZIndexNegative, -1);
170
170
  }
171
171
 
172
172
  .udex-search__field {
@@ -268,7 +268,7 @@ input[type="search"]::-webkit-search-results-decoration {
268
268
  height: var(--udex-button-non-interactive-icon-size);
269
269
  border-radius: 50%;
270
270
  position: relative;
271
- z-index: 1;
271
+ z-index: var(--udexZIndex1, 1);
272
272
  overflow: visible;
273
273
  }
274
274
 
@@ -280,7 +280,7 @@ input[type="search"]::-webkit-search-results-decoration {
280
280
  height: var(--udex-button-size);
281
281
  border-radius: 50%;
282
282
  position: relative;
283
- z-index: 1;
283
+ z-index: var(--udexZIndex1, 1);
284
284
  overflow: visible;
285
285
  }
286
286
 
@@ -354,14 +354,14 @@ input[type="search"]::-webkit-search-results-decoration {
354
354
 
355
355
  .udex-search__prefix {
356
356
  position: relative;
357
- z-index: 1;
357
+ z-index: var(--udexZIndex1, 1);
358
358
  }
359
359
 
360
360
  .udex-search__prefix--show-popover::after,
361
361
  .udex-search__prefix--show-popover-top::after {
362
362
  content: "";
363
363
  position: absolute;
364
- z-index: -1;
364
+ z-index: var(--udexZIndexNegative, -1);
365
365
  height: 50%;
366
366
  width: 50px;
367
367
  inset-inline-start: 0;
@@ -170,7 +170,7 @@
170
170
  white-space: normal;
171
171
  min-height: var(--udex-secondary-navigation-item-title-min-height);
172
172
  width: 100%;
173
- z-index: 1;
173
+ z-index: var(--udexZIndex1, 1);
174
174
  display: flex;
175
175
  align-items: center;
176
176
  height: fit-content;
@@ -136,7 +136,7 @@
136
136
  border-color: transparent;
137
137
  border-radius: var(--udexRadiusXS);
138
138
  padding: var(--udexSpacer4);
139
- z-index: 1;
139
+ z-index: var(--udexZIndex1, 1);
140
140
  height: 42px;
141
141
  width: 42px;
142
142
  min-width: 42px;
@@ -165,7 +165,7 @@
165
165
  overflow: hidden;
166
166
  padding: var(--udexSpacer8) 0;
167
167
  pointer-events: none;
168
- z-index: 1;
168
+ z-index: var(--udexZIndex1, 1);
169
169
  white-space: nowrap;
170
170
  overflow: hidden;
171
171
  text-overflow: ellipsis;
@@ -132,6 +132,6 @@
132
132
 
133
133
  .hidden {
134
134
  position: absolute;
135
- z-index: -1;
135
+ z-index: var(--udexZIndexNegative, -1);
136
136
  color: transparent;
137
137
  }
@@ -55,7 +55,7 @@
55
55
  .udex-tab-overflow__button-icon {
56
56
  margin-inline-end: var(--udexSpacer8);
57
57
  position: relative;
58
- z-index: 0;
58
+ z-index: var(--udexZIndex0, 0);
59
59
  }
60
60
 
61
61
  .udex-tab-overflow__button-badge {
@@ -73,7 +73,7 @@
73
73
  margin-block-start: 0;
74
74
  margin-inline-start: 0;
75
75
  position: absolute;
76
- z-index: 1;
76
+ z-index: var(--udexZIndex1, 1);
77
77
  inset-block-start: -4px;
78
78
  inset-inline-end: -6px;
79
79
  }
@@ -138,7 +138,7 @@
138
138
  left: 0;
139
139
  right: 0;
140
140
  bottom: 0;
141
- z-index: -1;
141
+ z-index: var(--udexZIndexNegative, -1);
142
142
  border-bottom: 1px solid var(--udexColorGrey3, #D5DADD);
143
143
  }
144
144
 
@@ -161,7 +161,7 @@
161
161
  .udex-tab-navigation__button-tab {
162
162
  padding: var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);
163
163
  position: relative;
164
- z-index: 0;
164
+ z-index: var(--udexZIndex0, 0);
165
165
  display: flex;
166
166
  flex-direction: column;
167
167
  justify-content: center;
@@ -222,7 +222,7 @@
222
222
  position: absolute;
223
223
  inset-block-end: 0;
224
224
  inset-inline: 0 0;
225
- z-index: 1;
225
+ z-index: var(--udexZIndex1, 1);
226
226
  height: 3px;
227
227
  background-color: var(--udex-button-tab-border-color-active);
228
228
  border-radius: 2px 2px 0 0;
@@ -232,7 +232,7 @@
232
232
  position: absolute;
233
233
  inset-block-start: var(--udexSpacer12);
234
234
  inset-inline-end: -6px;
235
- z-index: 1;
235
+ z-index: var(--udexZIndex1, 1);
236
236
  width: 6px;
237
237
  height: 6px;
238
238
  border: 1px solid #fff;
@@ -265,7 +265,7 @@
265
265
  color: var(--udex-button-tab-with-icon-color);
266
266
  box-shadow: inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);
267
267
  position: relative;
268
- z-index: 0;
268
+ z-index: var(--udexZIndex0, 0);
269
269
  }
270
270
 
271
271
  .udex-tab-navigation__button-icon {
@@ -431,7 +431,7 @@
431
431
  position: absolute;
432
432
  inset-inline-start: -1px;
433
433
  inset-block: 0;
434
- z-index: 1;
434
+ z-index: var(--udexZIndex1, 1);
435
435
  width: 3px;
436
436
  height: 100%;
437
437
  background-color: var(--udex-button-tab-border-color-active);
@@ -459,7 +459,7 @@
459
459
  position: absolute;
460
460
  inset-inline-start: -1px;
461
461
  inset-block: 0;
462
- z-index: 1;
462
+ z-index: var(--udexZIndex1, 1);
463
463
  width: 3px;
464
464
  height: 100%;
465
465
  background-color: var(--udex-button-tab-border-color-active);
@@ -15,7 +15,7 @@
15
15
  :host([_sticky]) {
16
16
  position: sticky;
17
17
  left: 0;
18
- z-index: 1;
18
+ z-index: var(--udexZIndex1, 1);
19
19
  }
20
20
 
21
21
  :host([_sticky]:dir(rtl)) {
@@ -63,7 +63,7 @@
63
63
  width: 4px;
64
64
  height: 4px;
65
65
  border-radius: 50%;
66
- z-index: 1;
66
+ z-index: var(--udexZIndex1, 1);
67
67
  background: var(--udexColorGrey9, #223548);
68
68
  }
69
69
 
@@ -115,7 +115,7 @@
115
115
  :host(:not([_is-touched])[active]) .udex-textarea__wrapper:before {
116
116
  content:"";
117
117
  position:absolute;
118
- z-index: -1;
118
+ z-index: var(--udexZIndexNegative, -1);
119
119
  inset: -5px;
120
120
  border: 2px solid var(--udexColorBlue10);
121
121
  border-radius: var(--udexRadiusS, 6px);
@@ -87,7 +87,7 @@
87
87
  :host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before {
88
88
  content:"";
89
89
  position:absolute;
90
- z-index: -1;
90
+ z-index: var(--udexZIndexNegative, -1);
91
91
  inset: -5px;
92
92
  border: 2px solid var(--udexColorBlue10);
93
93
  border-radius: var(--udexRadiusS, 6px);
@@ -8,7 +8,7 @@
8
8
  :host .ui5-wiz-nav {
9
9
  box-shadow: var(--udex-wizard-nav-shadow);
10
10
  position: relative;
11
- z-index: 1;
11
+ z-index: var(--udexZIndex1, 1);
12
12
  }
13
13
 
14
14
  :host([_breakpoint="S"])::part(navigator),
@@ -0,0 +1,23 @@
1
+ const STYLE_ID = "udex-search-backdrop-styles";
2
+
3
+ export default function ensureSearchBackdropStyles(doc: Document): void {
4
+ if (doc.getElementById(STYLE_ID)) {
5
+ return;
6
+ }
7
+ const style = doc.createElement("style");
8
+ style.id = STYLE_ID;
9
+ style.textContent = `
10
+ .udex-search-backdrop {
11
+ position: fixed;
12
+ left: 0;
13
+ right: 0;
14
+ bottom: 0;
15
+ display: none;
16
+ z-index: var(--udex-search-backdrop-z-index, var(--udexZIndex100, 100));
17
+ background-color: var(--udexColorNeutralBlack, #000);
18
+ opacity: 0.5;
19
+ cursor: default;
20
+ }
21
+ `;
22
+ doc.head.appendChild(style);
23
+ }
@@ -1 +0,0 @@
1
- const T="© {0} SAP SE або афілійована компанія SAP. Усі права захищено.",E="Огляд",_="Вихід",A="Головні посилання",I="На початок",S="Кількість",O="з",N="Сторінка",R="Вибрано",L="Вибір скасовано",C="Не визначено",U="Редагувати",s="Видалити",t="Повернутися до списку регіонів",n="Первинний",o="Вторинний",c="Третинний",P="Застереження",D="Позитивний",B="Негативний",G="Підкреслений",M="Усталений",V="Прозорий",Y="Увага",W="Введення дати",F="Перемкнуто",X="Перша сторінка",H="Остання сторінка",K="Попередня сторінка",e="Наступна сторінка",a="Поточна сторінка",u="Активувати номер сторінки",d="пошукові рекомендації",l="Пошук",Q="Голос",Z="Надсилати",b="Слухання",f="Доступні значення",g="Рекомендовані сторінки",k="Розгорнути все",m="Згорнути все",p="Більше",r="Значок уваги",x="Читати далі",h="Приховати частину тексту",i="Докладніше",j="Стисло",q="Індикатор оцінки",v="Оцінка",w="Обов`язкове",y="Усього",z="Оцінка",J="Містить позиції з можливістю множинного вибору",$="Містить позиції з можливістю вибору",TT="Показати результати",ET="Скинути",_T="Кнопка закриття смуги повідомлень",AT="Інформаційна панель",IT="Позитивна панель",ST="Панель застережень",OT="Негативна панель",NT="Панель дій",RT="огляди",LT="зірки",CT="Вибрати варіанти",UT="Вибрати все",sT="Залишилося символів: {0}",tT="Помилка стану поля",nT="Застереження щодо стану поля",oT="Статус поля: успіх",cT="Стандарт стану поля",PT="Попередня сторінка",DT="Наступна сторінка",BT="Збігів не знайдено.",GT="Навігаційний ланцюжок",MT="Більше",VT="Збільшити кількість на",YT="Зменшити кількість на",WT="Дані не знайдено",FT="Неприпустимий запис",XT="Видано застереження",HT="Інформативний запис",KT="Запис успішно перевірено",eT="Лише для читання",aT="Змінити обліковий запис",uT="Назад",dT="Інші ідентифікатори",lT="Додати або вилучити обліковий запис",QT="Вибрати країну",ZT="Кошик",bT="Значок вибору країни",fT="Номер телефону",gT="Зв`яжіться з нами",kT="Електронна пошта",mT="Спілкуйтеся з нами",pT="Швидкі посилання",rT="Тенденції",xT="Про SAP",hT="Відомості про сайт",iT="Або перегляньте повний перелік",jT="місцевих номерів країн",qT="Аватар",vT='Піктограма "Відкрити календар"',wT="Редагувати запис елемента списку",yT="Видалити запис елемента списку",zT='кнопка "Назад"',JT="Значок статусу",$T="Клацніть, щоб редагувати профіль",TE="Клацніть, щоб відкрити інформацію профілю",EE="Застереження, потенційний ризик із профілем",_E="Сталася помилка в профілі",AE="Профіль успішно перевірено",IE="Профіль",SE="відкривається в новому вікні",OE="Текстове поле",NE="Вивантаження",RE="Припинено",LE="Вилучити файл",CE="Вивантажити файл",UE="Повний список",sE="Зателефонуйте нам уже сьогодні!",tE="Пошук",nE="результатів повернуто.",oE="Кнопка соціальних мереж",cE="Рекламна плитка",PE="Піктограма рекламної плитки",DE="Кнопка запуску, яка запускає обертання логотипів клієнтів",BE="Кнопка паузи, яка зупиняє обертання логотипів клієнтів",GE="Розташування",ME="Закрити",VE="Вимкнуто",YE="Розгорнути",WE="Згорнути",FE={COPYRIGHT:T,OVERVIEW:E,LOGOUT:_,MAIN_LINKS:A,BACK_TO_TOP:I,COUNT:S,OF:O,PAGINATION_PAGE:N,SELECTED:R,UNSELECTED:L,INDETERMINATE:C,EDIT_BUTTON:U,DELETE_BUTTON:s,BACK_TO_REGION_LIST:t,BUTTON_ARIA_TYPE_PRIMARY:n,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:c,BUTTON_ARIA_TYPE_WARNING:P,BUTTON_ARIA_TYPE_POSITIVE:D,BUTTON_ARIA_TYPE_NEGATIVE:B,BUTTON_ARIA_EMPHASIZED:G,BUTTON_ARIA_DEFAULT:M,BUTTON_ARIA_TRANSPARENT:V,BUTTON_ARIA_ATTENTION:Y,DATEPICKER_DATE_DESCRIPTION:W,TOGGLED:F,FIRST_PAGE:X,LAST_PAGE:H,PREVIOUS_PAGE:K,NEXT_PAGE:e,CURRENT_PAGE:a,ACTIVATE_PAGE:u,SUGGESTED_TEXT:d,ACCESSIBLE_NAME_SEARCH_ICON:l,TOOLTIP_VOICE_BUTTON:Q,TOOLTIP_SUBMIT_BUTTON:Z,LISTENING:b,AVAILABLE_VALUES:f,RECOMMENDED_TEXT:g,EXPAND_ALL:k,COLLAPSE_ALL:m,MORE:p,ATTENTION_BADGE:r,READ_MORE:x,READ_LESS:h,SHOW_MORE:i,SHOW_LESS:j,RATING_INDICATOR_TEXT:q,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:w,TOTAL:y,RATING_COUNT_TITLE:z,ARIA_LABEL_LIST_MULTISELECTABLE:J,ARIA_LABEL_LIST_SELECTABLE:$,SHOW_RESULTS:TT,RESET:ET,MESSAGE_STRIP_CLOSE_BUTTON:_T,MESSAGE_STRIP_INFORMATION:AT,MESSAGE_STRIP_SUCCESS:IT,MESSAGE_STRIP_WARNING:ST,MESSAGE_STRIP_ERROR:OT,MESSAGE_STRIP_ACTION:NT,REVIEWS:RT,STARS:LT,SELECT_OPTIONS:CT,SELECT_ALL:UT,TEXTAREA_CHARACTERS_LEFT:sT,VALUE_STATE_TYPE_ERROR:tT,VALUE_STATE_TYPE_WARNING:nT,VALUE_STATE_TYPE_SUCCESS:oT,VALUE_STATE_TYPE_STANDARD:cT,CAROUSEL_PREVIOUS_ARROW_TEXT:PT,CAROUSEL_NEXT_ARROW_TEXT:DT,NO_MATCHES_FOUND:BT,BREADCRUMBS_ARIA_LABEL:GT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:MT,STEPINPUT_INC_ICON_TITLE:VT,STEPINPUT_DEC_ICON_TITLE:YT,TABLE_NO_DATA_FOUND:WT,VALUE_STATE_ERROR:FT,VALUE_STATE_WARNING:XT,VALUE_STATE_INFORMATION:HT,VALUE_STATE_SUCCESS:KT,READ_ONLY:eT,SWITCH_ACCOUNT:aT,BACK:uT,OTHER_IDENTITIES:dT,ADD_OR_REMOVE_ACCOUNT:lT,COUNTRY_SELECT:QT,CART:ZT,COUNTRY_SELECTOR:bT,PHONE_NUMBER:fT,CONTACT_US:gT,EMAIL:kT,CHAT_WITH_US:mT,QUICK_LINKS:pT,TRENDING:rT,ABOUT_SAP:xT,SITE_INFORMATION:hT,SEE_COMPLETE_LIST:iT,LOCAL_COUNTRY_NAMES:jT,AVATAR_TEXT:qT,CALENDAR_ICON:vT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:yT,BACK_BUTTON_LABEL:zT,STATUS_BADGE_TEXT:JT,STATUS_BADGE_EDIT_TITLE:$T,STATUS_BADGE_INFORMATION_TITLE:TE,STATUS_BADGE_WARNING_TITLE:EE,STATUS_BADGE_ERROR_TITLE:_E,STATUS_BADGE_SUCCESS_TITLE:AE,PROFILE:IE,OPENS_IN_A_NEW_WINDOW:SE,TEXT_FIELD:OE,UPLOADING_FILE_STATUS_TEXT:NE,TERMINATED_FILE_STATUS_TEXT:RE,REMOVE_FILE_TEXT:LE,UPLOAD_BUTTON_LABEL:CE,COMPLETE_LIST_OF:UE,CALL_US_TODAY:sE,SEARCH:tE,RESULT_RETURNED:nE,SOCIAL_MEDIA_BUTTON:oE,PROMO_TILE:cE,PROMO_TILE_ICON:PE,PLAY_BUTTON_ACCESSIBLE_NAME:DE,PAUSE_BUTTON_ACCESSIBLE_NAME:BE,LOCATION:GE,TOAST_CLOSE_ACCESSIBLE_NAME:ME,DISABLED:VE,EXPAND:YE,COLLAPSE:WE};export{xT as ABOUT_SAP,l as ACCESSIBLE_NAME_SEARCH_ICON,u as ACTIVATE_PAGE,lT as ADD_OR_REMOVE_ACCOUNT,J as ARIA_LABEL_LIST_MULTISELECTABLE,$ as ARIA_LABEL_LIST_SELECTABLE,r as ATTENTION_BADGE,f as AVAILABLE_VALUES,qT as AVATAR_TEXT,uT as BACK,zT as BACK_BUTTON_LABEL,t as BACK_TO_REGION_LIST,I as BACK_TO_TOP,GT as BREADCRUMBS_ARIA_LABEL,MT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,Y as BUTTON_ARIA_ATTENTION,M as BUTTON_ARIA_DEFAULT,G as BUTTON_ARIA_EMPHASIZED,V as BUTTON_ARIA_TRANSPARENT,B as BUTTON_ARIA_TYPE_NEGATIVE,D as BUTTON_ARIA_TYPE_POSITIVE,n as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,c as BUTTON_ARIA_TYPE_TERTIARY,P as BUTTON_ARIA_TYPE_WARNING,vT as CALENDAR_ICON,sE as CALL_US_TODAY,DT as CAROUSEL_NEXT_ARROW_TEXT,PT as CAROUSEL_PREVIOUS_ARROW_TEXT,ZT as CART,mT as CHAT_WITH_US,WE as COLLAPSE,m as COLLAPSE_ALL,UE as COMPLETE_LIST_OF,gT as CONTACT_US,T as COPYRIGHT,S as COUNT,QT as COUNTRY_SELECT,bT as COUNTRY_SELECTOR,a as CURRENT_PAGE,W as DATEPICKER_DATE_DESCRIPTION,s as DELETE_BUTTON,VE as DISABLED,U as EDIT_BUTTON,kT as EMAIL,YE as EXPAND,k as EXPAND_ALL,X as FIRST_PAGE,C as INDETERMINATE,H as LAST_PAGE,b as LISTENING,yT as LIST_ITEM_DELETE_ICON,wT as LIST_ITEM_EDIT_ICON,jT as LOCAL_COUNTRY_NAMES,GE as LOCATION,_ as LOGOUT,A as MAIN_LINKS,NT as MESSAGE_STRIP_ACTION,_T as MESSAGE_STRIP_CLOSE_BUTTON,OT as MESSAGE_STRIP_ERROR,AT as MESSAGE_STRIP_INFORMATION,IT as MESSAGE_STRIP_SUCCESS,ST as MESSAGE_STRIP_WARNING,p as MORE,e as NEXT_PAGE,BT as NO_MATCHES_FOUND,O as OF,SE as OPENS_IN_A_NEW_WINDOW,dT as OTHER_IDENTITIES,E as OVERVIEW,N as PAGINATION_PAGE,BE as PAUSE_BUTTON_ACCESSIBLE_NAME,fT as PHONE_NUMBER,DE as PLAY_BUTTON_ACCESSIBLE_NAME,K as PREVIOUS_PAGE,IE as PROFILE,cE as PROMO_TILE,PE as PROMO_TILE_ICON,pT as QUICK_LINKS,z as RATING_COUNT_TITLE,w as RATING_INDICATOR_ARIA_DESCRIPTION,q as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,x as READ_MORE,eT as READ_ONLY,g as RECOMMENDED_TEXT,LE as REMOVE_FILE_TEXT,ET as RESET,nE as RESULT_RETURNED,RT as REVIEWS,tE as SEARCH,iT as SEE_COMPLETE_LIST,R as SELECTED,UT as SELECT_ALL,CT as SELECT_OPTIONS,j as SHOW_LESS,i as SHOW_MORE,TT as SHOW_RESULTS,hT as SITE_INFORMATION,oE as SOCIAL_MEDIA_BUTTON,LT as STARS,$T as STATUS_BADGE_EDIT_TITLE,_E as STATUS_BADGE_ERROR_TITLE,TE as STATUS_BADGE_INFORMATION_TITLE,AE as STATUS_BADGE_SUCCESS_TITLE,JT as STATUS_BADGE_TEXT,EE as STATUS_BADGE_WARNING_TITLE,YT as STEPINPUT_DEC_ICON_TITLE,VT as STEPINPUT_INC_ICON_TITLE,d as SUGGESTED_TEXT,aT as SWITCH_ACCOUNT,WT as TABLE_NO_DATA_FOUND,RE as TERMINATED_FILE_STATUS_TEXT,sT as TEXTAREA_CHARACTERS_LEFT,OE as TEXT_FIELD,ME as TOAST_CLOSE_ACCESSIBLE_NAME,F as TOGGLED,Z as TOOLTIP_SUBMIT_BUTTON,Q as TOOLTIP_VOICE_BUTTON,y as TOTAL,rT as TRENDING,L as UNSELECTED,NE as UPLOADING_FILE_STATUS_TEXT,CE as UPLOAD_BUTTON_LABEL,FT as VALUE_STATE_ERROR,HT as VALUE_STATE_INFORMATION,KT as VALUE_STATE_SUCCESS,tT as VALUE_STATE_TYPE_ERROR,cT as VALUE_STATE_TYPE_STANDARD,oT as VALUE_STATE_TYPE_SUCCESS,nT as VALUE_STATE_TYPE_WARNING,XT as VALUE_STATE_WARNING,FE as default};
@@ -1,3 +0,0 @@
1
- import type PhoneNumberField from "../../PhoneNumberField.js";
2
- declare function template(this: PhoneNumberField): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,16 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<${scopeTag("udex-dropdown", tags, suffix)} class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><${scopeTag("udex-list", tags, suffix)}>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</${scopeTag("udex-list", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<udex-dropdown class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><udex-list>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</udex-list></udex-dropdown><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>`; }
5
- function block1(context, tags, suffix) { return html `<label id="udex-phone-number-field__label" class="udex-phone-number-field__label" for="${ifDefined(this._id)}-phone">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
6
- function block2(context, tags, suffix) { return html ` * `; }
7
- function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-list-item", tags, suffix)} id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></${scopeTag("udex-list-item", tags, suffix)}>` : html `<udex-list-item id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`; }
8
- function block4(context, tags, suffix, item, index) { return html ` (${ifDefined(item.localName)}) `; }
9
- function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></udex-button>`; }
10
- function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html `<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`; }
11
- function block7(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`; }
12
- function block8(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
13
- function block9(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`; }
14
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
15
- export default template;
16
- //# sourceMappingURL=PhoneNumberFieldTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PhoneNumberFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PhoneNumberFieldTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PhoneNumberField from \"../../PhoneNumberField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-dropdown\", tags, suffix)} class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><${scopeTag(\"udex-list\", tags, suffix)}>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><udex-list>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list></udex-dropdown><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>`;}\nfunction block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id=\"udex-phone-number-field__label\" class=\"udex-phone-number-field__label\" for=\"${ifDefined(this._id)}-phone\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`;}\nfunction block4 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html` (${ifDefined(item.localName)}) `;}\nfunction block5 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></udex-button>`;}\nfunction block6 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block7 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this.supportingText)}</span>`;}\nfunction block8 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\nfunction block9 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-stateReadOnlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyStateText)}</span>`;}\n\nfunction template(this: PhoneNumberField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type UploadItem from "../../UploadItem.js";
2
- declare function template(this: UploadItem): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,12 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return html `<div class="udex-upload-item__wrapper"><div class="udex-upload-item__info ${ifDefined(this.uploadItemClasses)}"><div>${this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<div class="${ifDefined(this.additionalInfoClasses)}"><slot></slot></div></div>${this._breakpointM ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload-item__progress-info-wrapper">${this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined}${this._breakpointL ? block5.call(this, context, tags, suffix) : undefined}</div></div>`; }
5
- function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</udex-link>`; }
6
- function block2(context, tags, suffix) { return html `<p class="udex-upload-item__name">${ifDefined(this.fileName)}</p>`; }
7
- function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`; }
8
- function block4(context, tags, suffix) { return suffix ? html `<div class="udex-upload-item__progress-info"><${scopeTag("udex-progress-bar", tags, suffix)} role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></${scopeTag("udex-progress-bar", tags, suffix)}><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>` : html `<div class="udex-upload-item__progress-info"><udex-progress-bar role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></udex-progress-bar><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>`; }
9
- function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`; }
10
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
11
- export default template;
12
- //# sourceMappingURL=UploadItemTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UploadItemTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/UploadItemTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type UploadItem from \"../../UploadItem.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-upload-item__wrapper\"><div class=\"udex-upload-item__info ${ifDefined(this.uploadItemClasses)}\"><div>${ this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class=\"${ifDefined(this.additionalInfoClasses)}\"><slot></slot></div></div>${ this._breakpointM ? block3.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-upload-item__progress-info-wrapper\">${ this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined }${ this._breakpointL ? block5.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} href=\"${ifDefined(this.fileLink)}\" target=\"${ifDefined(this.fileTarget)}\">${ifDefined(this.fileName)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link href=\"${ifDefined(this.fileLink)}\" target=\"${ifDefined(this.fileTarget)}\">${ifDefined(this.fileName)}</udex-link>`;}\nfunction block2 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class=\"udex-upload-item__name\">${ifDefined(this.fileName)}</p>`;}\nfunction block3 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></udex-button>`;}\nfunction block4 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-upload-item__progress-info\"><${scopeTag(\"udex-progress-bar\", tags, suffix)} role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${ifDefined(this.uploadPercentage)}\" value=\"${ifDefined(this.uploadPercentage)}\" value-state=\"${ifDefined(this.uploadProgressState)}\" hide-value></${scopeTag(\"udex-progress-bar\", tags, suffix)}><p class=\"udex-upload-item__progress-status\">${ifDefined(this.uploadStatus)}</p></div>` : html`<div class=\"udex-upload-item__progress-info\"><udex-progress-bar role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${ifDefined(this.uploadPercentage)}\" value=\"${ifDefined(this.uploadPercentage)}\" value-state=\"${ifDefined(this.uploadProgressState)}\" hide-value></udex-progress-bar><p class=\"udex-upload-item__progress-status\">${ifDefined(this.uploadStatus)}</p></div>`;}\nfunction block5 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></udex-button>`;}\n\nfunction template(this: UploadItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Upload from "../../Upload.js";
2
- declare function template(this: Upload): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,10 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined}${this.additionalText ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-upload__upload-button-container"><${scopeTag("ui5-file-uploader", tags, suffix)} ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</${scopeTag("udex-button", tags, suffix)}></${scopeTag("ui5-file-uploader", tags, suffix)}>${this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload__files-wrapper"><${scopeTag("udex-list", tags, suffix)} aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></${scopeTag("udex-list", tags, suffix)}></div></div>` : html `<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined}${this.additionalText ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-upload__upload-button-container"><ui5-file-uploader ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><udex-button ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</udex-button></ui5-file-uploader>${this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload__files-wrapper"><udex-list aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></udex-list></div></div>`; }
5
- function block1(context, tags, suffix) { return html `<h1 class="udex-upload__title">${ifDefined(this.uploadTitle)}</h1>`; }
6
- function block2(context, tags, suffix) { return html `<p class="udex-upload__additional-text">${ifDefined(this.additionalText)}</p>`; }
7
- function block3(context, tags, suffix) { return html `<p class="${ifDefined(this.supportingTextClasses)}">${ifDefined(this.supportingText)}</p>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=UploadTemplate.lit.js.map