@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,22 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-breadcrumb-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | -------------------------------------- | -------- | ----------- |
16
- | `icon` | `icon` | Icon to be displayed next ot the label | `string` | `undefined` |
17
- | `label` | `label` | Breadcrumb label | `string` | `undefined` |
18
-
19
-
20
- ----------------------------------------------
21
-
22
-
@@ -1,27 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-button
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ----------- | ----------- | -------------------------------------------------------------------------------------------- | -------------------------- | ----------- |
16
- | `disabled` | `disabled` | Disable the button | `boolean` | `false` |
17
- | `ghost` | `ghost` | Button with no background or outline | `boolean` | `false` |
18
- | `invisible` | `invisible` | <span style="color:red">**[DEPRECATED]**</span> use ghost property<br/><br/>Invisible button | `boolean` | `false` |
19
- | `outline` | `outline` | Outline button | `boolean` | `false` |
20
- | `selected` | `selected` | Show button as selected. Should be used with outline or invisible | `boolean` | `false` |
21
- | `type` | `type` | Type of the button | `"button" \| "submit"` | `'button'` |
22
- | `variant` | `variant` | Button varaint | `"Primary" \| "Secondary"` | `'Primary'` |
23
-
24
-
25
- ----------------------------------------------
26
-
27
-
@@ -1,39 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-category-filter
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------- | ------------------ |
16
- | `categories` | -- | Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from. | `{ [id: string]: { label: string; options: string[]; }; }` | `undefined` |
17
- | `filterState` | -- | A set of search criteria to populate the component with. | `FilterState` | `undefined` |
18
- | `hideIcon` | `hide-icon` | Allows to hide the icon inside the text input. Defaults to false | `boolean` | `undefined` |
19
- | `i18nPlainText` | `i-1-8n-plain-text` | i18n | `string` | `'Filter by text'` |
20
- | `icon` | `icon` | The icon next to the actual text input Defaults to 'search' | `string` | `'search'` |
21
- | `initialState` | -- | <span style="color:red">**[DEPRECATED]**</span> Will be removed with 2.0.0. Use the member filterState instead.<br/><br/>When set this will initially populate the component with the provided search criteria. This will trigger all input events accordingly. | `FilterState` | `undefined` |
22
- | `labelCategories` | `label-categories` | i18n | `string` | `'Categories'` |
23
- | `nonSelectableCategories` | -- | In certain use cases some categories are not available for selection any more. To allow proper display of set filters with these categories this ID to label mapping can be populated. Configuration object hash used to supply labels to the filter chips in the input field. Each ID maps to a string representing the label to display. | `{ [id: string]: string; }` | `{}` |
24
- | `placeholder` | `placeholder` | Placeholder text to be displayed in an empty input field. | `string` | `undefined` |
25
- | `repeatCategories` | `repeat-categories` | If set to true allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false. Defaults to true | `boolean` | `true` |
26
- | `suggestions` | -- | A list of strings that will be supplied as typeahead suggestions not tied to any categories. | `string[]` | `undefined` |
27
-
28
-
29
- ## Events
30
-
31
- | Event | Description | Type |
32
- | --------------- | --------------------------------------------------- | -------------------------- |
33
- | `filterChanged` | Event dispatched whenever the filter state changes. | `CustomEvent<FilterState>` |
34
- | `inputChanged` | Event dispatched whenever the text input changes. | `CustomEvent<InputState>` |
35
-
36
-
37
- ----------------------------------------------
38
-
39
-
@@ -1,36 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # cui-chip
8
-
9
-
10
-
11
- <!-- Auto Generated Below -->
12
-
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Description | Type | Default |
17
- | ------------ | ------------ | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
18
- | `active` | `active` | Display chip in active state. Only works with `variant="primary"` | `boolean` | `false` |
19
- | `background` | `background` | Custom color for pill. Only working for `variant='custom'` | `string` | `undefined` |
20
- | `closable` | `closable` | Show close icon | `boolean` | `false` |
21
- | `color` | `color` | Custom font color for pill. Only working for `variant='custom'` | `string` | `undefined` |
22
- | `icon` | `icon` | Show icon | `string` | `undefined` |
23
- | `outline` | `outline` | Show chip with outline style | `boolean` | `false` |
24
- | `variant` | `variant` | Chip variant | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
25
-
26
-
27
- ## Events
28
-
29
- | Event | Description | Type |
30
- | ------- | ------------------------------------- | ------------------ |
31
- | `close` | Fire event if close button is clicked | `CustomEvent<any>` |
32
-
33
-
34
- ----------------------------------------------
35
-
36
-
@@ -1,25 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-counter-pill
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------ | ------------ | --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
16
- | `alignLeft` | `align-left` | Align pill content left | `boolean` | `false` |
17
- | `background` | `background` | Custom color for pill. Only working for `variant='custom'` | `string` | `undefined` |
18
- | `color` | `color` | Custom font color for pill. Only working for `variant='custom'` | `string` | `undefined` |
19
- | `outline` | `outline` | Show pill as outline | `boolean` | `false` |
20
- | `variant` | `variant` | Pill variant | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
21
-
22
-
23
- ----------------------------------------------
24
-
25
-
@@ -1,53 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-date-picker
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------- |
16
- | `corners` | `corners` | Corner style | `"left" \| "right" \| "rounded"` | `'rounded'` |
17
- | `eventDelimiter` | `event-delimiter` | Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter | `string` | `' - '` |
18
- | `format` | `format` | Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. | `string` | `'yyyy/LL/dd'` |
19
- | `from` | `from` | Picker date. If the picker is in range mode this property is the start date. Format is based on `format` | `string` | `DateTime.now().toFormat(this.format)` |
20
- | `individual` | `individual` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0<br/><br/> | `boolean` | `true` |
21
- | `maxDate` | `max-date` | The latest date that can be selected by the date picker. If not set there will be no restriction. | `string` | `undefined` |
22
- | `minDate` | `min-date` | The earliest date that can be selected by the date picker. If not set there will be no restriction. | `string` | `undefined` |
23
- | `range` | `range` | If true a range of dates can be selected. | `boolean` | `true` |
24
- | `textSelectDate` | `text-select-date` | Text of date select button | `string` | `'Done'` |
25
- | `to` | `to` | Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null` Format is based on `format` | `string` | `null` |
26
-
27
-
28
- ## Events
29
-
30
- | Event | Description | Type |
31
- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
32
- | `dateChange` | Date change event If datepicker is in range mode the event detail will be sperated with a `-` e.g. `2022/10/22 - 2022/10/24` (start and end). If range mode is choosen consider to use `dateRangeChange`. | `CustomEvent<DateChangeEvent \| string>` |
33
- | `dateRangeChange` | Date range change. Only triggered if datepicker is in range mode | `CustomEvent<DateChangeEvent>` |
34
- | `dateSelect` | Date selection confirmed via button action | `CustomEvent<DateChangeEvent>` |
35
- | `done` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Use `dateSelect`<br/><br/>Date selection confirmed via button action | `CustomEvent<string>` |
36
-
37
-
38
- ## Methods
39
-
40
- ### `getCurrentDate() => Promise<{ start: string; end: string; }>`
41
-
42
- Get the current DateTime
43
-
44
- #### Returns
45
-
46
- Type: `Promise<{ start: string; end: string; }>`
47
-
48
-
49
-
50
-
51
- ----------------------------------------------
52
-
53
-
@@ -1,22 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-date-time-card
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------ | ------------ | ----------------- | -------------------------------- | ----------- |
16
- | `corners` | `corners` | Set corners style | `"left" \| "right" \| "rounded"` | `'rounded'` |
17
- | `individual` | `individual` | set styles | `boolean` | `true` |
18
-
19
-
20
- ----------------------------------------------
21
-
22
-
@@ -1,45 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-datetime-picker
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------------- |
16
- | `dateFormat` | `date-format` | Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. | `string` | `'yyyy/LL/dd'` |
17
- | `eventDelimiter` | `event-delimiter` | Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter | `string` | `' - '` |
18
- | `from` | `from` | Picker date. If the picker is in range mode this property is the start date. Format is based on `format` | `string` | `undefined` |
19
- | `maxDate` | `max-date` | The latest date that can be selected by the date picker. If not set there will be no restriction. | `string` | `undefined` |
20
- | `minDate` | `min-date` | The earliest date that can be selected by the date picker. If not set there will be no restriction. | `string` | `undefined` |
21
- | `range` | `range` | Set range size | `boolean` | `true` |
22
- | `showHour` | `show-hour` | Show hour input | `boolean` | `false` |
23
- | `showMinutes` | `show-minutes` | Show minutes input | `boolean` | `false` |
24
- | `showSeconds` | `show-seconds` | Show seconds input | `boolean` | `false` |
25
- | `showTimeReference` | `show-time-reference` | Show time reference input Time reference is default aligned with @see {this.timeFormat} | `any` | `undefined` |
26
- | `textSelectDate` | `text-select-date` | Text of date select button | `string` | `'Done'` |
27
- | `time` | `time` | Select time with format string | `string` | `undefined` |
28
- | `timeFormat` | `time-format` | Time format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. | `string` | `'TT'` |
29
- | `timeReference` | `time-reference` | Set time reference | `"AM" \| "PM"` | `undefined` |
30
- | `to` | `to` | Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null` Format is based on `format` | `string` | `null` |
31
-
32
-
33
- ## Events
34
-
35
- | Event | Description | Type |
36
- | ------------ | ------------------------------------------------------------------------------- | ------------------------------------------------------ |
37
- | `dateChange` | Date change | `CustomEvent<string \| { from: string; to: string; }>` |
38
- | `dateSelect` | Date selection event is fired after confirm button is pressend | `CustomEvent<DateTimeSelectEvent>` |
39
- | `done` | Done event Set `doneEventDelimiter` to null or undefine to get the typed event | `CustomEvent<string>` |
40
- | `timeChange` | Time change | `CustomEvent<string>` |
41
-
42
-
43
- ----------------------------------------------
44
-
45
-
@@ -1,47 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-drawer
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | --------------------- | ------------------------ | ------------------------------------------------------------ | ------------------ | --------------- |
16
- | `closeOnClickOutside` | `close-on-click-outside` | Fired in case of an outside click during drawer showed state | `boolean` | `true` |
17
- | `fullHeight` | `full-height` | Render the drawer with maximum height | `boolean` | `false` |
18
- | `maxWidth` | `max-width` | Max width interpreted as REM | `number` | `28` |
19
- | `minWidth` | `min-width` | Min width interpreted as REM | `number` | `16` |
20
- | `show` | `show` | Show or hide the drawer | `boolean` | `false` |
21
- | `width` | `width` | Width interpreted as REM if not set to 'auto' | `"auto" \| number` | `this.minWidth` |
22
-
23
-
24
- ## Events
25
-
26
- | Event | Description | Type |
27
- | ------------- | -------------------------------- | ------------------ |
28
- | `drawerClose` | Fire event after drawer is close | `CustomEvent<any>` |
29
- | `open` | Fire event after drawer is open | `CustomEvent<any>` |
30
-
31
-
32
- ## Methods
33
-
34
- ### `toggleDrawer(show: boolean) => Promise<void>`
35
-
36
- Toggle or define show state of drawer
37
-
38
- #### Returns
39
-
40
- Type: `Promise<void>`
41
-
42
-
43
-
44
-
45
- ----------------------------------------------
46
-
47
-
@@ -1,49 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-dropdown
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------------------------------- | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------- |
16
- | `adjustDropdownWidthToReferenceWidth` | `adjust-dropdown-width-to-reference-width` | Adjust dropdown width to the parent width | `boolean` | `false` |
17
- | `adjustDropdownWidthToReferenceWith` | `adjust-dropdown-width-to-reference-with` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Property has a typo use `adjustDropdownWidthToReferenceWidth` instead.<br/><br/>Adjust dropdown width to the parent width | `boolean` | `false` |
18
- | `anchor` | `anchor` | Define an anchor element | `HTMLElement \| string` | `undefined` |
19
- | `closeBehavior` | `close-behavior` | Close behavior | `"both" \| "inside" \| "outside" \| boolean` | `'both'` |
20
- | `header` | `header` | An optional header shown at the top of the dropdown | `string` | `undefined` |
21
- | `placement` | `placement` | Placement of the dropdown | `"auto" \| "auto-end" \| "auto-start" \| "bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom-end'` |
22
- | `positioningStrategy` | `positioning-strategy` | Position strategy | `"absolute" \| "fixed"` | `'fixed'` |
23
- | `show` | `show` | Show dropdown | `boolean` | `false` |
24
- | `trigger` | `trigger` | Define an element that triggers the dropdown. A trigger can either be a string that will be interprated as id attribute or a DOM element. | `HTMLElement \| string` | `undefined` |
25
-
26
-
27
- ## Events
28
-
29
- | Event | Description | Type |
30
- | ------------- | --------------------------------------------------- | ---------------------- |
31
- | `showChanged` | Fire event after visibility of dropdown has changed | `CustomEvent<boolean>` |
32
-
33
-
34
- ## Methods
35
-
36
- ### `updatePosition() => Promise<void>`
37
-
38
- Update position of dropdown
39
-
40
- #### Returns
41
-
42
- Type: `Promise<void>`
43
-
44
-
45
-
46
-
47
- ----------------------------------------------
48
-
49
-
@@ -1,45 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-dropdown-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------- | ---------- | -------------------------------------------------------------------------------------- | --------- | ----------- |
16
- | `checked` | `checked` | Whether the item is checked or not. If true a checkmark will mark the item as checked. | `boolean` | `false` |
17
- | `disabled` | `disabled` | Disable item and remove event listeners | `boolean` | `false` |
18
- | `hover` | `hover` | Display hover state | `boolean` | `false` |
19
- | `icon` | `icon` | Icon of dropdown item | `string` | `undefined` |
20
- | `label` | `label` | Label of dropdown item | `string` | `undefined` |
21
-
22
-
23
- ## Events
24
-
25
- | Event | Description | Type |
26
- | ----------- | ------------- | ---------------------------------------- |
27
- | `itemClick` | Click on item | `CustomEvent<HTMLIxDropdownItemElement>` |
28
-
29
-
30
- ## Methods
31
-
32
- ### `emitItemClick() => Promise<void>`
33
-
34
- Internal usage only
35
-
36
- #### Returns
37
-
38
- Type: `Promise<void>`
39
-
40
-
41
-
42
-
43
- ----------------------------------------------
44
-
45
-
@@ -1,24 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-event-list
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ------------ | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ----------- |
16
- | `animated` | `animated` | Animate state change transitions. Defaults to 'true'. | `boolean` | `true` |
17
- | `chevron` | `chevron` | Display a chevron icon in list items. Defaults to 'false' | `boolean` | `undefined` |
18
- | `compact` | `compact` | Make event-list items more compact | `boolean` | `false` |
19
- | `itemHeight` | `item-height` | Determines the height of list items. This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value. In case a number is supplied it will get converted to rem internally. Defaults to 'S'. | `"L" \| "S" \| number` | `'S'` |
20
-
21
-
22
- ----------------------------------------------
23
-
24
-
@@ -1,32 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-event-list-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | ---------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
16
- | `chevron` | `chevron` | Show chevron on right side of the event list item | `boolean` | `undefined` |
17
- | `color` | `color` | Color of the status indicator. Allowed values are all Core UI color names. | `string` | `undefined` |
18
- | `disabled` | `disabled` | Disable event list item | `boolean` | `undefined` |
19
- | `opacity` | `opacity` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0<br/><br/>Opacity of the status indicator. Defaults to 1.0 | `number` | `1` |
20
- | `selected` | `selected` | Show event list item as selected | `boolean` | `undefined` |
21
-
22
-
23
- ## Events
24
-
25
- | Event | Description | Type |
26
- | ----------- | --------------------- | ------------------ |
27
- | `itemClick` | Event list item click | `CustomEvent<any>` |
28
-
29
-
30
- ----------------------------------------------
31
-
32
-
@@ -1,32 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # expanding-search
8
-
9
-
10
-
11
- <!-- Auto Generated Below -->
12
-
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Description | Type | Default |
17
- | ------------- | ------------- | ---------------- | -------- | ------------------- |
18
- | `icon` | `icon` | Search icon | `string` | `'search'` |
19
- | `placeholder` | `placeholder` | Placeholder text | `string` | `'Enter text here'` |
20
- | `value` | `value` | Default value | `string` | `''` |
21
-
22
-
23
- ## Events
24
-
25
- | Event | Description | Type |
26
- | ------------- | ------------- | --------------------- |
27
- | `valueChange` | Value changed | `CustomEvent<string>` |
28
-
29
-
30
- ----------------------------------------------
31
-
32
-
@@ -1,30 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # cui-filter-chip
8
-
9
-
10
-
11
- <!-- Auto Generated Below -->
12
-
13
-
14
- ## Properties
15
-
16
- | Property | Attribute | Description | Type | Default |
17
- | ---------- | ---------- | ------------------------------------------------- | --------- | ------- |
18
- | `disabled` | `disabled` | If true the filter chip will be in disabled state | `boolean` | `false` |
19
-
20
-
21
- ## Events
22
-
23
- | Event | Description | Type |
24
- | ------------ | ------------- | ------------------- |
25
- | `closeClick` | Close clicked | `CustomEvent<void>` |
26
-
27
-
28
- ----------------------------------------------
29
-
30
-
@@ -1,22 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-flip-tile
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | --------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------- |
16
- | `footer` | `footer` | Tmp property name | `string` | `undefined` |
17
- | `state` | `state` | Variation of the Flip | `FlipTileState.Alarm \| FlipTileState.Info \| FlipTileState.None \| FlipTileState.Primary \| FlipTileState.Warning` | `undefined` |
18
-
19
-
20
- ----------------------------------------------
21
-
22
-
@@ -1,14 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-flip-tile-content
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ----------------------------------------------
13
-
14
-
@@ -1,14 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-group
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ----------------------------------------------
13
-
14
-
@@ -1,22 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: 2022 Siemens AG
3
-
4
- SPDX-License-Identifier: MIT
5
- -->
6
-
7
- # ix-group-dropdown-item
8
-
9
- <!-- Auto Generated Below -->
10
-
11
-
12
- ## Properties
13
-
14
- | Property | Attribute | Description | Type | Default |
15
- | -------- | --------- | -------------------- | -------- | ----------- |
16
- | `icon` | `icon` | Group dropdown icon | `string` | `undefined` |
17
- | `label` | `label` | Group dropdown label | `string` | `undefined` |
18
-
19
-
20
- ----------------------------------------------
21
-
22
-