@siemens/ix 0.0.0-20240419081748 → 0.0.0-20240522073858

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 (838) hide show
  1. package/components/base-button.js +26 -3
  2. package/components/base-button.js.map +1 -1
  3. package/components/breadcrumb-item.js +1 -1
  4. package/components/breadcrumb-item.js.map +1 -1
  5. package/components/button.js +3 -3
  6. package/components/button.js.map +1 -1
  7. package/components/date-picker.js +4 -4
  8. package/components/date-picker.js.map +1 -1
  9. package/components/dropdown.js +139 -19
  10. package/components/dropdown.js.map +1 -1
  11. package/components/group-context-menu.js +1 -1
  12. package/components/group-context-menu.js.map +1 -1
  13. package/components/group-item.js +3 -3
  14. package/components/group-item.js.map +1 -1
  15. package/components/icon-button.js +2 -2
  16. package/components/icon-button.js.map +1 -1
  17. package/components/ix-blind.js +1 -1
  18. package/components/ix-blind.js.map +1 -1
  19. package/components/ix-category-filter.js +34 -10
  20. package/components/ix-category-filter.js.map +1 -1
  21. package/components/ix-date-dropdown.js +14 -5
  22. package/components/ix-date-dropdown.js.map +1 -1
  23. package/components/ix-event-list-item.js +5 -4
  24. package/components/ix-event-list-item.js.map +1 -1
  25. package/components/ix-event-list.js +26 -25
  26. package/components/ix-event-list.js.map +1 -1
  27. package/components/ix-form-field.js +1 -1
  28. package/components/ix-form-field.js.map +1 -1
  29. package/components/ix-group.js +16 -9
  30. package/components/ix-group.js.map +1 -1
  31. package/components/ix-icon-toggle-button.js +2 -2
  32. package/components/ix-icon-toggle-button.js.map +1 -1
  33. package/components/ix-input-group.js +1 -1
  34. package/components/ix-key-value-list.js +1 -1
  35. package/components/ix-kpi.js +3 -3
  36. package/components/ix-link-button.js +3 -3
  37. package/components/ix-map-navigation.js +2 -2
  38. package/components/ix-menu-about-item.js +1 -1
  39. package/components/ix-menu-about-news.js +4 -4
  40. package/components/ix-menu-about.js +1 -1
  41. package/components/ix-menu-about.js.map +1 -1
  42. package/components/ix-menu-avatar.js +2 -2
  43. package/components/ix-menu-category.js +5 -5
  44. package/components/ix-menu-settings-item.js +1 -1
  45. package/components/ix-menu.js +11 -11
  46. package/components/ix-menu.js.map +1 -1
  47. package/components/ix-message-bar.js +1 -1
  48. package/components/ix-modal-example.js +1 -1
  49. package/components/ix-modal-footer.js +1 -1
  50. package/components/ix-modal-loading.js +1 -1
  51. package/components/ix-pagination.js +3 -3
  52. package/components/ix-pagination.js.map +1 -1
  53. package/components/ix-pane-layout.js +1 -1
  54. package/components/ix-pill.js +4 -4
  55. package/components/ix-playground-internal.js +1 -1
  56. package/components/ix-split-button-item.js +1 -1
  57. package/components/ix-tile.js +4 -4
  58. package/components/ix-toggle-button.js +2 -2
  59. package/components/ix-toggle.js +2 -2
  60. package/components/ix-tree.js +1 -1
  61. package/components/ix-upload.js +3 -3
  62. package/components/ix-validation-tooltip.js +2 -2
  63. package/components/ix-workflow-step.js +4 -4
  64. package/components/ix-workflow-step.js.map +1 -1
  65. package/components/ix-workflow-steps.js +2 -2
  66. package/components/ix-workflow-steps.js.map +1 -1
  67. package/components/map-navigation-overlay.js +2 -2
  68. package/components/menu-avatar-item.js +1 -1
  69. package/components/menu-expand-icon.js +1 -1
  70. package/components/menu-item.js +2 -2
  71. package/components/modal-content.js +1 -1
  72. package/components/modal-header.js +1 -1
  73. package/components/row.js +1 -1
  74. package/components/select-item.js +9 -1
  75. package/components/select-item.js.map +1 -1
  76. package/components/select.js +161 -42
  77. package/components/select.js.map +1 -1
  78. package/components/spinner.js +1 -1
  79. package/components/tabs.js +2 -2
  80. package/components/time-picker.js +1 -1
  81. package/components/time-picker.js.map +1 -1
  82. package/components/toast.js +2 -2
  83. package/components/tooltip.js +5 -2
  84. package/components/tooltip.js.map +1 -1
  85. package/components/tree-item.js +4 -4
  86. package/dist/cjs/{app-globals-7ea20f68.js → app-globals-5cfdf2a0.js} +2 -2
  87. package/dist/cjs/{app-globals-7ea20f68.js.map → app-globals-5cfdf2a0.js.map} +1 -1
  88. package/dist/cjs/{base-button-2f74b19d.js → base-button-7c45a6c4.js} +27 -4
  89. package/dist/cjs/base-button-7c45a6c4.js.map +1 -0
  90. package/dist/cjs/{base-icon-button-848c77f2.js → base-icon-button-ac2fcf4b.js} +2 -2
  91. package/dist/cjs/{base-icon-button-848c77f2.js.map → base-icon-button-ac2fcf4b.js.map} +1 -1
  92. package/dist/cjs/{core-js-a890bac8.js → core-js-2fc351ee.js} +1 -1
  93. package/dist/cjs/{core-js-a890bac8.js.map → core-js-2fc351ee.js.map} +1 -1
  94. package/dist/cjs/dom-83fb07d8.js.map +1 -1
  95. package/dist/cjs/focus-9c8ffbb0.js +65 -0
  96. package/dist/cjs/focus-9c8ffbb0.js.map +1 -0
  97. package/dist/cjs/{index.es2017-0db94b91.js → index.es2017-0c2b80b6.js} +3 -3
  98. package/dist/cjs/{index.es2017-0db94b91.js.map → index.es2017-0c2b80b6.js.map} +1 -1
  99. package/dist/cjs/ix-avatar_2.cjs.entry.js +2 -2
  100. package/dist/cjs/ix-blind.cjs.entry.js +1 -1
  101. package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
  103. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ix-button.cjs.entry.js +4 -4
  105. package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ix-category-filter.cjs.entry.js +34 -11
  107. package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
  109. package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ix-date-dropdown.cjs.entry.js +11 -4
  111. package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ix-dropdown.cjs.entry.js +78 -18
  113. package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ix-event-list-item.cjs.entry.js +5 -4
  115. package/dist/cjs/ix-event-list-item.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ix-event-list.cjs.entry.js +26 -25
  117. package/dist/cjs/ix-event-list.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +8 -1
  119. package/dist/cjs/ix-filter-chip_2.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ix-form-field.cjs.entry.js +1 -1
  121. package/dist/cjs/ix-form-field.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
  123. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ix-group.cjs.entry.js +13 -7
  125. package/dist/cjs/ix-group.cjs.entry.js.map +1 -1
  126. package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -5
  127. package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
  128. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +4 -4
  129. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
  130. package/dist/cjs/ix-icon.entry-e95ddded.js +1533 -0
  131. package/dist/cjs/ix-icon.entry-e95ddded.js.map +1 -0
  132. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  133. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  134. package/dist/cjs/ix-kpi.cjs.entry.js +3 -3
  135. package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
  136. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +2 -2
  137. package/dist/cjs/ix-map-navigation.cjs.entry.js +2 -2
  138. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  139. package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
  140. package/dist/cjs/ix-menu-about.cjs.entry.js +1 -1
  141. package/dist/cjs/ix-menu-about.cjs.entry.js.map +1 -1
  142. package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
  143. package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
  144. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +2 -2
  145. package/dist/cjs/ix-menu-item.cjs.entry.js +2 -2
  146. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  147. package/dist/cjs/ix-menu.cjs.entry.js +11 -11
  148. package/dist/cjs/ix-menu.cjs.entry.js.map +1 -1
  149. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  150. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  151. package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
  152. package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
  153. package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
  154. package/dist/cjs/ix-pagination.cjs.entry.js +4 -4
  155. package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
  156. package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
  157. package/dist/cjs/ix-pill.cjs.entry.js +4 -4
  158. package/dist/cjs/ix-playground-internal.cjs.entry.js +1 -1
  159. package/dist/cjs/ix-select.cjs.entry.js +159 -39
  160. package/dist/cjs/ix-select.cjs.entry.js.map +1 -1
  161. package/dist/cjs/ix-split-button-item.cjs.entry.js +1 -1
  162. package/dist/cjs/ix-tab-item_2.cjs.entry.js +2 -2
  163. package/dist/cjs/ix-tile.cjs.entry.js +4 -4
  164. package/dist/cjs/ix-time-picker.cjs.entry.js +1 -1
  165. package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
  166. package/dist/cjs/ix-toast.cjs.entry.js +2 -2
  167. package/dist/cjs/ix-toggle-button.cjs.entry.js +3 -3
  168. package/dist/cjs/ix-toggle.cjs.entry.js +2 -2
  169. package/dist/cjs/ix-tooltip.cjs.entry.js +5 -2
  170. package/dist/cjs/ix-tooltip.cjs.entry.js.map +1 -1
  171. package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
  172. package/dist/cjs/ix-tree.cjs.entry.js +1 -1
  173. package/dist/cjs/ix-upload.cjs.entry.js +3 -3
  174. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +2 -2
  175. package/dist/cjs/ix-workflow-step.cjs.entry.js +4 -4
  176. package/dist/cjs/ix-workflow-step.cjs.entry.js.map +1 -1
  177. package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
  178. package/dist/cjs/ix-workflow-steps.cjs.entry.js.map +1 -1
  179. package/dist/cjs/loader.cjs.js +2 -2
  180. package/dist/cjs/siemens-ix.cjs.js +2 -2
  181. package/dist/collection/components/action-card/action-card.js.map +1 -1
  182. package/dist/collection/components/application/application.js.map +1 -1
  183. package/dist/collection/components/application-header/application-header.js.map +1 -1
  184. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js.map +1 -1
  185. package/dist/collection/components/application-header/test/application-header.ct.js.map +1 -1
  186. package/dist/collection/components/application-sidebar/application-sidebar.js.map +1 -1
  187. package/dist/collection/components/application-sidebar/events.js.map +1 -1
  188. package/dist/collection/components/avatar/avatar.js.map +1 -1
  189. package/dist/collection/components/avatar/test/avatar.ct.js.map +1 -1
  190. package/dist/collection/components/basic-navigation/basic-navigation.js.map +1 -1
  191. package/dist/collection/components/blind/blind.css +1 -1
  192. package/dist/collection/components/blind/blind.js.map +1 -1
  193. package/dist/collection/components/blind/test/blind.ct.js.map +1 -1
  194. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
  195. package/dist/collection/components/breadcrumb/test/breadcrumb.ct.js.map +1 -1
  196. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +181 -0
  197. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  198. package/dist/collection/components/button/base-button.js +25 -2
  199. package/dist/collection/components/button/base-button.js.map +1 -1
  200. package/dist/collection/components/button/button.css +181 -0
  201. package/dist/collection/components/button/button.js +7 -4
  202. package/dist/collection/components/button/button.js.map +1 -1
  203. package/dist/collection/components/button/test/button.ct.js +11 -0
  204. package/dist/collection/components/button/test/button.ct.js.map +1 -1
  205. package/dist/collection/components/button/test/button.spec.js.map +1 -1
  206. package/dist/collection/components/card/card.js.map +1 -1
  207. package/dist/collection/components/card-accordion/card-accordion.js.map +1 -1
  208. package/dist/collection/components/card-content/card-content.js.map +1 -1
  209. package/dist/collection/components/card-list/card-list.js.map +1 -1
  210. package/dist/collection/components/card-title/card-title.js.map +1 -1
  211. package/dist/collection/components/category-filter/category-filter.css +241 -24
  212. package/dist/collection/components/category-filter/category-filter.js +58 -9
  213. package/dist/collection/components/category-filter/category-filter.js.map +1 -1
  214. package/dist/collection/components/category-filter/filter-state.js.map +1 -1
  215. package/dist/collection/components/category-filter/input-state.js.map +1 -1
  216. package/dist/collection/components/category-filter/logical-filter-operator.js.map +1 -1
  217. package/dist/collection/components/chip/chip.js.map +1 -1
  218. package/dist/collection/components/col/col.js.map +1 -1
  219. package/dist/collection/components/content/content.js.map +1 -1
  220. package/dist/collection/components/content-header/content-header.js.map +1 -1
  221. package/dist/collection/components/css-grid/builder.js.map +1 -1
  222. package/dist/collection/components/css-grid/css-grid-item.js.map +1 -1
  223. package/dist/collection/components/css-grid/css-grid.js.map +1 -1
  224. package/dist/collection/components/date-dropdown/date-dropdown.js +33 -3
  225. package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
  226. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js +43 -0
  227. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +1 -1
  228. package/dist/collection/components/date-picker/date-picker.js +4 -4
  229. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  230. package/dist/collection/components/date-picker/test/date-picker.ct.js.map +1 -1
  231. package/dist/collection/components/date-time-card/date-time-card.js.map +1 -1
  232. package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
  233. package/dist/collection/components/datetime-picker/test/datetime-picker.ct.js.map +1 -1
  234. package/dist/collection/components/divider/divider.js.map +1 -1
  235. package/dist/collection/components/drawer/drawer.js.map +1 -1
  236. package/dist/collection/components/drawer/test/drawer.ct.js.map +1 -1
  237. package/dist/collection/components/drawer/test/drawer.spec.js.map +1 -1
  238. package/dist/collection/components/dropdown/dropdown-controller.js +19 -6
  239. package/dist/collection/components/dropdown/dropdown-controller.js.map +1 -1
  240. package/dist/collection/components/dropdown/dropdown.js +80 -12
  241. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  242. package/dist/collection/components/dropdown/placement.js.map +1 -1
  243. package/dist/collection/components/dropdown/test/dropdown-controller.spec.js.map +1 -1
  244. package/dist/collection/components/dropdown/test/dropdown.ct.js +42 -0
  245. package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
  246. package/dist/collection/components/dropdown-button/dropdown-button.js +1 -1
  247. package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
  248. package/dist/collection/components/dropdown-header/dropdown-header.js.map +1 -1
  249. package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -1
  250. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js.map +1 -1
  251. package/dist/collection/components/empty-state/empty-state.js.map +1 -1
  252. package/dist/collection/components/event-list/event-list.js +26 -25
  253. package/dist/collection/components/event-list/event-list.js.map +1 -1
  254. package/dist/collection/components/event-list/test/event-list.ct.js +61 -0
  255. package/dist/collection/components/event-list/test/event-list.ct.js.map +1 -0
  256. package/dist/collection/components/event-list/test/event-list.spec.js +0 -47
  257. package/dist/collection/components/event-list/test/event-list.spec.js.map +1 -1
  258. package/dist/collection/components/event-list-item/event-list-item.js +5 -4
  259. package/dist/collection/components/event-list-item/event-list-item.js.map +1 -1
  260. package/dist/collection/components/event-list-item/test/event-list-item.spec.js.map +1 -1
  261. package/dist/collection/components/expanding-search/expanding-search.js.map +1 -1
  262. package/dist/collection/components/expanding-search/test/expanding-search.ct.js.map +1 -1
  263. package/dist/collection/components/expanding-search/test/expanding-search.spec.js.map +1 -1
  264. package/dist/collection/components/filter-chip/filter-chip.js.map +1 -1
  265. package/dist/collection/components/flip-tile/flip-tile-state.js.map +1 -1
  266. package/dist/collection/components/flip-tile/flip-tile.js.map +1 -1
  267. package/dist/collection/components/flip-tile/test/flip-tile.ct.js.map +1 -1
  268. package/dist/collection/components/flip-tile-content/flip-tile-content.js.map +1 -1
  269. package/dist/collection/components/form-field/form-field.css +30 -12
  270. package/dist/collection/components/form-field/form-field.js.map +1 -1
  271. package/dist/collection/components/grid/layout-grid.js.map +1 -1
  272. package/dist/collection/components/group/group-context-menu.css +3 -0
  273. package/dist/collection/components/group/group-context-menu.js.map +1 -1
  274. package/dist/collection/components/group/group.js +16 -9
  275. package/dist/collection/components/group/group.js.map +1 -1
  276. package/dist/collection/components/group/test/group.ct.js +47 -0
  277. package/dist/collection/components/group/test/group.ct.js.map +1 -0
  278. package/dist/collection/components/group-item/group-item.css +9 -4
  279. package/dist/collection/components/group-item/group-item.js +2 -2
  280. package/dist/collection/components/group-item/group-item.js.map +1 -1
  281. package/dist/collection/components/icon-button/base-icon-button.js.map +1 -1
  282. package/dist/collection/components/icon-button/icon-button.css +181 -0
  283. package/dist/collection/components/icon-button/icon-button.js +6 -3
  284. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  285. package/dist/collection/components/icon-button/test/icon-button.ct.js.map +1 -1
  286. package/dist/collection/components/icon-button/test/icon-button.spec.js.map +1 -1
  287. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +181 -0
  288. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
  289. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
  290. package/dist/collection/components/input-group/input-group.js +1 -1
  291. package/dist/collection/components/input-group/input-group.js.map +1 -1
  292. package/dist/collection/components/input-group/tests/input-group.ct.js.map +1 -1
  293. package/dist/collection/components/key-value/key-value.js.map +1 -1
  294. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  295. package/dist/collection/components/key-value-list/key-value-list.js.map +1 -1
  296. package/dist/collection/components/kpi/kpi.js +3 -3
  297. package/dist/collection/components/kpi/kpi.js.map +1 -1
  298. package/dist/collection/components/link-button/link-button.js +3 -3
  299. package/dist/collection/components/link-button/link-button.js.map +1 -1
  300. package/dist/collection/components/map-navigation/map-navigation.js +2 -2
  301. package/dist/collection/components/map-navigation/map-navigation.js.map +1 -1
  302. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +2 -2
  303. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js.map +1 -1
  304. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  305. package/dist/collection/components/menu/menu-expand-icon.js.map +1 -1
  306. package/dist/collection/components/menu/menu.js +11 -11
  307. package/dist/collection/components/menu/menu.js.map +1 -1
  308. package/dist/collection/components/menu/test/menu.ct.js.map +1 -1
  309. package/dist/collection/components/menu-about/menu-about.js +2 -2
  310. package/dist/collection/components/menu-about/menu-about.js.map +1 -1
  311. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  312. package/dist/collection/components/menu-about-item/menu-about-item.js.map +1 -1
  313. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  314. package/dist/collection/components/menu-about-news/menu-about-news.js.map +1 -1
  315. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  316. package/dist/collection/components/menu-avatar/menu-avatar.js.map +1 -1
  317. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  318. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js.map +1 -1
  319. package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js.map +1 -1
  320. package/dist/collection/components/menu-category/enter-leave.js.map +1 -1
  321. package/dist/collection/components/menu-category/menu-category.js +5 -5
  322. package/dist/collection/components/menu-category/menu-category.js.map +1 -1
  323. package/dist/collection/components/menu-category/test/menu-category.ct.js.map +1 -1
  324. package/dist/collection/components/menu-item/menu-item.js +2 -2
  325. package/dist/collection/components/menu-item/menu-item.js.map +1 -1
  326. package/dist/collection/components/menu-item/test/menu-item.ct.js.map +1 -1
  327. package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
  328. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  329. package/dist/collection/components/menu-settings-item/menu-settings-item.js.map +1 -1
  330. package/dist/collection/components/message-bar/message-bar.js +1 -1
  331. package/dist/collection/components/message-bar/message-bar.js.map +1 -1
  332. package/dist/collection/components/message-bar/test/message-bar.spec.js.map +1 -1
  333. package/dist/collection/components/modal/modal.js.map +1 -1
  334. package/dist/collection/components/modal/test/modal.ct.js.map +1 -1
  335. package/dist/collection/components/modal-content/modal-content.js +1 -1
  336. package/dist/collection/components/modal-content/modal-content.js.map +1 -1
  337. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  338. package/dist/collection/components/modal-footer/modal-footer.js.map +1 -1
  339. package/dist/collection/components/modal-header/modal-header.js +1 -1
  340. package/dist/collection/components/modal-header/modal-header.js.map +1 -1
  341. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  342. package/dist/collection/components/modal-loading/modal-loading.js.map +1 -1
  343. package/dist/collection/components/pagination/pagination.css +181 -0
  344. package/dist/collection/components/pagination/pagination.js +2 -2
  345. package/dist/collection/components/pagination/pagination.js.map +1 -1
  346. package/dist/collection/components/pagination/test/pagination.ct.js.map +1 -1
  347. package/dist/collection/components/pagination/test/pagination.spec.js.map +1 -1
  348. package/dist/collection/components/pane/pane.js.map +1 -1
  349. package/dist/collection/components/pane/test/panes.ct.js.map +1 -1
  350. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  351. package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
  352. package/dist/collection/components/pane-layout/test/pane-layout.ct.js.map +1 -1
  353. package/dist/collection/components/pill/pill.js +4 -4
  354. package/dist/collection/components/pill/pill.js.map +1 -1
  355. package/dist/collection/components/playground/example-modal.js +1 -1
  356. package/dist/collection/components/playground/example-modal.js.map +1 -1
  357. package/dist/collection/components/playground/playground.js +1 -1
  358. package/dist/collection/components/playground/playground.js.map +1 -1
  359. package/dist/collection/components/push-card/push-card.js.map +1 -1
  360. package/dist/collection/components/row/row.js +1 -1
  361. package/dist/collection/components/row/row.js.map +1 -1
  362. package/dist/collection/components/select/select.css +27 -9
  363. package/dist/collection/components/select/select.js +159 -38
  364. package/dist/collection/components/select/select.js.map +1 -1
  365. package/dist/collection/components/select/test/select.ct.js +342 -0
  366. package/dist/collection/components/select/test/select.ct.js.map +1 -1
  367. package/dist/collection/components/select-item/events.js.map +1 -1
  368. package/dist/collection/components/select-item/select-item.js +32 -1
  369. package/dist/collection/components/select-item/select-item.js.map +1 -1
  370. package/dist/collection/components/select-item/test/select-item.spec.js.map +1 -1
  371. package/dist/collection/components/slider/slider.js.map +1 -1
  372. package/dist/collection/components/slider/test/slider.ct.js.map +1 -1
  373. package/dist/collection/components/spinner/spinner.js +1 -1
  374. package/dist/collection/components/spinner/spinner.js.map +1 -1
  375. package/dist/collection/components/split-button/split-button.js +1 -1
  376. package/dist/collection/components/split-button/split-button.js.map +1 -1
  377. package/dist/collection/components/split-button-item/split-button-item.js +1 -1
  378. package/dist/collection/components/split-button-item/split-button-item.js.map +1 -1
  379. package/dist/collection/components/tab-item/tab-item.js.map +1 -1
  380. package/dist/collection/components/tabs/tabs.js +2 -2
  381. package/dist/collection/components/tabs/tabs.js.map +1 -1
  382. package/dist/collection/components/tabs/test/tabs.ct.js.map +1 -1
  383. package/dist/collection/components/tile/tile.js +4 -4
  384. package/dist/collection/components/tile/tile.js.map +1 -1
  385. package/dist/collection/components/time-picker/test/time-picker.ct.js.map +1 -1
  386. package/dist/collection/components/time-picker/time-picker.css +30 -12
  387. package/dist/collection/components/time-picker/time-picker.js.map +1 -1
  388. package/dist/collection/components/toast/toast-container.js.map +1 -1
  389. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  390. package/dist/collection/components/toast/toast.js +2 -2
  391. package/dist/collection/components/toast/toast.js.map +1 -1
  392. package/dist/collection/components/toggle/test/toggle.ct.js.map +1 -1
  393. package/dist/collection/components/toggle/toggle.js +2 -2
  394. package/dist/collection/components/toggle/toggle.js.map +1 -1
  395. package/dist/collection/components/toggle-button/toggle-button.js +3 -3
  396. package/dist/collection/components/toggle-button/toggle-button.js.map +1 -1
  397. package/dist/collection/components/tooltip/test/tooltip.ct.js.map +1 -1
  398. package/dist/collection/components/tooltip/tooltip-controller.js.map +1 -1
  399. package/dist/collection/components/tooltip/tooltip.js +5 -2
  400. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  401. package/dist/collection/components/tree/test/tree.ct.js.map +1 -1
  402. package/dist/collection/components/tree/tree-model.js.map +1 -1
  403. package/dist/collection/components/tree/tree.js +1 -1
  404. package/dist/collection/components/tree/tree.js.map +1 -1
  405. package/dist/collection/components/tree-item/default-tree-item.js.map +1 -1
  406. package/dist/collection/components/tree-item/tree-item.js +4 -4
  407. package/dist/collection/components/tree-item/tree-item.js.map +1 -1
  408. package/dist/collection/components/typography/test/ix-typography.spec.js.map +1 -1
  409. package/dist/collection/components/typography/type-mapping.js.map +1 -1
  410. package/dist/collection/components/typography/typography.js.map +1 -1
  411. package/dist/collection/components/upload/upload-file-state.js.map +1 -1
  412. package/dist/collection/components/upload/upload.js +3 -3
  413. package/dist/collection/components/upload/upload.js.map +1 -1
  414. package/dist/collection/components/utils/a11y.js.map +1 -1
  415. package/dist/collection/components/utils/animation.js.map +1 -1
  416. package/dist/collection/components/utils/app-switch/index.js.map +1 -1
  417. package/dist/collection/components/utils/application-layout/context.js.map +1 -1
  418. package/dist/collection/components/utils/application-layout/index.js.map +1 -1
  419. package/dist/collection/components/utils/application-layout/service.js.map +1 -1
  420. package/dist/collection/components/utils/breakpoints.js.map +1 -1
  421. package/dist/collection/components/utils/condition-checks.js.map +1 -1
  422. package/dist/collection/components/utils/context.js.map +1 -1
  423. package/dist/collection/components/utils/debounce.js.map +1 -1
  424. package/dist/collection/components/utils/delegate.js.map +1 -1
  425. package/dist/collection/components/utils/focus.js +60 -0
  426. package/dist/collection/components/utils/focus.js.map +1 -0
  427. package/dist/collection/components/utils/internal/component.js.map +1 -1
  428. package/dist/collection/components/utils/internal/index.js.map +1 -1
  429. package/dist/collection/components/utils/listener.js.map +1 -1
  430. package/dist/collection/components/utils/make-ref.js.map +1 -1
  431. package/dist/collection/components/utils/menu-service/menu-service.js.map +1 -1
  432. package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js.map +1 -1
  433. package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
  434. package/dist/collection/components/utils/modal/index.js.map +1 -1
  435. package/dist/collection/components/utils/modal/loading.js.map +1 -1
  436. package/dist/collection/components/utils/modal/message.js.map +1 -1
  437. package/dist/collection/components/utils/modal/modal.js.map +1 -1
  438. package/dist/collection/components/utils/mutation-observer.js.map +1 -1
  439. package/dist/collection/components/utils/notification-color.js.map +1 -1
  440. package/dist/collection/components/utils/overlay.js.map +1 -1
  441. package/dist/collection/components/utils/requestAnimationFrame.js.map +1 -1
  442. package/dist/collection/components/utils/rwd.util.js.map +1 -1
  443. package/dist/collection/components/utils/shadow-dom.js.map +1 -1
  444. package/dist/collection/components/utils/theme-switcher.js.map +1 -1
  445. package/dist/collection/components/utils/typed-event.js.map +1 -1
  446. package/dist/collection/components/utils/waitForElement.js.map +1 -1
  447. package/dist/collection/components/validation-tooltip/validation-tooltip.js +2 -2
  448. package/dist/collection/components/validation-tooltip/validation-tooltip.js.map +1 -1
  449. package/dist/collection/components/workflow-step/workflow-step.css +27 -7
  450. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  451. package/dist/collection/components/workflow-step/workflow-step.js.map +1 -1
  452. package/dist/collection/components/workflow-steps/test/workflow-steps.ct.js.map +1 -1
  453. package/dist/collection/components/workflow-steps/test/workflow-steps.spec.js.map +1 -1
  454. package/dist/collection/components/workflow-steps/workflow-steps.css +9 -1
  455. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  456. package/dist/collection/components/workflow-steps/workflow-steps.js.map +1 -1
  457. package/dist/collection/index.js.map +1 -1
  458. package/dist/collection/setup.js.map +1 -1
  459. package/dist/collection/tests/action-card/action-card.e2e.js.map +1 -1
  460. package/dist/collection/tests/application/application.e2e.js.map +1 -1
  461. package/dist/collection/tests/application-header/application-header.e2e.js.map +1 -1
  462. package/dist/collection/tests/avatar/avatar.e2e.js.map +1 -1
  463. package/dist/collection/tests/basic-navigation/basic-navigation.e2e.js.map +1 -1
  464. package/dist/collection/tests/blind/blind.e2e.js.map +1 -1
  465. package/dist/collection/tests/breadcrumb/breadcrumb.e2e.js.map +1 -1
  466. package/dist/collection/tests/button/button.e2e.js.map +1 -1
  467. package/dist/collection/tests/card/card.e2e.js.map +1 -1
  468. package/dist/collection/tests/card-list/card-list.e2e.js.map +1 -1
  469. package/dist/collection/tests/category-filter/category-filter.e2e.js +30 -0
  470. package/dist/collection/tests/category-filter/category-filter.e2e.js.map +1 -1
  471. package/dist/collection/tests/checkbox/checkbox.e2e.js.map +1 -1
  472. package/dist/collection/tests/chip/chip.e2e.js.map +1 -1
  473. package/dist/collection/tests/content-header/content-header.e2e.js.map +1 -1
  474. package/dist/collection/tests/date-dropdown/date-dropdown.e2e.js.map +1 -1
  475. package/dist/collection/tests/date-picker/date-picker.e2e.js.map +1 -1
  476. package/dist/collection/tests/date-picker-rework/date-picker-rework.e2e.js.map +1 -1
  477. package/dist/collection/tests/datetime-picker/datetime-picker.e2e.js.map +1 -1
  478. package/dist/collection/tests/datetime-picker-rework/datetime-picker-rework.e2e.js.map +1 -1
  479. package/dist/collection/tests/divider/divider.e2e.js.map +1 -1
  480. package/dist/collection/tests/drawer/drawer.e2e.js.map +1 -1
  481. package/dist/collection/tests/dropdown/dropdown.e2e.js.map +1 -1
  482. package/dist/collection/tests/dropdown-button/dropdown-button.e2e.js.map +1 -1
  483. package/dist/collection/tests/dropdown-quick-actions/dropdown-quick-actions.e2e.js.map +1 -1
  484. package/dist/collection/tests/empty-state/empty-state.e2e.js.map +1 -1
  485. package/dist/collection/tests/event-list/event-list.e2e.js.map +1 -1
  486. package/dist/collection/tests/expanding-search/expanding-search.e2e.js.map +1 -1
  487. package/dist/collection/tests/flip-tile/flip-tile.e2e.js.map +1 -1
  488. package/dist/collection/tests/fonts/fonts.e2e.js.map +1 -1
  489. package/dist/collection/tests/group/group.e2e.js.map +1 -1
  490. package/dist/collection/tests/html-table/html-table.e2e.js.map +1 -1
  491. package/dist/collection/tests/icon/icon.e2e.js.map +1 -1
  492. package/dist/collection/tests/icon-button/icon-button.e2e.js +34 -2
  493. package/dist/collection/tests/icon-button/icon-button.e2e.js.map +1 -1
  494. package/dist/collection/tests/icon-toggle-button/toggle-button.e2e.js.map +1 -1
  495. package/dist/collection/tests/input/input.e2e.js.map +1 -1
  496. package/dist/collection/tests/input-group/input-group.e2e.js.map +1 -1
  497. package/dist/collection/tests/key-value/key-value.e2e.js.map +1 -1
  498. package/dist/collection/tests/key-value-list/key-value-list.e2e.js.map +1 -1
  499. package/dist/collection/tests/kpi/kpi.e2e.js.map +1 -1
  500. package/dist/collection/tests/layout-grid/layout-grid.e2e.js.map +1 -1
  501. package/dist/collection/tests/link-button/link-button.e2e.js.map +1 -1
  502. package/dist/collection/tests/map-navigation/map-navigation.e2e.js.map +1 -1
  503. package/dist/collection/tests/map-navigation-overlay/map-navigation.e2e.js.map +1 -1
  504. package/dist/collection/tests/menu/menu.e2e.js.map +1 -1
  505. package/dist/collection/tests/menu-about/menu-about.e2e.js.map +1 -1
  506. package/dist/collection/tests/menu-about-news/menu-about-news.e2e.js.map +1 -1
  507. package/dist/collection/tests/menu-avatar/menu-avatar.e2e.js.map +1 -1
  508. package/dist/collection/tests/menu-settings/menu-settings.e2e.js.map +1 -1
  509. package/dist/collection/tests/message-bar/message-bar.e2e.js.map +1 -1
  510. package/dist/collection/tests/modal/modal.e2e.js.map +1 -1
  511. package/dist/collection/tests/pagination/pagination.e2e.js.map +1 -1
  512. package/dist/collection/tests/panes/panes.e2e.js.map +1 -1
  513. package/dist/collection/tests/pill/pill.e2e.js.map +1 -1
  514. package/dist/collection/tests/push-card/push-card.e2e.js.map +1 -1
  515. package/dist/collection/tests/radiobutton/radiobutton.e2e.js.map +1 -1
  516. package/dist/collection/tests/select/select.e2e.js +21 -0
  517. package/dist/collection/tests/select/select.e2e.js.map +1 -1
  518. package/dist/collection/tests/slider/slider.e2e.js.map +1 -1
  519. package/dist/collection/tests/spinner/spinner.e2e.js.map +1 -1
  520. package/dist/collection/tests/split-button/split-button.e2e.js.map +1 -1
  521. package/dist/collection/tests/tabs/tabs.e2e.js.map +1 -1
  522. package/dist/collection/tests/textarea/textarea.e2e.js.map +1 -1
  523. package/dist/collection/tests/tile/tile.e2e.js.map +1 -1
  524. package/dist/collection/tests/time-picker-rework/time-picker-rework.e2e.js.map +1 -1
  525. package/dist/collection/tests/toast/toast.e2e.js.map +1 -1
  526. package/dist/collection/tests/toggle/toggle.e2e.js.map +1 -1
  527. package/dist/collection/tests/toggle-button/toggle-button.e2e.js.map +1 -1
  528. package/dist/collection/tests/tooltip/tooltip.e2e.js.map +1 -1
  529. package/dist/collection/tests/tree/tree.e2e.js.map +1 -1
  530. package/dist/collection/tests/typography/typography.e2e.js.map +1 -1
  531. package/dist/collection/tests/upload/upload.e2e.js.map +1 -1
  532. package/dist/collection/tests/utils/test/index.js.map +1 -1
  533. package/dist/collection/tests/utils/test/page.js.map +1 -1
  534. package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js.map +1 -1
  535. package/dist/esm/{app-globals-bdfc5499.js → app-globals-0cd07cd9.js} +2 -2
  536. package/dist/esm/{app-globals-bdfc5499.js.map → app-globals-0cd07cd9.js.map} +1 -1
  537. package/dist/esm/{base-button-37b915d6.js → base-button-3ac703a7.js} +27 -4
  538. package/dist/esm/base-button-3ac703a7.js.map +1 -0
  539. package/dist/esm/{base-icon-button-976ef0f6.js → base-icon-button-59eb1fe5.js} +2 -2
  540. package/dist/esm/{base-icon-button-976ef0f6.js.map → base-icon-button-59eb1fe5.js.map} +1 -1
  541. package/dist/esm/{core-js-1c33b685.js → core-js-78b486a8.js} +1 -1
  542. package/dist/esm/{core-js-1c33b685.js.map → core-js-78b486a8.js.map} +1 -1
  543. package/dist/esm/dom-64ac48b5.js.map +1 -1
  544. package/dist/esm/focus-d4d3abaf.js +63 -0
  545. package/dist/esm/focus-d4d3abaf.js.map +1 -0
  546. package/dist/esm/{index.es2017-45304832.js → index.es2017-93ac816c.js} +3 -3
  547. package/dist/esm/{index.es2017-45304832.js.map → index.es2017-93ac816c.js.map} +1 -1
  548. package/dist/esm/ix-avatar_2.entry.js +2 -2
  549. package/dist/esm/ix-blind.entry.js +1 -1
  550. package/dist/esm/ix-blind.entry.js.map +1 -1
  551. package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
  552. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  553. package/dist/esm/ix-button.entry.js +4 -4
  554. package/dist/esm/ix-button.entry.js.map +1 -1
  555. package/dist/esm/ix-category-filter.entry.js +34 -11
  556. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  557. package/dist/esm/ix-col_4.entry.js +5 -5
  558. package/dist/esm/ix-col_4.entry.js.map +1 -1
  559. package/dist/esm/ix-date-dropdown.entry.js +11 -4
  560. package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
  561. package/dist/esm/ix-dropdown.entry.js +78 -18
  562. package/dist/esm/ix-dropdown.entry.js.map +1 -1
  563. package/dist/esm/ix-event-list-item.entry.js +5 -4
  564. package/dist/esm/ix-event-list-item.entry.js.map +1 -1
  565. package/dist/esm/ix-event-list.entry.js +26 -25
  566. package/dist/esm/ix-event-list.entry.js.map +1 -1
  567. package/dist/esm/ix-filter-chip_2.entry.js +8 -1
  568. package/dist/esm/ix-filter-chip_2.entry.js.map +1 -1
  569. package/dist/esm/ix-form-field.entry.js +1 -1
  570. package/dist/esm/ix-form-field.entry.js.map +1 -1
  571. package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
  572. package/dist/esm/ix-group-context-menu_2.entry.js.map +1 -1
  573. package/dist/esm/ix-group.entry.js +14 -8
  574. package/dist/esm/ix-group.entry.js.map +1 -1
  575. package/dist/esm/ix-icon-button_2.entry.js +5 -5
  576. package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
  577. package/dist/esm/ix-icon-toggle-button.entry.js +4 -4
  578. package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
  579. package/dist/esm/ix-icon.entry-621b700a.js +1531 -0
  580. package/dist/esm/ix-icon.entry-621b700a.js.map +1 -0
  581. package/dist/esm/ix-input-group.entry.js +1 -1
  582. package/dist/esm/ix-key-value-list.entry.js +1 -1
  583. package/dist/esm/ix-kpi.entry.js +3 -3
  584. package/dist/esm/ix-link-button.entry.js +3 -3
  585. package/dist/esm/ix-map-navigation-overlay.entry.js +2 -2
  586. package/dist/esm/ix-map-navigation.entry.js +2 -2
  587. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  588. package/dist/esm/ix-menu-about-news.entry.js +4 -4
  589. package/dist/esm/ix-menu-about.entry.js +1 -1
  590. package/dist/esm/ix-menu-about.entry.js.map +1 -1
  591. package/dist/esm/ix-menu-avatar.entry.js +2 -2
  592. package/dist/esm/ix-menu-category.entry.js +5 -5
  593. package/dist/esm/ix-menu-expand-icon.entry.js +2 -2
  594. package/dist/esm/ix-menu-item.entry.js +2 -2
  595. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  596. package/dist/esm/ix-menu.entry.js +11 -11
  597. package/dist/esm/ix-menu.entry.js.map +1 -1
  598. package/dist/esm/ix-message-bar.entry.js +1 -1
  599. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  600. package/dist/esm/ix-modal-example.entry.js +1 -1
  601. package/dist/esm/ix-modal-footer.entry.js +1 -1
  602. package/dist/esm/ix-modal-loading.entry.js +1 -1
  603. package/dist/esm/ix-pagination.entry.js +4 -4
  604. package/dist/esm/ix-pagination.entry.js.map +1 -1
  605. package/dist/esm/ix-pane-layout.entry.js +1 -1
  606. package/dist/esm/ix-pill.entry.js +4 -4
  607. package/dist/esm/ix-playground-internal.entry.js +1 -1
  608. package/dist/esm/ix-select.entry.js +159 -39
  609. package/dist/esm/ix-select.entry.js.map +1 -1
  610. package/dist/esm/ix-split-button-item.entry.js +1 -1
  611. package/dist/esm/ix-tab-item_2.entry.js +2 -2
  612. package/dist/esm/ix-tile.entry.js +4 -4
  613. package/dist/esm/ix-time-picker.entry.js +1 -1
  614. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  615. package/dist/esm/ix-toast.entry.js +2 -2
  616. package/dist/esm/ix-toggle-button.entry.js +3 -3
  617. package/dist/esm/ix-toggle.entry.js +2 -2
  618. package/dist/esm/ix-tooltip.entry.js +5 -2
  619. package/dist/esm/ix-tooltip.entry.js.map +1 -1
  620. package/dist/esm/ix-tree-item.entry.js +4 -4
  621. package/dist/esm/ix-tree.entry.js +1 -1
  622. package/dist/esm/ix-upload.entry.js +3 -3
  623. package/dist/esm/ix-validation-tooltip.entry.js +2 -2
  624. package/dist/esm/ix-workflow-step.entry.js +4 -4
  625. package/dist/esm/ix-workflow-step.entry.js.map +1 -1
  626. package/dist/esm/ix-workflow-steps.entry.js +2 -2
  627. package/dist/esm/ix-workflow-steps.entry.js.map +1 -1
  628. package/dist/esm/loader.js +2 -2
  629. package/dist/esm/siemens-ix.js +2 -2
  630. package/dist/siemens-ix/p-01b8b98c.entry.js +2 -0
  631. package/dist/siemens-ix/{p-9fcf9dcd.entry.js.map → p-01b8b98c.entry.js.map} +1 -1
  632. package/dist/siemens-ix/{p-d2ee87ae.entry.js → p-0a1bfcfc.entry.js} +2 -2
  633. package/dist/siemens-ix/p-0fee2dd5.entry.js +2 -0
  634. package/dist/siemens-ix/p-0fee2dd5.entry.js.map +1 -0
  635. package/dist/siemens-ix/{p-9c03b231.entry.js → p-114bb49b.entry.js} +2 -2
  636. package/dist/siemens-ix/p-18a1c4dd.entry.js +2 -0
  637. package/dist/siemens-ix/p-18a1c4dd.entry.js.map +1 -0
  638. package/dist/siemens-ix/p-18a27007.entry.js +2 -0
  639. package/dist/siemens-ix/p-18a27007.entry.js.map +1 -0
  640. package/dist/siemens-ix/{p-84430d2c.js → p-1f6df0c6.js} +2 -2
  641. package/dist/siemens-ix/{p-84430d2c.js.map → p-1f6df0c6.js.map} +1 -1
  642. package/dist/siemens-ix/p-213f16d5.entry.js +2 -0
  643. package/dist/siemens-ix/p-213f16d5.entry.js.map +1 -0
  644. package/dist/siemens-ix/{p-7702a8c2.js → p-235c14ca.js} +2 -2
  645. package/dist/siemens-ix/p-2459f98f.entry.js +2 -0
  646. package/dist/siemens-ix/p-2459f98f.entry.js.map +1 -0
  647. package/dist/siemens-ix/p-2c14670e.entry.js +2 -0
  648. package/dist/siemens-ix/p-2c14670e.entry.js.map +1 -0
  649. package/dist/siemens-ix/{p-d76ee9ff.entry.js → p-306c5ab2.entry.js} +2 -2
  650. package/dist/siemens-ix/{p-f2856faf.entry.js → p-30e8a26a.entry.js} +2 -2
  651. package/dist/siemens-ix/{p-1450ba99.entry.js → p-3b8e4fe5.entry.js} +2 -2
  652. package/dist/siemens-ix/{p-96615442.entry.js → p-418959d3.entry.js} +2 -2
  653. package/dist/siemens-ix/{p-96615442.entry.js.map → p-418959d3.entry.js.map} +1 -1
  654. package/dist/siemens-ix/p-4290098e.entry.js +2 -0
  655. package/dist/siemens-ix/{p-cb1c0d63.entry.js.map → p-4290098e.entry.js.map} +1 -1
  656. package/dist/siemens-ix/p-43a58a77.entry.js +2 -0
  657. package/dist/siemens-ix/{p-7289b0be.entry.js.map → p-43a58a77.entry.js.map} +1 -1
  658. package/dist/siemens-ix/{p-ca838b5c.entry.js → p-493cb880.entry.js} +2 -2
  659. package/dist/siemens-ix/p-493cb880.entry.js.map +1 -0
  660. package/dist/siemens-ix/{p-f17e4cce.entry.js → p-4cf6e817.entry.js} +2 -2
  661. package/dist/siemens-ix/p-4fd11865.entry.js +2 -0
  662. package/dist/siemens-ix/p-56bbdae4.entry.js +2 -0
  663. package/dist/siemens-ix/p-5d43cae8.js.map +1 -1
  664. package/dist/siemens-ix/{p-0d268489.entry.js → p-5f08da2c.entry.js} +2 -2
  665. package/dist/siemens-ix/{p-26789c86.entry.js → p-601cfc6a.entry.js} +2 -2
  666. package/dist/siemens-ix/p-678d821f.entry.js +2 -0
  667. package/dist/siemens-ix/{p-b1ec7f32.entry.js → p-6ea6396e.entry.js} +2 -2
  668. package/dist/siemens-ix/{p-7c1fd9a0.entry.js → p-6eb4eefc.entry.js} +2 -2
  669. package/dist/siemens-ix/{p-af46164c.entry.js → p-784fe260.entry.js} +2 -2
  670. package/dist/siemens-ix/p-8362e966.js +2 -0
  671. package/dist/siemens-ix/p-8362e966.js.map +1 -0
  672. package/dist/siemens-ix/{p-d77fa665.entry.js → p-90c55341.entry.js} +2 -2
  673. package/dist/siemens-ix/p-90c55341.entry.js.map +1 -0
  674. package/dist/siemens-ix/p-96d2d21f.entry.js +2 -0
  675. package/dist/siemens-ix/p-96d2d21f.entry.js.map +1 -0
  676. package/dist/siemens-ix/{p-c5762d6c.entry.js → p-9dabe2f7.entry.js} +2 -2
  677. package/dist/siemens-ix/p-a147b152.entry.js +2 -0
  678. package/dist/siemens-ix/p-a147b152.entry.js.map +1 -0
  679. package/dist/siemens-ix/{p-b5c53faf.js → p-a2200306.js} +1 -1
  680. package/dist/siemens-ix/{p-b5c53faf.js.map → p-a2200306.js.map} +1 -1
  681. package/dist/siemens-ix/p-a35d02ea.entry.js +2 -0
  682. package/dist/siemens-ix/{p-31cc5367.entry.js → p-a3ad98bc.entry.js} +2 -2
  683. package/dist/siemens-ix/p-a6fbea5b.entry.js +2 -0
  684. package/dist/siemens-ix/p-a6fbea5b.entry.js.map +1 -0
  685. package/dist/siemens-ix/p-a8838a77.js +2 -0
  686. package/dist/siemens-ix/p-a9d1ab94.entry.js +2 -0
  687. package/dist/siemens-ix/{p-080653aa.entry.js.map → p-a9d1ab94.entry.js.map} +1 -1
  688. package/dist/siemens-ix/p-aa58d9d7.entry.js +2 -0
  689. package/dist/siemens-ix/p-aa58d9d7.entry.js.map +1 -0
  690. package/dist/siemens-ix/p-abb29515.entry.js +2 -0
  691. package/dist/siemens-ix/p-abb29515.entry.js.map +1 -0
  692. package/dist/siemens-ix/p-add5b76c.entry.js +2 -0
  693. package/dist/siemens-ix/{p-33e903e1.entry.js.map → p-add5b76c.entry.js.map} +1 -1
  694. package/dist/siemens-ix/p-b32c2183.entry.js +2 -0
  695. package/dist/siemens-ix/{p-d0cf522c.entry.js.map → p-b32c2183.entry.js.map} +1 -1
  696. package/dist/siemens-ix/{p-6f056fc6.entry.js → p-bc5d33ce.entry.js} +2 -2
  697. package/dist/siemens-ix/p-bd576793.entry.js +2 -0
  698. package/dist/siemens-ix/p-bd576793.entry.js.map +1 -0
  699. package/dist/siemens-ix/p-bdc57334.entry.js +2 -0
  700. package/dist/siemens-ix/{p-f7e82b50.entry.js.map → p-bdc57334.entry.js.map} +1 -1
  701. package/dist/siemens-ix/p-c09553f3.js +2 -0
  702. package/dist/siemens-ix/p-c09553f3.js.map +1 -0
  703. package/dist/siemens-ix/{p-30f449bc.entry.js → p-ca65a043.entry.js} +2 -2
  704. package/dist/siemens-ix/{p-4bbae41b.entry.js → p-cbbe9dee.entry.js} +2 -2
  705. package/dist/siemens-ix/p-ccf1bd22.entry.js +2 -0
  706. package/dist/siemens-ix/{p-c2f6aaae.entry.js → p-cf546284.entry.js} +2 -2
  707. package/dist/siemens-ix/p-cf546284.entry.js.map +1 -0
  708. package/dist/siemens-ix/{p-47017ce7.entry.js → p-d08cbeaf.entry.js} +2 -2
  709. package/dist/siemens-ix/p-d600ea55.entry.js +2 -0
  710. package/dist/siemens-ix/p-d600ea55.entry.js.map +1 -0
  711. package/dist/siemens-ix/{p-1255e76b.entry.js → p-d6a094cf.entry.js} +2 -2
  712. package/dist/siemens-ix/{p-f6635bfc.entry.js → p-def8b3a4.entry.js} +2 -2
  713. package/dist/siemens-ix/{p-f6635bfc.entry.js.map → p-def8b3a4.entry.js.map} +1 -1
  714. package/dist/siemens-ix/{p-177f9a5c.entry.js → p-e2464e13.entry.js} +2 -2
  715. package/dist/siemens-ix/p-e4e24f59.entry.js +2 -0
  716. package/dist/siemens-ix/{p-c89a070a.entry.js.map → p-e4e24f59.entry.js.map} +1 -1
  717. package/dist/siemens-ix/{p-d9d5389b.entry.js → p-e678bfc5.entry.js} +2 -2
  718. package/dist/siemens-ix/{p-c8e0563a.entry.js → p-ec741c06.entry.js} +2 -2
  719. package/dist/siemens-ix/{p-ca658a19.entry.js → p-ed2ec72f.entry.js} +2 -2
  720. package/dist/siemens-ix/{p-d9370972.entry.js → p-f2a81e70.entry.js} +2 -2
  721. package/dist/siemens-ix/{p-32fa185a.entry.js → p-fb55854a.entry.js} +2 -2
  722. package/dist/siemens-ix/p-fe87443e.js +2 -0
  723. package/dist/siemens-ix/p-fe87443e.js.map +1 -0
  724. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  725. package/dist/siemens-ix/siemens-ix.css +102 -12
  726. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  727. package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
  728. package/dist/siemens-ix/theme/classic-dark.css +1 -1
  729. package/dist/siemens-ix/theme/classic-light.css +1 -1
  730. package/dist/types/components/button/base-button.d.ts +3 -0
  731. package/dist/types/components/button/button.d.ts +2 -1
  732. package/dist/types/components/category-filter/category-filter.d.ts +10 -0
  733. package/dist/types/components/date-dropdown/date-dropdown.d.ts +7 -0
  734. package/dist/types/components/dropdown/dropdown-controller.d.ts +2 -2
  735. package/dist/types/components/dropdown/dropdown.d.ts +9 -1
  736. package/dist/types/components/event-list/test/event-list.ct.d.ts +1 -0
  737. package/dist/types/components/group/group.d.ts +1 -0
  738. package/dist/types/components/group/test/group.ct.d.ts +1 -0
  739. package/dist/types/components/icon-button/icon-button.d.ts +1 -0
  740. package/dist/types/components/menu-about/menu-about.d.ts +1 -1
  741. package/dist/types/components/select/select.d.ts +15 -3
  742. package/dist/types/components/select-item/select-item.d.ts +5 -1
  743. package/dist/types/components/utils/focus.d.ts +10 -0
  744. package/dist/types/components.d.ts +30 -2
  745. package/package.json +1 -1
  746. package/scss/components/form/_input.scss +11 -8
  747. package/scss/theme/classic-dark/_color.scss +36 -0
  748. package/scss/theme/classic-light/_color.scss +36 -0
  749. package/dist/cjs/base-button-2f74b19d.js.map +0 -1
  750. package/dist/cjs/ix-icon.entry-01b3822b.js +0 -1487
  751. package/dist/cjs/ix-icon.entry-01b3822b.js.map +0 -1
  752. package/dist/esm/base-button-37b915d6.js.map +0 -1
  753. package/dist/esm/ix-icon.entry-9fafcf35.js +0 -1485
  754. package/dist/esm/ix-icon.entry-9fafcf35.js.map +0 -1
  755. package/dist/playwright-ct.config.js +0 -23
  756. package/dist/playwright-ct.config.js.map +0 -1
  757. package/dist/playwright.config.js +0 -75
  758. package/dist/playwright.config.js.map +0 -1
  759. package/dist/siemens-ix/p-080653aa.entry.js +0 -2
  760. package/dist/siemens-ix/p-08bedeaa.entry.js +0 -2
  761. package/dist/siemens-ix/p-16826ff7.js +0 -2
  762. package/dist/siemens-ix/p-16d378f3.js +0 -2
  763. package/dist/siemens-ix/p-16d378f3.js.map +0 -1
  764. package/dist/siemens-ix/p-1ad7fd83.entry.js +0 -2
  765. package/dist/siemens-ix/p-1ad7fd83.entry.js.map +0 -1
  766. package/dist/siemens-ix/p-2a9673f3.entry.js +0 -2
  767. package/dist/siemens-ix/p-2a9673f3.entry.js.map +0 -1
  768. package/dist/siemens-ix/p-33e903e1.entry.js +0 -2
  769. package/dist/siemens-ix/p-37e4df76.entry.js +0 -2
  770. package/dist/siemens-ix/p-37e4df76.entry.js.map +0 -1
  771. package/dist/siemens-ix/p-3e4e3b23.entry.js +0 -2
  772. package/dist/siemens-ix/p-3e4e3b23.entry.js.map +0 -1
  773. package/dist/siemens-ix/p-6f097cae.entry.js +0 -2
  774. package/dist/siemens-ix/p-6f097cae.entry.js.map +0 -1
  775. package/dist/siemens-ix/p-7289b0be.entry.js +0 -2
  776. package/dist/siemens-ix/p-7b5ed355.entry.js +0 -2
  777. package/dist/siemens-ix/p-87fe9d5f.entry.js +0 -2
  778. package/dist/siemens-ix/p-87fe9d5f.entry.js.map +0 -1
  779. package/dist/siemens-ix/p-8a06a632.entry.js +0 -2
  780. package/dist/siemens-ix/p-96f2c71a.entry.js +0 -2
  781. package/dist/siemens-ix/p-96f2c71a.entry.js.map +0 -1
  782. package/dist/siemens-ix/p-9fcf9dcd.entry.js +0 -2
  783. package/dist/siemens-ix/p-9fd3ae7f.entry.js +0 -2
  784. package/dist/siemens-ix/p-a4e489ea.js +0 -2
  785. package/dist/siemens-ix/p-a4e489ea.js.map +0 -1
  786. package/dist/siemens-ix/p-a93df5f2.entry.js +0 -2
  787. package/dist/siemens-ix/p-a93df5f2.entry.js.map +0 -1
  788. package/dist/siemens-ix/p-ab446f83.entry.js +0 -2
  789. package/dist/siemens-ix/p-ab446f83.entry.js.map +0 -1
  790. package/dist/siemens-ix/p-acdeb192.entry.js +0 -2
  791. package/dist/siemens-ix/p-acdeb192.entry.js.map +0 -1
  792. package/dist/siemens-ix/p-b78fd38b.entry.js +0 -2
  793. package/dist/siemens-ix/p-b78fd38b.entry.js.map +0 -1
  794. package/dist/siemens-ix/p-c2f6aaae.entry.js.map +0 -1
  795. package/dist/siemens-ix/p-c49701a0.entry.js +0 -2
  796. package/dist/siemens-ix/p-c4d3f089.entry.js +0 -2
  797. package/dist/siemens-ix/p-c4d3f089.entry.js.map +0 -1
  798. package/dist/siemens-ix/p-c89a070a.entry.js +0 -2
  799. package/dist/siemens-ix/p-ca838b5c.entry.js.map +0 -1
  800. package/dist/siemens-ix/p-cb1c0d63.entry.js +0 -2
  801. package/dist/siemens-ix/p-d0cf522c.entry.js +0 -2
  802. package/dist/siemens-ix/p-d48a746d.entry.js +0 -2
  803. package/dist/siemens-ix/p-d48a746d.entry.js.map +0 -1
  804. package/dist/siemens-ix/p-d77fa665.entry.js.map +0 -1
  805. package/dist/siemens-ix/p-f7e82b50.entry.js +0 -2
  806. package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright-ct.config.d.ts +0 -7
  807. package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright.config.d.ts +0 -7
  808. /package/dist/siemens-ix/{p-d2ee87ae.entry.js.map → p-0a1bfcfc.entry.js.map} +0 -0
  809. /package/dist/siemens-ix/{p-9c03b231.entry.js.map → p-114bb49b.entry.js.map} +0 -0
  810. /package/dist/siemens-ix/{p-7702a8c2.js.map → p-235c14ca.js.map} +0 -0
  811. /package/dist/siemens-ix/{p-d76ee9ff.entry.js.map → p-306c5ab2.entry.js.map} +0 -0
  812. /package/dist/siemens-ix/{p-f2856faf.entry.js.map → p-30e8a26a.entry.js.map} +0 -0
  813. /package/dist/siemens-ix/{p-1450ba99.entry.js.map → p-3b8e4fe5.entry.js.map} +0 -0
  814. /package/dist/siemens-ix/{p-f17e4cce.entry.js.map → p-4cf6e817.entry.js.map} +0 -0
  815. /package/dist/siemens-ix/{p-c49701a0.entry.js.map → p-4fd11865.entry.js.map} +0 -0
  816. /package/dist/siemens-ix/{p-9fd3ae7f.entry.js.map → p-56bbdae4.entry.js.map} +0 -0
  817. /package/dist/siemens-ix/{p-0d268489.entry.js.map → p-5f08da2c.entry.js.map} +0 -0
  818. /package/dist/siemens-ix/{p-26789c86.entry.js.map → p-601cfc6a.entry.js.map} +0 -0
  819. /package/dist/siemens-ix/{p-7b5ed355.entry.js.map → p-678d821f.entry.js.map} +0 -0
  820. /package/dist/siemens-ix/{p-b1ec7f32.entry.js.map → p-6ea6396e.entry.js.map} +0 -0
  821. /package/dist/siemens-ix/{p-7c1fd9a0.entry.js.map → p-6eb4eefc.entry.js.map} +0 -0
  822. /package/dist/siemens-ix/{p-af46164c.entry.js.map → p-784fe260.entry.js.map} +0 -0
  823. /package/dist/siemens-ix/{p-c5762d6c.entry.js.map → p-9dabe2f7.entry.js.map} +0 -0
  824. /package/dist/siemens-ix/{p-08bedeaa.entry.js.map → p-a35d02ea.entry.js.map} +0 -0
  825. /package/dist/siemens-ix/{p-31cc5367.entry.js.map → p-a3ad98bc.entry.js.map} +0 -0
  826. /package/dist/siemens-ix/{p-16826ff7.js.map → p-a8838a77.js.map} +0 -0
  827. /package/dist/siemens-ix/{p-6f056fc6.entry.js.map → p-bc5d33ce.entry.js.map} +0 -0
  828. /package/dist/siemens-ix/{p-30f449bc.entry.js.map → p-ca65a043.entry.js.map} +0 -0
  829. /package/dist/siemens-ix/{p-4bbae41b.entry.js.map → p-cbbe9dee.entry.js.map} +0 -0
  830. /package/dist/siemens-ix/{p-8a06a632.entry.js.map → p-ccf1bd22.entry.js.map} +0 -0
  831. /package/dist/siemens-ix/{p-47017ce7.entry.js.map → p-d08cbeaf.entry.js.map} +0 -0
  832. /package/dist/siemens-ix/{p-1255e76b.entry.js.map → p-d6a094cf.entry.js.map} +0 -0
  833. /package/dist/siemens-ix/{p-177f9a5c.entry.js.map → p-e2464e13.entry.js.map} +0 -0
  834. /package/dist/siemens-ix/{p-d9d5389b.entry.js.map → p-e678bfc5.entry.js.map} +0 -0
  835. /package/dist/siemens-ix/{p-c8e0563a.entry.js.map → p-ec741c06.entry.js.map} +0 -0
  836. /package/dist/siemens-ix/{p-ca658a19.entry.js.map → p-ed2ec72f.entry.js.map} +0 -0
  837. /package/dist/siemens-ix/{p-d9370972.entry.js.map → p-f2a81e70.entry.js.map} +0 -0
  838. /package/dist/siemens-ix/{p-32fa185a.entry.js.map → p-fb55854a.entry.js.map} +0 -0
package/dist/collection/components/dropdown/test/dropdown.ct.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.ct.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/test/dropdown.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { ElementHandle, expect, Locator, Page } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\n\nconst html = String.raw;\n\ntest('renders', async ({ mount, page }) => {\n await mount(`\n <ix-split-button label=\"Test 1\">\n <ix-dropdown-item>Test 1</ix-dropdown-item>\n </ix-split-button>\n\n <ix-split-button label=\"Test 2\">\n <ix-dropdown-item>Test 1</ix-dropdown-item>\n </ix-split-button>\n\n <ix-group header=\"Title\" sub-header=\"Subtitle\">\n <ix-dropdown slot=\"dropdown\">\n <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n </ix-dropdown>\n </ix-group>\n\n <ix-group header=\"Title\" sub-header=\"Subtitle\">\n <ix-dropdown slot=\"dropdown\">\n <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n </ix-dropdown>\n </ix-group>\n `);\n\n const sb1 = page.locator('ix-split-button').nth(0);\n const sb2 = page.locator('ix-split-button').nth(1);\n\n const g1 = page.locator('ix-group').nth(0);\n const g2 = page.locator('ix-group').nth(1);\n\n const sb1Dropdown = sb1.locator('ix-dropdown');\n const sb2Dropdown = sb2.locator('ix-dropdown');\n const g1Dropdown = g1.locator('ix-dropdown');\n const g2Dropdown = g2.locator('ix-dropdown');\n\n await sb1.locator('ix-icon-button').first().click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 0\n );\n\n await sb2.locator('ix-icon-button').first().click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 1\n );\n\n await g2.locator('ix-icon-button').click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 3\n );\n});\n\nfunction expectToBeVisible(elements: Locator[], index: number) {\n return Promise.all(\n elements.map(async (element, i) => {\n let ef = expect(element);\n if (i !== index) {\n ef = ef.not;\n }\n await ef.toBeVisible();\n })\n );\n}\n\ntest('trigger toggles', async ({ mount, page }) => {\n await mount(`<ix-button id=\"trigger\">Open</ix-button>\n <ix-dropdown trigger=\"trigger\" trigger-toggles=\"true\">\n <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n </ix-dropdown>\n `);\n\n await page.locator('ix-button').click();\n const dropdown = page.locator('.dropdown-menu');\n await expect(dropdown).toHaveClass(/show/);\n await expect(dropdown).toBeVisible();\n\n await page.locator('ix-button').click();\n const after = page.locator('.dropdown-menu');\n await expect(after).not.toHaveClass(/show/);\n await expect(dropdown).not.toBeVisible();\n});\n\ntest.describe('Close behavior', () => {\n function mountDropdown(\n mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n config: {\n closeBehavior: string | boolean;\n }\n ) {\n const closeBehavior = config.closeBehavior\n ? `close-behavior=\"${config.closeBehavior}\"`\n : '';\n\n return mount(`\n <ix-button id=\"level-1\">Trigger</ix-button>\n <ix-dropdown id=\"dropdown-level-1\" trigger=\"level-1\" ${closeBehavior}>\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item>Item 3</ix-dropdown-item>\n </ix-dropdown>\n `);\n }\n\n let triggerButton: Locator;\n let dropdownLevel1: Locator;\n\n let dropdownLevel1_Item1: Locator;\n\n function setupTest(page: Page) {\n triggerButton = page.locator('#level-1');\n dropdownLevel1 = page.locator('#dropdown-level-1');\n\n dropdownLevel1_Item1 = dropdownLevel1\n .locator('ix-dropdown-item')\n .getByText('Item 1');\n }\n\n test(' = both', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'both',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).not.toBeVisible();\n });\n\n test(' = inside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'inside',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).not.toBeVisible();\n });\n\n test(' = outside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'outside',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).toBeVisible();\n });\n\n test(' = false', async ({ mount, page }) => {\n await mountDropdown(mount, {\n // Disable close behavior\n closeBehavior: false,\n });\n\n // Have to be provided via javascript, otherwise the component parse the value as a string.\n await page\n .locator('ix-dropdown')\n .evaluate((dropdown: any) => (dropdown.closeBehavior = false));\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click({\n force: true,\n });\n await expect(dropdownLevel1).toBeVisible();\n });\n});\n\ntest.describe('Nested dropdowns 1/3', () => {\n function mountDropdown(\n mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n config?: {\n closeBehavior: string | boolean;\n }\n ) {\n return mount(html`\n <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n <ix-dropdown\n close-behavior=\"${config?.closeBehavior ?? 'both'}\"\n id=\"dropdown-1\"\n trigger=\"trigger-dropdown-1\"\n >\n <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-3\">Item 3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\">\n <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-3\" id=\"dropdown-3\">\n <ix-dropdown-item>Item 3.1</ix-dropdown-item>\n <ix-dropdown-item>Item 3.2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-4\">Item 3.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-4\" id=\"dropdown-4\">\n <ix-dropdown-item>Item 3.3.1</ix-dropdown-item>\n <ix-dropdown-item>Item 3.3.2</ix-dropdown-item>\n <ix-dropdown-item>Item 3.3.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-button id=\"trigger-dropdown-5\">Trigger 5</ix-button>\n <ix-dropdown id=\"dropdown-5\" trigger=\"trigger-dropdown-5\">\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-6\">Item 3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown id=\"dropdown-6\" trigger=\"trigger-dropdown-6\">\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item>Item 3</ix-dropdown-item>\n </ix-dropdown>\n `);\n }\n\n let triggerDropdown1: Locator;\n let triggerDropdown2: Locator;\n let triggerDropdown3: Locator;\n let triggerDropdown4: Locator;\n let triggerDropdown5: Locator;\n\n let dropdown1: Locator;\n let dropdown2: Locator;\n let dropdown3: Locator;\n let dropdown4: Locator;\n let dropdown5: Locator;\n\n function setupTest(page: Page) {\n triggerDropdown1 = page.locator('#trigger-dropdown-1');\n triggerDropdown2 = page.locator('#trigger-dropdown-2');\n triggerDropdown3 = page.locator('#trigger-dropdown-3');\n triggerDropdown4 = page.locator('#trigger-dropdown-4');\n triggerDropdown5 = page.locator('#trigger-dropdown-5');\n\n dropdown1 = page.locator('#dropdown-1');\n dropdown2 = page.locator('#dropdown-2');\n dropdown3 = page.locator('#dropdown-3');\n dropdown4 = page.locator('#dropdown-4');\n dropdown5 = page.locator('#dropdown-5');\n }\n\n test('close neighbor sub menu', async ({ mount, page }) => {\n await mountDropdown(mount);\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown5.click();\n await expect(dropdown5).toBeVisible();\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n });\n\n test('close assigned submenu', async ({ mount, page }) => {\n await mountDropdown(mount);\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test.describe('close by Escape with close behavior', () => {\n test(' = both', async ({ mount, page }) => {\n await mountDropdown(mount);\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = inside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'inside',\n });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = outside', async ({ mount, page }) => {\n await mountDropdown(mount, { closeBehavior: 'outside' });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = false', async ({ mount, page }) => {\n await mountDropdown(mount, { closeBehavior: false });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n });\n});\n\ntest.describe('nested dropdown 2/3', () => {\n const button1Text = 'Triggerbutton1';\n const button2Text = 'Triggerbutton2';\n\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <button id=\"trigger1\">${button1Text}</button>\n <ix-dropdown trigger=\"trigger1\">\n <button id=\"trigger2\">${button2Text}</button>\n <ix-dropdown trigger=\"trigger2\">\n <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n </ix-dropdown>\n </ix-dropdown>\n `);\n });\n\n test('can open nested dropdown', async ({ page }) => {\n await page.getByText(button1Text).click();\n await page.getByText(button2Text).click();\n const nestedDropdownItem = page.locator('ix-dropdown-item');\n\n await expect(nestedDropdownItem).toHaveClass(/hydrated/);\n });\n});\n\ntest.describe('nested dropdown 3/3', () => {\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n <ix-dropdown id=\"dropdown-1\" close-behavior=\"outside\" trigger=\"trigger-dropdown-1\">\n <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\" close-behavior=\"inside\">\n <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n </ix-dropdown>\n `);\n });\n\n test('close child on parent dismiss', async ({ page }) => {\n const triggerDropdown1 = page.locator('#trigger-dropdown-1');\n const triggerDropdown2 = page.locator('#trigger-dropdown-2');\n\n const dropdown1 = page.locator('#dropdown-1');\n const dropdown2 = page.locator('#dropdown-2');\n\n await triggerDropdown1.click();\n await triggerDropdown2.click();\n await triggerDropdown1.click();\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n });\n});\n\ntest('Nested dropdowns within application-header', async ({ mount, page }) => {\n await mount(html`\n <ix-application-header>\n <ix-dropdown-button label=\"Trigger\">\n <ix-dropdown-item label=\"MainItem 1\"></ix-dropdown-item>\n <ix-dropdown-item label=\"MainItem 2\"></ix-dropdown-item>\n <ix-dropdown-item label=\"MainItem 3\" id=\"submenu-01\"></ix-dropdown-item>\n </ix-dropdown-button>\n </ix-application-header>\n <ix-dropdown id=\"submenu\" trigger=\"submenu-01\">\n <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>\n </ix-dropdown>\n `);\n await page.setViewportSize(viewPorts.sm);\n await page.waitForTimeout(500);\n\n const header = page.locator('ix-application-header');\n await expect(header).toBeVisible();\n\n const overflowTrigger = header.getByRole('button', { name: 'More Menu' });\n await overflowTrigger.click();\n\n const dropdownButton = header.locator('ix-dropdown-button');\n await dropdownButton.locator('ix-button').click();\n\n const dropdownOfDropdownButton = dropdownButton.locator('ix-dropdown');\n await expect(dropdownOfDropdownButton).toBeVisible();\n\n const submenuTrigger = page\n .locator('ix-dropdown-item')\n .getByText('MainItem 3');\n await expect(submenuTrigger).toBeVisible();\n await submenuTrigger.click();\n\n const submenuDropdown = page.locator('#submenu');\n\n await expect(submenuDropdown).toBeVisible();\n\n const subMenuItem = submenuDropdown\n .locator('ix-dropdown-item')\n .getByText('SubMenuItem 3');\n\n await subMenuItem.click();\n\n await expect(submenuDropdown).not.toBeVisible();\n await expect(dropdownOfDropdownButton).not.toBeVisible();\n});\n\ntest.describe('resolve during element connect', () => {\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <ix-button id=\"trigger\">Open</ix-button>\n <ix-dropdown trigger=\"trigger\">\n <ix-dropdown-item label=\"Item 1\" icon=\"print\"></ix-dropdown-item>\n <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n <ix-dropdown-item>Custom</ix-dropdown-item>\n </ix-dropdown>\n `);\n });\n\n test('attach and detach from dom', async ({ page }) => {\n await page.evaluate(() => {\n const dropdown = document.querySelector('ix-dropdown');\n const mount = document.querySelector('#mount');\n mount.removeChild(dropdown);\n mount.append(dropdown);\n });\n\n const dropdown = page.locator('ix-dropdown');\n await page.locator('ix-button').first().click();\n\n await expect(dropdown).toBeVisible();\n });\n\n test('add element within runtime', async ({ page }) => {\n await page.evaluate(async () => {\n const divElement = document.createElement('div');\n const mount = document.querySelector('#mount');\n mount.appendChild(divElement);\n });\n\n const dropdown = page.locator('ix-dropdown');\n await page.locator('ix-button').first().click();\n\n await expect(dropdown).toBeVisible();\n });\n});\n"]}
1
+ {"version":3,"file":"dropdown.ct.js","sourceRoot":"","sources":["../../../../src/components/dropdown/test/dropdown.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;;;GAOG;AACH,OAAO,EAAiB,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BX,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAEnD,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAE7C,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;IAEpD,MAAM,iBAAiB,CACrB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,EAClD,CAAC,CACF,CAAC;IAEF,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;IAEpD,MAAM,iBAAiB,CACrB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,EAClD,CAAC,CACF,CAAC;IAEF,MAAM,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC;IAE3C,MAAM,iBAAiB,CACrB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,EAClD,CAAC,CACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,iBAAiB,CAAC,QAAmB,EAAE,KAAa;IAC3D,OAAO,OAAO,CAAC,GAAG,CAChB,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;QAChC,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;YAChB,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;QACd,CAAC;QACD,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC;IACzB,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAChD,MAAM,KAAK,CAAC;;;;;GAKX,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAErC,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;AAC3C,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IACnC,SAAS,aAAa,CACpB,KAAgE,EAChE,MAEC;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa;YACxC,CAAC,CAAC,mBAAmB,MAAM,CAAC,aAAa,GAAG;YAC5C,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO,KAAK,CAAC;;6DAE4C,aAAa;;;;;GAKvE,CAAC,CAAC;IACH,CAAC;IAED,IAAI,aAAsB,CAAC;IAC3B,IAAI,cAAuB,CAAC;IAE5B,IAAI,oBAA6B,CAAC;IAElC,SAAS,SAAS,CAAC,IAAU;QAC3B,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACzC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEnD,oBAAoB,GAAG,cAAc;aAClC,OAAO,CAAC,kBAAkB,CAAC;aAC3B,SAAS,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,aAAa,CAAC,KAAK,EAAE;YACzB,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QAEH,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAE/C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QAC1C,MAAM,aAAa,CAAC,KAAK,EAAE;YACzB,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAC;QAEH,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QAC3C,MAAM,aAAa,CAAC,KAAK,EAAE;YACzB,aAAa,EAAE,SAAS;SACzB,CAAC,CAAC;QAEH,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAE/C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,aAAa,CAAC,KAAK,EAAE;YACzB,yBAAyB;YACzB,aAAa,EAAE,KAAK;SACrB,CAAC,CAAC;QAEH,2FAA2F;QAC3F,MAAM,IAAI;aACP,OAAO,CAAC,aAAa,CAAC;aACtB,QAAQ,CAAC,CAAC,QAAa,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC;QAEjE,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAE/C,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3C,MAAM,oBAAoB,CAAC,KAAK,CAAC;YAC/B,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QACH,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACzC,SAAS,aAAa,CACpB,KAAgE,EAChE,MAEC;;QAED,OAAO,KAAK,CAAC,IAAI,CAAA;;;0BAGK,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,mCAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuCpD,CAAC,CAAC;IACL,CAAC;IAED,IAAI,gBAAyB,CAAC;IAC9B,IAAI,gBAAyB,CAAC;IAC9B,IAAI,gBAAyB,CAAC;IAC9B,IAAI,gBAAyB,CAAC;IAC9B,IAAI,gBAAyB,CAAC;IAE9B,IAAI,SAAkB,CAAC;IACvB,IAAI,SAAkB,CAAC;IACvB,IAAI,SAAkB,CAAC;IACvB,IAAI,SAAkB,CAAC;IACvB,IAAI,SAAkB,CAAC;IAEvB,SAAS,SAAS,CAAC,IAAU;QAC3B,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAEvD,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACxD,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3B,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACtC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACvD,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QAE3B,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,CAAC,qCAAqC,EAAE,GAAG,EAAE;QACxD,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACxC,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;YAE3B,SAAS,CAAC,IAAI,CAAC,CAAC;YAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEpC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAC1C,MAAM,aAAa,CAAC,KAAK,EAAE;gBACzB,aAAa,EAAE,QAAQ;aACxB,CAAC,CAAC;YAEH,SAAS,CAAC,IAAI,CAAC,CAAC;YAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEpC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YAC3C,MAAM,aAAa,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;YAEzD,SAAS,CAAC,IAAI,CAAC,CAAC;YAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEpC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACzC,MAAM,aAAa,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;YAErD,SAAS,CAAC,IAAI,CAAC,CAAC;YAEhB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEpC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACxC,MAAM,WAAW,GAAG,gBAAgB,CAAC;IACrC,MAAM,WAAW,GAAG,gBAAgB,CAAC;IAErC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAClC,MAAM,KAAK,CAAC;8BACc,WAAW;;gCAET,WAAW;;;;;KAKtC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClD,MAAM,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1C,MAAM,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1C,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAE5D,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACxC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAClC,MAAM,KAAK,CAAC;;;;;;;;;;;;KAYX,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+BAA+B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACvD,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC7D,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAE7D,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAE9C,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3E,MAAM,KAAK,CAAC,IAAI,CAAA;;;;;;;;;;;;;;GAcf,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACrD,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;IAEnC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC1E,MAAM,eAAe,CAAC,KAAK,EAAE,CAAC;IAE9B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC5D,MAAM,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;IAElD,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,WAAW,EAAE,CAAC;IAErD,MAAM,cAAc,GAAG,IAAI;SACxB,OAAO,CAAC,kBAAkB,CAAC;SAC3B,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAC;IAC3C,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;IAE7B,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEjD,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5C,MAAM,WAAW,GAAG,eAAe;SAChC,OAAO,CAAC,kBAAkB,CAAC;SAC3B,SAAS,CAAC,eAAe,CAAC,CAAC;IAE9B,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;IAE1B,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IAChD,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACnD,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAClC,MAAM,KAAK,CAAC;;;;;;;KAOX,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACpD,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC5B,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC7C,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QAEhD,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACpD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE;YAC7B,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/C,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC7C,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QAEhD,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACzB,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YACxC,MAAM,KAAK,CAAC;;;;;;;OAOX,CAAC,CAAC;YAEH,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;YAC9B,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;gBAC/C,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBACvC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC;gBAC5D,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;YACnC,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;gBACnD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBACvC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBACvC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC3D,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;YACnC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YAC5B,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;gBAClD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBACvC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBACvC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBACrC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC;gBAC5D,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;YACnC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { ElementHandle, expect, Locator, Page } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\n\nconst html = String.raw;\n\ntest('renders', async ({ mount, page }) => {\n await mount(`\n <ix-split-button label=\"Test 1\">\n <ix-dropdown-item>Test 1</ix-dropdown-item>\n </ix-split-button>\n\n <ix-split-button label=\"Test 2\">\n <ix-dropdown-item>Test 1</ix-dropdown-item>\n </ix-split-button>\n\n <ix-group header=\"Title\" sub-header=\"Subtitle\">\n <ix-dropdown slot=\"dropdown\">\n <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n </ix-dropdown>\n </ix-group>\n\n <ix-group header=\"Title\" sub-header=\"Subtitle\">\n <ix-dropdown slot=\"dropdown\">\n <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n </ix-dropdown>\n </ix-group>\n `);\n\n const sb1 = page.locator('ix-split-button').nth(0);\n const sb2 = page.locator('ix-split-button').nth(1);\n\n const g1 = page.locator('ix-group').nth(0);\n const g2 = page.locator('ix-group').nth(1);\n\n const sb1Dropdown = sb1.locator('ix-dropdown');\n const sb2Dropdown = sb2.locator('ix-dropdown');\n const g1Dropdown = g1.locator('ix-dropdown');\n const g2Dropdown = g2.locator('ix-dropdown');\n\n await sb1.locator('ix-icon-button').first().click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 0\n );\n\n await sb2.locator('ix-icon-button').first().click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 1\n );\n\n await g2.locator('ix-icon-button').click();\n\n await expectToBeVisible(\n [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n 3\n );\n});\n\nfunction expectToBeVisible(elements: Locator[], index: number) {\n return Promise.all(\n elements.map(async (element, i) => {\n let ef = expect(element);\n if (i !== index) {\n ef = ef.not;\n }\n await ef.toBeVisible();\n })\n );\n}\n\ntest('trigger toggles', async ({ mount, page }) => {\n await mount(`<ix-button id=\"trigger\">Open</ix-button>\n <ix-dropdown trigger=\"trigger\" trigger-toggles=\"true\">\n <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n </ix-dropdown>\n `);\n\n await page.locator('ix-button').click();\n const dropdown = page.locator('.dropdown-menu');\n await expect(dropdown).toHaveClass(/show/);\n await expect(dropdown).toBeVisible();\n\n await page.locator('ix-button').click();\n const after = page.locator('.dropdown-menu');\n await expect(after).not.toHaveClass(/show/);\n await expect(dropdown).not.toBeVisible();\n});\n\ntest.describe('Close behavior', () => {\n function mountDropdown(\n mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n config: {\n closeBehavior: string | boolean;\n }\n ) {\n const closeBehavior = config.closeBehavior\n ? `close-behavior=\"${config.closeBehavior}\"`\n : '';\n\n return mount(`\n <ix-button id=\"level-1\">Trigger</ix-button>\n <ix-dropdown id=\"dropdown-level-1\" trigger=\"level-1\" ${closeBehavior}>\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item>Item 3</ix-dropdown-item>\n </ix-dropdown>\n `);\n }\n\n let triggerButton: Locator;\n let dropdownLevel1: Locator;\n\n let dropdownLevel1_Item1: Locator;\n\n function setupTest(page: Page) {\n triggerButton = page.locator('#level-1');\n dropdownLevel1 = page.locator('#dropdown-level-1');\n\n dropdownLevel1_Item1 = dropdownLevel1\n .locator('ix-dropdown-item')\n .getByText('Item 1');\n }\n\n test(' = both', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'both',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).not.toBeVisible();\n });\n\n test(' = inside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'inside',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).not.toBeVisible();\n });\n\n test(' = outside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'outside',\n });\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click();\n await expect(dropdownLevel1).toBeVisible();\n });\n\n test(' = false', async ({ mount, page }) => {\n await mountDropdown(mount, {\n // Disable close behavior\n closeBehavior: false,\n });\n\n // Have to be provided via javascript, otherwise the component parse the value as a string.\n await page\n .locator('ix-dropdown')\n .evaluate((dropdown: any) => (dropdown.closeBehavior = false));\n\n setupTest(page);\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await page.mouse.click(400, 200);\n await expect(dropdownLevel1).toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).not.toBeVisible();\n\n await triggerButton.click();\n await expect(dropdownLevel1).toBeVisible();\n\n await dropdownLevel1_Item1.click({\n force: true,\n });\n await expect(dropdownLevel1).toBeVisible();\n });\n});\n\ntest.describe('Nested dropdowns 1/3', () => {\n function mountDropdown(\n mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n config?: {\n closeBehavior: string | boolean;\n }\n ) {\n return mount(html`\n <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n <ix-dropdown\n close-behavior=\"${config?.closeBehavior ?? 'both'}\"\n id=\"dropdown-1\"\n trigger=\"trigger-dropdown-1\"\n >\n <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-3\">Item 3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\">\n <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-3\" id=\"dropdown-3\">\n <ix-dropdown-item>Item 3.1</ix-dropdown-item>\n <ix-dropdown-item>Item 3.2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-4\">Item 3.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-4\" id=\"dropdown-4\">\n <ix-dropdown-item>Item 3.3.1</ix-dropdown-item>\n <ix-dropdown-item>Item 3.3.2</ix-dropdown-item>\n <ix-dropdown-item>Item 3.3.3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-button id=\"trigger-dropdown-5\">Trigger 5</ix-button>\n <ix-dropdown id=\"dropdown-5\" trigger=\"trigger-dropdown-5\">\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item id=\"trigger-dropdown-6\">Item 3</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown id=\"dropdown-6\" trigger=\"trigger-dropdown-6\">\n <ix-dropdown-item>Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n <ix-dropdown-item>Item 3</ix-dropdown-item>\n </ix-dropdown>\n `);\n }\n\n let triggerDropdown1: Locator;\n let triggerDropdown2: Locator;\n let triggerDropdown3: Locator;\n let triggerDropdown4: Locator;\n let triggerDropdown5: Locator;\n\n let dropdown1: Locator;\n let dropdown2: Locator;\n let dropdown3: Locator;\n let dropdown4: Locator;\n let dropdown5: Locator;\n\n function setupTest(page: Page) {\n triggerDropdown1 = page.locator('#trigger-dropdown-1');\n triggerDropdown2 = page.locator('#trigger-dropdown-2');\n triggerDropdown3 = page.locator('#trigger-dropdown-3');\n triggerDropdown4 = page.locator('#trigger-dropdown-4');\n triggerDropdown5 = page.locator('#trigger-dropdown-5');\n\n dropdown1 = page.locator('#dropdown-1');\n dropdown2 = page.locator('#dropdown-2');\n dropdown3 = page.locator('#dropdown-3');\n dropdown4 = page.locator('#dropdown-4');\n dropdown5 = page.locator('#dropdown-5');\n }\n\n test('close neighbor sub menu', async ({ mount, page }) => {\n await mountDropdown(mount);\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown5.click();\n await expect(dropdown5).toBeVisible();\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n });\n\n test('close assigned submenu', async ({ mount, page }) => {\n await mountDropdown(mount);\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test.describe('close by Escape with close behavior', () => {\n test(' = both', async ({ mount, page }) => {\n await mountDropdown(mount);\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = inside', async ({ mount, page }) => {\n await mountDropdown(mount, {\n closeBehavior: 'inside',\n });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = outside', async ({ mount, page }) => {\n await mountDropdown(mount, { closeBehavior: 'outside' });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n\n test(' = false', async ({ mount, page }) => {\n await mountDropdown(mount, { closeBehavior: false });\n\n setupTest(page);\n\n await triggerDropdown1.click();\n await expect(dropdown1).toBeVisible();\n\n await triggerDropdown2.click();\n await expect(dropdown2).toBeVisible();\n\n await triggerDropdown3.click();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).toBeVisible();\n\n await triggerDropdown4.click();\n await expect(dropdown4).toBeVisible();\n\n await page.keyboard.press('Escape');\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n await expect(dropdown3).not.toBeVisible();\n await expect(dropdown4).not.toBeVisible();\n });\n });\n});\n\ntest.describe('nested dropdown 2/3', () => {\n const button1Text = 'Triggerbutton1';\n const button2Text = 'Triggerbutton2';\n\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <button id=\"trigger1\">${button1Text}</button>\n <ix-dropdown trigger=\"trigger1\">\n <button id=\"trigger2\">${button2Text}</button>\n <ix-dropdown trigger=\"trigger2\">\n <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n </ix-dropdown>\n </ix-dropdown>\n `);\n });\n\n test('can open nested dropdown', async ({ page }) => {\n await page.getByText(button1Text).click();\n await page.getByText(button2Text).click();\n const nestedDropdownItem = page.locator('ix-dropdown-item');\n\n await expect(nestedDropdownItem).toHaveClass(/hydrated/);\n });\n});\n\ntest.describe('nested dropdown 3/3', () => {\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n <ix-dropdown id=\"dropdown-1\" close-behavior=\"outside\" trigger=\"trigger-dropdown-1\">\n <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n <ix-dropdown-item>Item 2</ix-dropdown-item>\n </ix-dropdown>\n\n <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\" close-behavior=\"inside\">\n <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n </ix-dropdown>\n `);\n });\n\n test('close child on parent dismiss', async ({ page }) => {\n const triggerDropdown1 = page.locator('#trigger-dropdown-1');\n const triggerDropdown2 = page.locator('#trigger-dropdown-2');\n\n const dropdown1 = page.locator('#dropdown-1');\n const dropdown2 = page.locator('#dropdown-2');\n\n await triggerDropdown1.click();\n await triggerDropdown2.click();\n await triggerDropdown1.click();\n\n await expect(dropdown1).not.toBeVisible();\n await expect(dropdown2).not.toBeVisible();\n });\n});\n\ntest('Nested dropdowns within application-header', async ({ mount, page }) => {\n await mount(html`\n <ix-application-header>\n <ix-dropdown-button label=\"Trigger\">\n <ix-dropdown-item label=\"MainItem 1\"></ix-dropdown-item>\n <ix-dropdown-item label=\"MainItem 2\"></ix-dropdown-item>\n <ix-dropdown-item label=\"MainItem 3\" id=\"submenu-01\"></ix-dropdown-item>\n </ix-dropdown-button>\n </ix-application-header>\n <ix-dropdown id=\"submenu\" trigger=\"submenu-01\">\n <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>\n <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>\n </ix-dropdown>\n `);\n await page.setViewportSize(viewPorts.sm);\n await page.waitForTimeout(500);\n\n const header = page.locator('ix-application-header');\n await expect(header).toBeVisible();\n\n const overflowTrigger = header.getByRole('button', { name: 'More Menu' });\n await overflowTrigger.click();\n\n const dropdownButton = header.locator('ix-dropdown-button');\n await dropdownButton.locator('ix-button').click();\n\n const dropdownOfDropdownButton = dropdownButton.locator('ix-dropdown');\n await expect(dropdownOfDropdownButton).toBeVisible();\n\n const submenuTrigger = page\n .locator('ix-dropdown-item')\n .getByText('MainItem 3');\n await expect(submenuTrigger).toBeVisible();\n await submenuTrigger.click();\n\n const submenuDropdown = page.locator('#submenu');\n\n await expect(submenuDropdown).toBeVisible();\n\n const subMenuItem = submenuDropdown\n .locator('ix-dropdown-item')\n .getByText('SubMenuItem 3');\n\n await subMenuItem.click();\n\n await expect(submenuDropdown).not.toBeVisible();\n await expect(dropdownOfDropdownButton).not.toBeVisible();\n});\n\ntest.describe('resolve during element connect', () => {\n test.beforeEach(async ({ mount }) => {\n await mount(`\n <ix-button id=\"trigger\">Open</ix-button>\n <ix-dropdown trigger=\"trigger\">\n <ix-dropdown-item label=\"Item 1\" icon=\"print\"></ix-dropdown-item>\n <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n <ix-dropdown-item>Custom</ix-dropdown-item>\n </ix-dropdown>\n `);\n });\n\n test('attach and detach from dom', async ({ page }) => {\n await page.evaluate(() => {\n const dropdown = document.querySelector('ix-dropdown');\n const mount = document.querySelector('#mount');\n mount.removeChild(dropdown);\n mount.append(dropdown);\n });\n\n const dropdown = page.locator('ix-dropdown');\n await page.locator('ix-button').first().click();\n\n await expect(dropdown).toBeVisible();\n });\n\n test('add element within runtime', async ({ page }) => {\n await page.evaluate(async () => {\n const divElement = document.createElement('div');\n const mount = document.querySelector('#mount');\n mount.appendChild(divElement);\n });\n\n const dropdown = page.locator('ix-dropdown');\n await page.locator('ix-button').first().click();\n\n await expect(dropdown).toBeVisible();\n });\n});\n\ntest.describe('A11y', () => {\n test.describe('Keyboard navigation', () => {\n test.beforeEach(async ({ page, mount }) => {\n await mount(`\n <ix-button id=\"trigger\">Open</ix-button>\n <ix-dropdown trigger=\"trigger\">\n <ix-dropdown-item label=\"Item 1\" icon=\"print\"></ix-dropdown-item>\n <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n <ix-dropdown-item>Custom</ix-dropdown-item>\n </ix-dropdown>\n `);\n\n await page.locator('#trigger').click();\n });\n\n test.describe('ArrowDown', () => {\n test('trigger -> first item', async ({ page }) => {\n await page.keyboard.press('ArrowDown');\n await page.waitForTimeout(100);\n const item = await page.locator('ix-dropdown-item').first();\n await expect(item).toBeFocused();\n });\n\n test('first item -> second item', async ({ page }) => {\n await page.keyboard.press('ArrowDown');\n await page.waitForTimeout(100);\n await page.keyboard.press('ArrowDown');\n await page.waitForTimeout(100);\n const item = await page.locator('ix-dropdown-item').nth(1);\n await expect(item).toBeFocused();\n });\n });\n\n test.describe('ArrowUp', () => {\n test('second item -> fist item', async ({ page }) => {\n await page.keyboard.press('ArrowDown');\n await page.waitForTimeout(100);\n await page.keyboard.press('ArrowDown');\n await page.waitForTimeout(100);\n await page.keyboard.press('ArrowUp');\n const item = await page.locator('ix-dropdown-item').first();\n await expect(item).toBeFocused();\n });\n });\n });\n});\n"]}
package/dist/collection/components/dropdown-button/dropdown-button.js CHANGED
@@ -59,7 +59,7 @@ export class DropdownButton {
59
59
  "mutable": false,
60
60
  "complexType": {
61
61
  "original": "DropdownButtonVariant",
62
- "resolved": "\"primary\" | \"secondary\"",
62
+ "resolved": "\"danger\" | \"primary\" | \"secondary\"",
63
63
  "references": {
64
64
  "DropdownButtonVariant": {
65
65
  "location": "local",
package/dist/collection/components/dropdown-button/dropdown-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-button.js","sourceRoot":"","sources":["../../../../src/components/dropdown-button/dropdown-button.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMzE;;GAEG;AAMH,MAAM,OAAO,cAAc;;uBAMgB,SAAS;uBAKhC,KAAK;qBAKP,KAAK;wBAKF,KAAK;;;6BAgByC,MAAM;;;;IAW/D,WAAW;QACjB,OAAO,CACL,WACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;gBACnC,SAAS,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,GACI,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;gBACX,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;YAC5B,CAAC;YAED,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,iBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;gBAEjB,WAAK,KAAK,EAAE,SAAS;oBAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,eAAe,GACb,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,WAAK,KAAK,EAAE,cAAc,IAAG,IAAI,CAAC,KAAK,CAAO;oBAC9C,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAC,IAAI,GAAW,CACrD,CACI,CACb,CAAC,CAAC,CAAC,CACF;gBACE,sBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACP;gBACjB,IAAI,CAAC,WAAW,EAAE,CACf,CACP,CACG;YAEN,oEACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBAEjC,8DAAa,CACD,CACT,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n/**\n * @since 1.3.0\n */\n@Component({\n tag: 'ix-dropdown-button',\n styleUrl: 'dropdown-button.scss',\n shadow: true,\n})\nexport class DropdownButton {\n @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n /**\n * Button variant\n */\n @Prop() variant: DropdownButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Disable button\n */\n @Prop() disabled = false;\n\n /**\n * Set label\n */\n @Prop() label: string;\n\n /**\n * Button icon\n */\n @Prop() icon: string;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * @since 2.1.0\n */\n @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n /**\n * Placement of the dropdown\n *\n * @since 2.0.0\n */\n @Prop() placement: AlignedPlacement;\n\n @State() dropdownAnchor!: HTMLElement;\n\n private getTriangle() {\n return (\n <div\n class={{\n triangle: true,\n hide: this.label !== '',\n primary: this.variant === 'primary',\n secondary: this.variant === 'secondary',\n ghost: this.ghost,\n outline: this.outline,\n disabled: this.disabled,\n }}\n ></div>\n );\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n }}\n ref={(ref) => {\n this.dropdownAnchor = ref;\n }}\n >\n <div class=\"dropdown-button\">\n {this.label ? (\n <ix-button\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n alignment=\"start\"\n >\n <div class={'content'}>\n {this.icon ? (\n <ix-icon\n name={this.icon}\n size=\"24\"\n class={'dropdown-icon'}\n ></ix-icon>\n ) : null}\n <div class={'button-label'}>{this.label}</div>\n <ix-icon name={'chevron-down-small'} size=\"24\"></ix-icon>\n </div>\n </ix-button>\n ) : (\n <div>\n <ix-icon-button\n icon={this.icon}\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n ></ix-icon-button>\n {this.getTriangle()}\n </div>\n )}\n </div>\n\n <ix-dropdown\n class=\"dropdown\"\n trigger={this.dropdownAnchor}\n placement={this.placement}\n closeBehavior={this.closeBehavior}\n >\n <slot></slot>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"dropdown-button.js","sourceRoot":"","sources":["../../../src/components/dropdown-button/dropdown-button.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMzE;;GAEG;AAMH,MAAM,OAAO,cAAc;;uBAMgB,SAAS;uBAKhC,KAAK;qBAKP,KAAK;wBAKF,KAAK;;;6BAgByC,MAAM;;;;IAW/D,WAAW;QACjB,OAAO,CACL,WACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;gBACnC,SAAS,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,GACI,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;gBACX,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;YAC5B,CAAC;YAED,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,iBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;gBAEjB,WAAK,KAAK,EAAE,SAAS;oBAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,eAAe,GACb,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,WAAK,KAAK,EAAE,cAAc,IAAG,IAAI,CAAC,KAAK,CAAO;oBAC9C,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAC,IAAI,GAAW,CACrD,CACI,CACb,CAAC,CAAC,CAAC,CACF;gBACE,sBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACP;gBACjB,IAAI,CAAC,WAAW,EAAE,CACf,CACP,CACG;YAEN,oEACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBAEjC,8DAAa,CACD,CACT,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n/**\n * @since 1.3.0\n */\n@Component({\n tag: 'ix-dropdown-button',\n styleUrl: 'dropdown-button.scss',\n shadow: true,\n})\nexport class DropdownButton {\n @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n /**\n * Button variant\n */\n @Prop() variant: DropdownButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Disable button\n */\n @Prop() disabled = false;\n\n /**\n * Set label\n */\n @Prop() label: string;\n\n /**\n * Button icon\n */\n @Prop() icon: string;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * @since 2.1.0\n */\n @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n /**\n * Placement of the dropdown\n *\n * @since 2.0.0\n */\n @Prop() placement: AlignedPlacement;\n\n @State() dropdownAnchor!: HTMLElement;\n\n private getTriangle() {\n return (\n <div\n class={{\n triangle: true,\n hide: this.label !== '',\n primary: this.variant === 'primary',\n secondary: this.variant === 'secondary',\n ghost: this.ghost,\n outline: this.outline,\n disabled: this.disabled,\n }}\n ></div>\n );\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n }}\n ref={(ref) => {\n this.dropdownAnchor = ref;\n }}\n >\n <div class=\"dropdown-button\">\n {this.label ? (\n <ix-button\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n alignment=\"start\"\n >\n <div class={'content'}>\n {this.icon ? (\n <ix-icon\n name={this.icon}\n size=\"24\"\n class={'dropdown-icon'}\n ></ix-icon>\n ) : null}\n <div class={'button-label'}>{this.label}</div>\n <ix-icon name={'chevron-down-small'} size=\"24\"></ix-icon>\n </div>\n </ix-button>\n ) : (\n <div>\n <ix-icon-button\n icon={this.icon}\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n ></ix-icon-button>\n {this.getTriangle()}\n </div>\n )}\n </div>\n\n <ix-dropdown\n class=\"dropdown\"\n trigger={this.dropdownAnchor}\n placement={this.placement}\n closeBehavior={this.closeBehavior}\n >\n <slot></slot>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/dropdown-header/dropdown-header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../../src/components/dropdown-header/dropdown-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,cAAc;;;;IAMzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sEAAe,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,IAC5D,IAAI,CAAC,KAAK,CACG,CACX,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n tag: 'ix-dropdown-header',\n styleUrl: 'dropdown-header.scss',\n shadow: true,\n})\nexport class DropdownHeader {\n /**\n * Display name of the header\n */\n @Prop() label: string;\n\n render() {\n return (\n <Host>\n <ix-typography class={'category-text'} variant={'default-title'}>\n {this.label}\n </ix-typography>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../src/components/dropdown-header/dropdown-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,cAAc;;;;IAMzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sEAAe,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,IAC5D,IAAI,CAAC,KAAK,CACG,CACX,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n tag: 'ix-dropdown-header',\n styleUrl: 'dropdown-header.scss',\n shadow: true,\n})\nexport class DropdownHeader {\n /**\n * Display name of the header\n */\n @Prop() label: string;\n\n render() {\n return (\n <Host>\n <ix-typography class={'category-text'} variant={'default-title'}>\n {this.label}\n </ix-typography>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/dropdown-item/dropdown-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-item.js","sourceRoot":"","sources":["../../../../src/components/dropdown-item/dropdown-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,GACL,MAAM,eAAe,CAAC;AAQvB,MAAM,OAAO,YAAY;;;;qBAgBP,KAAK;wBAKF,KAAK;uBAKN,KAAK;yBAGH,KAAK;+BAGC,KAAK;;IAK/B;;OAEG;IAEH,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,sBAAsB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,IAAI,CAAC,KAAK,KAAK,SAAS;YACxB,IAAI,CAAC,WAAW,CAAC,SAAS,KAAK,EAAE;YACjC,IAAI,CAAC,IAAI,KAAK,SAAS,CACxB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,SAAS;aACxB,EACD,IAAI,EAAC,UAAU;YAEf,+DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;oBACL,eAAe,EAAE,IAAI;oBACrB,kBAAkB,EAAE,IAAI,CAAC,eAAe;iBACzC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;gBAElC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACvB,WAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,eACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAC,IAAI,GACA,CACZ,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CAAC,CAAC,IAAI;gBACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eAAS,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,CAChE,CAAC,CAAC,CAAC,IAAI;gBACR,4DAAK,KAAK,EAAC,oBAAoB;oBAC5B,IAAI,CAAC,KAAK;oBACX,8DAAa,CACT;gBACL,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,eACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,cAAc,GACZ,CACZ,CAAC,CAAC,CAAC,IAAI,CACD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n tag: 'ix-dropdown-item',\n styleUrl: 'dropdown-item.scss',\n shadow: true,\n})\nexport class DropdownItem implements DropdownItemWrapper {\n @Element() hostElement!: HTMLIxDropdownItemElement;\n\n /**\n * Label of dropdown item\n */\n @Prop() label: string;\n\n /**\n * Icon of dropdown item\n */\n @Prop() icon: string;\n\n /**\n * Display hover state\n */\n @Prop() hover = false;\n\n /**\n * Disable item and remove event listeners\n */\n @Prop() disabled = false;\n\n /**\n * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n */\n @Prop() checked = false;\n\n /** @internal */\n @Prop() isSubMenu = false;\n\n /** @internal */\n @Prop() suppressChecked = false;\n\n /** @internal */\n @Event() itemClick: EventEmitter<HTMLIxDropdownItemElement>;\n\n /**\n * Internal usage only\n */\n @Method()\n async emitItemClick() {\n this.itemClick.emit(this.hostElement);\n }\n\n /** @internal */\n @Method()\n async getDropdownItemElement() {\n return this.hostElement;\n }\n\n private isIconOnly() {\n return (\n this.label === undefined &&\n this.hostElement.innerText === '' &&\n this.icon !== undefined\n );\n }\n\n render() {\n return (\n <Host\n class={{\n hover: this.hover,\n 'icon-only': this.isIconOnly(),\n disabled: this.disabled,\n submenu: this.isSubMenu,\n }}\n role=\"listitem\"\n >\n <button\n type=\"button\"\n tabIndex={0}\n class={{\n 'dropdown-item': true,\n 'no-checked-field': this.suppressChecked,\n }}\n onClick={() => this.emitItemClick()}\n >\n {!this.suppressChecked ? (\n <div class=\"dropdown-item-checked\">\n {this.checked ? (\n <ix-icon\n class=\"checkmark\"\n name={'single-check'}\n size=\"16\"\n ></ix-icon>\n ) : null}\n </div>\n ) : null}\n {this.icon ? (\n <ix-icon class=\"dropdown-item-icon\" name={this.icon}></ix-icon>\n ) : null}\n <div class=\"dropdown-item-text\">\n {this.label}\n <slot></slot>\n </div>\n {this.isSubMenu ? (\n <ix-icon\n name={'chevron-right-small'}\n class={'submenu-icon'}\n ></ix-icon>\n ) : null}\n </button>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"dropdown-item.js","sourceRoot":"","sources":["../../../src/components/dropdown-item/dropdown-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,GACL,MAAM,eAAe,CAAC;AAQvB,MAAM,OAAO,YAAY;;;;qBAgBP,KAAK;wBAKF,KAAK;uBAKN,KAAK;yBAGH,KAAK;+BAGC,KAAK;;IAK/B;;OAEG;IAEH,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,sBAAsB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,IAAI,CAAC,KAAK,KAAK,SAAS;YACxB,IAAI,CAAC,WAAW,CAAC,SAAS,KAAK,EAAE;YACjC,IAAI,CAAC,IAAI,KAAK,SAAS,CACxB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,SAAS;aACxB,EACD,IAAI,EAAC,UAAU;YAEf,+DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;oBACL,eAAe,EAAE,IAAI;oBACrB,kBAAkB,EAAE,IAAI,CAAC,eAAe;iBACzC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;gBAElC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACvB,WAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,eACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAC,IAAI,GACA,CACZ,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CAAC,CAAC,IAAI;gBACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eAAS,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,CAChE,CAAC,CAAC,CAAC,IAAI;gBACR,4DAAK,KAAK,EAAC,oBAAoB;oBAC5B,IAAI,CAAC,KAAK;oBACX,8DAAa,CACT;gBACL,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,eACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,cAAc,GACZ,CACZ,CAAC,CAAC,CAAC,IAAI,CACD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n tag: 'ix-dropdown-item',\n styleUrl: 'dropdown-item.scss',\n shadow: true,\n})\nexport class DropdownItem implements DropdownItemWrapper {\n @Element() hostElement!: HTMLIxDropdownItemElement;\n\n /**\n * Label of dropdown item\n */\n @Prop() label: string;\n\n /**\n * Icon of dropdown item\n */\n @Prop() icon: string;\n\n /**\n * Display hover state\n */\n @Prop() hover = false;\n\n /**\n * Disable item and remove event listeners\n */\n @Prop() disabled = false;\n\n /**\n * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n */\n @Prop() checked = false;\n\n /** @internal */\n @Prop() isSubMenu = false;\n\n /** @internal */\n @Prop() suppressChecked = false;\n\n /** @internal */\n @Event() itemClick: EventEmitter<HTMLIxDropdownItemElement>;\n\n /**\n * Internal usage only\n */\n @Method()\n async emitItemClick() {\n this.itemClick.emit(this.hostElement);\n }\n\n /** @internal */\n @Method()\n async getDropdownItemElement() {\n return this.hostElement;\n }\n\n private isIconOnly() {\n return (\n this.label === undefined &&\n this.hostElement.innerText === '' &&\n this.icon !== undefined\n );\n }\n\n render() {\n return (\n <Host\n class={{\n hover: this.hover,\n 'icon-only': this.isIconOnly(),\n disabled: this.disabled,\n submenu: this.isSubMenu,\n }}\n role=\"listitem\"\n >\n <button\n type=\"button\"\n tabIndex={0}\n class={{\n 'dropdown-item': true,\n 'no-checked-field': this.suppressChecked,\n }}\n onClick={() => this.emitItemClick()}\n >\n {!this.suppressChecked ? (\n <div class=\"dropdown-item-checked\">\n {this.checked ? (\n <ix-icon\n class=\"checkmark\"\n name={'single-check'}\n size=\"16\"\n ></ix-icon>\n ) : null}\n </div>\n ) : null}\n {this.icon ? (\n <ix-icon class=\"dropdown-item-icon\" name={this.icon}></ix-icon>\n ) : null}\n <div class=\"dropdown-item-text\">\n {this.label}\n <slot></slot>\n </div>\n {this.isSubMenu ? (\n <ix-icon\n name={'chevron-right-small'}\n class={'submenu-icon'}\n ></ix-icon>\n ) : null}\n </button>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-quick-actions.js","sourceRoot":"","sources":["../../../../src/components/dropdown-quick-actions/dropdown-quick-actions.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAC/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.4.0\n */\n@Component({\n tag: 'ix-dropdown-quick-actions',\n styleUrl: 'dropdown-quick-actions.scss',\n shadow: true,\n})\nexport class DropdownQuickActions {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"dropdown-quick-actions.js","sourceRoot":"","sources":["../../../src/components/dropdown-quick-actions/dropdown-quick-actions.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAC/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.4.0\n */\n@Component({\n tag: 'ix-dropdown-quick-actions',\n styleUrl: 'dropdown-quick-actions.scss',\n shadow: true,\n})\nexport class DropdownQuickActions {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/empty-state/empty-state.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E;;GAEG;AAMH,MAAM,OAAO,UAAU;;sBAIc,OAAO;;;;;;IA2B1C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,0BAA0B,IAAI,CAAC,MAAM,EAAE;YACjD,IAAI,CAAC,IAAI,IAAI,CACZ,WAAK,KAAK,EAAC,kBAAkB;gBAE3B,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,EAAC,iBAAiB,GACvB,CACE,CACP;YAED,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,sEACE,OAAO,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,IAE7D,IAAI,CAAC,MAAM,CACE;oBAEf,IAAI,CAAC,SAAS,IAAI,CACjB,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,SAAS,CAAO,CACrD,CACG;gBAEL,IAAI,CAAC,MAAM,IAAI,CACd,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,iBAAW,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAC9C,IAAI,CAAC,MAAM,CACF,CACR,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-empty-state',\n styleUrl: 'empty-state.scss',\n shadow: true,\n})\nexport class EmptyState {\n /**\n * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n */\n @Prop() layout: EmptyStateLayout = 'large';\n\n /**\n * Optional empty state icon\n */\n @Prop() icon: string;\n\n /**\n * Empty state header\n */\n @Prop() header!: string;\n\n /**\n * Optional empty state sub header\n */\n @Prop() subHeader: string;\n\n /**\n * Optional empty state action\n */\n @Prop() action: string;\n\n /**\n * Empty state action click event\n */\n @Event() actionClick: EventEmitter<void>;\n\n render() {\n return (\n <Host class={`emptyState emptyState--${this.layout}`}>\n {this.icon && (\n <div class=\"emptyState__icon\">\n {/* TODO: replace size for large layout with '56' if available */}\n <ix-icon\n name={this.icon}\n size={this.layout === 'large' ? '32' : '32'}\n color=\"color-soft-text\"\n />\n </div>\n )}\n\n <div class=\"emptyState__content\">\n <div class=\"content__label\">\n <ix-typography\n variant={this.layout === 'large' ? 'display-large' : 'default'}\n >\n {this.header}\n </ix-typography>\n\n {this.subHeader && (\n <div class=\"label__subHeader\">{this.subHeader}</div>\n )}\n </div>\n\n {this.action && (\n <div class=\"content__action\">\n <ix-button onClick={() => this.actionClick.emit()}>\n {this.action}\n </ix-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E;;GAEG;AAMH,MAAM,OAAO,UAAU;;sBAIc,OAAO;;;;;;IA2B1C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,0BAA0B,IAAI,CAAC,MAAM,EAAE;YACjD,IAAI,CAAC,IAAI,IAAI,CACZ,WAAK,KAAK,EAAC,kBAAkB;gBAE3B,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,EAAC,iBAAiB,GACvB,CACE,CACP;YAED,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,sEACE,OAAO,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,IAE7D,IAAI,CAAC,MAAM,CACE;oBAEf,IAAI,CAAC,SAAS,IAAI,CACjB,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,SAAS,CAAO,CACrD,CACG;gBAEL,IAAI,CAAC,MAAM,IAAI,CACd,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,iBAAW,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAC9C,IAAI,CAAC,MAAM,CACF,CACR,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-empty-state',\n styleUrl: 'empty-state.scss',\n shadow: true,\n})\nexport class EmptyState {\n /**\n * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n */\n @Prop() layout: EmptyStateLayout = 'large';\n\n /**\n * Optional empty state icon\n */\n @Prop() icon: string;\n\n /**\n * Empty state header\n */\n @Prop() header!: string;\n\n /**\n * Optional empty state sub header\n */\n @Prop() subHeader: string;\n\n /**\n * Optional empty state action\n */\n @Prop() action: string;\n\n /**\n * Empty state action click event\n */\n @Event() actionClick: EventEmitter<void>;\n\n render() {\n return (\n <Host class={`emptyState emptyState--${this.layout}`}>\n {this.icon && (\n <div class=\"emptyState__icon\">\n {/* TODO: replace size for large layout with '56' if available */}\n <ix-icon\n name={this.icon}\n size={this.layout === 'large' ? '32' : '32'}\n color=\"color-soft-text\"\n />\n </div>\n )}\n\n <div class=\"emptyState__content\">\n <div class=\"content__label\">\n <ix-typography\n variant={this.layout === 'large' ? 'display-large' : 'default'}\n >\n {this.header}\n </ix-typography>\n\n {this.subHeader && (\n <div class=\"label__subHeader\">{this.subHeader}</div>\n )}\n </div>\n\n {this.action && (\n <div class=\"content__action\">\n <ix-button onClick={() => this.actionClick.emit()}>\n {this.action}\n </ix-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/event-list/event-list.js CHANGED
@@ -9,6 +9,7 @@
9
9
  import { h, Host } from "@stencil/core";
10
10
  import { createMutationObserver } from "../utils/mutation-observer";
11
11
  import { convertToRemString } from "../utils/rwd.util";
12
+ import anime from "animejs";
12
13
  export class EventList {
13
14
  constructor() {
14
15
  this.mutationObserver = createMutationObserver(this.onMutation.bind(this));
@@ -57,20 +58,21 @@ export class EventList {
57
58
  item.style.setProperty('--event-list-item-height', height);
58
59
  }
59
60
  triggerFadeOut() {
60
- if (!this.animated) {
61
- return Promise.resolve();
62
- }
63
- const keyframes = [
64
- {
65
- opacity: 1,
66
- easing: 'ease-in',
67
- },
68
- { opacity: 0 },
69
- ];
70
- const listElement = this.hostElement.shadowRoot.querySelector('ul');
71
- return listElement.animate(keyframes, {
72
- duration: EventList.fadeOutDuration,
73
- }).finished;
61
+ return new Promise((resolve) => {
62
+ if (!this.animated) {
63
+ resolve();
64
+ }
65
+ const keyframes = [{ opacity: 1, easing: 'easeInSine' }, { opacity: 0 }];
66
+ const listElement = this.hostElement.shadowRoot.querySelector('ul');
67
+ anime({
68
+ targets: listElement,
69
+ opacity: keyframes,
70
+ duration: EventList.fadeOutDuration,
71
+ complete: () => {
72
+ resolve();
73
+ },
74
+ });
75
+ });
74
76
  }
75
77
  triggerFadeIn() {
76
78
  if (!this.animated) {
@@ -80,16 +82,15 @@ export class EventList {
80
82
  listItems.forEach((e, i) => {
81
83
  const delay = i * 80;
82
84
  const offset = delay / (delay + EventList.fadeInDuration);
83
- const keyframes = [
84
- { opacity: 0 },
85
- { opacity: 0, easing: 'ease-out', offset },
86
- { opacity: 1 },
87
- ];
88
- const options = {
85
+ anime({
86
+ targets: e,
87
+ offset: offset,
89
88
  duration: EventList.fadeInDuration + delay,
90
- iterations: 1,
91
- };
92
- e.animate(keyframes, options);
89
+ opacity: [0, 1],
90
+ easing: 'easeInOutSine',
91
+ delay: delay,
92
+ autoplay: true,
93
+ });
93
94
  });
94
95
  }
95
96
  handleChevron(chevron) {
@@ -104,11 +105,11 @@ export class EventList {
104
105
  });
105
106
  }
106
107
  render() {
107
- return (h(Host, { key: '753ef5eaecb97380a454359d59397b163a75c70f', class: {
108
+ return (h(Host, { key: 'd24b72d6682a8bbd5c115814d9e6894f97f5517b', class: {
108
109
  'item-size-s': this.itemHeight === 'S',
109
110
  'item-size-l': this.itemHeight === 'L',
110
111
  compact: this.compact,
111
- } }, h("ul", { key: 'c4264b59d439dc2dae8ec3153aa04fe5ee04383c' }, h("slot", { key: '114837af21b63c7acec8eed2901aacc046608ab3' }))));
112
+ } }, h("ul", { key: '1a1e8b938a2182c6578b7a60fab2cd2f63d54180' }, h("slot", { key: 'c9a9f3c9e06c039c9afa1e954d1bf77c1cda5122' }))));
112
113
  }
113
114
  static get is() { return "ix-event-list"; }
114
115
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/event-list/event-list.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"event-list.js","sourceRoot":"","sources":["../../../../src/components/event-list/event-list.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\n\n@Component({\n tag: 'ix-event-list',\n styleUrl: 'event-list.scss',\n shadow: true,\n})\nexport class EventList {\n private readonly mutationObserver = createMutationObserver(\n this.onMutation.bind(this)\n );\n\n private static readonly fadeOutDuration = 50;\n private static readonly fadeInDuration = 150;\n\n @Element() hostElement!: HTMLIxEventListElement;\n\n /**\n * Determines the height of list items.\n * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\n * In case a number is supplied it will get converted to rem internally.\n * Defaults to 'S'.\n */\n @Prop() itemHeight: 'S' | 'L' | number = 'S';\n\n /**\n * Make event-list items more compact\n */\n @Prop() compact = false;\n\n /**\n * Animate state change transitions. Defaults to 'true'.\n */\n @Prop() animated = true;\n\n /**\n * Display a chevron icon in list items. Defaults to 'false'\n */\n @Prop() chevron: boolean;\n\n @Watch('chevron')\n watchChevron(chevron: boolean | undefined) {\n this.handleChevron(chevron);\n }\n\n componentDidLoad() {\n if (this.animated) {\n this.triggerFadeIn();\n }\n\n if (!Number.isNaN(Number(this.itemHeight))) {\n const height = convertToRemString(this.itemHeight as number);\n this.hostElement\n .querySelectorAll('ix-event-list-item')\n .forEach((item) => {\n this.setCustomHeight(item as HTMLElement, height);\n });\n }\n\n this.handleChevron(this.chevron);\n\n this.mutationObserver.observe(this.hostElement, {\n childList: true,\n subtree: true,\n });\n }\n\n private onMutation(mutationRecords: Array<MutationRecord>) {\n this.triggerFadeOut().then(() => {\n if (typeof this.itemHeight === 'number') {\n const height = convertToRemString(this.itemHeight);\n\n mutationRecords\n .filter((mutation) => mutation.type === 'childList')\n .forEach((mutation) =>\n mutation.addedNodes.forEach((item) => {\n const itemHtml = item as HTMLElement;\n\n this.setCustomHeight(itemHtml, height);\n })\n );\n }\n\n this.handleChevron(this.chevron);\n\n this.triggerFadeIn();\n });\n }\n\n private setCustomHeight(item: HTMLElement, height: string) {\n item.style.setProperty('--event-list-item-height', height);\n }\n\n private triggerFadeOut(): Promise<any> {\n if (!this.animated) {\n return Promise.resolve();\n }\n\n const keyframes = [\n {\n opacity: 1,\n easing: 'ease-in',\n },\n { opacity: 0 },\n ];\n const listElement = this.hostElement.shadowRoot.querySelector('ul');\n return listElement.animate(keyframes, {\n duration: EventList.fadeOutDuration,\n }).finished;\n }\n\n private triggerFadeIn() {\n if (!this.animated) {\n return;\n }\n\n const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n listItems.forEach((e, i) => {\n const delay = i * 80;\n const offset = delay / (delay + EventList.fadeInDuration);\n const keyframes = [\n { opacity: 0 },\n { opacity: 0, easing: 'ease-out', offset },\n { opacity: 1 },\n ];\n const options = {\n duration: EventList.fadeInDuration + delay,\n iterations: 1,\n };\n e.animate(keyframes, options);\n });\n }\n\n private handleChevron(chevron: boolean | undefined): void {\n const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n\n listItems.forEach((e) => {\n if (chevron) {\n e.setAttribute('chevron', 'true');\n } else if (chevron !== undefined) {\n e.removeAttribute('chevron');\n }\n });\n }\n\n render() {\n return (\n <Host\n class={{\n 'item-size-s': this.itemHeight === 'S',\n 'item-size-l': this.itemHeight === 'L',\n compact: this.compact,\n }}\n >\n <ul>\n <slot></slot>\n </ul>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"event-list.js","sourceRoot":"","sources":["../../../src/components/event-list/event-list.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\nimport anime from 'animejs';\n\n@Component({\n tag: 'ix-event-list',\n styleUrl: 'event-list.scss',\n shadow: true,\n})\nexport class EventList {\n private readonly mutationObserver = createMutationObserver(\n this.onMutation.bind(this)\n );\n\n private static readonly fadeOutDuration = 50;\n private static readonly fadeInDuration = 150;\n\n @Element() hostElement!: HTMLIxEventListElement;\n\n /**\n * Determines the height of list items.\n * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\n * In case a number is supplied it will get converted to rem internally.\n * Defaults to 'S'.\n */\n @Prop() itemHeight: 'S' | 'L' | number = 'S';\n\n /**\n * Make event-list items more compact\n */\n @Prop() compact = false;\n\n /**\n * Animate state change transitions. Defaults to 'true'.\n */\n @Prop() animated = true;\n\n /**\n * Display a chevron icon in list items. Defaults to 'false'\n */\n @Prop() chevron: boolean;\n\n @Watch('chevron')\n watchChevron(chevron: boolean | undefined) {\n this.handleChevron(chevron);\n }\n\n componentDidLoad() {\n if (this.animated) {\n this.triggerFadeIn();\n }\n\n if (!Number.isNaN(Number(this.itemHeight))) {\n const height = convertToRemString(this.itemHeight as number);\n this.hostElement\n .querySelectorAll('ix-event-list-item')\n .forEach((item) => {\n this.setCustomHeight(item as HTMLElement, height);\n });\n }\n\n this.handleChevron(this.chevron);\n\n this.mutationObserver.observe(this.hostElement, {\n childList: true,\n subtree: true,\n });\n }\n\n private onMutation(mutationRecords: Array<MutationRecord>) {\n this.triggerFadeOut().then(() => {\n if (typeof this.itemHeight === 'number') {\n const height = convertToRemString(this.itemHeight);\n\n mutationRecords\n .filter((mutation) => mutation.type === 'childList')\n .forEach((mutation) =>\n mutation.addedNodes.forEach((item) => {\n const itemHtml = item as HTMLElement;\n\n this.setCustomHeight(itemHtml, height);\n })\n );\n }\n\n this.handleChevron(this.chevron);\n\n this.triggerFadeIn();\n });\n }\n\n private setCustomHeight(item: HTMLElement, height: string) {\n item.style.setProperty('--event-list-item-height', height);\n }\n\n private triggerFadeOut(): Promise<void> {\n return new Promise((resolve) => {\n if (!this.animated) {\n resolve();\n }\n\n const keyframes = [{ opacity: 1, easing: 'easeInSine' }, { opacity: 0 }];\n\n const listElement = this.hostElement.shadowRoot.querySelector('ul');\n\n anime({\n targets: listElement,\n opacity: keyframes,\n duration: EventList.fadeOutDuration,\n complete: () => {\n resolve();\n },\n });\n });\n }\n\n private triggerFadeIn() {\n if (!this.animated) {\n return;\n }\n\n const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n listItems.forEach((e, i) => {\n const delay = i * 80;\n const offset = delay / (delay + EventList.fadeInDuration);\n anime({\n targets: e,\n offset: offset,\n duration: EventList.fadeInDuration + delay,\n opacity: [0, 1],\n easing: 'easeInOutSine',\n delay: delay,\n autoplay: true,\n });\n });\n }\n\n private handleChevron(chevron: boolean | undefined): void {\n const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n\n listItems.forEach((e) => {\n if (chevron) {\n e.setAttribute('chevron', 'true');\n } else if (chevron !== undefined) {\n e.removeAttribute('chevron');\n }\n });\n }\n\n render() {\n return (\n <Host\n class={{\n 'item-size-s': this.itemHeight === 'S',\n 'item-size-l': this.itemHeight === 'L',\n compact: this.compact,\n }}\n >\n <ul>\n <slot></slot>\n </ul>\n </Host>\n );\n }\n}\n"]}
package/dist/collection/components/event-list/test/event-list.ct.js ADDED
@@ -0,0 +1,61 @@
1
+ /*
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
+ *
4
+ * SPDX-License-Identifier: MIT
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ /*
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
+ *
12
+ * SPDX-License-Identifier: MIT
13
+ *
14
+ * This source code is licensed under the MIT license found in the
15
+ * LICENSE file in the root directory of this source tree.
16
+ */
17
+ import "jest";
18
+ import { test } from "../../../tests/utils/test/index";
19
+ import { expect } from "@playwright/test";
20
+ test('renders', async ({ mount, page }) => {
21
+ await mount(`
22
+ <ix-event-list>
23
+ <ix-event-list-item color="color-primary">Text 1</ix-event-list-item>
24
+ <ix-event-list-item color="color-primary">Text 2</ix-event-list-item>
25
+ <ix-event-list-item color="color-primary">Text 3</ix-event-list-item>
26
+ <ix-event-list-item color="color-primary">Text 4</ix-event-list-item>
27
+ </ix-event-list>
28
+ `);
29
+ const eventList = page.locator('ix-event-list');
30
+ await expect(eventList).toHaveClass(/hydrated/);
31
+ });
32
+ test('check if items still clickable', async ({ mount, page }) => {
33
+ await mount(`
34
+ <ix-event-list>
35
+ <ix-event-list-item color="color-primary" selected>Text 1</ix-event-list-item>
36
+ <ix-event-list-item color="color-primary">Text 2</ix-event-list-item>
37
+ <ix-event-list-item color="color-primary">Text 3</ix-event-list-item>
38
+ <ix-event-list-item color="color-primary">Text 4</ix-event-list-item>
39
+ </ix-event-list>
40
+ `);
41
+ await page.waitForTimeout(500);
42
+ const firstEventListItem = page.locator('ix-event-list-item').first();
43
+ const secondEventListItem = page.locator('ix-event-list-item').nth(1);
44
+ const thirdEventListItem = page.locator('ix-event-list-item').last();
45
+ const clickCountHandle = await page.evaluateHandle(() => {
46
+ return { count: 0 };
47
+ });
48
+ await firstEventListItem.evaluate((eventListItem, clickCountHandle) => {
49
+ eventListItem.addEventListener('click', () => {
50
+ clickCountHandle.count++;
51
+ });
52
+ }, clickCountHandle);
53
+ await firstEventListItem.click();
54
+ await secondEventListItem.click();
55
+ await thirdEventListItem.click();
56
+ //Check if still clickable
57
+ await firstEventListItem.click();
58
+ expect((await clickCountHandle.jsonValue()).count).toBe(2);
59
+ clickCountHandle.dispose();
60
+ });
61
+ //# sourceMappingURL=event-list.ct.js.map
package/dist/collection/components/event-list/test/event-list.ct.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"event-list.ct.js","sourceRoot":"","sources":["../../../../src/components/event-list/test/event-list.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;;;GAOG;AACH,OAAO,MAAM,CAAC;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,MAAM,KAAK,CAAC;;;;;;;GAOX,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IAChD,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,gCAAgC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC/D,MAAM,KAAK,CAAC;;;;;;;GAOX,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,KAAK,EAAE,CAAC;IACtE,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,IAAI,EAAE,CAAC;IAErE,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE;QACtD,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,aAAa,EAAE,gBAAgB,EAAE,EAAE;QACpE,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC3C,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAErB,MAAM,kBAAkB,CAAC,KAAK,EAAE,CAAC;IACjC,MAAM,mBAAmB,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,kBAAkB,CAAC,KAAK,EAAE,CAAC;IAEjC,0BAA0B;IAC1B,MAAM,kBAAkB,CAAC,KAAK,EAAE,CAAC;IACjC,MAAM,CAAC,CAAC,MAAM,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3D,gBAAgB,CAAC,OAAO,EAAE,CAAC;AAC7B,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport 'jest';\nimport { test } from '@utils/test';\nimport { expect } from '@playwright/test';\n\ntest('renders', async ({ mount, page }) => {\n await mount(`\n <ix-event-list>\n <ix-event-list-item color=\"color-primary\">Text 1</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 2</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 3</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 4</ix-event-list-item>\n </ix-event-list>\n `);\n\n const eventList = page.locator('ix-event-list');\n await expect(eventList).toHaveClass(/hydrated/);\n});\n\ntest('check if items still clickable', async ({ mount, page }) => {\n await mount(`\n <ix-event-list>\n <ix-event-list-item color=\"color-primary\" selected>Text 1</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 2</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 3</ix-event-list-item>\n <ix-event-list-item color=\"color-primary\">Text 4</ix-event-list-item>\n </ix-event-list>\n `);\n\n await page.waitForTimeout(500);\n const firstEventListItem = page.locator('ix-event-list-item').first();\n const secondEventListItem = page.locator('ix-event-list-item').nth(1);\n const thirdEventListItem = page.locator('ix-event-list-item').last();\n\n const clickCountHandle = await page.evaluateHandle(() => {\n return { count: 0 };\n });\n\n await firstEventListItem.evaluate((eventListItem, clickCountHandle) => {\n eventListItem.addEventListener('click', () => {\n clickCountHandle.count++;\n });\n }, clickCountHandle);\n\n await firstEventListItem.click();\n await secondEventListItem.click();\n await thirdEventListItem.click();\n\n //Check if still clickable\n await firstEventListItem.click();\n expect((await clickCountHandle.jsonValue()).count).toBe(2);\n\n clickCountHandle.dispose();\n});\n"]}
package/dist/collection/components/event-list/test/event-list.spec.js CHANGED
@@ -61,52 +61,5 @@ describe('event-list', () => {
61
61
  </ix-event-list>
62
62
  `);
63
63
  });
64
- it('animated', async () => {
65
- const page = await newSpecPage({
66
- components: [EventList],
67
- html: '<div></div>',
68
- });
69
- const eventList = page.doc.createElement('ix-event-list');
70
- const eventListItem = page.doc.createElement('ix-event-list-item');
71
- eventListItem.animate = jest.fn();
72
- eventList.appendChild(eventListItem);
73
- page.root.appendChild(eventList);
74
- await page.waitForChanges();
75
- expect(eventListItem.animate).toHaveBeenCalled();
76
- expect(page.root).toEqualHtml(`
77
- <ix-event-list class="item-size-s">
78
- <mock:shadow-root>
79
- <ul>
80
- <slot></slot>
81
- </ul>
82
- </mock:shadow-root>
83
- <ix-event-list-item></ix-event-list-item>
84
- </ix-event-list>
85
- `);
86
- });
87
- it('not animated', async () => {
88
- const page = await newSpecPage({
89
- components: [EventList],
90
- html: '<div></div>',
91
- });
92
- const eventList = page.doc.createElement('ix-event-list');
93
- eventList.animated = false;
94
- const eventListItem = page.doc.createElement('ix-event-list-item');
95
- eventListItem.animate = jest.fn();
96
- eventList.appendChild(eventListItem);
97
- page.root.appendChild(eventList);
98
- await page.waitForChanges();
99
- expect(eventListItem.animate).not.toHaveBeenCalled();
100
- expect(page.root).toEqualHtml(`
101
- <ix-event-list class="item-size-s">
102
- <mock:shadow-root>
103
- <ul>
104
- <slot></slot>
105
- </ul>
106
- </mock:shadow-root>
107
- <ix-event-list-item></ix-event-list-item>
108
- </ix-event-list>
109
- `);
110
- });
111
64
  });
112
65
  //# sourceMappingURL=event-list.spec.js.map
package/dist/collection/components/event-list/test/event-list.spec.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"event-list.spec.js","sourceRoot":"","sources":["../../../../../src/components/event-list/test/event-list.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { newSpecPage } from '@stencil/core/testing';\n//@ts-ignore\nimport { createMutationObserver } from '../../utils/mutation-observer';\nimport { EventList } from '../event-list';\n\njest.mock('../../utils/mutation-observer');\n\ndescribe('event-list', () => {\n beforeEach(() => {\n //@ts-ignore\n createMutationObserver = jest.fn(() => ({\n observe: jest.fn(),\n }));\n });\n\n it('renders', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: `\n <ix-event-list>\n <ix-event-list-item />\n </ix-event-list>\n `,\n });\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n\n it('compact', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: `\n <ix-event-list>\n <ix-event-list-item />\n </ix-event-list>\n `,\n });\n\n const eventList = page.doc.querySelector(\n 'ix-event-list'\n ) as HTMLIxEventListElement;\n\n eventList.compact = true;\n\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"compact item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n\n it('animated', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: '<div></div>',\n });\n\n const eventList = page.doc.createElement('ix-event-list');\n const eventListItem = page.doc.createElement('ix-event-list-item');\n\n eventListItem.animate = jest.fn();\n\n eventList.appendChild(eventListItem);\n page.root.appendChild(eventList);\n\n await page.waitForChanges();\n\n expect(eventListItem.animate).toHaveBeenCalled();\n\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n\n it('not animated', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: '<div></div>',\n });\n\n const eventList = page.doc.createElement('ix-event-list');\n eventList.animated = false;\n\n const eventListItem = page.doc.createElement('ix-event-list-item');\n\n eventListItem.animate = jest.fn();\n\n eventList.appendChild(eventListItem);\n page.root.appendChild(eventList);\n\n await page.waitForChanges();\n\n expect(eventListItem.animate).not.toHaveBeenCalled();\n\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n});\n"]}
1
+ {"version":3,"file":"event-list.spec.js","sourceRoot":"","sources":["../../../../src/components/event-list/test/event-list.spec.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,YAAY;AACZ,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;AAE3C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,YAAY;QACZ,sBAAsB,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;SACnB,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE;;;;OAIL;SACF,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE;;;;OAIL;SACF,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACtC,eAAe,CACU,CAAC;QAE5B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAEzB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { newSpecPage } from '@stencil/core/testing';\n//@ts-ignore\nimport { createMutationObserver } from '../../utils/mutation-observer';\nimport { EventList } from '../event-list';\n\njest.mock('../../utils/mutation-observer');\n\ndescribe('event-list', () => {\n beforeEach(() => {\n //@ts-ignore\n createMutationObserver = jest.fn(() => ({\n observe: jest.fn(),\n }));\n });\n\n it('renders', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: `\n <ix-event-list>\n <ix-event-list-item />\n </ix-event-list>\n `,\n });\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n\n it('compact', async () => {\n const page = await newSpecPage({\n components: [EventList],\n html: `\n <ix-event-list>\n <ix-event-list-item />\n </ix-event-list>\n `,\n });\n\n const eventList = page.doc.querySelector(\n 'ix-event-list'\n ) as HTMLIxEventListElement;\n\n eventList.compact = true;\n\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <ix-event-list class=\"compact item-size-s\">\n <mock:shadow-root>\n <ul>\n <slot></slot>\n </ul>\n </mock:shadow-root>\n <ix-event-list-item></ix-event-list-item>\n </ix-event-list>\n `);\n });\n});\n"]}