@sapudex/web-components 2.20.1 → 2.22.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 (253) hide show
  1. package/bundle.esm.js +4 -0
  2. package/cypress/specs/Feed.cy.tsx +72 -0
  3. package/cypress/specs/FeedItem.cy.tsx +82 -0
  4. package/cypress/specs/Footer.cy.tsx +45 -1
  5. package/cypress/specs/ImageGridCloud.cy.tsx +78 -0
  6. package/cypress/specs/ImageGridCloudItem.cy.tsx +29 -0
  7. package/cypress/support/component-imports.instrumented.ts +8 -0
  8. package/cypress/support/component-imports.src.ts +8 -0
  9. package/dist/Accordion.js +1 -0
  10. package/dist/Accordion.js.map +1 -1
  11. package/dist/AccordionItem.js +2 -0
  12. package/dist/AccordionItem.js.map +1 -1
  13. package/dist/AssetsVariables.js +5 -0
  14. package/dist/AssetsVariables.js.map +1 -1
  15. package/dist/Breadcrumbs.js +5 -0
  16. package/dist/Breadcrumbs.js.map +1 -1
  17. package/dist/ContactItem.js +2 -0
  18. package/dist/ContactItem.js.map +1 -1
  19. package/dist/CountrySelector.js +1 -0
  20. package/dist/CountrySelector.js.map +1 -1
  21. package/dist/DatePicker.js +2 -1
  22. package/dist/DatePicker.js.map +1 -1
  23. package/dist/Feed.d.ts +88 -0
  24. package/dist/Feed.js +103 -0
  25. package/dist/Feed.js.map +1 -0
  26. package/dist/FeedItem.d.ts +114 -0
  27. package/dist/FeedItem.js +131 -0
  28. package/dist/FeedItem.js.map +1 -0
  29. package/dist/FeedItemTemplate.d.ts +2 -0
  30. package/dist/FeedItemTemplate.js +16 -0
  31. package/dist/FeedItemTemplate.js.map +1 -0
  32. package/dist/FeedTemplate.d.ts +2 -0
  33. package/dist/FeedTemplate.js +19 -0
  34. package/dist/FeedTemplate.js.map +1 -0
  35. package/dist/FilterMenu.js +2 -0
  36. package/dist/FilterMenu.js.map +1 -1
  37. package/dist/Footer.d.ts +14 -2
  38. package/dist/Footer.js +37 -4
  39. package/dist/Footer.js.map +1 -1
  40. package/dist/FooterTemplate.js +3 -3
  41. package/dist/FooterTemplate.js.map +1 -1
  42. package/dist/ImageGridCloud.d.ts +76 -0
  43. package/dist/ImageGridCloud.js +153 -0
  44. package/dist/ImageGridCloud.js.map +1 -0
  45. package/dist/ImageGridCloudItem.d.ts +35 -0
  46. package/dist/ImageGridCloudItem.js +49 -0
  47. package/dist/ImageGridCloudItem.js.map +1 -0
  48. package/dist/ImageGridCloudItemTemplate.d.ts +2 -0
  49. package/dist/ImageGridCloudItemTemplate.js +5 -0
  50. package/dist/ImageGridCloudItemTemplate.js.map +1 -0
  51. package/dist/ImageGridCloudTemplate.d.ts +2 -0
  52. package/dist/ImageGridCloudTemplate.js +6 -0
  53. package/dist/ImageGridCloudTemplate.js.map +1 -0
  54. package/dist/ImageGridTicker.d.ts +2 -2
  55. package/dist/ImageGridTicker.js +1 -8
  56. package/dist/ImageGridTicker.js.map +1 -1
  57. package/dist/LinkListItem.js +1 -0
  58. package/dist/LinkListItem.js.map +1 -1
  59. package/dist/List.js +3 -0
  60. package/dist/List.js.map +1 -1
  61. package/dist/ListGroupHeader.js +1 -0
  62. package/dist/ListGroupHeader.js.map +1 -1
  63. package/dist/ListItem.js +2 -0
  64. package/dist/ListItem.js.map +1 -1
  65. package/dist/ListItemBase.js +4 -0
  66. package/dist/ListItemBase.js.map +1 -1
  67. package/dist/ListSelectAll.js +1 -0
  68. package/dist/ListSelectAll.js.map +1 -1
  69. package/dist/MastheadCountrySelector.js +15 -0
  70. package/dist/MastheadCountrySelector.js.map +1 -1
  71. package/dist/MastheadItem.js +10 -0
  72. package/dist/MastheadItem.js.map +1 -1
  73. package/dist/MastheadMenu.js +6 -0
  74. package/dist/MastheadMenu.js.map +1 -1
  75. package/dist/MastheadMobileMenu.js +11 -0
  76. package/dist/MastheadMobileMenu.js.map +1 -1
  77. package/dist/MastheadProfileMenu.js +11 -0
  78. package/dist/MastheadProfileMenu.js.map +1 -1
  79. package/dist/MastheadShell.js +41 -0
  80. package/dist/MastheadShell.js.map +1 -1
  81. package/dist/MediaPlayer.js +1 -0
  82. package/dist/MediaPlayer.js.map +1 -1
  83. package/dist/MediaPlayerVimeo.d.ts +3 -3
  84. package/dist/MediaPlayerVimeo.js +1 -0
  85. package/dist/MediaPlayerVimeo.js.map +1 -1
  86. package/dist/MediaPlayerYoutube.js +3 -0
  87. package/dist/MediaPlayerYoutube.js.map +1 -1
  88. package/dist/Pagination.js +1 -1
  89. package/dist/Pagination.js.map +1 -1
  90. package/dist/Search.d.ts +2 -1
  91. package/dist/Search.js +18 -3
  92. package/dist/Search.js.map +1 -1
  93. package/dist/SearchTemplate.d.ts +2 -0
  94. package/dist/SearchTemplate.js +48 -0
  95. package/dist/SearchTemplate.js.map +1 -0
  96. package/dist/SearchableListBase.d.ts +3 -0
  97. package/dist/SearchableListBase.js +10 -0
  98. package/dist/SearchableListBase.js.map +1 -1
  99. package/dist/SecondaryNavigation.js +19 -0
  100. package/dist/SecondaryNavigation.js.map +1 -1
  101. package/dist/SecondaryNavigationItem.js +6 -0
  102. package/dist/SecondaryNavigationItem.js.map +1 -1
  103. package/dist/SecondaryNavigationSubItem.js +3 -0
  104. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  105. package/dist/SelectBox.js +1 -0
  106. package/dist/SelectBox.js.map +1 -1
  107. package/dist/SocialMediaButton.js +2 -0
  108. package/dist/SocialMediaButton.js.map +1 -1
  109. package/dist/StepInput.js +2 -0
  110. package/dist/StepInput.js.map +1 -1
  111. package/dist/TabNavigation.js +3 -0
  112. package/dist/TabNavigation.js.map +1 -1
  113. package/dist/Tag.js +1 -0
  114. package/dist/Tag.js.map +1 -1
  115. package/dist/TagGroup.js +3 -0
  116. package/dist/TagGroup.js.map +1 -1
  117. package/dist/TextField.js +1 -0
  118. package/dist/TextField.js.map +1 -1
  119. package/dist/Tile.js +1 -0
  120. package/dist/Tile.js.map +1 -1
  121. package/dist/Upload.js +5 -0
  122. package/dist/Upload.js.map +1 -1
  123. package/dist/assets/{InputSuggestions-yR1p8cXL.js → InputSuggestions-By00xQan.js} +1 -1
  124. package/dist/assets/{ListItemStandardExpandableTextTemplate-BovnAV24.js → ListItemStandardExpandableTextTemplate-BGtoxRbA.js} +1 -1
  125. package/dist/assets/{bundle.esm-C7AybWk0.js → bundle.esm-9yDdQqR5.js} +223 -214
  126. package/dist/assets/messagebundle_en-D_yCmNrd.js +1 -0
  127. package/dist/css/themes/Feed.css +1 -0
  128. package/dist/css/themes/FeedItem.css +1 -0
  129. package/dist/css/themes/Footer.css +1 -1
  130. package/dist/css/themes/ImageGridCloud.css +1 -0
  131. package/dist/css/themes/ImageGridCloudItem.css +1 -0
  132. package/dist/css/themes/MediaPlayer.css +1 -1
  133. package/dist/css/themes/Pagination.css +1 -1
  134. package/dist/css/themes/RatingIndicator.css +1 -1
  135. package/dist/css/themes/Slider.css +1 -1
  136. package/dist/custom-elements-internal.json +4455 -456
  137. package/dist/custom-elements.json +1411 -288
  138. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  139. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  140. package/dist/generated/i18n/i18n-defaults.js +2 -1
  141. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  142. package/dist/generated/themes/Feed.css.d.ts +2 -0
  143. package/dist/generated/themes/Feed.css.js +8 -0
  144. package/dist/generated/themes/Feed.css.js.map +1 -0
  145. package/dist/generated/themes/FeedItem.css.d.ts +2 -0
  146. package/dist/generated/themes/FeedItem.css.js +8 -0
  147. package/dist/generated/themes/FeedItem.css.js.map +1 -0
  148. package/dist/generated/themes/Footer.css.d.ts +1 -1
  149. package/dist/generated/themes/Footer.css.js +1 -1
  150. package/dist/generated/themes/Footer.css.js.map +1 -1
  151. package/dist/generated/themes/ImageGridCloud.css.d.ts +2 -0
  152. package/dist/generated/themes/ImageGridCloud.css.js +8 -0
  153. package/dist/generated/themes/ImageGridCloud.css.js.map +1 -0
  154. package/dist/generated/themes/ImageGridCloudItem.css.d.ts +2 -0
  155. package/dist/generated/themes/ImageGridCloudItem.css.js +8 -0
  156. package/dist/generated/themes/ImageGridCloudItem.css.js.map +1 -0
  157. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  158. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  159. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  160. package/dist/generated/themes/Pagination.css.d.ts +1 -1
  161. package/dist/generated/themes/Pagination.css.js +1 -1
  162. package/dist/generated/themes/Pagination.css.js.map +1 -1
  163. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  164. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  165. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  166. package/dist/generated/themes/Slider.css.d.ts +1 -1
  167. package/dist/generated/themes/Slider.css.js +1 -1
  168. package/dist/generated/themes/Slider.css.js.map +1 -1
  169. package/dist/messagebundle.properties +3 -0
  170. package/dist/messagebundle_en.properties +1 -0
  171. package/dist/vscode.html-custom-data.json +130 -1
  172. package/dist/web-types.json +305 -4
  173. package/package.json +1 -1
  174. package/src/Accordion.ts +1 -0
  175. package/src/AccordionItem.ts +2 -0
  176. package/src/AssetsVariables.ts +5 -0
  177. package/src/Breadcrumbs.ts +5 -0
  178. package/src/ContactItem.ts +2 -0
  179. package/src/CountrySelector.ts +1 -0
  180. package/src/DatePicker.ts +2 -1
  181. package/src/Feed.ts +144 -0
  182. package/src/FeedItem.ts +198 -0
  183. package/src/FeedItemTemplate.tsx +60 -0
  184. package/src/FeedTemplate.tsx +66 -0
  185. package/src/FilterMenu.ts +2 -0
  186. package/src/Footer.ts +47 -4
  187. package/src/FooterTemplate.tsx +29 -39
  188. package/src/ImageGridCloud.ts +188 -0
  189. package/src/ImageGridCloudItem.ts +57 -0
  190. package/src/ImageGridCloudItemTemplate.tsx +11 -0
  191. package/src/ImageGridCloudTemplate.tsx +16 -0
  192. package/src/ImageGridTicker.ts +3 -3
  193. package/src/LinkListItem.ts +1 -0
  194. package/src/List.ts +3 -0
  195. package/src/ListGroupHeader.ts +1 -0
  196. package/src/ListItem.ts +2 -0
  197. package/src/ListItemBase.ts +4 -0
  198. package/src/ListSelectAll.ts +1 -0
  199. package/src/MastheadCountrySelector.ts +15 -0
  200. package/src/MastheadItem.ts +10 -0
  201. package/src/MastheadMenu.ts +6 -0
  202. package/src/MastheadMobileMenu.ts +11 -0
  203. package/src/MastheadProfileMenu.ts +11 -0
  204. package/src/MastheadShell.ts +41 -0
  205. package/src/MediaPlayer.ts +1 -0
  206. package/src/MediaPlayerVimeo.ts +4 -3
  207. package/src/MediaPlayerYoutube.ts +3 -0
  208. package/src/Pagination.ts +1 -1
  209. package/src/Search.ts +20 -4
  210. package/src/SearchTemplate.tsx +353 -0
  211. package/src/SearchableListBase.ts +10 -0
  212. package/src/SecondaryNavigation.ts +19 -0
  213. package/src/SecondaryNavigationItem.ts +6 -0
  214. package/src/SecondaryNavigationSubItem.ts +3 -0
  215. package/src/SelectBox.ts +1 -0
  216. package/src/SocialMediaButton.ts +2 -0
  217. package/src/StepInput.ts +2 -0
  218. package/src/TabNavigation.ts +3 -0
  219. package/src/Tag.ts +1 -0
  220. package/src/TagGroup.ts +3 -0
  221. package/src/TextField.ts +1 -0
  222. package/src/Tile.ts +1 -0
  223. package/src/Upload.ts +5 -0
  224. package/src/generated/i18n/i18n-defaults.ts +2 -2
  225. package/src/generated/themes/Feed.css.ts +9 -0
  226. package/src/generated/themes/FeedItem.css.ts +9 -0
  227. package/src/generated/themes/Footer.css.ts +1 -1
  228. package/src/generated/themes/ImageGridCloud.css.ts +9 -0
  229. package/src/generated/themes/ImageGridCloudItem.css.ts +9 -0
  230. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  231. package/src/generated/themes/Pagination.css.ts +1 -1
  232. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  233. package/src/generated/themes/Slider.css.ts +1 -1
  234. package/src/i18n/messagebundle.properties +3 -0
  235. package/src/i18n/messagebundle_en.properties +1 -0
  236. package/src/themes/Feed.css +51 -0
  237. package/src/themes/FeedItem.css +60 -0
  238. package/src/themes/Footer.css +9 -5
  239. package/src/themes/ImageGridCloud.css +55 -0
  240. package/src/themes/ImageGridCloudItem.css +10 -0
  241. package/src/themes/MediaPlayer.css +1 -1
  242. package/src/themes/Pagination.css +1 -1
  243. package/dist/assets/messagebundle_en-BhTYnZbC.js +0 -1
  244. package/dist/generated/templates/SearchSuggestionsTemplate.lit.d.ts +0 -3
  245. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +0 -17
  246. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +0 -1
  247. package/dist/generated/templates/SearchTemplate.lit.d.ts +0 -3
  248. package/dist/generated/templates/SearchTemplate.lit.js +0 -28
  249. package/dist/generated/templates/SearchTemplate.lit.js.map +0 -1
  250. package/src/Search.hbs +0 -155
  251. package/src/SearchSuggestions.hbs +0 -91
  252. package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +0 -21
  253. package/src/generated/templates/SearchTemplate.lit.ts +0 -32
@@ -1,17 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, styleMap, ifDefined, unsafeHTML, 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 `<${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</${scopeTag("ui5-popover", tags, suffix)}>` : html `<ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</ui5-popover>`; }
5
- function block1(context, tags, suffix) { return html `<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`; }
6
- function block2(context, tags, suffix) { return html `<div role="tree">${this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined}${this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined}</div>`; }
7
- function block3(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.suggestedList, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`; }
8
- function block4(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`; }
9
- function block5(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
10
- function block6(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.recommendedList, (item, index) => item._id || index, (item, index) => block8.call(this, context, tags, suffix, item, index))}</div></div>`; }
11
- function block7(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`; }
12
- function block8(context, tags, suffix, item, index) { return html `${item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index)}`; }
13
- function block9(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
14
- function block10(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
15
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
16
- export default template;
17
- //# sourceMappingURL=SearchSuggestionsTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchSuggestionsTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SearchSuggestionsTemplate.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 SearchSuggestions from \"../../SearchSuggestions.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-popover\", tags, suffix)} class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag(\"ui5-popover\", tags, suffix)}>` : html`<ui5-popover class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-popover>`;}\nfunction block1 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__message\">${ifDefined(this.noResultMessage)}</span>`;}\nfunction block2 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role=\"tree\">${ this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block3 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"suggested-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block4 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"suggested-heading\">${ifDefined(this.suggestedHeading)}</span>`;}\nfunction block5 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block6 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"recommended-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block8.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block7 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"recommended-heading\">${ifDefined(this.recommendedHeading)}</span>`;}\nfunction block8 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}\nfunction block9 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block10 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\n\nfunction template(this: SearchSuggestions) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Search from "../../Search.js";
2
- declare function template(this: Search): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,28 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, styleMap, ifDefined, unsafeHTML, 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-search__root ${ifDefined(this.searchClasses)}">${this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined}<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}${this.open ? block5.call(this, context, tags, suffix) : undefined}<div class="udex-search__icons">${this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined}${this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined}${this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined}${this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined}${this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined}${this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined}</div></form></div><${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix)}</${scopeTag("ui5-popover", tags, suffix)}>` : html `<div class="udex-search__root ${ifDefined(this.searchClasses)}">${this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined}<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}${this.open ? block5.call(this, context, tags, suffix) : undefined}<div class="udex-search__icons">${this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined}${this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined}${this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined}${this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined}${this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined}${this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined}</div></form></div><ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix)}</ui5-popover>`; }
5
- function block1(context, tags, suffix) { return suffix ? html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`; }
6
- function block2(context, tags, suffix) { return html `<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${ifDefined(this.effectivePlaceholder)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`; }
7
- function block3(context, tags, suffix) { return html `${this.label ? block4.call(this, context, tags, suffix) : undefined}<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`; }
8
- function block4(context, tags, suffix) { return html `<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`; }
9
- function block5(context, tags, suffix) { return html `<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${ifDefined(this.suggestionsDescription)}</span>`; }
10
- function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></udex-button>`; }
11
- function block7(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-control-button", tags, suffix)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${scopeTag("udex-control-button", tags, suffix)}>` : html `<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`; }
12
- function block8(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></udex-button>`; }
13
- function block9(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></ui5-icon>`; }
14
- function block10(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-button>`; }
15
- function block11(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-control-button", tags, suffix)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-control-button", tags, suffix)}>` : html `<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`; }
16
- function block12(context, tags, suffix) { return html `<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`; }
17
- function block13(context, tags, suffix) { return html `<div role="tree">${this.isShowSuggestedList ? block14.call(this, context, tags, suffix) : undefined}${this.isShowRecommendedList ? block17.call(this, context, tags, suffix) : undefined}</div>`; }
18
- function block14(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading ? block15.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.suggestedList, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}</div></div>`; }
19
- function block15(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`; }
20
- function block16(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
21
- function block17(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading ? block18.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.recommendedList, (item, index) => item._id || index, (item, index) => block19.call(this, context, tags, suffix, item, index))}</div></div>`; }
22
- function block18(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`; }
23
- function block19(context, tags, suffix, item, index) { return html `${item.hasCustomIcon ? block20.call(this, context, tags, suffix, item, index) : block21.call(this, context, tags, suffix, item, index)}`; }
24
- function block20(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
25
- function block21(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
26
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
27
- export default template;
28
- //# sourceMappingURL=SearchTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SearchTemplate.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 Search from \"../../Search.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-search__root ${ifDefined(this.searchClasses)}\">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role=\"search\" class=\"udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}\">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class=\"udex-search__icons\">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><${scopeTag(\"ui5-popover\", tags, suffix)} class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</${scopeTag(\"ui5-popover\", tags, suffix)}>` : html`<div class=\"udex-search__root ${ifDefined(this.searchClasses)}\">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role=\"search\" class=\"udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}\">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class=\"udex-search__icons\">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><ui5-popover class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</ui5-popover>`;}\nfunction block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}\"><button type=\"button\" role=\"combobox\" aria-expanded=\"${ifDefined(this._prefixDropdownExpanded)}\" aria-label=\"${ifDefined(this.labelPrefix)}\" aria-haspopup=\"true\" aria-controls=\"udex-search-prefix\" class=\"udex-search__prefix-button\" @click=\"${this.handleDropdownClick}\"><span class=\"udex-search__prefix-label\">${ifDefined(this.labelPrefix)}</span><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-search__prefix-icon\" name=\"slim-arrow-down\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button><${scopeTag(\"ui5-popover\", tags, suffix)} id=\"udex-search-prefix\" class=\"${ifDefined(this.prefixPopoverClasses)}\" hide-arrow placement=\"Bottom\" horizontal-align=\"Start\" style=\"${styleMap(this.prefixPopoverStyles)}\" @close=\"${this.handleAfterClosePrefixPopover}\"><slot></slot></${scopeTag(\"ui5-popover\", tags, suffix)}></div>` : html`<div class=\"udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}\"><button type=\"button\" role=\"combobox\" aria-expanded=\"${ifDefined(this._prefixDropdownExpanded)}\" aria-label=\"${ifDefined(this.labelPrefix)}\" aria-haspopup=\"true\" aria-controls=\"udex-search-prefix\" class=\"udex-search__prefix-button\" @click=\"${this.handleDropdownClick}\"><span class=\"udex-search__prefix-label\">${ifDefined(this.labelPrefix)}</span><ui5-icon class=\"udex-search__prefix-icon\" name=\"slim-arrow-down\" mode=\"Decorative\"></ui5-icon></button><ui5-popover id=\"udex-search-prefix\" class=\"${ifDefined(this.prefixPopoverClasses)}\" hide-arrow placement=\"Bottom\" horizontal-align=\"Start\" style=\"${styleMap(this.prefixPopoverStyles)}\" @close=\"${this.handleAfterClosePrefixPopover}\"><slot></slot></ui5-popover></div>`;}\nfunction block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input role=\"searchbox\" id=\"search-input\" type=\"search\" name=\"search\" class=\"udex-search__field\" autocomplete=\"off\" aria-autocomplete=\"list\" aria-haspopup=\"${ifDefined(this.getAriaHasPopup)}\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-describedby=\"search-description\" placeholder=\"${ifDefined(this.effectivePlaceholder)}\" .value=\"${ifDefined(this.value)}\" @input=\"${this.handleSearchChange}\" @keydown=\"${this.handleKeyDown}\" @focus=\"${this.handleFocus}\" @focusout=\"${this.handleFocusout}\" @blur=\"${this.handleBlur}\" @click=\"${this.handleInputClick}\" />`;}\nfunction block3 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block4.call(this, context, tags, suffix) : undefined }<input role=\"searchbox\" id=\"search-input\" type=\"search\" name=\"search\" class=\"udex-search__field\" autocomplete=\"off\" aria-autocomplete=\"list\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-describedby=\"search-description\" aria-haspopup=\"${ifDefined(this.getAriaHasPopup)}\" .value=\"${ifDefined(this.value)}\" @input=\"${this.handleSearchChange}\" @keydown=\"${this.handleKeyDown}\" @focus=\"${this.handleFocus}\" @focusout=\"${this.handleFocusout}\" @blur=\"${this.handleBlur}\" @click=\"${this.handleInputClick}\" />`;}\nfunction block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for=\"search-input\" class=\"${ifDefined(this.labelClasses)}\">${ifDefined(this.label)}</label>`;}\nfunction block5 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span aria-live=\"polite\" aria-atomic=\"true\" id=\"search-description\" class=\"hidden\" aria-hidden=\"true\">${ifDefined(this.suggestionsDescription)}</span>`;}\nfunction block6 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"reset-button\" class=\"udex-search__button udex-search__reset-button\" size=\"Small\" design=\"Default\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipResetButton)}\" @click=\"${this.onReset}\" @keydown=\"${this.handleKeyDownReset}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-search__button-icon\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameResetIcon)}\" accessible-role=\"presentation\" name=\"decline\"></${scopeTag(\"ui5-icon\", tags, suffix)}></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"reset-button\" class=\"udex-search__button udex-search__reset-button\" size=\"Small\" design=\"Default\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipResetButton)}\" @click=\"${this.onReset}\" @keydown=\"${this.handleKeyDownReset}\"><ui5-icon class=\"udex-search__button-icon\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameResetIcon)}\" accessible-role=\"presentation\" name=\"decline\"></ui5-icon></udex-button>`;}\nfunction block7 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-control-button\", tags, suffix)} id=\"reset-button\" class=\"udex-search__reset-button\" design=\"Default\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipResetButton)}\" icon=\"decline\" size=\"Large\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameResetIcon)}\" @click=\"${this.onReset}\" @keydown=\"${this.handleKeyDownReset}\"></${scopeTag(\"udex-control-button\", tags, suffix)}>` : html`<udex-control-button id=\"reset-button\" class=\"udex-search__reset-button\" design=\"Default\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipResetButton)}\" icon=\"decline\" size=\"Large\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameResetIcon)}\" @click=\"${this.onReset}\" @keydown=\"${this.handleKeyDownReset}\"></udex-control-button>`;}\nfunction block8 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"voice-button\" class=\"udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}\" design=\"Default\" size=\"Small\" icon=\"microphone\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipVoiceButton)}\" @click=\"${this.onVoice}\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"voice-button\" class=\"udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}\" design=\"Default\" size=\"Small\" icon=\"microphone\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipVoiceButton)}\" @click=\"${this.onVoice}\"></udex-button>`;}\nfunction block9 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-search__icon\" aria-hidden=\"true\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameSearchIcon)}\" name=\"search\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-search__icon\" aria-hidden=\"true\" accessible-name=\"${ifDefined(this.accInfo.accessibleNameSearchIcon)}\" name=\"search\"></ui5-icon>`;}\nfunction block10 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"submit-button\" class=\"udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}\" design=\"Default\" icon=\"search\" size=\"Small\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipSubmitButton)}\" @click=\"${this.onSubmit}\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"submit-button\" class=\"udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}\" design=\"Default\" icon=\"search\" size=\"Small\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipSubmitButton)}\" @click=\"${this.onSubmit}\"></udex-button>`;}\nfunction block11 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-control-button\", tags, suffix)} id=\"submit-button\" class=\"udex-search__submit-button\" size=\"Large\" design=\"Default\" icon=\"search\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipSubmitButton)}\" @click=\"${this.onSubmit}\"></${scopeTag(\"udex-control-button\", tags, suffix)}>` : html`<udex-control-button id=\"submit-button\" class=\"udex-search__submit-button\" size=\"Large\" design=\"Default\" icon=\"search\" tooltip=\"${ifDefined(this.tooltipInfo.tooltipSubmitButton)}\" @click=\"${this.onSubmit}\"></udex-control-button>`;}\nfunction block12 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__message\">${ifDefined(this.noResultMessage)}</span>`;}\nfunction block13 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role=\"tree\">${ this.isShowSuggestedList ? block14.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block17.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block14 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.suggestedHeading ? block15.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"suggested-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block16.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block15 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"suggested-heading\">${ifDefined(this.suggestedHeading)}</span>`;}\nfunction block16 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block17 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.recommendedHeading ? block18.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"recommended-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block19.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block18 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"recommended-heading\">${ifDefined(this.recommendedHeading)}</span>`;}\nfunction block19 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block20.call(this, context, tags, suffix, item, index) : block21.call(this, context, tags, suffix, item, index) }`;}\nfunction block20 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block21 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\n\nfunction template(this: Search) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
package/src/Search.hbs DELETED
@@ -1,155 +0,0 @@
1
- <div class="udex-search__root {{searchClasses}}">
2
- {{#if isShowSearchHomePrefix}}
3
- <div class="udex-search__prefix {{prefixWrapperClasses}}">
4
- <button
5
- type="button"
6
- role="combobox"
7
- aria-expanded="{{_prefixDropdownExpanded}}"
8
- aria-label="{{labelPrefix}}"
9
- aria-haspopup="true"
10
- aria-controls="udex-search-prefix"
11
- class="udex-search__prefix-button"
12
- @click="{{handleDropdownClick}}">
13
- <span class="udex-search__prefix-label">{{labelPrefix}}</span>
14
- <ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>
15
- </button>
16
- <ui5-popover
17
- id="udex-search-prefix"
18
- class="{{prefixPopoverClasses}}"
19
- hide-arrow
20
- placement="Bottom"
21
- horizontal-align="Start"
22
- style="{{prefixPopoverStyles}}"
23
- @close="{{handleAfterClosePrefixPopover}}">
24
- <slot></slot>
25
- </ui5-popover>
26
- </div>
27
- {{/if}}
28
- <form role="search" class="udex-search__container {{focusClasses}} {{isNotEmptyClass}}">
29
- {{#if labelAnimationDisabled}}
30
- <input
31
- role="searchbox"
32
- id="search-input"
33
- type="search"
34
- name="search"
35
- class="udex-search__field"
36
- autocomplete="off"
37
- aria-autocomplete="list"
38
- aria-haspopup="{{getAriaHasPopup}}"
39
- aria-label="{{accInfo.ariaLabel}}"
40
- aria-describedby="search-description"
41
- placeholder="{{effectivePlaceholder}}"
42
- .value="{{value}}"
43
- @input="{{handleSearchChange}}"
44
- @keydown="{{handleKeyDown}}"
45
- @focus="{{handleFocus}}"
46
- @focusout="{{handleFocusout}}"
47
- @blur="{{handleBlur}}"
48
- @click="{{handleInputClick}}"
49
- />
50
- {{else}}
51
- {{#if label}}
52
- <label for="search-input" class="{{labelClasses}}">
53
- {{label}}
54
- </label>
55
- {{/if}}
56
- <input
57
- role="searchbox"
58
- id="search-input"
59
- type="search"
60
- name="search"
61
- class="udex-search__field"
62
- autocomplete="off"
63
- aria-autocomplete="list"
64
- aria-label="{{accInfo.ariaLabel}}"
65
- aria-describedby="search-description"
66
- aria-haspopup="{{getAriaHasPopup}}"
67
- .value="{{value}}"
68
- @input="{{handleSearchChange}}"
69
- @keydown="{{handleKeyDown}}"
70
- @focus="{{handleFocus}}"
71
- @focusout="{{handleFocusout}}"
72
- @blur="{{handleBlur}}"
73
- @click="{{handleInputClick}}"
74
- />
75
- {{/if}}
76
- {{#if open}}
77
- <span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">{{suggestionsDescription}}</span>
78
- {{/if}}
79
- <div class="udex-search__icons">
80
- {{#if isShowHomeResetButton}}
81
- <udex-button
82
- id="reset-button"
83
- class="udex-search__button udex-search__reset-button"
84
- size="Small"
85
- design="Default"
86
- tooltip="{{tooltipInfo.tooltipResetButton}}"
87
- @click="{{onReset}}"
88
- @keydown="{{handleKeyDownReset}}">
89
- <ui5-icon
90
- class="udex-search__button-icon"
91
- accessible-name="{{accInfo.accessibleNameResetIcon}}"
92
- accessible-role="presentation"
93
- name="decline">
94
- </ui5-icon>
95
- </udex-button>
96
- {{/if}}
97
- {{#if isShowResetButton}}
98
- <udex-control-button
99
- id="reset-button"
100
- class="udex-search__reset-button"
101
- design="Default"
102
- tooltip="{{tooltipInfo.tooltipResetButton}}"
103
- icon="decline"
104
- size="Large"
105
- accessible-name="{{accInfo.accessibleNameResetIcon}}"
106
- @click="{{onReset}}"
107
- @keydown="{{handleKeyDownReset}}">
108
- </udex-control-button>
109
- {{/if}}
110
- {{#if isVoiceButton}}
111
- <udex-button
112
- id="voice-button"
113
- class="udex-search__button udex-search__voice-button {{voiceActiveClass}}"
114
- design="Default"
115
- size="Small"
116
- icon="microphone"
117
- tooltip="{{tooltipInfo.tooltipVoiceButton}}"
118
- @click="{{onVoice}}"
119
- ></udex-button>
120
- {{/if}}
121
- {{#if showNonInteractiveButton}}
122
- <ui5-icon
123
- class="udex-search__icon"
124
- aria-hidden="true"
125
- accessible-name="{{accInfo.accessibleNameSearchIcon}}"
126
- name="search">
127
- </ui5-icon>
128
- {{/if}}
129
- {{#if showSubmitHomeButton}}
130
- <udex-button
131
- id="submit-button"
132
- class="udex-search__button udex-search__submit-button {{searchButtonActiveClass}}"
133
- design="Default"
134
- icon="search"
135
- size="Small"
136
- tooltip="{{tooltipInfo.tooltipSubmitButton}}"
137
- @click="{{onSubmit}}"
138
- ></udex-button>
139
- {{/if}}
140
- {{#if showSubmitStandardButton}}
141
- <udex-control-button
142
- id="submit-button"
143
- class="udex-search__submit-button"
144
- size="Large"
145
- design="Default"
146
- icon="search"
147
- tooltip="{{tooltipInfo.tooltipSubmitButton}}"
148
- @click="{{onSubmit}}"
149
- ></udex-control-button>
150
- {{/if}}
151
- </div>
152
- </form>
153
- </div>
154
-
155
- {{>include "./SearchSuggestions.hbs"}}
@@ -1,91 +0,0 @@
1
- <ui5-popover
2
- class="udex-search-suggestions__root {{homeSearchPopoverClass}}"
3
- hide-arrow
4
- prevent-initial-focus
5
- placement="Bottom"
6
- horizontal-align="End"
7
- style="{{popoverStyles}}"
8
- id="{{getSuggestionsPopoverId}}"
9
- aria-orientation="vertical"
10
- accessible-role="Dialog"
11
- @keydown="{{handleKeyPressSuggestionList}}"
12
- accessible-name="{{suggestionsAccessibleName}}">
13
- {{#if showNoResultMessage}}
14
- <span class="udex-search-suggestions__message">{{noResultMessage}}</span>
15
- {{else}}
16
- <div role="tree">
17
- {{#if isShowSuggestedList}}
18
- <div class="udex-search-suggestions__block" role="treeitem">
19
- {{#if suggestedHeading}}
20
- <span class="udex-search-suggestions__heading" id="suggested-heading">{{suggestedHeading}}</span>
21
- {{/if}}
22
- <div class="udex-search-suggestions__list"
23
- role="listbox"
24
- aria-labelledby="suggested-heading"
25
- tabindex="0"
26
- @keydown="{{../handleKeyDownPopover}}">
27
- {{#each suggestedList}}
28
- <ui5-button
29
- id="{{id}}"
30
- icon="{{icon}}"
31
- type="Button"
32
- design="Default"
33
- accessible-name="{{suggestionDescription}}"
34
- class="udex-search-suggestions__item-button"
35
- title="{{title}}"
36
- tabindex="-1"
37
- role="option"
38
- @click="{{handleSelectItem}}"
39
- >
40
- {{{text}}}
41
- </ui5-button>
42
- {{/each}}
43
- </div>
44
- </div>
45
- {{/if}}
46
- {{#if isShowRecommendedList}}
47
- <div class="udex-search-suggestions__block" role="treeitem">
48
- {{#if recommendedHeading}}
49
- <span class="udex-search-suggestions__heading" id="recommended-heading">{{recommendedHeading}}</span>
50
- {{/if}}
51
- <div class="udex-search-suggestions__list"
52
- role="listbox"
53
- aria-labelledby="recommended-heading"
54
- tabindex="0"
55
- @keydown="{{../handleKeyDownPopover}}">
56
- {{#each recommendedList}}
57
- {{#if this.hasCustomIcon}}
58
- <ui5-button
59
- id="{{id}}"
60
- icon="{{icon}}"
61
- type="Button"
62
- design="Default"
63
- class="udex-search-suggestions__item-button"
64
- title="{{title}}"
65
- accessible-name="{{suggestionDescription}}"
66
- tabindex="-1"
67
- role="option"
68
- @click="{{handleSelectItem}}">
69
- {{{text}}}
70
- </ui5-button>
71
- {{else}}
72
- <ui5-button
73
- id="{{id}}"
74
- type="Button"
75
- design="Default"
76
- class="udex-search-suggestions__item-button"
77
- accessible-name="{{suggestionDescription}}"
78
- title="{{title}}"
79
- tabindex="-1"
80
- role="option"
81
- @click="{{handleSelectItem}}">
82
- {{{text}}}
83
- </ui5-button>
84
- {{/if}}
85
- {{/each}}
86
- </div>
87
- </div>
88
- {{/if}}
89
- </div>
90
- {{/if}}
91
- </ui5-popover>
@@ -1,21 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
5
- import type SearchSuggestions from "../../SearchSuggestions.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-popover>`;}
9
- function block1 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`;}
10
- function block2 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="tree">${ this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined }</div>`;}
11
- function block3 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}
12
- function block4 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`;}
13
- function block5 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
14
- function block6 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block8.call(this, context, tags, suffix, item, index)) }</div></div>`;}
15
- function block7 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`;}
16
- function block8 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}
17
- function block9 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
18
- function block10 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
19
-
20
- function template(this: SearchSuggestions) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
21
- export default template;
@@ -1,32 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
5
- import type Search from "../../Search.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class="udex-search__icons">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}>` : html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class="udex-search__icons">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</ui5-popover>`;}
9
- function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
10
- function block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${ifDefined(this.effectivePlaceholder)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
11
- function block3 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block4.call(this, context, tags, suffix) : undefined }<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
12
- function block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`;}
13
- function block5 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${ifDefined(this.suggestionsDescription)}</span>`;}
14
- function block6 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></udex-button>`;}
15
- function block7 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`;}
16
- function block8 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></udex-button>`;}
17
- function block9 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></ui5-icon>`;}
18
- function block10 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-button>`;}
19
- function block11 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`;}
20
- function block12 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`;}
21
- function block13 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="tree">${ this.isShowSuggestedList ? block14.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block17.call(this, context, tags, suffix) : undefined }</div>`;}
22
- function block14 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.suggestedHeading ? block15.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block16.call(this, context, tags, suffix, item, index)) }</div></div>`;}
23
- function block15 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`;}
24
- function block16 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
25
- function block17 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.recommendedHeading ? block18.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block19.call(this, context, tags, suffix, item, index)) }</div></div>`;}
26
- function block18 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`;}
27
- function block19 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block20.call(this, context, tags, suffix, item, index) : block21.call(this, context, tags, suffix, item, index) }`;}
28
- function block20 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
29
- function block21 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
30
-
31
- function template(this: Search) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
32
- export default template;