@siemens/ix 1.2.0 → 1.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (233) hide show
  1. package/dist/cjs/alignment-24ae2e63.js +1372 -0
  2. package/dist/cjs/index-17eb8998.js +4 -0
  3. package/dist/cjs/index.cjs.js +4 -1
  4. package/dist/cjs/ix-button.cjs.entry.js +4 -2
  5. package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
  6. package/dist/cjs/ix-chip.cjs.entry.js +21 -8
  7. package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
  8. package/dist/cjs/ix-dropdown-button.cjs.entry.js +40 -0
  9. package/dist/cjs/ix-dropdown_2.cjs.entry.js +87 -41
  10. package/dist/cjs/ix-expanding-search.cjs.entry.js +2 -2
  11. package/dist/cjs/ix-icon-button.cjs.entry.js +2 -2
  12. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +5 -4
  13. package/dist/cjs/ix-menu_9.cjs.entry.js +12 -93
  14. package/dist/cjs/ix-modal_2.cjs.entry.js +1 -1
  15. package/dist/cjs/ix-pill.cjs.entry.js +5 -2
  16. package/dist/cjs/ix-select_2.cjs.entry.js +35 -14
  17. package/dist/cjs/ix-split-button_2.cjs.entry.js +6 -35
  18. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +71 -26
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/cjs/{modal-e4a6983d.js → modal-dda2f6be.js} +8 -2
  21. package/dist/cjs/siemens-ix.cjs.js +1 -1
  22. package/dist/cjs/theme-switcher-6b45e082.js +92 -0
  23. package/dist/collection/collection-manifest.json +1 -0
  24. package/dist/collection/components/button/button.css +1 -1
  25. package/dist/collection/components/button/button.js +5 -3
  26. package/dist/collection/components/category-filter/category-filter.css +4 -4
  27. package/dist/collection/components/category-filter/category-filter.js +7 -7
  28. package/dist/collection/components/chip/chip.css +20 -0
  29. package/dist/collection/components/chip/chip.js +22 -9
  30. package/dist/collection/components/counter-pill/counter-pill.css +10 -0
  31. package/dist/collection/components/dropdown/alignment.js +9 -0
  32. package/dist/collection/components/dropdown/dropdown.css +1 -0
  33. package/dist/collection/components/dropdown/dropdown.js +113 -50
  34. package/dist/collection/components/dropdown/placement.js +1 -0
  35. package/dist/collection/components/dropdown-button/dropdown-button.css +81 -0
  36. package/dist/collection/components/dropdown-button/dropdown-button.js +191 -0
  37. package/dist/collection/components/expanding-search/expanding-search.css +1 -0
  38. package/dist/collection/components/expanding-search/expanding-search.js +1 -1
  39. package/dist/collection/components/icon-button/icon-button.css +3 -30
  40. package/dist/collection/components/icon-button/icon-button.js +2 -2
  41. package/dist/collection/components/map-navigation/map-navigation.js +3 -2
  42. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +9 -4
  43. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
  44. package/dist/collection/components/menu/menu.css +1 -1
  45. package/dist/collection/components/menu/menu.js +6 -21
  46. package/dist/collection/components/menu-avatar/menu-avatar.js +4 -30
  47. package/dist/collection/components/modal/modal.css +1 -0
  48. package/dist/collection/components/modal/modal.js +7 -1
  49. package/dist/collection/components/pill/pill.css +10 -0
  50. package/dist/collection/components/pill/pill.js +4 -1
  51. package/dist/collection/components/select/select.css +0 -3
  52. package/dist/collection/components/select/select.js +13 -12
  53. package/dist/collection/components/select-item/events.js +16 -0
  54. package/dist/collection/components/select-item/select-item.js +23 -4
  55. package/dist/collection/components/split-button/split-button.js +7 -36
  56. package/dist/collection/components/tree/tree.js +1 -1
  57. package/dist/collection/components/utils/theme-switcher.js +86 -0
  58. package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -24
  59. package/dist/collection/components/validation-tooltip/validation-tooltip.js +75 -28
  60. package/dist/collection/exports.js +1 -0
  61. package/dist/components/alignment.js +1363 -0
  62. package/dist/components/button.js +5 -3
  63. package/dist/components/dropdown.js +88 -41
  64. package/dist/components/icon-button.js +3 -3
  65. package/dist/components/index.d.ts +1 -0
  66. package/dist/components/index.js +2 -1
  67. package/dist/components/ix-category-filter.js +18 -12
  68. package/dist/components/ix-chip.js +21 -8
  69. package/dist/components/ix-counter-pill.js +1 -1
  70. package/dist/components/ix-dropdown-button.d.ts +11 -0
  71. package/dist/components/ix-dropdown-button.js +86 -0
  72. package/dist/components/ix-expanding-search.js +2 -2
  73. package/dist/components/ix-map-navigation.js +3 -2
  74. package/dist/components/ix-menu-avatar.js +6 -19
  75. package/dist/components/ix-menu.js +93 -46
  76. package/dist/components/ix-pill.js +5 -2
  77. package/dist/components/ix-select.js +9 -14
  78. package/dist/components/ix-split-button.js +6 -35
  79. package/dist/components/ix-validation-tooltip.js +74 -27
  80. package/dist/components/map-navigation-overlay.js +2 -2
  81. package/dist/components/modal.js +8 -2
  82. package/dist/components/select-item.js +27 -1
  83. package/dist/esm/alignment-f63c1b89.js +1363 -0
  84. package/dist/esm/index-6f4f3582.js +4 -0
  85. package/dist/esm/index.js +2 -1
  86. package/dist/esm/ix-button.entry.js +5 -3
  87. package/dist/esm/ix-category-filter.entry.js +8 -8
  88. package/dist/esm/ix-chip.entry.js +21 -8
  89. package/dist/esm/ix-counter-pill.entry.js +1 -1
  90. package/dist/esm/ix-dropdown-button.entry.js +36 -0
  91. package/dist/esm/ix-dropdown_2.entry.js +87 -41
  92. package/dist/esm/ix-expanding-search.entry.js +2 -2
  93. package/dist/esm/ix-icon-button.entry.js +3 -3
  94. package/dist/esm/ix-map-navigation_2.entry.js +5 -4
  95. package/dist/esm/ix-menu_9.entry.js +12 -93
  96. package/dist/esm/ix-modal_2.entry.js +1 -1
  97. package/dist/esm/ix-pill.entry.js +5 -2
  98. package/dist/esm/ix-select_2.entry.js +35 -14
  99. package/dist/esm/ix-split-button_2.entry.js +6 -35
  100. package/dist/esm/ix-validation-tooltip.entry.js +71 -26
  101. package/dist/esm/loader.js +1 -1
  102. package/dist/esm/{modal-e7343756.js → modal-df0a62f2.js} +8 -2
  103. package/dist/esm/siemens-ix.js +1 -1
  104. package/dist/esm/theme-switcher-dce1aaec.js +89 -0
  105. package/dist/siemens-ix/index.esm.js +1 -1
  106. package/dist/siemens-ix/p-03d38416.entry.js +1 -0
  107. package/dist/siemens-ix/p-0e357d27.entry.js +1 -0
  108. package/dist/siemens-ix/p-18d02e6f.entry.js +1 -0
  109. package/dist/siemens-ix/p-2bc72119.entry.js +1 -0
  110. package/dist/siemens-ix/p-2bd88760.entry.js +1 -0
  111. package/dist/siemens-ix/p-2c5abec1.js +1 -0
  112. package/dist/siemens-ix/p-35990ac7.js +1 -0
  113. package/dist/siemens-ix/p-43616759.entry.js +1 -0
  114. package/dist/siemens-ix/p-4fcb5f2b.entry.js +1 -0
  115. package/dist/siemens-ix/p-5631ae88.entry.js +1 -0
  116. package/dist/siemens-ix/p-5bbe9943.entry.js +1 -0
  117. package/dist/siemens-ix/p-6fe3bb9c.entry.js +1 -0
  118. package/dist/siemens-ix/{p-1cf3348f.entry.js → p-7f842cdc.entry.js} +1 -1
  119. package/dist/siemens-ix/p-ab7949ff.entry.js +1 -0
  120. package/dist/siemens-ix/p-b3d00feb.entry.js +1 -0
  121. package/dist/siemens-ix/p-d20119c1.entry.js +1 -0
  122. package/dist/siemens-ix/p-dec6114f.js +1 -0
  123. package/dist/siemens-ix/p-f35ce089.entry.js +1 -0
  124. package/dist/siemens-ix/siemens-ix.css +25 -3
  125. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  126. package/dist/types/components/button/button.d.ts +1 -1
  127. package/dist/types/components/category-filter/category-filter.d.ts +1 -0
  128. package/dist/types/components/chip/chip.d.ts +2 -1
  129. package/dist/types/components/dropdown/alignment.d.ts +2 -0
  130. package/dist/types/components/dropdown/dropdown.d.ts +19 -6
  131. package/dist/types/components/dropdown/placement.d.ts +8 -0
  132. package/dist/types/components/dropdown-button/dropdown-button.d.ts +37 -0
  133. package/dist/types/components/menu/menu.d.ts +0 -2
  134. package/dist/types/components/menu-avatar/menu-avatar.d.ts +1 -5
  135. package/dist/types/components/modal/modal.d.ts +1 -0
  136. package/dist/types/components/select/select.d.ts +2 -1
  137. package/dist/types/components/select-item/events.d.ts +9 -0
  138. package/dist/types/components/select-item/select-item.d.ts +3 -2
  139. package/dist/types/components/split-button/split-button.d.ts +4 -6
  140. package/dist/types/components/tree/tree.d.ts +1 -1
  141. package/dist/types/components/utils/theme-switcher.d.ts +19 -0
  142. package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +12 -4
  143. package/dist/types/components.d.ts +88 -17
  144. package/dist/types/exports.d.ts +1 -0
  145. package/package.json +5 -6
  146. package/scss/components/_buttons.scss +23 -0
  147. package/scss/components/_dropdown.scss +2 -0
  148. package/dist/cjs/popper-d7a0f999.js +0 -1801
  149. package/dist/collection/components/utils/popover.util.js +0 -33
  150. package/dist/collection/components/utils/toggle-theme.js +0 -24
  151. package/dist/components/popover.util.js +0 -36
  152. package/dist/components/popper.js +0 -1799
  153. package/dist/esm/popper-42db9fbd.js +0 -1799
  154. package/dist/siemens-ix/p-0a8cfa42.entry.js +0 -1
  155. package/dist/siemens-ix/p-16e95211.entry.js +0 -1
  156. package/dist/siemens-ix/p-1fe97752.entry.js +0 -1
  157. package/dist/siemens-ix/p-23d5469a.entry.js +0 -1
  158. package/dist/siemens-ix/p-47d55e3d.entry.js +0 -1
  159. package/dist/siemens-ix/p-537f0678.entry.js +0 -1
  160. package/dist/siemens-ix/p-5e222be2.entry.js +0 -1
  161. package/dist/siemens-ix/p-7adc0686.entry.js +0 -1
  162. package/dist/siemens-ix/p-94604cdf.js +0 -1
  163. package/dist/siemens-ix/p-9566c834.entry.js +0 -1
  164. package/dist/siemens-ix/p-9e90827e.entry.js +0 -1
  165. package/dist/siemens-ix/p-a12f6079.entry.js +0 -1
  166. package/dist/siemens-ix/p-c0fecc2b.entry.js +0 -1
  167. package/dist/siemens-ix/p-d8688602.entry.js +0 -1
  168. package/dist/siemens-ix/p-f86fcdf4.js +0 -1
  169. package/dist/types/components/utils/popover.util.d.ts +0 -9
  170. package/dist/types/components/utils/toggle-theme.d.ts +0 -1
  171. package/src/components/animated-tab/readme.md +0 -24
  172. package/src/components/animated-tabs/readme.md +0 -31
  173. package/src/components/application-header/readme.md +0 -21
  174. package/src/components/basic-navigation/readme.md +0 -22
  175. package/src/components/blind/readme.md +0 -29
  176. package/src/components/breadcrumb/readme.md +0 -33
  177. package/src/components/breadcrumb-item/readme.md +0 -22
  178. package/src/components/button/readme.md +0 -27
  179. package/src/components/category-filter/readme.md +0 -39
  180. package/src/components/chip/readme.md +0 -36
  181. package/src/components/counter-pill/readme.md +0 -25
  182. package/src/components/date-picker/readme.md +0 -53
  183. package/src/components/date-time-card/readme.md +0 -22
  184. package/src/components/datetime-picker/readme.md +0 -45
  185. package/src/components/drawer/readme.md +0 -47
  186. package/src/components/dropdown/readme.md +0 -49
  187. package/src/components/dropdown-item/readme.md +0 -45
  188. package/src/components/event-list/readme.md +0 -24
  189. package/src/components/event-list-item/readme.md +0 -32
  190. package/src/components/expanding-search/readme.md +0 -32
  191. package/src/components/filter-chip/readme.md +0 -30
  192. package/src/components/flip-tile/readme.md +0 -22
  193. package/src/components/flip-tile-content/readme.md +0 -14
  194. package/src/components/group/readme.md +0 -14
  195. package/src/components/group-dropdown-item/readme.md +0 -22
  196. package/src/components/group-item/readme.md +0 -34
  197. package/src/components/icon/readme.md +0 -23
  198. package/src/components/icon-button/readme.md +0 -31
  199. package/src/components/input-group/readme.md +0 -14
  200. package/src/components/kpi/readme.md +0 -27
  201. package/src/components/map-navigation/readme.md +0 -54
  202. package/src/components/map-navigation-overlay/readme.md +0 -30
  203. package/src/components/menu/readme.md +0 -86
  204. package/src/components/menu-about/readme.md +0 -30
  205. package/src/components/menu-about-item/readme.md +0 -21
  206. package/src/components/menu-about-news/readme.md +0 -34
  207. package/src/components/menu-avatar/readme.md +0 -30
  208. package/src/components/menu-avatar-item/readme.md +0 -29
  209. package/src/components/menu-item/readme.md +0 -26
  210. package/src/components/menu-settings/readme.md +0 -30
  211. package/src/components/menu-settings-item/readme.md +0 -21
  212. package/src/components/message-bar/readme.md +0 -31
  213. package/src/components/modal/readme.md +0 -67
  214. package/src/components/modal-container/readme.md +0 -29
  215. package/src/components/my-component/readme.md +0 -16
  216. package/src/components/pill/readme.md +0 -26
  217. package/src/components/select/readme.md +0 -37
  218. package/src/components/select-item/readme.md +0 -44
  219. package/src/components/spinner/readme.md +0 -22
  220. package/src/components/split-button/readme.md +0 -36
  221. package/src/components/split-button-item/readme.md +0 -29
  222. package/src/components/tab-item/readme.md +0 -28
  223. package/src/components/tabs/readme.md +0 -25
  224. package/src/components/tile/readme.md +0 -21
  225. package/src/components/time-picker/readme.md +0 -51
  226. package/src/components/toast/readme.md +0 -36
  227. package/src/components/toggle/readme.md +0 -35
  228. package/src/components/tree/readme.md +0 -32
  229. package/src/components/tree-item/readme.md +0 -31
  230. package/src/components/upload/readme.md +0 -51
  231. package/src/components/validation-tooltip/readme.md +0 -31
  232. package/src/components/workflow-step/readme.md +0 -28
  233. package/src/components/workflow-steps/readme.md +0 -33
@@ -1,34 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-group-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------- | -------------------- | --------------------------------------------------------------------------------------------------- | --------- | ----------- |
16
- | `focusable` | `focusable` | The elements tabindex attribute will get set accordingly. If true tabindex will be 0, -1 otherwise. | `boolean` | `true` |
17
- | `icon` | `icon` | Group item icon | `string` | `undefined` |
18
- | `index` | `index` | Index | `number` | `undefined` |
19
- | `secondaryText` | `secondary-text` | Group item secondary text | `string` | `undefined` |
20
- | `selected` | `selected` | Show selected state | `boolean` | `undefined` |
21
- | `suppressSelection` | `suppress-selection` | Supress the selection of the group | `boolean` | `false` |
22
- | `text` | `text` | Group item text | `string` | `undefined` |
23
-
24
-
25
- ## Events
26
-
27
- | Event | Description | Type |
28
- | ----------------- | ----------------- | ------------------------------------- |
29
- | `selectedChanged` | Selection changed | `CustomEvent<HTMLIxGroupItemElement>` |
30
-
31
-
32
- ----------------------------------------------
33
-
34
-
@@ -1,23 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-icon
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | ---------------------------------------------- | ------------------------------ | ----------- |
16
- | `color` | `color` | Color of the icon | `string` | `undefined` |
17
- | `name` | `name` | Use one of our defined icon names e.g. `copy`. | `string` | `undefined` |
18
- | `size` | `size` | Size of the icon | `"12" \| "16" \| "24" \| "32"` | `undefined` |
19
-
20
-
21
- ----------------------------------------------
22
-
23
-
@@ -1,31 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-icon-button
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ----------- | ----------- | -------------------------------------------------------------------------------------------- | ------------------------------ | ------------- |
16
- | `color` | `color` | Color of icon in button | `string` | `undefined` |
17
- | `disabled` | `disabled` | Disabled | `boolean` | `false` |
18
- | `ghost` | `ghost` | Button invisible | `boolean` | `undefined` |
19
- | `icon` | `icon` | Button icon | `string` | `undefined` |
20
- | `invisible` | `invisible` | <span style="color:red">**[DEPRECATED]**</span> Use ghost property<br/><br/>Button invisible | `boolean` | `undefined` |
21
- | `outline` | `outline` | Button outline | `boolean` | `undefined` |
22
- | `oval` | `oval` | Button in oval shape | `boolean` | `undefined` |
23
- | `selected` | `selected` | Selected state only working with outline or invisible | `boolean` | `false` |
24
- | `size` | `size` | Size of icon in button | `"12" \| "16" \| "24" \| "32"` | `'24'` |
25
- | `type` | `type` | Type of the button | `"button" \| "submit"` | `'button'` |
26
- | `variant` | `variant` | Variant of button | `"Primary" \| "Secondary"` | `'Secondary'` |
27
-
28
-
29
- ----------------------------------------------
30
-
31
-
@@ -1,14 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-input-group
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ----------------------------------------------
13
-
14
-
@@ -1,27 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-kpi
8
-
9
-
10
-
11
- <!-- Auto Generated Below -->
12
-
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Description | Type | Default |
17
- | ------------- | ------------- | ----------- | ----------------------------------- | -------------- |
18
- | `label` | `label` | | `string` | `undefined` |
19
- | `orientation` | `orientation` | | `"horizontal" \| "vertical"` | `'horizontal'` |
20
- | `state` | `state` | | `"alarm" \| "neutral" \| "warning"` | `'neutral'` |
21
- | `unit` | `unit` | | `string` | `undefined` |
22
- | `value` | `value` | | `number \| string` | `undefined` |
23
-
24
-
25
- ----------------------------------------------
26
-
27
-
@@ -1,54 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-map-navigation
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ----------------- | ------------------- | ----------------------------------------------------- | --------- | ----------- |
16
- | `applicationName` | `application-name` | Application name | `string` | `undefined` |
17
- | `hideContextMenu` | `hide-context-menu` | Hide the sidebar context menu button when set to true | `boolean` | `true` |
18
- | `navigationTitle` | `navigation-title` | Navigation title | `string` | `undefined` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------------------- | -------------------- | ---------------------- |
25
- | `contextMenuClick` | Context menu clicked | `CustomEvent<void>` |
26
- | `navigationToggled` | Navigation toggled | `CustomEvent<boolean>` |
27
-
28
-
29
- ## Methods
30
-
31
- ### `closeOverlay() => Promise<void>`
32
-
33
- <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Use slot based approach<br/><br/>Close current shown overlay
34
-
35
- #### Returns
36
-
37
- Type: `Promise<void>`
38
-
39
-
40
-
41
- ### `openOverlay(name: string, component: HTMLElement, icon?: string, color?: string) => Promise<void>`
42
-
43
- <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Use slot based approach<br/><br/>Open a overlay inside content area
44
-
45
- #### Returns
46
-
47
- Type: `Promise<void>`
48
-
49
-
50
-
51
-
52
- ----------------------------------------------
53
-
54
-
@@ -1,30 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-map-navigation-overlay
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | ---------------- | -------- | ----------- |
16
- | `color` | `color` | Color of icon | `string` | `undefined` |
17
- | `icon` | `icon` | Icon of overlay | `string` | `undefined` |
18
- | `name` | `name` | Title of overlay | `string` | `undefined` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------------ | ------------ | ------------------ |
25
- | `closeClick` | Event closed | `CustomEvent<any>` |
26
-
27
-
28
- ----------------------------------------------
29
-
30
-
@@ -1,86 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------------ | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------------------------- |
16
- | `applicationDescription` | `application-description` | Should only be set if you use ix-menu standalone | `string` | `''` |
17
- | `applicationName` | `application-name` | Should only be set if you use ix-menu standalone | `string` | `undefined` |
18
- | `enableMapExpand` | `enable-map-expand` | Internal | `boolean` | `false` |
19
- | `enableSettings` | `enable-settings` | Is settings tab is visible | `boolean` | `true` |
20
- | `enableToggleTheme` | `enable-toggle-theme` | Show toggle between light and dark variant. Only if the provided theme have implemented both! | `boolean` | `false` |
21
- | `expand` | `expand` | Expand menu | `boolean` | `false` |
22
- | `i18nCollapse` | `i-1-8n-collapse` | | `string` | `'Collapse'` |
23
- | `i18nExpand` | `i-1-8n-expand` | | `string` | `' Expand'` |
24
- | `i18nLegal` | `i-1-8n-legal` | | `string` | `'About & legal information'` |
25
- | `i18nMore` | `i-1-8n-more` | | `string` | `'More…'` |
26
- | `i18nSettings` | `i-1-8n-settings` | | `string` | `'Settings'` |
27
- | `i18nToggleTheme` | `i-1-8n-toggle-theme` | | `string` | `'Toggle theme'` |
28
- | `maxVisibleMenuItems` | `max-visible-menu-items` | Maximum number of menu items to show in case enough vertical space is available. Extra menu items will be collapsed to 'show more' menu item. | `number` | `9` |
29
- | `showAbout` | `show-about` | Is about tab visible | `boolean` | `false` |
30
- | `showSettings` | `show-settings` | Is settings tab visible | `boolean` | `false` |
31
-
32
-
33
- ## Events
34
-
35
- | Event | Description | Type |
36
- | ----------------- | -------------------- | ---------------------- |
37
- | `expandChange` | Menu expanded | `CustomEvent<boolean>` |
38
- | `mapExpandChange` | Map Sidebar expanded | `CustomEvent<boolean>` |
39
-
40
-
41
- ## Methods
42
-
43
- ### `toggleAbout(show: boolean) => Promise<void>`
44
-
45
- Toggle About tabs
46
-
47
- #### Returns
48
-
49
- Type: `Promise<void>`
50
-
51
-
52
-
53
- ### `toggleMapExpand(show?: boolean) => Promise<void>`
54
-
55
- Toggle map sidebar expand
56
-
57
- #### Returns
58
-
59
- Type: `Promise<void>`
60
-
61
-
62
-
63
- ### `toggleMenu(show?: boolean) => Promise<void>`
64
-
65
- Toggle menu
66
-
67
- #### Returns
68
-
69
- Type: `Promise<void>`
70
-
71
-
72
-
73
- ### `toggleSettings(show: boolean) => Promise<void>`
74
-
75
- Toggle Settings tabs
76
-
77
- #### Returns
78
-
79
- Type: `Promise<void>`
80
-
81
-
82
-
83
-
84
- ----------------------------------------------
85
-
86
-
@@ -1,30 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-about
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------------- | ------------------ | ------------------ | --------- | ----------------------------- |
16
- | `activeTabLabel` | `active-tab-label` | Active tab | `string` | `undefined` |
17
- | `label` | `label` | Label of first tab | `string` | `'About & legal information'` |
18
- | `show` | `show` | Internal | `boolean` | `false` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------- | ---------------------- | ------------------------- |
25
- | `close` | About and Legal closed | `CustomEvent<MouseEvent>` |
26
-
27
-
28
- ----------------------------------------------
29
-
30
-
@@ -1,21 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-about-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | ---------------- | -------- | ----------- |
16
- | `label` | `label` | About Item label | `string` | `undefined` |
17
-
18
-
19
- ----------------------------------------------
20
-
21
-
@@ -1,34 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-about-news
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------------- | ------------------ | -------------------------- | --------- | ------------- |
16
- | `aboutItemLabel` | `about-item-label` | Subtitle of the about news | `string` | `undefined` |
17
- | `expanded` | `expanded` | Internal | `boolean` | `false` |
18
- | `i18nShowMore` | `i-1-8n-show-more` | | `string` | `'Show more'` |
19
- | `label` | `label` | Title of the about news | `string` | `undefined` |
20
- | `offsetBottom` | `offset-bottom` | Bottom offset | `number` | `0` |
21
- | `show` | `show` | Show about news | `boolean` | `false` |
22
-
23
-
24
- ## Events
25
-
26
- | Event | Description | Type |
27
- | -------------- | --------------------------- | ------------------------- |
28
- | `closePopover` | Popover closed | `CustomEvent<void>` |
29
- | `showMore` | Show More button is pressed | `CustomEvent<MouseEvent>` |
30
-
31
-
32
- ----------------------------------------------
33
-
34
-
@@ -1,30 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-avatar
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------ | --------------- | ------------------- | -------- | ----------- |
16
- | `bottom` | `bottom` | Second line of text | `string` | `undefined` |
17
- | `i18nLogout` | `i-1-8n-logout` | | `string` | `'Logout'` |
18
- | `top` | `top` | First line of text | `string` | `undefined` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------------- | ------------ | ------------------ |
25
- | `logoutClick` | Logout click | `CustomEvent<any>` |
26
-
27
-
28
- ----------------------------------------------
29
-
30
-
@@ -1,29 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-avatar-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | --------------------- | -------- | ----------- |
16
- | `icon` | `icon` | Avatar dropdown icon | `string` | `undefined` |
17
- | `label` | `label` | Avatar dropdown label | `string` | `undefined` |
18
-
19
-
20
- ## Events
21
-
22
- | Event | Description | Type |
23
- | ----------- | ---------------------------- | ------------------------- |
24
- | `itemClick` | Avatar dropdown item clicked | `CustomEvent<MouseEvent>` |
25
-
26
-
27
- ----------------------------------------------
28
-
29
-
@@ -1,26 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | --------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------ |
16
- | `active` | `active` | State to display active | `boolean` | `undefined` |
17
- | `bottom` | `bottom` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Replaced by slot based implementation<br/><br/>Caution: this is no longer working. Please use slot="bottom" instead. Place tab on bottom | `boolean` | `false` |
18
- | `disabled` | `disabled` | Disable tab and remove event handlers | `boolean` | `undefined` |
19
- | `home` | `home` | Move the Tab to a top position. | `boolean` | `false` |
20
- | `notifications` | `notifications` | Show notification cound on tab | `number` | `undefined` |
21
- | `tabIcon` | `tab-icon` | Icon name from @siemens/ix-icons | `string` | `'document'` |
22
-
23
-
24
- ----------------------------------------------
25
-
26
-
@@ -1,30 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-settings
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------------- | ------------------ | ----------- | --------- | ------------ |
16
- | `activeTabLabel` | `active-tab-label` | active tab | `string` | `undefined` |
17
- | `label` | `label` | Label | `string` | `'Settings'` |
18
- | `show` | `show` | Internal | `boolean` | `false` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------- | -------------- | ------------------------- |
25
- | `close` | Popover closed | `CustomEvent<MouseEvent>` |
26
-
27
-
28
- ----------------------------------------------
29
-
30
-
@@ -1,21 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-menu-settings-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | ----------- | -------- | ----------- |
16
- | `label` | `label` | Label | `string` | `undefined` |
17
-
18
-
19
- ----------------------------------------------
20
-
21
-
@@ -1,31 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # message-bar
8
-
9
-
10
-
11
- <!-- Auto Generated Below -->
12
-
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Description | Type | Default |
17
- | ------------- | ------------- | ----------------------------------------------------------------------- | --------------------------------- | -------- |
18
- | `dismissible` | `dismissible` | If true, close button is enabled and alert can be dismissed by the user | `boolean` | `true` |
19
- | `type` | `type` | Specifies the type of the alert. | `"danger" \| "info" \| "warning"` | `'info'` |
20
-
21
-
22
- ## Events
23
-
24
- | Event | Description | Type |
25
- | -------------- | ------------------------------------------------- | ------------------ |
26
- | `closedChange` | An event emitted when the close button is clicked | `CustomEvent<any>` |
27
-
28
-
29
- ----------------------------------------------
30
-
31
-
@@ -1,67 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-modal
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------ | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | ------------------ |
16
- | `animation` | `animation` | Should the modal be animtated | `boolean` | `true` |
17
- | `ariaDescribedBy` | `aria-described-by` | | `string` | `undefined` |
18
- | `ariaLabelledBy` | `aria-labelled-by` | | `string` | `'modal-title'` |
19
- | `backdrop` | `backdrop` | Adds a dimming layer to the modal. This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks). | `"static" \| boolean` | `true` |
20
- | `backdropClass` | `backdrop-class` | Backdrop class | `string` | `undefined` |
21
- | `beforeDismiss` | -- | BeforeDismiss callback | `(reason?: any) => boolean \| Promise<boolean>` | `undefined` |
22
- | `centered` | `centered` | Centered modal | `boolean` | `false` |
23
- | `content` | `content` | Content of modal | `HTMLElement \| string` | `undefined` |
24
- | `headerTitle` | `header-title` | Header title | `string` | `undefined` |
25
- | `icon` | `icon` | Optional icon displayed next to the title | `string` | `undefined` |
26
- | `iconColor` | `icon-color` | Color of the header {@see ix-icon} | `"color-alarm" \| "color-info" \| "color-std-text" \| "color-success" \| "color-warning"` | `'color-std-text'` |
27
- | `keyboard` | `keyboard` | ESC close modal dialog | `boolean` | `true` |
28
- | `modalDialogClass` | `modal-dialog-class` | Modal dialog class | `string` | `undefined` |
29
- | `scrollable` | `scrollable` | Modal scollable | `boolean` | `true` |
30
- | `size` | `size` | Modal size | `"lg" \| "sm" \| "xl"` | `'sm'` |
31
- | `windowClass` | `window-class` | Window class | `string` | `undefined` |
32
-
33
-
34
- ## Events
35
-
36
- | Event | Description | Type |
37
- | ----------- | --------------- | ------------------ |
38
- | `closed` | Modal closed | `CustomEvent<any>` |
39
- | `dismissed` | Modal dismissed | `CustomEvent<any>` |
40
-
41
-
42
- ## Methods
43
-
44
- ### `close<T = any>(result: T) => Promise<void>`
45
-
46
- Close modal
47
-
48
- #### Returns
49
-
50
- Type: `Promise<void>`
51
-
52
-
53
-
54
- ### `dismiss<T = any>(reason?: T) => Promise<void>`
55
-
56
- Dismiss modal instance
57
-
58
- #### Returns
59
-
60
- Type: `Promise<void>`
61
-
62
-
63
-
64
-
65
- ----------------------------------------------
66
-
67
-