@siemens/ix 1.4.0-beta.0 → 1.4.0-beta.1

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 (434) hide show
  1. package/dist/cjs/alignment-51e20690.js +13 -0
  2. package/dist/cjs/{animation-dfe01edc.js → animation-d5cc0bec.js} +1 -1
  3. package/dist/cjs/{base-button-6ef79cb6.js → base-button-497db257.js} +1 -1
  4. package/dist/cjs/context-a0900b95.js +75 -0
  5. package/dist/cjs/{default-tree-item-4597cd84.js → default-tree-item-89cd1f3f.js} +1 -1
  6. package/dist/cjs/{flip-tile-state-c95639e5.js → flip-tile-state-b5ff5ea0.js} +1 -1
  7. package/dist/cjs/{alignment-24ae2e63.js → floating-ui.dom.esm-9a5d67b2.js} +393 -402
  8. package/dist/cjs/index-f4b8e6ee.js +20 -0
  9. package/dist/cjs/index.cjs.js +12 -12
  10. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +2 -2
  11. package/dist/cjs/ix-application-header.cjs.entry.js +25 -2
  12. package/dist/cjs/ix-basic-navigation.cjs.entry.js +16 -2
  13. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
  14. package/dist/cjs/ix-burger-menu.cjs.entry.js +22 -0
  15. package/dist/cjs/ix-button.cjs.entry.js +3 -3
  16. package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
  17. package/dist/cjs/ix-divider.cjs.entry.js +19 -0
  18. package/dist/cjs/ix-dropdown-button.cjs.entry.js +5 -3
  19. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +19 -0
  20. package/dist/cjs/ix-dropdown_2.cjs.entry.js +77 -16
  21. package/dist/cjs/ix-event-list_2.cjs.entry.js +2 -2
  22. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-group-context-menu.cjs.entry.js +0 -3
  24. package/dist/cjs/ix-icon-button.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-menu_9.cjs.entry.js +47 -16
  26. package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
  27. package/dist/cjs/ix-modal_2.cjs.entry.js +3 -3
  28. package/dist/cjs/ix-split-button_2.cjs.entry.js +2 -2
  29. package/dist/cjs/ix-tab-item.cjs.entry.js +1 -1
  30. package/dist/cjs/ix-tabs.cjs.entry.js +11 -4
  31. package/dist/cjs/ix-toast_2.cjs.entry.js +9 -5
  32. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  33. package/dist/cjs/ix-tooltip.cjs.entry.js +127 -0
  34. package/dist/cjs/ix-tree_2.cjs.entry.js +2 -3
  35. package/dist/cjs/ix-typography.cjs.entry.js +38 -0
  36. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  37. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +9 -8
  38. package/dist/cjs/loader.cjs.js +1 -1
  39. package/dist/cjs/{logical-filter-operator-467e2faf.js → logical-filter-operator-0faf70b8.js} +2 -2
  40. package/dist/cjs/{modal-2d0f9191.js → modal-a93045dd.js} +3 -3
  41. package/dist/cjs/{modal-utils-9ee0acda.js → modal-utils-b645989b.js} +1 -1
  42. package/dist/cjs/{mutation-observer-29bedada.js → mutation-observer-eaaa5399.js} +1 -1
  43. package/dist/cjs/my-component.cjs.entry.js +1 -1
  44. package/dist/cjs/{rwd.util-2326824e.js → rwd.util-9480f0b5.js} +1 -1
  45. package/dist/cjs/service-18dc5907.js +73 -0
  46. package/dist/cjs/siemens-ix.cjs.js +1 -1
  47. package/dist/cjs/{theme-switcher-f91c8d8d.js → theme-switcher-67669a35.js} +1 -1
  48. package/dist/cjs/{typed-event-5030cc6a.js → typed-event-f0f051da.js} +1 -1
  49. package/dist/cjs/{upload-file-state-923b2c65.js → upload-file-state-a79acf2b.js} +1 -1
  50. package/dist/collection/collection-manifest.json +5 -0
  51. package/dist/collection/components/animated-tab/animated-tab.css +1 -1
  52. package/dist/collection/components/animated-tab/animated-tab.js +1 -1
  53. package/dist/collection/components/animated-tabs/animated-tabs.css +4 -4
  54. package/dist/collection/components/animated-tabs/animated-tabs.js +1 -1
  55. package/dist/collection/components/application-header/application-header.css +8 -1
  56. package/dist/collection/components/application-header/application-header.js +31 -2
  57. package/dist/collection/components/basic-navigation/basic-navigation.css +6 -1
  58. package/dist/collection/components/basic-navigation/basic-navigation.js +21 -3
  59. package/dist/collection/components/blind/blind.css +5 -5
  60. package/dist/collection/components/blind/blind.js +1 -1
  61. package/dist/collection/components/breadcrumb/breadcrumb.css +4 -4
  62. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  63. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +1 -1
  64. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
  65. package/dist/collection/components/button/base-button.js +1 -1
  66. package/dist/collection/components/{utils → button}/button-variants.js +0 -0
  67. package/dist/collection/components/button/button.css +7 -2
  68. package/dist/collection/components/button/button.js +3 -3
  69. package/dist/collection/components/category-filter/category-filter.css +6 -6
  70. package/dist/collection/components/category-filter/category-filter.js +2 -2
  71. package/dist/collection/components/category-filter/filter-state.js +1 -1
  72. package/dist/collection/components/category-filter/input-state.js +1 -1
  73. package/dist/collection/components/category-filter/logical-filter-operator.js +1 -1
  74. package/dist/collection/components/chip/chip.css +4 -4
  75. package/dist/collection/components/chip/chip.js +1 -1
  76. package/dist/collection/components/counter-pill/counter-pill.css +7 -7
  77. package/dist/collection/components/counter-pill/counter-pill.js +1 -1
  78. package/dist/collection/components/date-picker/date-picker.css +2 -2
  79. package/dist/collection/components/date-picker/date-picker.js +1 -1
  80. package/dist/collection/components/date-time-card/date-time-card.css +2 -2
  81. package/dist/collection/components/date-time-card/date-time-card.js +1 -1
  82. package/dist/collection/components/datetime-picker/datetime-picker.css +2 -2
  83. package/dist/collection/components/datetime-picker/datetime-picker.js +1 -1
  84. package/dist/collection/components/divider/divider.css +16 -0
  85. package/dist/collection/components/divider/divider.js +29 -0
  86. package/dist/collection/components/drawer/drawer.css +3 -3
  87. package/dist/collection/components/drawer/drawer.js +1 -1
  88. package/dist/collection/components/dropdown/dropdown-trigger-event.js +1 -0
  89. package/dist/collection/components/dropdown/dropdown.css +6 -6
  90. package/dist/collection/components/dropdown/dropdown.js +96 -10
  91. package/dist/collection/components/dropdown-button/dropdown-button.css +15 -7
  92. package/dist/collection/components/dropdown-button/dropdown-button.js +6 -4
  93. package/dist/collection/components/dropdown-item/dropdown-item.css +13 -4
  94. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  95. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.css +36 -0
  96. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +29 -0
  97. package/dist/collection/components/event-list/event-list.css +1 -1
  98. package/dist/collection/components/event-list/event-list.js +1 -1
  99. package/dist/collection/components/event-list-item/event-list-item.css +4 -4
  100. package/dist/collection/components/event-list-item/event-list-item.js +1 -1
  101. package/dist/collection/components/expanding-search/expanding-search.css +4 -4
  102. package/dist/collection/components/expanding-search/expanding-search.js +1 -1
  103. package/dist/collection/components/filter-chip/filter-chip.css +4 -4
  104. package/dist/collection/components/filter-chip/filter-chip.js +1 -1
  105. package/dist/collection/components/flip-tile/flip-tile-state.js +1 -1
  106. package/dist/collection/components/flip-tile/flip-tile.css +4 -4
  107. package/dist/collection/components/flip-tile/flip-tile.js +1 -1
  108. package/dist/collection/components/flip-tile-content/flip-tile-content.css +1 -1
  109. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  110. package/dist/collection/components/group/group-context-menu.css +1 -1
  111. package/dist/collection/components/group/group-context-menu.js +1 -4
  112. package/dist/collection/components/group/group.css +5 -5
  113. package/dist/collection/components/group/group.js +1 -1
  114. package/dist/collection/components/group-dropdown-item/group-dropdown-item.css +1 -1
  115. package/dist/collection/components/group-dropdown-item/group-dropdown-item.js +1 -1
  116. package/dist/collection/components/group-item/group-item.css +5 -5
  117. package/dist/collection/components/group-item/group-item.js +1 -1
  118. package/dist/collection/components/icon/icon.css +2 -2
  119. package/dist/collection/components/icon/icon.js +1 -1
  120. package/dist/collection/components/icon-button/icon-button.css +1 -1
  121. package/dist/collection/components/icon-button/icon-button.js +1 -1
  122. package/dist/collection/components/input-group/input-group.css +1 -1
  123. package/dist/collection/components/input-group/input-group.js +1 -1
  124. package/dist/collection/components/kpi/kpi.css +5 -5
  125. package/dist/collection/components/kpi/kpi.js +1 -1
  126. package/dist/collection/components/map-navigation/map-navigation.css +4 -4
  127. package/dist/collection/components/map-navigation/map-navigation.js +1 -1
  128. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +5 -5
  129. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
  130. package/dist/collection/components/menu/burger-menu.css +85 -0
  131. package/dist/collection/components/menu/burger-menu.js +64 -0
  132. package/dist/collection/components/menu/menu.css +20 -37
  133. package/dist/collection/components/menu/menu.js +27 -11
  134. package/dist/collection/components/menu-about/menu-about.css +4 -4
  135. package/dist/collection/components/menu-about/menu-about.js +1 -1
  136. package/dist/collection/components/menu-about-item/menu-about-item.css +1 -1
  137. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  138. package/dist/collection/components/menu-about-news/menu-about-news.css +3 -3
  139. package/dist/collection/components/menu-about-news/menu-about-news.js +1 -1
  140. package/dist/collection/components/menu-avatar/menu-avatar.css +17 -5
  141. package/dist/collection/components/menu-avatar/menu-avatar.js +52 -3
  142. package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +1 -1
  143. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  144. package/dist/collection/components/menu-item/menu-item.css +27 -27
  145. package/dist/collection/components/menu-item/menu-item.js +2 -1
  146. package/dist/collection/components/menu-settings/menu-settings.css +4 -4
  147. package/dist/collection/components/menu-settings/menu-settings.js +1 -1
  148. package/dist/collection/components/menu-settings-item/menu-settings-item.css +1 -1
  149. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  150. package/dist/collection/components/message-bar/message-bar.css +3 -3
  151. package/dist/collection/components/message-bar/message-bar.js +1 -1
  152. package/dist/collection/components/modal/modal-utils.js +1 -1
  153. package/dist/collection/components/modal/modal.css +2 -2
  154. package/dist/collection/components/modal/modal.js +1 -1
  155. package/dist/collection/components/modal-container/modal-container.css +1 -1
  156. package/dist/collection/components/modal-container/modal-container.js +1 -1
  157. package/dist/collection/components/my-component/example-modal.js +1 -1
  158. package/dist/collection/components/my-component/my-component.css +3 -3
  159. package/dist/collection/components/my-component/my-component.js +1 -1
  160. package/dist/collection/components/pill/pill.css +4 -4
  161. package/dist/collection/components/pill/pill.js +1 -1
  162. package/dist/collection/components/select/select.css +5 -5
  163. package/dist/collection/components/select/select.js +1 -1
  164. package/dist/collection/components/select-item/select-item.css +1 -1
  165. package/dist/collection/components/select-item/select-item.js +1 -1
  166. package/dist/collection/components/spinner/spinner.css +1 -1
  167. package/dist/collection/components/spinner/spinner.js +1 -1
  168. package/dist/collection/components/split-button/split-button.css +10 -1
  169. package/dist/collection/components/split-button/split-button.js +2 -2
  170. package/dist/collection/components/split-button-item/split-button-item.css +1 -1
  171. package/dist/collection/components/split-button-item/split-button-item.js +1 -1
  172. package/dist/collection/components/tab-item/tab-item.css +5 -7
  173. package/dist/collection/components/tab-item/tab-item.js +1 -1
  174. package/dist/collection/components/tabs/tabs.css +4 -3
  175. package/dist/collection/components/tabs/tabs.js +13 -4
  176. package/dist/collection/components/tile/tile.css +3 -3
  177. package/dist/collection/components/tile/tile.js +1 -1
  178. package/dist/collection/components/time-picker/time-picker.css +2 -2
  179. package/dist/collection/components/time-picker/time-picker.js +1 -1
  180. package/dist/collection/components/toast/toast-container.js +1 -1
  181. package/dist/collection/components/toast/toast-utils.js +1 -1
  182. package/dist/collection/components/toast/toast.css +4 -4
  183. package/dist/collection/components/toast/toast.js +9 -5
  184. package/dist/collection/components/toggle/toggle.css +5 -4
  185. package/dist/collection/components/toggle/toggle.js +1 -1
  186. package/dist/collection/components/tooltip/tooltip.css +43 -0
  187. package/dist/collection/components/tooltip/tooltip.js +203 -0
  188. package/dist/collection/components/tree/tree.css +1 -1
  189. package/dist/collection/components/tree/tree.js +1 -1
  190. package/dist/collection/components/tree-item/default-tree-item.js +1 -1
  191. package/dist/collection/components/tree-item/tree-item.css +5 -5
  192. package/dist/collection/components/tree-item/tree-item.js +2 -3
  193. package/dist/collection/components/typography/types.js +14 -0
  194. package/dist/collection/components/typography/typography.css +146 -0
  195. package/dist/collection/components/typography/typography.js +63 -0
  196. package/dist/collection/components/upload/upload-file-state.js +1 -1
  197. package/dist/collection/components/upload/upload.css +3 -3
  198. package/dist/collection/components/upload/upload.js +1 -1
  199. package/dist/collection/components/utils/animation.js +1 -1
  200. package/dist/collection/components/utils/menu-service/menu-service.js +53 -0
  201. package/dist/collection/components/utils/mutation-observer.js +1 -1
  202. package/dist/collection/components/utils/rwd.util.js +1 -1
  203. package/dist/collection/components/utils/screen/context.js +29 -0
  204. package/dist/collection/components/utils/screen/index.js +9 -0
  205. package/dist/collection/components/utils/screen/mode.js +36 -0
  206. package/dist/collection/components/utils/screen/service.js +45 -0
  207. package/dist/collection/components/utils/typed-event.js +1 -1
  208. package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -4
  209. package/dist/collection/components/validation-tooltip/validation-tooltip.js +1 -1
  210. package/dist/collection/components/workflow-step/workflow-step.css +2 -2
  211. package/dist/collection/components/workflow-step/workflow-step.js +1 -1
  212. package/dist/collection/components/workflow-steps/workflow-steps.css +2 -2
  213. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  214. package/dist/collection/env.js +1 -1
  215. package/dist/collection/exports.js +2 -1
  216. package/dist/collection/index.js +1 -1
  217. package/dist/collection/tests/utils/test/index.js +9 -0
  218. package/dist/collection/tests/utils/test/matchMedia.mock.js +22 -0
  219. package/dist/collection/tests/utils/test/page.js +29 -0
  220. package/dist/collection/utils/test/index.js +1 -1
  221. package/dist/collection/utils/test/matchMedia.mock.js +22 -0
  222. package/dist/collection/utils/test/page.js +2 -2
  223. package/dist/components/alignment.js +1 -1353
  224. package/dist/components/animation.js +1 -1
  225. package/dist/components/application-header.js +33 -4
  226. package/dist/components/base-button.js +1 -1
  227. package/dist/components/burger-menu.js +35 -0
  228. package/dist/components/button.js +2 -2
  229. package/dist/components/dropdown-item.js +1 -1
  230. package/dist/components/dropdown.js +71 -9
  231. package/dist/components/floating-ui.dom.esm.js +1355 -0
  232. package/dist/components/group-context-menu.js +0 -3
  233. package/dist/components/index.d.ts +5 -0
  234. package/dist/components/index.js +7 -2
  235. package/dist/components/ix-basic-navigation.js +25 -5
  236. package/dist/components/ix-burger-menu.d.ts +11 -0
  237. package/dist/components/ix-burger-menu.js +6 -0
  238. package/dist/components/ix-category-filter.js +3 -3
  239. package/dist/components/ix-divider.d.ts +11 -0
  240. package/dist/components/ix-divider.js +33 -0
  241. package/dist/components/ix-dropdown-button.js +5 -3
  242. package/dist/components/ix-dropdown-quick-actions.d.ts +11 -0
  243. package/dist/components/ix-dropdown-quick-actions.js +33 -0
  244. package/dist/components/ix-flip-tile.js +1 -1
  245. package/dist/components/ix-map-navigation.js +8 -2
  246. package/dist/components/ix-menu-avatar.js +21 -2
  247. package/dist/components/ix-menu.js +31 -11
  248. package/dist/components/ix-modal-example.js +1 -1
  249. package/dist/components/ix-split-button.js +1 -1
  250. package/dist/components/ix-toggle.js +1 -1
  251. package/dist/components/ix-tooltip.d.ts +11 -0
  252. package/dist/components/ix-tooltip.js +152 -0
  253. package/dist/components/ix-tree.js +1 -1
  254. package/dist/components/ix-typography.d.ts +11 -0
  255. package/dist/components/ix-typography.js +6 -0
  256. package/dist/components/ix-upload.js +1 -1
  257. package/dist/components/ix-validation-tooltip.js +2 -1
  258. package/dist/components/menu-item.js +2 -2
  259. package/dist/components/modal-container.js +1 -1
  260. package/dist/components/mutation-observer.js +1 -1
  261. package/dist/components/my-component.js +1 -1
  262. package/dist/components/rwd.util.js +1 -1
  263. package/dist/components/service.js +139 -0
  264. package/dist/components/tab-item.js +1 -1
  265. package/dist/components/tabs.js +13 -4
  266. package/dist/components/toast.js +8 -4
  267. package/dist/components/tree-item.js +1 -2
  268. package/dist/components/typed-event.js +1 -1
  269. package/dist/components/typography.js +51 -0
  270. package/dist/esm/alignment-6490c552.js +11 -0
  271. package/dist/esm/{animation-b667a4c4.js → animation-268dce50.js} +1 -1
  272. package/dist/esm/{base-button-0b6635df.js → base-button-5bfeb71c.js} +1 -1
  273. package/dist/esm/context-f6a2b727.js +71 -0
  274. package/dist/esm/{default-tree-item-638c435a.js → default-tree-item-91ff2c08.js} +1 -1
  275. package/dist/esm/{flip-tile-state-28a1f8ce.js → flip-tile-state-051bb2fd.js} +1 -1
  276. package/dist/esm/{alignment-f63c1b89.js → floating-ui.dom.esm-e13c649f.js} +394 -402
  277. package/dist/esm/index-6b660a23.js +20 -0
  278. package/dist/esm/index.js +12 -12
  279. package/dist/esm/ix-animated-tab_2.entry.js +2 -2
  280. package/dist/esm/ix-application-header.entry.js +25 -2
  281. package/dist/esm/ix-basic-navigation.entry.js +16 -2
  282. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  283. package/dist/esm/ix-burger-menu.entry.js +18 -0
  284. package/dist/esm/ix-button.entry.js +3 -3
  285. package/dist/esm/ix-category-filter.entry.js +2 -2
  286. package/dist/esm/ix-divider.entry.js +15 -0
  287. package/dist/esm/ix-dropdown-button.entry.js +5 -3
  288. package/dist/esm/ix-dropdown-quick-actions.entry.js +15 -0
  289. package/dist/esm/ix-dropdown_2.entry.js +71 -10
  290. package/dist/esm/ix-event-list_2.entry.js +2 -2
  291. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  292. package/dist/esm/ix-group-context-menu.entry.js +0 -3
  293. package/dist/esm/ix-icon-button.entry.js +1 -1
  294. package/dist/esm/ix-menu_9.entry.js +47 -16
  295. package/dist/esm/ix-modal-example.entry.js +1 -1
  296. package/dist/esm/ix-modal_2.entry.js +3 -3
  297. package/dist/esm/ix-split-button_2.entry.js +2 -2
  298. package/dist/esm/ix-tab-item.entry.js +1 -1
  299. package/dist/esm/ix-tabs.entry.js +11 -4
  300. package/dist/esm/ix-toast_2.entry.js +9 -5
  301. package/dist/esm/ix-toggle.entry.js +1 -1
  302. package/dist/esm/ix-tooltip.entry.js +123 -0
  303. package/dist/esm/ix-tree_2.entry.js +2 -3
  304. package/dist/esm/ix-typography.entry.js +34 -0
  305. package/dist/esm/ix-upload.entry.js +1 -1
  306. package/dist/esm/ix-validation-tooltip.entry.js +2 -1
  307. package/dist/esm/loader.js +1 -1
  308. package/dist/esm/{logical-filter-operator-1bf83315.js → logical-filter-operator-15696001.js} +2 -2
  309. package/dist/esm/{modal-3618eb44.js → modal-64e18970.js} +3 -3
  310. package/dist/esm/{modal-utils-df50b35a.js → modal-utils-aecbcba5.js} +1 -1
  311. package/dist/esm/{mutation-observer-379959bb.js → mutation-observer-7d01bbea.js} +1 -1
  312. package/dist/esm/my-component.entry.js +1 -1
  313. package/dist/esm/{rwd.util-4a61a4b8.js → rwd.util-cfc2ea72.js} +1 -1
  314. package/dist/esm/service-fc436c5b.js +71 -0
  315. package/dist/esm/siemens-ix.js +1 -1
  316. package/dist/esm/{theme-switcher-9ecc9b69.js → theme-switcher-4b9e5cc2.js} +1 -1
  317. package/dist/esm/{typed-event-ab58c27e.js → typed-event-a230184a.js} +1 -1
  318. package/dist/esm/{upload-file-state-631bb8a2.js → upload-file-state-532a36d3.js} +1 -1
  319. package/dist/siemens-ix/index.esm.js +1 -1
  320. package/dist/siemens-ix/p-06d5ab35.entry.js +1 -0
  321. package/dist/siemens-ix/{p-da2cae32.js → p-076c29d1.js} +0 -0
  322. package/dist/siemens-ix/p-0bd6554e.entry.js +1 -0
  323. package/dist/siemens-ix/{p-3c754d90.entry.js → p-0bf4a256.entry.js} +1 -1
  324. package/dist/siemens-ix/p-1572aab3.js +1 -0
  325. package/dist/siemens-ix/{p-1d30454e.js → p-15bebd8a.js} +0 -0
  326. package/dist/siemens-ix/{p-921da56a.entry.js → p-165c6a82.entry.js} +1 -1
  327. package/dist/siemens-ix/{p-9299617f.entry.js → p-20c88582.entry.js} +1 -1
  328. package/dist/siemens-ix/{p-c8cc3bb3.js → p-21aa3602.js} +0 -0
  329. package/dist/siemens-ix/{p-0a12b3df.js → p-2b33ead4.js} +0 -0
  330. package/dist/siemens-ix/{p-8c53c142.entry.js → p-2e55e255.entry.js} +1 -1
  331. package/dist/siemens-ix/{p-bdd294d2.js → p-3b97bb69.js} +0 -0
  332. package/dist/siemens-ix/p-4251a6dd.entry.js +1 -0
  333. package/dist/siemens-ix/p-4b2265fd.entry.js +1 -0
  334. package/dist/siemens-ix/p-529d7530.js +1 -0
  335. package/dist/siemens-ix/{p-1c82637e.js → p-56ed024b.js} +0 -0
  336. package/dist/siemens-ix/{p-b12006c6.js → p-5b39e04e.js} +0 -0
  337. package/dist/siemens-ix/{p-783ce87b.entry.js → p-5b47360e.entry.js} +1 -1
  338. package/dist/siemens-ix/{p-a3a59238.entry.js → p-5ca7b937.entry.js} +1 -1
  339. package/dist/siemens-ix/p-5feec7a4.entry.js +1 -0
  340. package/dist/siemens-ix/p-63776469.entry.js +1 -0
  341. package/dist/siemens-ix/p-6e5543fe.entry.js +1 -0
  342. package/dist/siemens-ix/p-70be8cb8.entry.js +1 -0
  343. package/dist/siemens-ix/p-71c91a11.entry.js +1 -0
  344. package/dist/siemens-ix/{p-ab35eaee.entry.js → p-72cc8632.entry.js} +1 -1
  345. package/dist/siemens-ix/{p-8c3bfc2f.js → p-75abd144.js} +1 -1
  346. package/dist/siemens-ix/p-9269d0e8.entry.js +1 -0
  347. package/dist/siemens-ix/p-94b440bc.entry.js +1 -0
  348. package/dist/siemens-ix/{p-70bd3dbf.entry.js → p-9eb8347c.entry.js} +1 -1
  349. package/dist/siemens-ix/{p-4944ad0b.js → p-9ee41861.js} +0 -0
  350. package/dist/siemens-ix/p-9fa6a59b.entry.js +1 -0
  351. package/dist/siemens-ix/p-ac1d6617.entry.js +1 -0
  352. package/dist/siemens-ix/{p-f6e713f3.js → p-affb60fb.js} +1 -1
  353. package/dist/siemens-ix/{p-96e46f99.js → p-b14308ed.js} +0 -0
  354. package/dist/siemens-ix/p-b5599b0b.entry.js +1 -0
  355. package/dist/siemens-ix/{p-60b90da6.entry.js → p-b85458fb.entry.js} +1 -1
  356. package/dist/siemens-ix/{p-fbe40498.js → p-c0454c9a.js} +0 -0
  357. package/dist/siemens-ix/p-c2b50878.entry.js +1 -0
  358. package/dist/siemens-ix/p-cb4269bf.js +1 -0
  359. package/dist/siemens-ix/{p-50ed9d54.entry.js → p-d1a16c62.entry.js} +1 -1
  360. package/dist/siemens-ix/p-e48e659d.entry.js +1 -0
  361. package/dist/siemens-ix/p-e4bda8e7.entry.js +1 -0
  362. package/dist/siemens-ix/p-e5fd4b34.entry.js +1 -0
  363. package/dist/siemens-ix/p-f7b5b66f.js +1 -0
  364. package/dist/siemens-ix/p-feefa8c7.entry.js +1 -0
  365. package/dist/siemens-ix/siemens-ix.css +43 -43
  366. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  367. package/dist/types/components/application-header/application-header.d.ts +8 -0
  368. package/dist/types/components/basic-navigation/basic-navigation.d.ts +6 -1
  369. package/dist/types/components/{utils → button}/button-variants.d.ts +0 -0
  370. package/dist/types/components/button/button.d.ts +1 -1
  371. package/dist/types/components/divider/divider.d.ts +6 -0
  372. package/dist/types/components/dropdown/dropdown-trigger-event.d.ts +4 -0
  373. package/dist/types/components/dropdown/dropdown.d.ts +11 -1
  374. package/dist/types/components/dropdown-button/dropdown-button.d.ts +1 -1
  375. package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +6 -0
  376. package/dist/types/components/group/group-context-menu.d.ts +0 -2
  377. package/dist/types/components/menu/burger-menu.d.ts +10 -0
  378. package/dist/types/components/menu/menu.d.ts +3 -1
  379. package/dist/types/components/menu-avatar/menu-avatar.d.ts +12 -0
  380. package/dist/types/components/split-button/split-button.d.ts +1 -1
  381. package/dist/types/components/tabs/tabs.d.ts +3 -0
  382. package/dist/types/components/tooltip/tooltip.d.ts +39 -0
  383. package/dist/types/components/typography/types.d.ts +2 -0
  384. package/dist/types/components/typography/typography.d.ts +11 -0
  385. package/dist/types/components/utils/menu-service/menu-service.d.ts +13 -0
  386. package/dist/types/components/utils/screen/context.d.ts +4 -0
  387. package/dist/types/components/utils/screen/index.d.ts +1 -0
  388. package/dist/types/components/utils/screen/mode.d.ts +10 -0
  389. package/dist/types/components/utils/screen/service.d.ts +10 -0
  390. package/dist/types/components.d.ts +142 -5
  391. package/dist/types/exports.d.ts +1 -0
  392. package/dist/types/index.d.ts +2 -1
  393. package/dist/types/tests/utils/test/index.d.ts +1 -0
  394. package/dist/types/tests/utils/test/page.d.ts +3 -0
  395. package/package.json +2 -2
  396. package/scss/_common-variables.scss +1 -1
  397. package/scss/_fonts.scss +1 -1
  398. package/scss/_z-index.scss +1 -1
  399. package/scss/components/_button-group.scss +1 -1
  400. package/scss/components/_buttons.scss +1 -1
  401. package/scss/components/_checkboxes.scss +5 -5
  402. package/scss/components/_dropdown.scss +1 -1
  403. package/scss/components/_forms.scss +12 -10
  404. package/scss/components/_input-group.scss +1 -1
  405. package/scss/components/_links.scss +1 -1
  406. package/scss/components/_modal.scss +1 -1
  407. package/scss/components/_radiobuttons.scss +1 -1
  408. package/scss/components/_shadows.scss +1 -1
  409. package/scss/components/_table.scss +1 -1
  410. package/scss/ix.scss +1 -1
  411. package/scss/mixins/_animations.scss +1 -1
  412. package/scss/mixins/_fonts.scss +1 -1
  413. package/scss/mixins/_hover.scss +1 -1
  414. package/scss/mixins/_shadows.scss +1 -1
  415. package/scss/mixins/_text-truncation.scss +1 -1
  416. package/scss/theme/classic-dark/_borderWidth.scss +1 -1
  417. package/scss/theme/classic-dark/_color.scss +3 -3
  418. package/scss/theme/classic-light/_borderWidth.scss +1 -1
  419. package/scss/theme/classic-light/_color.scss +3 -3
  420. package/dist/siemens-ix/p-10158414.entry.js +0 -1
  421. package/dist/siemens-ix/p-2c5abec1.js +0 -1
  422. package/dist/siemens-ix/p-2c8e4dd1.entry.js +0 -1
  423. package/dist/siemens-ix/p-4ac5d916.entry.js +0 -1
  424. package/dist/siemens-ix/p-55663fd5.entry.js +0 -1
  425. package/dist/siemens-ix/p-6df18451.entry.js +0 -1
  426. package/dist/siemens-ix/p-72cfbc1c.entry.js +0 -1
  427. package/dist/siemens-ix/p-b46155b7.entry.js +0 -1
  428. package/dist/siemens-ix/p-b7b753cc.entry.js +0 -1
  429. package/dist/siemens-ix/p-b9a66b74.entry.js +0 -1
  430. package/dist/siemens-ix/p-e51a110f.entry.js +0 -1
  431. package/dist/siemens-ix/p-e652328d.entry.js +0 -1
  432. package/dist/siemens-ix/p-e82905f0.entry.js +0 -1
  433. package/dist/siemens-ix/p-f05b01a4.entry.js +0 -1
  434. package/dist/siemens-ix/p-f1a1e8ee.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -27,7 +27,7 @@
27
27
  * LICENSE file in the root directory of this source tree.
28
28
  */
29
29
  /*
30
- * SPDX-FileCopyrightText: 2022 Siemens AG
30
+ * SPDX-FileCopyrightText: 2023 Siemens AG
31
31
  *
32
32
  * SPDX-License-Identifier: MIT
33
33
  *
@@ -50,11 +50,23 @@
50
50
  transition: 0.15s;
51
51
  border-radius: 1.25rem;
52
52
  }
53
- :host .avatar > svg {
53
+ :host .avatar > .avatar-image {
54
54
  height: 2rem;
55
55
  width: 2rem;
56
56
  min-height: 2rem;
57
57
  min-width: 2rem;
58
+ border-radius: 100px;
59
+ }
60
+ :host .avatar > .avatar-initials {
61
+ display: flex;
62
+ align-items: center;
63
+ justify-content: center;
64
+ height: 2rem;
65
+ width: 2rem;
66
+ min-height: 2rem;
67
+ min-width: 2rem;
68
+ border-radius: 100px;
69
+ background-color: var(--theme-color-component-3);
58
70
  }
59
71
  :host .avatar #avatar-path-background {
60
72
  fill: var(--theme-avatar--background);
@@ -1,21 +1,30 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
6
6
  * This source code is licensed under the MIT license found in the
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
+ function DefaultAvatar(props) {
10
+ const { initials } = props;
11
+ if (initials) {
12
+ return h("div", { class: 'avatar-initials' }, initials);
13
+ }
14
+ return (h("svg", { class: 'avatar-image', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { id: "avatar-path-background", d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z" }), h("path", { id: "avatar-path-person", d: "M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z" }))));
15
+ }
9
16
  import { h, Host, } from '@stencil/core';
10
17
  export class MenuAvatar {
11
18
  constructor() {
12
19
  this.avatarElementId = 'ix-menu-avatar-id';
13
20
  this.top = undefined;
14
21
  this.bottom = undefined;
22
+ this.image = undefined;
23
+ this.initials = undefined;
15
24
  this.i18nLogout = 'Logout';
16
25
  }
17
26
  render() {
18
- return (h(Host, null, h("li", { class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { id: "avatar-path-background", d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z" }), h("path", { id: "avatar-path-person", d: "M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z" }))), h("div", { class: "avatar-name" }, h("span", { class: "text-default-single", title: this.top }, this.top), h("span", { class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { trigger: this.avatarElementId, placement: 'right-start', offset: {
27
+ return (h(Host, null, h("li", { class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId }, this.image ? (h("img", { src: this.image, class: "avatar-image" })) : (h(DefaultAvatar, { initials: this.initials })), h("div", { class: "avatar-name" }, h("span", { class: "text-default-single", title: this.top }, this.top), h("span", { class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { trigger: this.avatarElementId, placement: 'right-start', offset: {
19
28
  mainAxis: 12,
20
29
  } }, h("slot", null), h("ix-menu-avatar-item", { label: this.i18nLogout, icon: "log-out", onClick: (e) => {
21
30
  this.logoutClick.emit(e);
@@ -69,6 +78,46 @@ export class MenuAvatar {
69
78
  "attribute": "bottom",
70
79
  "reflect": false
71
80
  },
81
+ "image": {
82
+ "type": "string",
83
+ "mutable": false,
84
+ "complexType": {
85
+ "original": "string",
86
+ "resolved": "string",
87
+ "references": {}
88
+ },
89
+ "required": false,
90
+ "optional": false,
91
+ "docs": {
92
+ "tags": [{
93
+ "name": "since",
94
+ "text": "1.4.0"
95
+ }],
96
+ "text": "Display a avatar image"
97
+ },
98
+ "attribute": "image",
99
+ "reflect": false
100
+ },
101
+ "initials": {
102
+ "type": "string",
103
+ "mutable": false,
104
+ "complexType": {
105
+ "original": "string",
106
+ "resolved": "string",
107
+ "references": {}
108
+ },
109
+ "required": false,
110
+ "optional": false,
111
+ "docs": {
112
+ "tags": [{
113
+ "name": "since",
114
+ "text": "1.4.0"
115
+ }],
116
+ "text": "Display the initials of the user. Will be overwritten by image"
117
+ },
118
+ "attribute": "initials",
119
+ "reflect": false
120
+ },
72
121
  "i18nLogout": {
73
122
  "type": "string",
74
123
  "mutable": false,
@@ -81,7 +130,7 @@ export class MenuAvatar {
81
130
  "optional": false,
82
131
  "docs": {
83
132
  "tags": [],
84
- "text": ""
133
+ "text": "Use for translation"
85
134
  },
86
135
  "attribute": "i-1-8n-logout",
87
136
  "reflect": false,
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -27,18 +27,18 @@
27
27
  * LICENSE file in the root directory of this source tree.
28
28
  */
29
29
  /*
30
- * SPDX-FileCopyrightText: 2022 Siemens AG
30
+ * SPDX-FileCopyrightText: 2023 Siemens AG
31
31
  *
32
32
  * SPDX-License-Identifier: MIT
33
33
  *
34
34
  * This source code is licensed under the MIT license found in the
35
35
  * LICENSE file in the root directory of this source tree.
36
36
  */
37
- ix-menu-item {
37
+ :host {
38
38
  position: relative;
39
39
  display: block;
40
40
  }
41
- ix-menu-item .tab {
41
+ :host .tab {
42
42
  display: flex;
43
43
  position: relative;
44
44
  align-items: center;
@@ -46,35 +46,35 @@ ix-menu-item .tab {
46
46
  z-index: 500;
47
47
  padding-left: 1.25rem;
48
48
  }
49
- ix-menu-item .tab:not(.selected) {
49
+ :host .tab:not(.selected) {
50
50
  cursor: pointer;
51
51
  }
52
- ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).hover, ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):hover {
52
+ :host .tab:not(.selected):not(.disabled):not(:disabled).hover, :host .tab:not(.selected):not(.disabled):not(:disabled):hover {
53
53
  background-color: var(--theme-ghost--background--hover);
54
54
  }
55
- ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).active, ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):active {
55
+ :host .tab:not(.selected):not(.disabled):not(:disabled).active, :host .tab:not(.selected):not(.disabled):not(:disabled):active {
56
56
  background-color: var(--theme-ghost--background--active);
57
57
  }
58
- ix-menu-item i.glyph {
58
+ :host i.glyph {
59
59
  color: var(--theme-nav-item-primary-icon--color);
60
60
  position: relative;
61
61
  }
62
- ix-menu-item .tab:focus-visible {
62
+ :host .tab:focus-visible {
63
63
  outline: none;
64
64
  }
65
- ix-menu-item:focus-visible {
65
+ :host:focus-visible {
66
66
  outline: none;
67
67
  }
68
- ix-menu-item .tab:not(:last-child) {
68
+ :host .tab:not(:last-child) {
69
69
  margin-bottom: 0.5rem;
70
70
  }
71
- ix-menu-item .notification {
71
+ :host .notification {
72
72
  display: inline-flex;
73
73
  position: absolute;
74
74
  top: -0.5rem;
75
75
  right: -50%;
76
76
  }
77
- ix-menu-item .notification .pill {
77
+ :host .notification .pill {
78
78
  display: inline-flex;
79
79
  justify-content: center;
80
80
  align-items: center;
@@ -91,7 +91,7 @@ ix-menu-item .notification .pill {
91
91
  color: var(--theme-color-primary--contrast);
92
92
  padding: 0.25rem;
93
93
  }
94
- ix-menu-item .tab-text {
94
+ :host .tab-text {
95
95
  overflow: hidden;
96
96
  text-overflow: ellipsis;
97
97
  white-space: nowrap;
@@ -101,10 +101,10 @@ ix-menu-item .tab-text {
101
101
  -moz-user-select: none;
102
102
  user-select: none;
103
103
  }
104
- ix-menu-item.active .tab, ix-menu-item.selected .tab {
104
+ :host.active .tab, :host.selected .tab {
105
105
  background-color: var(--theme-nav-item-primary--background--selected);
106
106
  }
107
- ix-menu-item.active .tab::before, ix-menu-item.selected .tab::before {
107
+ :host.active .tab::before, :host.selected .tab::before {
108
108
  content: "";
109
109
  background-color: var(--theme-nav-item-primary--border-color--selected);
110
110
  height: 3rem;
@@ -112,32 +112,32 @@ ix-menu-item.active .tab::before, ix-menu-item.selected .tab::before {
112
112
  left: 0;
113
113
  position: absolute;
114
114
  }
115
- ix-menu-item.active .tab > .glyph, ix-menu-item.selected .tab > .glyph {
115
+ :host.active .tab > .glyph, :host.selected .tab > .glyph {
116
116
  color: var(--theme-nav-item-primary-icon--color--selected);
117
117
  }
118
- ix-menu-item.disabled {
118
+ :host.disabled {
119
119
  color: var(--theme-color-weak-text);
120
120
  pointer-events: none;
121
121
  cursor: default;
122
122
  }
123
- ix-menu-item.disabled .tab > .glyph {
123
+ :host.disabled .tab > .glyph {
124
124
  color: var(--theme-color-weak-text);
125
125
  }
126
- ix-menu-item.disabled .tab-text {
126
+ :host.disabled .tab-text {
127
127
  color: var(--theme-color-weak-text);
128
128
  }
129
- ix-menu-item.home-tab, ix-menu-item[slot=home] {
129
+ :host.home-tab, :host[slot=home] {
130
130
  margin-bottom: 1.5rem;
131
131
  }
132
- ix-menu-item.bottom-tab, ix-menu-item[slot=bottom] {
132
+ :host.bottom-tab, :host[slot=bottom] {
133
133
  height: 2.25rem;
134
134
  }
135
- ix-menu-item.bottom-tab .tab, ix-menu-item[slot=bottom] .tab {
135
+ :host.bottom-tab .tab, :host[slot=bottom] .tab {
136
136
  height: 2.25rem;
137
137
  }
138
- ix-menu-item.bottom-tab .tab::before, ix-menu-item[slot=bottom] .tab::before {
138
+ :host.bottom-tab .tab::before, :host[slot=bottom] .tab::before {
139
139
  height: 2.25rem;
140
140
  }
141
- ix-menu-item.bottom-tab.active .tab, ix-menu-item.bottom-tab.selected .tab, ix-menu-item[slot=bottom].active .tab, ix-menu-item[slot=bottom].selected .tab {
141
+ :host.bottom-tab.active .tab, :host.bottom-tab.selected .tab, :host[slot=bottom].active .tab, :host[slot=bottom].selected .tab {
142
142
  background-color: var(--theme-color-1);
143
143
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -36,6 +36,7 @@ export class MenuItem {
36
36
  } }, h("li", { class: "tab", title: this.title }, h("i", { class: `glyph glyph-${this.tabIcon}` }, h("div", { class: "notification" }, this.notifications ? (h("div", { class: "pill" }, this.notifications)) : null)), h("span", { class: "tab-text text-default" }, h("slot", null)))));
37
37
  }
38
38
  static get is() { return "ix-menu-item"; }
39
+ static get encapsulation() { return "scoped"; }
39
40
  static get originalStyleUrls() {
40
41
  return {
41
42
  "$": ["menu-item.scss"]
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -27,7 +27,7 @@
27
27
  * LICENSE file in the root directory of this source tree.
28
28
  */
29
29
  /*
30
- * SPDX-FileCopyrightText: 2022 Siemens AG
30
+ * SPDX-FileCopyrightText: 2023 Siemens AG
31
31
  *
32
32
  * SPDX-License-Identifier: MIT
33
33
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -20,7 +20,7 @@
20
20
  /* Animation timings */
21
21
  :host {
22
22
  display: flex;
23
- flex-direction: column;
23
+ position: relative;
24
24
  width: 100vw;
25
25
  height: 100vh;
26
26
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -15,7 +15,7 @@
15
15
  * LICENSE file in the root directory of this source tree.
16
16
  */
17
17
  /*
18
- * SPDX-FileCopyrightText: 2022 Siemens AG
18
+ * SPDX-FileCopyrightText: 2023 Siemens AG
19
19
  *
20
20
  * SPDX-License-Identifier: MIT
21
21
  *
@@ -27,7 +27,7 @@
27
27
  /* Line heights */
28
28
  /* Animation timings */
29
29
  /*
30
- * SPDX-FileCopyrightText: 2022 Siemens AG
30
+ * SPDX-FileCopyrightText: 2023 Siemens AG
31
31
  *
32
32
  * SPDX-License-Identifier: MIT
33
33
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -7,7 +7,7 @@
7
7
  * LICENSE file in the root directory of this source tree.
8
8
  */
9
9
  /*
10
- * SPDX-FileCopyrightText: 2022 Siemens AG
10
+ * SPDX-FileCopyrightText: 2023 Siemens AG
11
11
  *
12
12
  * SPDX-License-Identifier: MIT
13
13
  *
@@ -19,7 +19,7 @@
19
19
  /* Line heights */
20
20
  /* Animation timings */
21
21
  /*
22
- * SPDX-FileCopyrightText: 2022 Siemens AG
22
+ * SPDX-FileCopyrightText: 2023 Siemens AG
23
23
  *
24
24
  * SPDX-License-Identifier: MIT
25
25
  *
@@ -27,7 +27,7 @@
27
27
  * LICENSE file in the root directory of this source tree.
28
28
  */
29
29
  /*
30
- * SPDX-FileCopyrightText: 2022 Siemens AG
30
+ * SPDX-FileCopyrightText: 2023 Siemens AG
31
31
  *
32
32
  * SPDX-License-Identifier: MIT
33
33
  *
@@ -35,7 +35,7 @@
35
35
  * LICENSE file in the root directory of this source tree.
36
36
  */
37
37
  /*
38
- * SPDX-FileCopyrightText: 2022 Siemens AG
38
+ * SPDX-FileCopyrightText: 2023 Siemens AG
39
39
  *
40
40
  * SPDX-License-Identifier: MIT
41
41
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * SPDX-FileCopyrightText: 2022 Siemens AG
2
+ * SPDX-FileCopyrightText: 2023 Siemens AG
3
3
  *
4
4
  * SPDX-License-Identifier: MIT
5
5
  *