@otto-de/b2b-core-components 1.34.0 → 1.36.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 (271) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/{p-d2f4db88.entry.js → p-01f2aca4.entry.js} +1 -1
  3. package/dist/b2b-core-components/p-02bb4145.entry.js +1 -0
  4. package/dist/b2b-core-components/{p-e512628d.entry.js → p-0cd95c1e.entry.js} +1 -1
  5. package/dist/b2b-core-components/{p-04f5748b.entry.js → p-0e994814.entry.js} +1 -1
  6. package/dist/b2b-core-components/p-0f0fcb25.entry.js +1 -0
  7. package/dist/b2b-core-components/{p-81cffff6.entry.js → p-121ead75.entry.js} +1 -1
  8. package/dist/b2b-core-components/{p-b9a6ad5d.entry.js → p-1875aef7.entry.js} +1 -1
  9. package/dist/b2b-core-components/{p-d163d252.entry.js → p-1a232e86.entry.js} +1 -1
  10. package/dist/b2b-core-components/{p-e3877fc1.entry.js → p-1e5732bb.entry.js} +1 -1
  11. package/dist/b2b-core-components/{p-a46674a7.entry.js → p-212d2e61.entry.js} +1 -1
  12. package/dist/b2b-core-components/p-22967672.entry.js +1 -0
  13. package/dist/b2b-core-components/{p-8aba659a.entry.js → p-253502a0.entry.js} +1 -1
  14. package/dist/b2b-core-components/{p-13d37dec.entry.js → p-2aaa326b.entry.js} +1 -1
  15. package/dist/b2b-core-components/{p-c8b5c7e2.entry.js → p-3752cc70.entry.js} +1 -1
  16. package/dist/b2b-core-components/{p-c086532b.entry.js → p-3b52a3fb.entry.js} +1 -1
  17. package/dist/b2b-core-components/{p-997a232e.entry.js → p-3c6abe16.entry.js} +1 -1
  18. package/dist/b2b-core-components/p-470378e2.entry.js +1 -0
  19. package/dist/b2b-core-components/{p-f9f9820a.entry.js → p-4b8c879e.entry.js} +1 -1
  20. package/dist/b2b-core-components/p-51086123.entry.js +1 -0
  21. package/dist/b2b-core-components/{p-0648230f.entry.js → p-696b9e54.entry.js} +1 -1
  22. package/dist/b2b-core-components/{p-d62e615b.entry.js → p-6b3788ae.entry.js} +1 -1
  23. package/dist/b2b-core-components/{p-371df3f8.entry.js → p-6f5dbb23.entry.js} +1 -1
  24. package/dist/b2b-core-components/{p-b4310b58.entry.js → p-6f607a94.entry.js} +1 -1
  25. package/dist/b2b-core-components/{p-66c435c1.entry.js → p-73db8251.entry.js} +1 -1
  26. package/dist/b2b-core-components/p-7d2fb5f3.entry.js +1 -0
  27. package/dist/b2b-core-components/{p-540a8b9c.entry.js → p-80104e55.entry.js} +1 -1
  28. package/dist/b2b-core-components/{p-0aa0c59a.entry.js → p-861dba01.entry.js} +1 -1
  29. package/dist/b2b-core-components/{p-17778cfc.entry.js → p-96211730.entry.js} +1 -1
  30. package/dist/b2b-core-components/{p-f3c0fe56.entry.js → p-98ee5fd5.entry.js} +1 -1
  31. package/dist/b2b-core-components/{p-2486830b.entry.js → p-9f0dbb21.entry.js} +1 -1
  32. package/dist/b2b-core-components/p-a2d97f5d.entry.js +1 -0
  33. package/dist/b2b-core-components/{p-a9c9552f.entry.js → p-a5cc60f3.entry.js} +1 -1
  34. package/dist/b2b-core-components/{p-c25832e1.entry.js → p-a95ed002.entry.js} +1 -1
  35. package/dist/b2b-core-components/p-abcbd1cc.entry.js +1 -0
  36. package/dist/b2b-core-components/{p-0ab41eb5.entry.js → p-acdcb8c8.entry.js} +1 -1
  37. package/dist/b2b-core-components/{p-c8cc1797.entry.js → p-b0abf9e3.entry.js} +1 -1
  38. package/dist/b2b-core-components/p-b95b2de3.entry.js +1 -0
  39. package/dist/b2b-core-components/{p-433a3f3e.entry.js → p-bb0f31a9.entry.js} +1 -1
  40. package/dist/b2b-core-components/{p-89e817e9.entry.js → p-bf1d5618.entry.js} +1 -1
  41. package/dist/b2b-core-components/{p-79a01d0d.entry.js → p-db898e98.entry.js} +1 -1
  42. package/dist/b2b-core-components/p-e52728b3.entry.js +1 -0
  43. package/dist/b2b-core-components/{p-8ae9c2fe.entry.js → p-ef93e944.entry.js} +1 -1
  44. package/dist/b2b-core-components/{p-4b27240b.entry.js → p-f9e61af5.entry.js} +1 -1
  45. package/dist/b2b-core-components/{p-c43e067a.entry.js → p-fa050815.entry.js} +1 -1
  46. package/dist/b2b-core-components/p-fdb7d12c.entry.js +1 -0
  47. package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
  48. package/dist/cjs/b2b-button_2.cjs.entry.js +1 -1
  49. package/dist/cjs/b2b-chip-component_2.cjs.entry.js +2 -2
  50. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  51. package/dist/cjs/b2b-custom-dropdown.cjs.entry.js +9 -5
  52. package/dist/cjs/b2b-dropdown.cjs.entry.js +72 -7
  53. package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +1 -1
  54. package/dist/cjs/b2b-flyout-menu.cjs.entry.js +3 -3
  55. package/dist/cjs/b2b-grid-col.cjs.entry.js +1 -1
  56. package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
  57. package/dist/cjs/b2b-grid.cjs.entry.js +1 -1
  58. package/dist/cjs/b2b-input-group_2.cjs.entry.js +16 -3
  59. package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
  60. package/dist/cjs/b2b-input-list-option.cjs.entry.js +30 -0
  61. package/dist/cjs/{b2b-input_2.cjs.entry.js → b2b-input.cjs.entry.js} +4 -28
  62. package/dist/cjs/b2b-label.cjs.entry.js +2 -2
  63. package/dist/cjs/b2b-modal.cjs.entry.js +2 -2
  64. package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +3 -3
  65. package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
  66. package/dist/cjs/b2b-progress-bar.cjs.entry.js +3 -3
  67. package/dist/cjs/b2b-radio-button.cjs.entry.js +2 -2
  68. package/dist/cjs/b2b-radio-group.cjs.entry.js +2 -2
  69. package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
  70. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +4 -4
  71. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
  72. package/dist/cjs/b2b-search.cjs.entry.js +1 -1
  73. package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
  74. package/dist/cjs/b2b-shimmer.cjs.entry.js +1 -1
  75. package/dist/cjs/b2b-snackbar.cjs.entry.js +4 -4
  76. package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
  77. package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
  78. package/dist/cjs/b2b-tab.cjs.entry.js +2 -2
  79. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +3 -3
  80. package/dist/cjs/b2b-table-row.cjs.entry.js +2 -2
  81. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +2 -2
  82. package/dist/cjs/b2b-table.cjs.entry.js +2 -2
  83. package/dist/cjs/b2b-textarea.cjs.entry.js +2 -2
  84. package/dist/cjs/b2b-time-picker.cjs.entry.js +157 -0
  85. package/dist/cjs/b2b-toggle-button.cjs.entry.js +3 -3
  86. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +3 -3
  87. package/dist/cjs/b2b-toggle-group.cjs.entry.js +2 -2
  88. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +4 -4
  89. package/dist/cjs/b2b-tooltip.cjs.entry.js +3 -3
  90. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
  91. package/dist/cjs/b2b-wizard-step.cjs.entry.js +2 -2
  92. package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
  93. package/dist/cjs/index-668808fd.js +10 -2
  94. package/dist/cjs/loader.cjs.js +1 -1
  95. package/dist/collection/collection-manifest.json +1 -0
  96. package/dist/collection/components/background-box/background-box.css +2 -2
  97. package/dist/collection/components/background-box/background-box.e2e.js +1 -1
  98. package/dist/collection/components/background-box/background-box.stories.js +1 -1
  99. package/dist/collection/components/custom-dropdown/custom-dropdown.css +13 -1
  100. package/dist/collection/components/custom-dropdown/custom-dropdown.e2e.js +69 -0
  101. package/dist/collection/components/custom-dropdown/custom-dropdown.js +26 -4
  102. package/dist/collection/components/custom-dropdown/custom-dropdown.stories.js +11 -0
  103. package/dist/collection/components/dropdown/dropdown.css +11 -0
  104. package/dist/collection/components/dropdown/dropdown.e2e.js +54 -0
  105. package/dist/collection/components/dropdown/dropdown.js +90 -6
  106. package/dist/collection/components/dropdown/dropdown.stories.js +7 -2
  107. package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
  108. package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
  109. package/dist/collection/components/grid/column.js +1 -1
  110. package/dist/collection/components/grid/grid.js +1 -1
  111. package/dist/collection/components/grid/row.js +2 -2
  112. package/dist/collection/components/input/input.js +4 -4
  113. package/dist/collection/components/input-group/input-group.js +1 -1
  114. package/dist/collection/components/input-label/input-label.js +2 -2
  115. package/dist/collection/components/input-list/input-list-option.js +1 -1
  116. package/dist/collection/components/input-list/input-list.e2e.js +5 -5
  117. package/dist/collection/components/input-list/input-list.js +23 -6
  118. package/dist/collection/components/label/label.js +2 -2
  119. package/dist/collection/components/modal/modal.js +2 -2
  120. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +3 -3
  121. package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
  122. package/dist/collection/components/pagination/pagination.js +1 -1
  123. package/dist/collection/components/progress-bar/progress-bar.js +3 -3
  124. package/dist/collection/components/radio/radio.js +2 -2
  125. package/dist/collection/components/radio-group/radio-group.js +2 -2
  126. package/dist/collection/components/required-separator/required-separator.js +1 -1
  127. package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
  128. package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
  129. package/dist/collection/components/search/search.e2e.js +1 -1
  130. package/dist/collection/components/search/search.js +1 -1
  131. package/dist/collection/components/separator/separator.js +1 -1
  132. package/dist/collection/components/shimmer/shimmer.js +1 -1
  133. package/dist/collection/components/snackbar/snackbar.js +4 -4
  134. package/dist/collection/components/spinner/spinner.js +1 -1
  135. package/dist/collection/components/tab/tab.js +2 -2
  136. package/dist/collection/components/tab-group/tab-group.js +1 -1
  137. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  138. package/dist/collection/components/table/table-cell/table-cell.js +2 -2
  139. package/dist/collection/components/table/table-header/table-header.js +1 -1
  140. package/dist/collection/components/table/table-row/table-row.js +2 -2
  141. package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
  142. package/dist/collection/components/table/table.js +2 -2
  143. package/dist/collection/components/textarea/textarea.js +2 -2
  144. package/dist/collection/components/time-picker/time-picker.css +345 -0
  145. package/dist/collection/components/time-picker/time-picker.e2e.js +135 -0
  146. package/dist/collection/components/time-picker/time-picker.js +411 -0
  147. package/dist/collection/components/time-picker/time-picker.stories.js +80 -0
  148. package/dist/collection/components/toggle-button/toggle-button.js +3 -3
  149. package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
  150. package/dist/collection/components/toggle-group/toggle-group.js +2 -2
  151. package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
  152. package/dist/collection/components/tooltip/tooltip.js +3 -3
  153. package/dist/collection/components/wizard/wizard-step.js +2 -2
  154. package/dist/collection/components/wizard/wizard.js +1 -1
  155. package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
  156. package/dist/components/b2b-custom-dropdown.js +10 -5
  157. package/dist/components/b2b-dropdown.js +87 -8
  158. package/dist/components/b2b-flyout-menu-option.js +1 -1
  159. package/dist/components/b2b-flyout-menu.js +3 -3
  160. package/dist/components/b2b-grid-col.js +1 -1
  161. package/dist/components/b2b-grid-row.js +2 -2
  162. package/dist/components/b2b-grid.js +1 -1
  163. package/dist/components/b2b-label.js +2 -2
  164. package/dist/components/b2b-modal.js +2 -2
  165. package/dist/components/b2b-multiselect-dropdown.js +3 -3
  166. package/dist/components/b2b-pagination.js +1 -1
  167. package/dist/components/b2b-progress-bar.js +3 -3
  168. package/dist/components/b2b-radio-button.js +2 -2
  169. package/dist/components/b2b-radio-group.js +2 -2
  170. package/dist/components/b2b-required-separator.js +1 -1
  171. package/dist/components/b2b-scrollable-container.js +1 -1
  172. package/dist/components/b2b-search.js +1 -1
  173. package/dist/components/b2b-shimmer.js +1 -1
  174. package/dist/components/b2b-snackbar.js +4 -4
  175. package/dist/components/b2b-tab-group.js +1 -1
  176. package/dist/components/b2b-tab-panel.js +1 -1
  177. package/dist/components/b2b-tab.js +2 -2
  178. package/dist/components/b2b-table-row.js +2 -2
  179. package/dist/components/b2b-table-rowgroup.js +2 -2
  180. package/dist/components/b2b-table.js +2 -2
  181. package/dist/components/b2b-textarea.js +2 -2
  182. package/dist/components/b2b-time-picker.d.ts +11 -0
  183. package/dist/components/b2b-time-picker.js +200 -0
  184. package/dist/components/b2b-toggle-button.js +3 -3
  185. package/dist/components/b2b-toggle-chip.js +3 -3
  186. package/dist/components/b2b-toggle-group.js +2 -2
  187. package/dist/components/b2b-toggle-switch.js +4 -4
  188. package/dist/components/b2b-tooltip.js +3 -3
  189. package/dist/components/b2b-wizard-step.js +2 -2
  190. package/dist/components/b2b-wizard.js +1 -1
  191. package/dist/components/background-box.js +1 -1
  192. package/dist/components/input-group.js +1 -1
  193. package/dist/components/input-label.js +2 -2
  194. package/dist/components/input-list-option.js +1 -1
  195. package/dist/components/input-list.js +19 -4
  196. package/dist/components/input.js +4 -4
  197. package/dist/components/multiselect-option.js +2 -2
  198. package/dist/components/rounded-icon.js +4 -4
  199. package/dist/components/separator.js +1 -1
  200. package/dist/components/spinner.js +1 -1
  201. package/dist/components/table-cell.js +2 -2
  202. package/dist/components/table-header.js +1 -1
  203. package/dist/components/wizard-icon.js +1 -1
  204. package/dist/custom-elements.json +64 -0
  205. package/dist/esm/b2b-background-box.entry.js +1 -1
  206. package/dist/esm/b2b-button_2.entry.js +1 -1
  207. package/dist/esm/b2b-chip-component_2.entry.js +2 -2
  208. package/dist/esm/b2b-core-components.js +1 -1
  209. package/dist/esm/b2b-custom-dropdown.entry.js +9 -5
  210. package/dist/esm/b2b-dropdown.entry.js +72 -7
  211. package/dist/esm/b2b-flyout-menu-option.entry.js +1 -1
  212. package/dist/esm/b2b-flyout-menu.entry.js +3 -3
  213. package/dist/esm/b2b-grid-col.entry.js +1 -1
  214. package/dist/esm/b2b-grid-row.entry.js +2 -2
  215. package/dist/esm/b2b-grid.entry.js +1 -1
  216. package/dist/esm/b2b-input-group_2.entry.js +16 -3
  217. package/dist/esm/b2b-input-label.entry.js +2 -2
  218. package/dist/esm/b2b-input-list-option.entry.js +26 -0
  219. package/dist/esm/{b2b-input_2.entry.js → b2b-input.entry.js} +5 -28
  220. package/dist/esm/b2b-label.entry.js +2 -2
  221. package/dist/esm/b2b-modal.entry.js +2 -2
  222. package/dist/esm/b2b-multiselect-dropdown.entry.js +3 -3
  223. package/dist/esm/b2b-pagination.entry.js +1 -1
  224. package/dist/esm/b2b-progress-bar.entry.js +3 -3
  225. package/dist/esm/b2b-radio-button.entry.js +2 -2
  226. package/dist/esm/b2b-radio-group.entry.js +2 -2
  227. package/dist/esm/b2b-required-separator.entry.js +1 -1
  228. package/dist/esm/b2b-rounded-icon.entry.js +4 -4
  229. package/dist/esm/b2b-scrollable-container.entry.js +1 -1
  230. package/dist/esm/b2b-search.entry.js +1 -1
  231. package/dist/esm/b2b-separator.entry.js +1 -1
  232. package/dist/esm/b2b-shimmer.entry.js +1 -1
  233. package/dist/esm/b2b-snackbar.entry.js +4 -4
  234. package/dist/esm/b2b-tab-group.entry.js +1 -1
  235. package/dist/esm/b2b-tab-panel.entry.js +1 -1
  236. package/dist/esm/b2b-tab.entry.js +2 -2
  237. package/dist/esm/b2b-table-cell_2.entry.js +3 -3
  238. package/dist/esm/b2b-table-row.entry.js +2 -2
  239. package/dist/esm/b2b-table-rowgroup.entry.js +2 -2
  240. package/dist/esm/b2b-table.entry.js +2 -2
  241. package/dist/esm/b2b-textarea.entry.js +2 -2
  242. package/dist/esm/b2b-time-picker.entry.js +153 -0
  243. package/dist/esm/b2b-toggle-button.entry.js +3 -3
  244. package/dist/esm/b2b-toggle-chip.entry.js +3 -3
  245. package/dist/esm/b2b-toggle-group.entry.js +2 -2
  246. package/dist/esm/b2b-toggle-switch.entry.js +4 -4
  247. package/dist/esm/b2b-tooltip.entry.js +3 -3
  248. package/dist/esm/b2b-wizard-icon.entry.js +1 -1
  249. package/dist/esm/b2b-wizard-step.entry.js +2 -2
  250. package/dist/esm/b2b-wizard.entry.js +1 -1
  251. package/dist/esm/index-ab9eb36d.js +10 -2
  252. package/dist/esm/loader.js +1 -1
  253. package/dist/types/components/custom-dropdown/custom-dropdown.d.ts +2 -0
  254. package/dist/types/components/custom-dropdown/custom-dropdown.stories.d.ts +3 -0
  255. package/dist/types/components/dropdown/dropdown.d.ts +9 -1
  256. package/dist/types/components/dropdown/dropdown.stories.d.ts +1 -0
  257. package/dist/types/components/input-list/input-list.d.ts +4 -1
  258. package/dist/types/components/time-picker/time-picker.d.ts +50 -0
  259. package/dist/types/components/time-picker/time-picker.stories.d.ts +10 -0
  260. package/dist/types/components.d.ts +134 -2
  261. package/dist/web-types.json +165 -4
  262. package/package.json +2 -2
  263. package/dist/b2b-core-components/p-04ac661d.entry.js +0 -1
  264. package/dist/b2b-core-components/p-24c6aa56.entry.js +0 -1
  265. package/dist/b2b-core-components/p-260dcc05.entry.js +0 -1
  266. package/dist/b2b-core-components/p-4e0ed246.entry.js +0 -1
  267. package/dist/b2b-core-components/p-b175fb79.entry.js +0 -1
  268. package/dist/b2b-core-components/p-b481eb09.entry.js +0 -1
  269. package/dist/b2b-core-components/p-dff37884.entry.js +0 -1
  270. package/dist/b2b-core-components/p-e8151556.entry.js +0 -1
  271. package/dist/b2b-core-components/p-e90d3aba.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
 
3
- const backgroundBoxCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-background-box){display:block;background:var(--b2b-color-background-box);border:var(--b2b-size-1) solid var(--b2b-color-border-100);padding:1.5rem}:host(.b2b-background-box--max-width.b2b-background-box--no-padding){max-width:75.75rem;padding:unset}:host(.b2b-background-box--max-width){max-width:72.75rem}:host(.b2b-background-box--no-padding){padding:unset}:host(.b2b-background-box--hide-border-top){border-top:0}:host(.b2b-background-box--hide-border-right){border-right:0}:host(.b2b-background-box--hide-border-bottom){border-bottom:0}:host(.b2b-background-box--hide-border-left){border-left:0}";
3
+ const backgroundBoxCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-background-box){display:block;background:var(--b2b-color-background-box);border:var(--b2b-size-1) solid var(--b2b-color-border-100);padding:1.5rem}:host(.b2b-background-box--max-width.b2b-background-box--no-padding){max-width:90rem;padding:unset}:host(.b2b-background-box--max-width){max-width:90rem}:host(.b2b-background-box--no-padding){padding:unset}:host(.b2b-background-box--hide-border-top){border-top:0}:host(.b2b-background-box--hide-border-right){border-right:0}:host(.b2b-background-box--hide-border-bottom){border-bottom:0}:host(.b2b-background-box--hide-border-left){border-left:0}";
4
4
  const B2bBackgroundBoxStyle0 = backgroundBoxCss;
5
5
 
6
6
  const BackgroundBoxComponent = /*@__PURE__*/ proxyCustomElement(class BackgroundBoxComponent extends HTMLElement {
@@ -56,7 +56,7 @@ const B2BInputGroup = /*@__PURE__*/ proxyCustomElement(class B2BInputGroup exten
56
56
  }
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: '30fc190f60b27b6f11fdcc7ed37cc95eee557e5e' }, h("div", { key: '054b44ad5994365e1ea8034a854e2d1b23c6d5e2', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '73b19a2684e84873ada8ec3b2f5c4f465f1fb382', name: "start" }), h("slot", { key: 'f0d15628f49e1d7c83eafaa7a631bd71a673ff97' }), h("slot", { key: '00209dc3c6bf3b3e4418e79dcb6387effc0d8531', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
59
+ return (h(Host, { key: 'fa99a4e2f8a5923b14d6304378fc574e8fa0f451' }, h("div", { key: 'ac085ec1ba4ae6566e29192fcf41487a5aeaf2dd', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '9412332e469771720376b5d16b101b21867a29ad', name: "start" }), h("slot", { key: 'eb2201d7243365abd486e6a17c99ba84e942415d' }), h("slot", { key: 'c4d8b4c1b837de6bf80049d8b94e402dbb1e663d', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
60
60
  'b2b-input-wrapper__hint': true,
61
61
  'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
62
62
  } }, this.invalid && !this.disabled ? this.error : this.hint))));
@@ -12,11 +12,11 @@ const InputLabelComponent = /*@__PURE__*/ proxyCustomElement(class InputLabelCom
12
12
  this.disabled = false;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '87fe33e03bfe683d013e8d992bba9e3863834514' }, h("label", { key: 'e88216535eb3d9638fc75a638daffb81bcdf0bb1', class: {
15
+ return (h(Host, { key: '8cdefd0d3cafc0bdf9dba5fa7a15080a4a288379' }, h("label", { key: '04d4659be8363b1b8760c94e5607a3048e02cebf', class: {
16
16
  'b2b-input-label': true,
17
17
  'b2b-input-label--required': this.required,
18
18
  'b2b-input-label--disabled': this.disabled,
19
- } }, h("slot", { key: 'cf1736baaf9fd224071f3e21122c263b9865c318' }))));
19
+ } }, h("slot", { key: 'a858c509020588bb10669c4fa0bc682ba97a5675' }))));
20
20
  }
21
21
  get hostElement() { return this; }
22
22
  static get style() { return B2bInputLabelStyle0; }
@@ -19,7 +19,7 @@ const InputListOptionComponent = /*@__PURE__*/ proxyCustomElement(class InputLis
19
19
  }
20
20
  }
21
21
  render() {
22
- return (h(Host, { key: '566b7cf1696550467c5b8c29cedccf5f8821dc6e', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
22
+ return (h(Host, { key: 'e9c7180cdbf328d435b5bcac76e4e11a234d4dcc', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
23
23
  }
24
24
  static get style() { return B2bInputListOptionStyle0; }
25
25
  }, [0, "b2b-input-list-option", {
@@ -1,4 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
+ import { p as parsePropToArray } from './json-property-binding-util.js';
2
3
  import { d as defineCustomElement$4 } from './icon-100.js';
3
4
  import { d as defineCustomElement$3 } from './input.js';
4
5
  import { d as defineCustomElement$2 } from './input-label.js';
@@ -33,6 +34,11 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
33
34
  // needed to trigger re-render
34
35
  this.handleInput = event => {
35
36
  this.value = event.detail.value;
37
+ const term = event.target.value.toLowerCase();
38
+ const list = parsePropToArray(this.optionsList);
39
+ this.currentList =
40
+ term === '' ? list : list.filter(o => o.toLowerCase().includes(term));
41
+ this.searchValue = term;
36
42
  if (this.value === '' || null || undefined) {
37
43
  this.setElementOnBlur();
38
44
  }
@@ -93,7 +99,13 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
93
99
  this.disabled = false;
94
100
  this.groupDisabled = false;
95
101
  this.hasOptionList = this.optionsList.length > 0;
102
+ this.currentList = [];
96
103
  this.isElementFocused = false;
104
+ this.searchValue = '';
105
+ }
106
+ componentWillLoad() {
107
+ this.currentList = parsePropToArray(this.optionsList);
108
+ this.hasOptionList = this.optionsList.length > 0;
97
109
  }
98
110
  handleKeyDown(event) {
99
111
  /** we need to be informed when a user changes focus to the clear button
@@ -141,6 +153,7 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
141
153
  }
142
154
  watchPropHandler(newList) {
143
155
  this.hasOptionList = newList.length > 0;
156
+ this.currentList = [...newList];
144
157
  }
145
158
  /* Notes:
146
159
  Needs onFocusin and onFocusout in the Host element so that the click would
@@ -149,13 +162,13 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
149
162
  */
150
163
  render() {
151
164
  const groupOrderClass = this.getGroupOrderClassName() || '';
152
- return (h(Host, { key: 'c22a6a73eca142a88eb7cc3f4c975b579df1d709', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '3fb28f6a327c958fcf9d178c4d1814915a13ad3a', class: {
165
+ return (h(Host, { key: 'a3b50598632e6a0a796a9eb141f26fe12b29e8be', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '9d7e4f051f2593947ce3cbf5602f6a4a602fbdfc', class: {
153
166
  'b2b-input-list': true,
154
167
  'b2b-input-list__options-on': this.hasOptionList &&
155
168
  this.isElementFocused &&
156
169
  Boolean(this.value),
157
170
  [groupOrderClass]: true,
158
- } }, h("b2b-input", { key: '2cd2ba2a073ca4b1980ac5621b60f0ee351e5cca', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
171
+ } }, h("b2b-input", { key: '654211622b3bc8094ce6b20edd2b3c19f2ac28c3', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.currentList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
159
172
  }
160
173
  get hostElement() { return this; }
161
174
  static get watchers() { return {
@@ -166,12 +179,14 @@ const InputListComponent = /*@__PURE__*/ proxyCustomElement(class InputListCompo
166
179
  "label": [1],
167
180
  "required": [516],
168
181
  "placeholder": [513],
169
- "optionsList": [16],
182
+ "optionsList": [1, "options-list"],
170
183
  "value": [1537],
171
184
  "disabled": [516],
172
185
  "groupDisabled": [4, "group-disabled"],
173
186
  "hasOptionList": [32],
174
- "isElementFocused": [32]
187
+ "currentList": [32],
188
+ "isElementFocused": [32],
189
+ "searchValue": [32]
175
190
  }, [[0, "keydown", "handleKeyDown"]], {
176
191
  "optionsList": ["watchPropHandler"]
177
192
  }]);
@@ -106,18 +106,18 @@ const InputComponent = /*@__PURE__*/ proxyCustomElement(class InputComponent ext
106
106
  this.filterHintSlotContent();
107
107
  }
108
108
  render() {
109
- return (h(Host, { key: 'b18e9dad8fdc84804b77049fd7b94c6b05541c3f', class: {
109
+ return (h(Host, { key: '69031aea30430dd03e384611a5f351f9e4411583', class: {
110
110
  'b2b-input': true,
111
111
  'b2b-input--error': this.invalid && !this.disabled,
112
- } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '655f632484049add498904c26d766670eb3b9203', class: {
112
+ } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '5e17439f86886dd04cf3a0bc42f83e75c060e3d9', class: {
113
113
  'b2b-input__wrapper': true,
114
114
  'b2b-input__wrapper--focused': this.hasFocus,
115
115
  'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
116
- } }, h("slot", { key: '1d0650fa02aa56cf183a8c3c89e5791a53c54944', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: '88e9aa5076bd6dd59eafac8491d6fafc9eec8b5e', class: {
116
+ } }, h("slot", { key: '69d66dec8cdd7bf0de111e32395812bdee4fe006', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'e2fd5a7753d9543dc0093dba0a611f653a5862df', class: {
117
117
  'b2b-input__native-input': true,
118
118
  ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
119
119
  'b2b-input__native-input--disabled': this.disabled || this.groupDisabled,
120
- }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: 'c93445fb93de27a7e1d4681bc7a48d44bb8baa1a', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
120
+ }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.focusOnLoad, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '28bc5adffc6b4144e87904a9a059fd609661ac75', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
121
121
  (!this.invalid || this.disabled || this.groupDisabled) ? (h("span", null, h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
122
122
  }
123
123
  get hostElement() { return this; }
@@ -24,9 +24,9 @@ const B2bMultiSelectOption = /*@__PURE__*/ proxyCustomElement(class B2bMultiSele
24
24
  }
25
25
  render() {
26
26
  var _a;
27
- return (h(Host, { key: '0147313a2d52d7cdf334f118f8a5eae6fb2a73df', role: "option", class: {
27
+ return (h(Host, { key: 'f1a1faa0a97e00af9fbfa291aba3c53ea92ad44c', role: "option", class: {
28
28
  'b2b-multiselect-dropdown__option': true,
29
- } }, h("b2b-checkbox", { key: 'bf1504c0924dbda95990369b31c010804b2ceac7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
29
+ } }, h("b2b-checkbox", { key: '251ccb65111ecb72b57c19786df65a11a1432ab7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
30
30
  }
31
31
  static get style() { return B2bMultiselectOptionStyle0; }
32
32
  }, [0, "b2b-multiselect-option", {
@@ -13,16 +13,16 @@ const RoundedIconComponent = /*@__PURE__*/ proxyCustomElement(class RoundedIconC
13
13
  this.contentColor = 'var(--b2b-color-copy-default)';
14
14
  }
15
15
  render() {
16
- return (h(Host, { key: '1d7eea4ad65056f16127e2029811239e0540560b' }, h("div", { key: '153f0ace757daff8776fac4fbe1cc9a05e9c0dfa', style: {
16
+ return (h(Host, { key: '913fba2af4e94c6e7d216077cea966fcb82890e2' }, h("div", { key: '78d110134ffcbba85ab5f5bdb2a70680986503f0', style: {
17
17
  ['background-color']: this.color,
18
18
  ['border']: `1px solid ${this.borderColor || this.color}`,
19
19
  }, class: {
20
20
  'b2b-rounded-icon': true,
21
- } }, h("div", { key: '7b28d41d6d5cb38c21aa4487cca0ce070663909a', style: {
21
+ } }, h("div", { key: 'b4b397689fb44687dd1cdc588ac3ebc12d655d19', style: {
22
22
  ['color']: this.contentColor,
23
- } }, h("slot", { key: '32e90de259f352aff82118dd1f9904475fc875e2', name: "icon" })), h("div", { key: '38f7a97f95191cd039a4bbbcf20a9b5ce1826a8e', style: {
23
+ } }, h("slot", { key: '1d7fe83ff0e4ea10ee9d4bc6cd24346ee5ef2b5e', name: "icon" })), h("div", { key: '0d820dcc8d71da4932f1c2a969d80decfacbee7b', style: {
24
24
  ['color']: this.contentColor,
25
- } }, h("slot", { key: 'e994e7fbd49f656c865ce8517833be0d6bbb852e', name: "text" })))));
25
+ } }, h("slot", { key: 'be1ee3143843af1227fc48d58fb47498acd615e0', name: "text" })))));
26
26
  }
27
27
  static get style() { return B2bRoundedIconStyle0; }
28
28
  }, [1, "b2b-rounded-icon", {
@@ -11,7 +11,7 @@ const B2bSeparatorComponent = /*@__PURE__*/ proxyCustomElement(class B2bSeparato
11
11
  this.alignment = 'horizontal';
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: 'f1ab4806be7ac4128d95a047421be58502b0cadf' }, h("div", { key: 'c478fc67a79c15a6d74af39eb6747d25d3d58922', class: {
14
+ return (h(Host, { key: '3d72ec054841ab058eaf6e57f222001690fc253f' }, h("div", { key: '4638385437636a79b35a5254dd920d85a2531800', class: {
15
15
  [`b2b-separator--${this.alignment}`]: true,
16
16
  } })));
17
17
  }
@@ -12,7 +12,7 @@ const SpinnerComponent = /*@__PURE__*/ proxyCustomElement(class SpinnerComponent
12
12
  this.color = 'primary';
13
13
  }
14
14
  render() {
15
- return (h("div", { key: '0d638dd6efcfd16c740a35d99f99f0432e50ae67', class: {
15
+ return (h("div", { key: '0c447cbf277dcfe6f91ab0d3537262a5757b789c', class: {
16
16
  'b2b-spinner': true,
17
17
  ['b2b-spinner--size-' + this.size]: true,
18
18
  ['b2b-spinner--color-' + this.color]: true,
@@ -42,14 +42,14 @@ const TableCellComponent = /*@__PURE__*/ proxyCustomElement(class TableCellCompo
42
42
  }
43
43
  }
44
44
  render() {
45
- return (h(Host, { key: '285cee3af71e3d05dd2916f771fe36e47e001998', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
45
+ return (h(Host, { key: '31a2402a856935d1441e5b7225adcb98fa092e02', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
46
46
  'b2b-table-cell': true,
47
47
  ['b2b-table-cell--colspan']: this.size === TableSizes.COLSPAN,
48
48
  ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
49
49
  ['b2b-table-cell--' + this.align]: true,
50
50
  ['b2b-table-cell--divider']: this.divider,
51
51
  [`b2b-table-cell-color-${this.color}`]: true,
52
- }, role: "cell" }, h("slot", { key: 'd0812f47d90ee1b225110855df1c8918960505e7' })));
52
+ }, role: "cell" }, h("slot", { key: '82c708c878e124e34ec189df23947634e5172e9b' })));
53
53
  }
54
54
  get host() { return this; }
55
55
  static get style() { return B2bTableCellStyle0; }
@@ -77,7 +77,7 @@ const TableHeaderComponent = /*@__PURE__*/ proxyCustomElement(class TableHeaderC
77
77
  this.setIconPlacement();
78
78
  }
79
79
  render() {
80
- return (h(Host, { key: '9b0df06a2325c4bac0e64f1a3b1dadec9150b14b', class: {
80
+ return (h(Host, { key: '191554770ee6fc218ece0f555dd2aca07637623a', class: {
81
81
  [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
82
82
  'b2b-table-header--divider': this.divider,
83
83
  [`b2b-table-header--${this.size}`]: true,
@@ -16,7 +16,7 @@ const WizardIconComponent = /*@__PURE__*/ proxyCustomElement(class WizardIconCom
16
16
  this.checkIcon = true;
17
17
  }
18
18
  render() {
19
- return (h(Host, { key: '7525116ebb5564170b75a07d619777a3a8d5dbac' }, h("div", { key: 'af75be9343349999f705cc5d2990b14e90d42c65', class: {
19
+ return (h(Host, { key: '2b192e2eccfee0dd27006039ba0f8e3878e296db' }, h("div", { key: '79d0eb8d6713117b69643e745e07f2b2feb23b01', class: {
20
20
  'b2b-wizard-icon': true,
21
21
  } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon-100", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
22
22
  }
@@ -512,6 +512,21 @@
512
512
  "value": ""
513
513
  },
514
514
  "attributes": [
515
+ {
516
+ "name": "alignment",
517
+ "description": "The horizontal alignment of the dropdown. Can be 'left', 'center', or 'right'. Default is 'left'.",
518
+ "values": [
519
+ {
520
+ "name": "center"
521
+ },
522
+ {
523
+ "name": "left"
524
+ },
525
+ {
526
+ "name": "right"
527
+ }
528
+ ]
529
+ },
515
530
  {
516
531
  "name": "auto-disable-search",
517
532
  "description": "Search is automatically disabled for lists with fewer than six options."
@@ -893,6 +908,10 @@
893
908
  {
894
909
  "name": "required",
895
910
  "description": "Adds an asterisk at the end of the label to signify that the field is required."
911
+ },
912
+ {
913
+ "name": "search",
914
+ "description": "Enables the search functionality when set to true within the dropdown. By default search is disabled."
896
915
  }
897
916
  ]
898
917
  },
@@ -3788,6 +3807,10 @@
3788
3807
  "name": "label",
3789
3808
  "description": "The input label."
3790
3809
  },
3810
+ {
3811
+ "name": "options-list",
3812
+ "description": "The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire."
3813
+ },
3791
3814
  {
3792
3815
  "name": "placeholder",
3793
3816
  "description": "The placeholder shown in the input field."
@@ -4740,6 +4763,47 @@
4740
4763
  }
4741
4764
  ]
4742
4765
  },
4766
+ {
4767
+ "name": "b2b-time-picker",
4768
+ "description": {
4769
+ "kind": "markdown",
4770
+ "value": ""
4771
+ },
4772
+ "attributes": [
4773
+ {
4774
+ "name": "error",
4775
+ "description": "The error message that is shown if the input is invalid."
4776
+ },
4777
+ {
4778
+ "name": "hint",
4779
+ "description": "The hint text that appears underneath the time picker field."
4780
+ },
4781
+ {
4782
+ "name": "interval",
4783
+ "description": "The interval in minutes for the time options. Default is 15 minutes."
4784
+ },
4785
+ {
4786
+ "name": "invalid",
4787
+ "description": "Whether the time picker is currently invalid. If true, the time picker is rendered with error styles. Per default, it is false."
4788
+ },
4789
+ {
4790
+ "name": "label",
4791
+ "description": "The time picker label."
4792
+ },
4793
+ {
4794
+ "name": "placeholder",
4795
+ "description": "The placeholder for the time picker input field."
4796
+ },
4797
+ {
4798
+ "name": "required",
4799
+ "description": "Adds an asterisk at the end of the label to signify that the field is required."
4800
+ },
4801
+ {
4802
+ "name": "value",
4803
+ "description": "The value of the time picker. It has to be in the format \"hh:mm\"."
4804
+ }
4805
+ ]
4806
+ },
4743
4807
  {
4744
4808
  "name": "b2b-toggle-button",
4745
4809
  "description": {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-ab9eb36d.js';
2
2
 
3
- const backgroundBoxCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-background-box){display:block;background:var(--b2b-color-background-box);border:var(--b2b-size-1) solid var(--b2b-color-border-100);padding:1.5rem}:host(.b2b-background-box--max-width.b2b-background-box--no-padding){max-width:75.75rem;padding:unset}:host(.b2b-background-box--max-width){max-width:72.75rem}:host(.b2b-background-box--no-padding){padding:unset}:host(.b2b-background-box--hide-border-top){border-top:0}:host(.b2b-background-box--hide-border-right){border-right:0}:host(.b2b-background-box--hide-border-bottom){border-bottom:0}:host(.b2b-background-box--hide-border-left){border-left:0}";
3
+ const backgroundBoxCss = ":root,:host{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-color-background-overlay-transparent-80:#22222280;--b2b-color-background-overlay-transparent-40:#22222240;--b2b-color-table-selected-default:#CCE9FF;--b2b-color-table-expand-hover:#DBE7FA;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-size-icon-50:var(--b2b-size-40);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-400:var(--b2b-size-60)}:root [data-theme=\"dark\"]{--b2b-color-black-50:#333333;--b2b-color-black-100:#222222;--b2b-color-white-100:#FFFFFF;--b2b-color-grey-10:#F0F0F0;--b2b-color-grey-25:#F6F6F6;--b2b-color-grey-50:#EEEEEE;--b2b-color-grey-100:#E6E6E6;--b2b-color-grey-150:#D5D5D5;--b2b-color-grey-200:#C4C4C4;--b2b-color-grey-250:#B1B1B1;--b2b-color-grey-300:#9E9E9E;--b2b-color-grey-400:#777777;--b2b-color-red-50:#FFDDE3;--b2b-color-red-100:#D4021D;--b2b-color-red-150:#E6344B;--b2b-color-red-200:#BB0004;--b2b-color-red-250:#850012;--b2b-color-blue-10:#F2F7FF;--b2b-color-blue-25:#DBE7FA;--b2b-color-blue-50:#87B1F0;--b2b-color-blue-100:#0F63E1;--b2b-color-blue-200:#093E90;--b2b-color-primary:#D4021D;--b2b-color-error-100:#E6344B;--b2b-color-warning-50:#FFD998;--b2b-color-warning-100:#FFB432;--b2b-color-success-50:#D6E0CC;--b2b-color-success-100:#326400;--b2b-color-info-50:#CCD6E0;--b2b-color-info-100:#003264;--b2b-color-hover-default:#DBE7FA;--b2b-color-hover-black:#3B3B3B;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-font-weight-thin:100;--b2b-font-weight-normal:500;--b2b-font-weight-bold:700;--b2b-size-1:0.0625rem;--b2b-size-5:0.125rem;--b2b-size-7:0.1875rem;--b2b-size-10:0.25rem;--b2b-size-13:0.3125rem;--b2b-size-15:0.375rem;--b2b-size-20:0.5rem;--b2b-size-25:0.625rem;--b2b-size-30:0.75rem;--b2b-size-35:0.875rem;--b2b-size-40:1rem;--b2b-size-45:1.125rem;--b2b-size-50:1.25rem;--b2b-size-53:1.3125rem;--b2b-size-55:1.375rem;--b2b-size-60:1.5rem;--b2b-size-70:1.75rem;--b2b-size-80:2rem;--b2b-size-90:2.25rem;--b2b-size-100:2.5rem;--b2b-size-120:3rem;--b2b-size-140:3.5rem;--b2b-size-150:3.75rem;--b2b-size-160:4rem;--b2b-size-200:5rem;--b2b-color-error-50:var(--b2b-color-red-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-inverted:var(--b2b-color-black-100)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host(.b2b-background-box){display:block;background:var(--b2b-color-background-box);border:var(--b2b-size-1) solid var(--b2b-color-border-100);padding:1.5rem}:host(.b2b-background-box--max-width.b2b-background-box--no-padding){max-width:90rem;padding:unset}:host(.b2b-background-box--max-width){max-width:90rem}:host(.b2b-background-box--no-padding){padding:unset}:host(.b2b-background-box--hide-border-top){border-top:0}:host(.b2b-background-box--hide-border-right){border-right:0}:host(.b2b-background-box--hide-border-bottom){border-bottom:0}:host(.b2b-background-box--hide-border-left){border-left:0}";
4
4
  const B2bBackgroundBoxStyle0 = backgroundBoxCss;
5
5
 
6
6
  const BackgroundBoxComponent = class {
@@ -89,7 +89,7 @@ const SpinnerComponent = class {
89
89
  this.color = 'primary';
90
90
  }
91
91
  render() {
92
- return (h("div", { key: '0d638dd6efcfd16c740a35d99f99f0432e50ae67', class: {
92
+ return (h("div", { key: '0c447cbf277dcfe6f91ab0d3537262a5757b789c', class: {
93
93
  'b2b-spinner': true,
94
94
  ['b2b-spinner--size-' + this.size]: true,
95
95
  ['b2b-spinner--color-' + this.color]: true,
@@ -67,9 +67,9 @@ const B2bMultiSelectOption = class {
67
67
  }
68
68
  render() {
69
69
  var _a;
70
- return (h(Host, { key: '0147313a2d52d7cdf334f118f8a5eae6fb2a73df', role: "option", class: {
70
+ return (h(Host, { key: 'f1a1faa0a97e00af9fbfa291aba3c53ea92ad44c', role: "option", class: {
71
71
  'b2b-multiselect-dropdown__option': true,
72
- } }, h("b2b-checkbox", { key: 'bf1504c0924dbda95990369b31c010804b2ceac7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
72
+ } }, h("b2b-checkbox", { key: '251ccb65111ecb72b57c19786df65a11a1432ab7', checked: this.selected, "onB2b-change": this.handleCheckboxChange, label: (_a = this.label) !== null && _a !== void 0 ? _a : this.option, indeterminate: this.indeterminate, value: this.option })));
73
73
  }
74
74
  };
75
75
  B2bMultiSelectOption.style = B2bMultiselectOptionStyle0;
@@ -16,5 +16,5 @@ const patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]],{\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-custom-dropdown\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days\",[[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input_2\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
19
+ return bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]],{\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-custom-dropdown\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-time-picker\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days\",[[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-list-option\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
20
20
  });