@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.
- package/dist/cjs/alignment-24ae2e63.js +1372 -0
- package/dist/cjs/index-17eb8998.js +4 -0
- package/dist/cjs/index.cjs.js +4 -1
- package/dist/cjs/ix-button.cjs.entry.js +4 -2
- package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
- package/dist/cjs/ix-chip.cjs.entry.js +21 -8
- package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +40 -0
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +87 -41
- package/dist/cjs/ix-expanding-search.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-map-navigation_2.cjs.entry.js +5 -4
- package/dist/cjs/ix-menu_9.cjs.entry.js +12 -93
- package/dist/cjs/ix-modal_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-pill.cjs.entry.js +5 -2
- package/dist/cjs/ix-select_2.cjs.entry.js +35 -14
- package/dist/cjs/ix-split-button_2.cjs.entry.js +6 -35
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +71 -26
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{modal-e4a6983d.js → modal-dda2f6be.js} +8 -2
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/theme-switcher-6b45e082.js +92 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button/button.js +5 -3
- package/dist/collection/components/category-filter/category-filter.css +4 -4
- package/dist/collection/components/category-filter/category-filter.js +7 -7
- package/dist/collection/components/chip/chip.css +20 -0
- package/dist/collection/components/chip/chip.js +22 -9
- package/dist/collection/components/counter-pill/counter-pill.css +10 -0
- package/dist/collection/components/dropdown/alignment.js +9 -0
- package/dist/collection/components/dropdown/dropdown.css +1 -0
- package/dist/collection/components/dropdown/dropdown.js +113 -50
- package/dist/collection/components/dropdown/placement.js +1 -0
- package/dist/collection/components/dropdown-button/dropdown-button.css +81 -0
- package/dist/collection/components/dropdown-button/dropdown-button.js +191 -0
- package/dist/collection/components/expanding-search/expanding-search.css +1 -0
- package/dist/collection/components/expanding-search/expanding-search.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +3 -30
- package/dist/collection/components/icon-button/icon-button.js +2 -2
- package/dist/collection/components/map-navigation/map-navigation.js +3 -2
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +9 -4
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
- package/dist/collection/components/menu/menu.css +1 -1
- package/dist/collection/components/menu/menu.js +6 -21
- package/dist/collection/components/menu-avatar/menu-avatar.js +4 -30
- package/dist/collection/components/modal/modal.css +1 -0
- package/dist/collection/components/modal/modal.js +7 -1
- package/dist/collection/components/pill/pill.css +10 -0
- package/dist/collection/components/pill/pill.js +4 -1
- package/dist/collection/components/select/select.css +0 -3
- package/dist/collection/components/select/select.js +13 -12
- package/dist/collection/components/select-item/events.js +16 -0
- package/dist/collection/components/select-item/select-item.js +23 -4
- package/dist/collection/components/split-button/split-button.js +7 -36
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/utils/theme-switcher.js +86 -0
- package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -24
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +75 -28
- package/dist/collection/exports.js +1 -0
- package/dist/components/alignment.js +1363 -0
- package/dist/components/button.js +5 -3
- package/dist/components/dropdown.js +88 -41
- package/dist/components/icon-button.js +3 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/components/ix-category-filter.js +18 -12
- package/dist/components/ix-chip.js +21 -8
- package/dist/components/ix-counter-pill.js +1 -1
- package/dist/components/ix-dropdown-button.d.ts +11 -0
- package/dist/components/ix-dropdown-button.js +86 -0
- package/dist/components/ix-expanding-search.js +2 -2
- package/dist/components/ix-map-navigation.js +3 -2
- package/dist/components/ix-menu-avatar.js +6 -19
- package/dist/components/ix-menu.js +93 -46
- package/dist/components/ix-pill.js +5 -2
- package/dist/components/ix-select.js +9 -14
- package/dist/components/ix-split-button.js +6 -35
- package/dist/components/ix-validation-tooltip.js +74 -27
- package/dist/components/map-navigation-overlay.js +2 -2
- package/dist/components/modal.js +8 -2
- package/dist/components/select-item.js +27 -1
- package/dist/esm/alignment-f63c1b89.js +1363 -0
- package/dist/esm/index-6f4f3582.js +4 -0
- package/dist/esm/index.js +2 -1
- package/dist/esm/ix-button.entry.js +5 -3
- package/dist/esm/ix-category-filter.entry.js +8 -8
- package/dist/esm/ix-chip.entry.js +21 -8
- package/dist/esm/ix-counter-pill.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +36 -0
- package/dist/esm/ix-dropdown_2.entry.js +87 -41
- package/dist/esm/ix-expanding-search.entry.js +2 -2
- package/dist/esm/ix-icon-button.entry.js +3 -3
- package/dist/esm/ix-map-navigation_2.entry.js +5 -4
- package/dist/esm/ix-menu_9.entry.js +12 -93
- package/dist/esm/ix-modal_2.entry.js +1 -1
- package/dist/esm/ix-pill.entry.js +5 -2
- package/dist/esm/ix-select_2.entry.js +35 -14
- package/dist/esm/ix-split-button_2.entry.js +6 -35
- package/dist/esm/ix-validation-tooltip.entry.js +71 -26
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{modal-e7343756.js → modal-df0a62f2.js} +8 -2
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/theme-switcher-dce1aaec.js +89 -0
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-03d38416.entry.js +1 -0
- package/dist/siemens-ix/p-0e357d27.entry.js +1 -0
- package/dist/siemens-ix/p-18d02e6f.entry.js +1 -0
- package/dist/siemens-ix/p-2bc72119.entry.js +1 -0
- package/dist/siemens-ix/p-2bd88760.entry.js +1 -0
- package/dist/siemens-ix/p-2c5abec1.js +1 -0
- package/dist/siemens-ix/p-35990ac7.js +1 -0
- package/dist/siemens-ix/p-43616759.entry.js +1 -0
- package/dist/siemens-ix/p-4fcb5f2b.entry.js +1 -0
- package/dist/siemens-ix/p-5631ae88.entry.js +1 -0
- package/dist/siemens-ix/p-5bbe9943.entry.js +1 -0
- package/dist/siemens-ix/p-6fe3bb9c.entry.js +1 -0
- package/dist/siemens-ix/{p-1cf3348f.entry.js → p-7f842cdc.entry.js} +1 -1
- package/dist/siemens-ix/p-ab7949ff.entry.js +1 -0
- package/dist/siemens-ix/p-b3d00feb.entry.js +1 -0
- package/dist/siemens-ix/p-d20119c1.entry.js +1 -0
- package/dist/siemens-ix/p-dec6114f.js +1 -0
- package/dist/siemens-ix/p-f35ce089.entry.js +1 -0
- package/dist/siemens-ix/siemens-ix.css +25 -3
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/button/button.d.ts +1 -1
- package/dist/types/components/category-filter/category-filter.d.ts +1 -0
- package/dist/types/components/chip/chip.d.ts +2 -1
- package/dist/types/components/dropdown/alignment.d.ts +2 -0
- package/dist/types/components/dropdown/dropdown.d.ts +19 -6
- package/dist/types/components/dropdown/placement.d.ts +8 -0
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +37 -0
- package/dist/types/components/menu/menu.d.ts +0 -2
- package/dist/types/components/menu-avatar/menu-avatar.d.ts +1 -5
- package/dist/types/components/modal/modal.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +2 -1
- package/dist/types/components/select-item/events.d.ts +9 -0
- package/dist/types/components/select-item/select-item.d.ts +3 -2
- package/dist/types/components/split-button/split-button.d.ts +4 -6
- package/dist/types/components/tree/tree.d.ts +1 -1
- package/dist/types/components/utils/theme-switcher.d.ts +19 -0
- package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +12 -4
- package/dist/types/components.d.ts +88 -17
- package/dist/types/exports.d.ts +1 -0
- package/package.json +5 -6
- package/scss/components/_buttons.scss +23 -0
- package/scss/components/_dropdown.scss +2 -0
- package/dist/cjs/popper-d7a0f999.js +0 -1801
- package/dist/collection/components/utils/popover.util.js +0 -33
- package/dist/collection/components/utils/toggle-theme.js +0 -24
- package/dist/components/popover.util.js +0 -36
- package/dist/components/popper.js +0 -1799
- package/dist/esm/popper-42db9fbd.js +0 -1799
- package/dist/siemens-ix/p-0a8cfa42.entry.js +0 -1
- package/dist/siemens-ix/p-16e95211.entry.js +0 -1
- package/dist/siemens-ix/p-1fe97752.entry.js +0 -1
- package/dist/siemens-ix/p-23d5469a.entry.js +0 -1
- package/dist/siemens-ix/p-47d55e3d.entry.js +0 -1
- package/dist/siemens-ix/p-537f0678.entry.js +0 -1
- package/dist/siemens-ix/p-5e222be2.entry.js +0 -1
- package/dist/siemens-ix/p-7adc0686.entry.js +0 -1
- package/dist/siemens-ix/p-94604cdf.js +0 -1
- package/dist/siemens-ix/p-9566c834.entry.js +0 -1
- package/dist/siemens-ix/p-9e90827e.entry.js +0 -1
- package/dist/siemens-ix/p-a12f6079.entry.js +0 -1
- package/dist/siemens-ix/p-c0fecc2b.entry.js +0 -1
- package/dist/siemens-ix/p-d8688602.entry.js +0 -1
- package/dist/siemens-ix/p-f86fcdf4.js +0 -1
- package/dist/types/components/utils/popover.util.d.ts +0 -9
- package/dist/types/components/utils/toggle-theme.d.ts +0 -1
- package/src/components/animated-tab/readme.md +0 -24
- package/src/components/animated-tabs/readme.md +0 -31
- package/src/components/application-header/readme.md +0 -21
- package/src/components/basic-navigation/readme.md +0 -22
- package/src/components/blind/readme.md +0 -29
- package/src/components/breadcrumb/readme.md +0 -33
- package/src/components/breadcrumb-item/readme.md +0 -22
- package/src/components/button/readme.md +0 -27
- package/src/components/category-filter/readme.md +0 -39
- package/src/components/chip/readme.md +0 -36
- package/src/components/counter-pill/readme.md +0 -25
- package/src/components/date-picker/readme.md +0 -53
- package/src/components/date-time-card/readme.md +0 -22
- package/src/components/datetime-picker/readme.md +0 -45
- package/src/components/drawer/readme.md +0 -47
- package/src/components/dropdown/readme.md +0 -49
- package/src/components/dropdown-item/readme.md +0 -45
- package/src/components/event-list/readme.md +0 -24
- package/src/components/event-list-item/readme.md +0 -32
- package/src/components/expanding-search/readme.md +0 -32
- package/src/components/filter-chip/readme.md +0 -30
- package/src/components/flip-tile/readme.md +0 -22
- package/src/components/flip-tile-content/readme.md +0 -14
- package/src/components/group/readme.md +0 -14
- package/src/components/group-dropdown-item/readme.md +0 -22
- package/src/components/group-item/readme.md +0 -34
- package/src/components/icon/readme.md +0 -23
- package/src/components/icon-button/readme.md +0 -31
- package/src/components/input-group/readme.md +0 -14
- package/src/components/kpi/readme.md +0 -27
- package/src/components/map-navigation/readme.md +0 -54
- package/src/components/map-navigation-overlay/readme.md +0 -30
- package/src/components/menu/readme.md +0 -86
- package/src/components/menu-about/readme.md +0 -30
- package/src/components/menu-about-item/readme.md +0 -21
- package/src/components/menu-about-news/readme.md +0 -34
- package/src/components/menu-avatar/readme.md +0 -30
- package/src/components/menu-avatar-item/readme.md +0 -29
- package/src/components/menu-item/readme.md +0 -26
- package/src/components/menu-settings/readme.md +0 -30
- package/src/components/menu-settings-item/readme.md +0 -21
- package/src/components/message-bar/readme.md +0 -31
- package/src/components/modal/readme.md +0 -67
- package/src/components/modal-container/readme.md +0 -29
- package/src/components/my-component/readme.md +0 -16
- package/src/components/pill/readme.md +0 -26
- package/src/components/select/readme.md +0 -37
- package/src/components/select-item/readme.md +0 -44
- package/src/components/spinner/readme.md +0 -22
- package/src/components/split-button/readme.md +0 -36
- package/src/components/split-button-item/readme.md +0 -29
- package/src/components/tab-item/readme.md +0 -28
- package/src/components/tabs/readme.md +0 -25
- package/src/components/tile/readme.md +0 -21
- package/src/components/time-picker/readme.md +0 -51
- package/src/components/toast/readme.md +0 -36
- package/src/components/toggle/readme.md +0 -35
- package/src/components/tree/readme.md +0 -32
- package/src/components/tree-item/readme.md +0 -31
- package/src/components/upload/readme.md +0 -51
- package/src/components/validation-tooltip/readme.md +0 -31
- package/src/components/workflow-step/readme.md +0 -28
- package/src/components/workflow-steps/readme.md +0 -33
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# overlay-container
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<!-- Auto Generated Below -->
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
## Methods
|
|
15
|
-
|
|
16
|
-
### `showModal(config: ModalConfig) => Promise<ModalInstance>`
|
|
17
|
-
|
|
18
|
-
Display modal dialog
|
|
19
|
-
|
|
20
|
-
#### Returns
|
|
21
|
-
|
|
22
|
-
Type: `Promise<ModalInstance<any>>`
|
|
23
|
-
|
|
24
|
-
|
|
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-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
|
-
| `icon` | `icon` | Show icon | `string` | `undefined` |
|
|
20
|
-
| `outline` | `outline` | Show pill as outline | `boolean` | `false` |
|
|
21
|
-
| `variant` | `variant` | Pill variant | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
----------------------------------------------
|
|
25
|
-
|
|
26
|
-
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-select
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ------------------------- | ----------------------------- | -------------------------------------------- | ------------------------ | --------------------------- |
|
|
16
|
-
| `allowClear` | `allow-clear` | Show clear button | `boolean` | `false` |
|
|
17
|
-
| `disabled` | `disabled` | If true the select will be in disabled state | `boolean` | `false` |
|
|
18
|
-
| `editable` | `editable` | Select is extendable | `boolean` | `false` |
|
|
19
|
-
| `i18nPlaceholder` | `i-1-8n-placeholder` | Input field placeholder | `string` | `'Select an option'` |
|
|
20
|
-
| `i18nPlaceholderEditable` | `i-1-8n-placeholder-editable` | Input field placeholder for editable select | `string` | `'Type of select option'` |
|
|
21
|
-
| `i18nSelectListHeader` | `i-1-8n-select-list-header` | Select list header | `string` | `'Please select an option'` |
|
|
22
|
-
| `mode` | `mode` | Selection mode | `"multiple" \| "single"` | `'single'` |
|
|
23
|
-
| `readonly` | `readonly` | If true the select will be in readonly mode | `boolean` | `false` |
|
|
24
|
-
| `selectedIndices` | `selected-indices` | Indices of selected items | `string \| string[]` | `[]` |
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## Events
|
|
28
|
-
|
|
29
|
-
| Event | Description | Type |
|
|
30
|
-
| --------------------- | ----------------------- | --------------------------------- |
|
|
31
|
-
| `addItem` | Item added to selection | `CustomEvent<string>` |
|
|
32
|
-
| `itemSelectionChange` | Item selection changed | `CustomEvent<string \| string[]>` |
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
----------------------------------------------
|
|
36
|
-
|
|
37
|
-
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-select-item
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| -------------------- | ---------- | ----------------------------- | --------- | ----------- |
|
|
16
|
-
| `hover` | `hover` | ***Internal*** | `boolean` | `false` |
|
|
17
|
-
| `label` | `label` | Displayed name of the item | `string` | `undefined` |
|
|
18
|
-
| `selected` | `selected` | Whether the item is selected. | `boolean` | `false` |
|
|
19
|
-
| `value` _(required)_ | `value` | Item value | `any` | `undefined` |
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## Events
|
|
23
|
-
|
|
24
|
-
| Event | Description | Type |
|
|
25
|
-
| ----------- | ------------ | --------------------- |
|
|
26
|
-
| `itemClick` | Item clicked | `CustomEvent<string>` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Methods
|
|
30
|
-
|
|
31
|
-
### `onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) => Promise<void>`
|
|
32
|
-
|
|
33
|
-
Internal
|
|
34
|
-
|
|
35
|
-
#### Returns
|
|
36
|
-
|
|
37
|
-
Type: `Promise<void>`
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
----------------------------------------------
|
|
43
|
-
|
|
44
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-spinner
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| --------- | --------- | ------------------ | ----------------------------------------- | ------------- |
|
|
16
|
-
| `size` | `size` | Size of spinner | `"large" \| "medium"` | `'medium'` |
|
|
17
|
-
| `variant` | `variant` | Variant of spinner | `"primary" \| "secondary" \| "sencodary"` | `'secondary'` |
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
----------------------------------------------
|
|
21
|
-
|
|
22
|
-
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-split-button
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ----------- | ------------ | ---------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- |
|
|
16
|
-
| `disabled` | `disabled` | Disabled | `boolean` | `false` |
|
|
17
|
-
| `ghost` | `ghost` | Button invisible | `boolean` | `false` |
|
|
18
|
-
| `icon` | `icon` | Button icon | `string` | `''` |
|
|
19
|
-
| `invisible` | `invisible` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0. Use ghost property<br/><br/>Button invisible | `boolean` | `false` |
|
|
20
|
-
| `label` | `label` | Button label | `string` | `undefined` |
|
|
21
|
-
| `outline` | `outline` | Button outline variant | `boolean` | `false` |
|
|
22
|
-
| `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-start'` |
|
|
23
|
-
| `splitIcon` | `split-icon` | Splitbutton icon | `string` | `'context-menu'` |
|
|
24
|
-
| `variant` | `variant` | Color variant of button | `"Primary" \| "Secondary"` | `'Primary'` |
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## Events
|
|
28
|
-
|
|
29
|
-
| Event | Description | Type |
|
|
30
|
-
| ------------- | -------------- | ------------------------- |
|
|
31
|
-
| `buttonClick` | Button clicked | `CustomEvent<MouseEvent>` |
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
----------------------------------------------
|
|
35
|
-
|
|
36
|
-
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-split-button-item
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| -------- | --------- | -------------- | -------- | ----------- |
|
|
16
|
-
| `icon` | `icon` | Dropdown icon | `string` | `undefined` |
|
|
17
|
-
| `label` | `label` | Dropdown label | `string` | `undefined` |
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
## Events
|
|
21
|
-
|
|
22
|
-
| Event | Description | Type |
|
|
23
|
-
| ----------- | --------------------- | ------------------------- |
|
|
24
|
-
| `itemClick` | Dropdown item clicked | `CustomEvent<MouseEvent>` |
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
----------------------------------------------
|
|
28
|
-
|
|
29
|
-
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-tab-item
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ----------- | ----------- | ---------------------- | ----------------------- | ----------- |
|
|
16
|
-
| `counter` | `counter` | Set counter value | `number` | `undefined` |
|
|
17
|
-
| `disabled` | `disabled` | Set disabled tab | `boolean` | `false` |
|
|
18
|
-
| `icon` | `icon` | Set icon only tab | `boolean` | `false` |
|
|
19
|
-
| `layout` | `layout` | Set layout width style | `"auto" \| "stretched"` | `'auto'` |
|
|
20
|
-
| `placement` | `placement` | Set selected placement | `"bottom" \| "top"` | `'bottom'` |
|
|
21
|
-
| `rounded` | `rounded` | Set rounded tab | `boolean` | `false` |
|
|
22
|
-
| `selected` | `selected` | Set selected tab | `boolean` | `false` |
|
|
23
|
-
| `small` | `small` | Set small size tab | `boolean` | `false` |
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
----------------------------------------------
|
|
27
|
-
|
|
28
|
-
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-tabs
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ----------- | ----------- | --------------------------------- | ----------------------- | ---------- |
|
|
16
|
-
| `layout` | `layout` | Set layout width style | `"auto" \| "stretched"` | `'auto'` |
|
|
17
|
-
| `placement` | `placement` | Set placement style | `"bottom" \| "top"` | `'bottom'` |
|
|
18
|
-
| `rounded` | `rounded` | Set rounded tabs | `boolean` | `false` |
|
|
19
|
-
| `selected` | `selected` | Set default selected tab by index | `number` | `0` |
|
|
20
|
-
| `small` | `small` | Set tab items to small size | `boolean` | `false` |
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
----------------------------------------------
|
|
24
|
-
|
|
25
|
-
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-tile
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| -------- | --------- | ------------------------------------------------------ | ------------------------------ | ---------- |
|
|
16
|
-
| `size` | `size` | Size of the tile - one of 'small', 'medium' or 'large' | `"big" \| "medium" \| "small"` | `'medium'` |
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
----------------------------------------------
|
|
20
|
-
|
|
21
|
-
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-time-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
|
-
| `format` | `format` | Format of time string | `string` | `'TT'` |
|
|
18
|
-
| `individual` | `individual` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0<br/><br/> | `boolean` | `true` |
|
|
19
|
-
| `showHour` | `show-hour` | Show hour input | `boolean` | `false` |
|
|
20
|
-
| `showMinutes` | `show-minutes` | Show minutes input | `boolean` | `false` |
|
|
21
|
-
| `showSeconds` | `show-seconds` | Show seconds input | `boolean` | `false` |
|
|
22
|
-
| `showTimeReference` | `show-time-reference` | Show time reference input | `any` | `undefined` |
|
|
23
|
-
| `textSelectTime` | `text-select-time` | Text of date select button | `string` | `'Done'` |
|
|
24
|
-
| `time` | `time` | Select time with format string | `string` | `DateTime.now().toFormat(this.format)` |
|
|
25
|
-
| `timeReference` | `time-reference` | Set time reference | `"AM" \| "PM"` | `DateTime.fromFormat( this.time, this.format ).toFormat('a') as 'PM' \| 'AM'` |
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
## Events
|
|
29
|
-
|
|
30
|
-
| Event | Description | Type |
|
|
31
|
-
| ------------ | ----------------- | --------------------- |
|
|
32
|
-
| `done` | Time event | `CustomEvent<string>` |
|
|
33
|
-
| `timeChange` | Time change event | `CustomEvent<string>` |
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
## Methods
|
|
37
|
-
|
|
38
|
-
### `getCurrentTime() => Promise<string>`
|
|
39
|
-
|
|
40
|
-
Get current time
|
|
41
|
-
|
|
42
|
-
#### Returns
|
|
43
|
-
|
|
44
|
-
Type: `Promise<string>`
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
----------------------------------------------
|
|
50
|
-
|
|
51
|
-
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-toast-container
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ---------------- | ----------------- | ----------- | -------- | ------------------- |
|
|
16
|
-
| `containerClass` | `container-class` | | `string` | `'toast-container'` |
|
|
17
|
-
| `containerId` | `container-id` | | `string` | `'toast-container'` |
|
|
18
|
-
| `position` | `position` | | `string` | `'bottom-right'` |
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Methods
|
|
22
|
-
|
|
23
|
-
### `showToast(config: ToastConfig) => Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>`
|
|
24
|
-
|
|
25
|
-
Display a toast message
|
|
26
|
-
|
|
27
|
-
#### Returns
|
|
28
|
-
|
|
29
|
-
Type: `Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>`
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
----------------------------------------------
|
|
35
|
-
|
|
36
|
-
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-toggle
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ------------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------------------- | --------- | ---------- |
|
|
16
|
-
| `checked` | `checked` | Whether the slide-toggle element is checked or not. | `boolean` | `false` |
|
|
17
|
-
| `color` | `color` | <span style="color:red">**[DEPRECATED]**</span> Will be removed in 2.0.0<br/><br/>Basic and status colors from color palette | `string` | `'accent'` |
|
|
18
|
-
| `disabled` | `disabled` | Whether the slide-toggle element is disabled or not. | `boolean` | `false` |
|
|
19
|
-
| `hideText` | `hide-text` | Hide `on` and `off` text | `boolean` | `false` |
|
|
20
|
-
| `indeterminate` | `indeterminate` | If true the control is in indeterminate state | `boolean` | `false` |
|
|
21
|
-
| `textIndeterminate` | `text-indeterminate` | Text for indeterminate state | `string` | `'Mixed'` |
|
|
22
|
-
| `textOff` | `text-off` | Text for off state | `string` | `'Off'` |
|
|
23
|
-
| `textOn` | `text-on` | Text for on state | `string` | `'On'` |
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## Events
|
|
27
|
-
|
|
28
|
-
| Event | Description | Type |
|
|
29
|
-
| --------------- | ------------------------------------------------------------------------- | ---------------------- |
|
|
30
|
-
| `checkedChange` | An event will be dispatched each time the slide-toggle changes its value. | `CustomEvent<boolean>` |
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
----------------------------------------------
|
|
34
|
-
|
|
35
|
-
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-tree
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ------------ | --------- | ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
16
|
-
| `context` | -- | Selection and collapsed state management | `{ [x: string]: TreeItemContext; }` | `{}` |
|
|
17
|
-
| `model` | -- | Tree modal | `{ [x: string]: TreeItem<any>; }` | `undefined` |
|
|
18
|
-
| `renderItem` | -- | Render function of tree items | `<T = any>(index: number, data: T, dataList: T[], context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement` | `undefined` |
|
|
19
|
-
| `root` | `root` | Initial root element will not be rendered | `string` | `undefined` |
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## Events
|
|
23
|
-
|
|
24
|
-
| Event | Description | Type |
|
|
25
|
-
| --------------- | ------------------- | ------------------------------------------------ |
|
|
26
|
-
| `contextChange` | Context changed | `CustomEvent<{ [x: string]: TreeItemContext; }>` |
|
|
27
|
-
| `nodeRemoved` | Emits removed nodes | `CustomEvent<any>` |
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
----------------------------------------------
|
|
31
|
-
|
|
32
|
-
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-tree-item
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| ------------- | -------------- | ---------------------- | ----------------- | ----------- |
|
|
16
|
-
| `context` | -- | Context | `TreeItemContext` | `undefined` |
|
|
17
|
-
| `hasChildren` | `has-children` | Has tree item children | `boolean` | `undefined` |
|
|
18
|
-
| `text` | `text` | Text | `string` | `undefined` |
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Events
|
|
22
|
-
|
|
23
|
-
| Event | Description | Type |
|
|
24
|
-
| ----------- | ------------------------ | ------------------- |
|
|
25
|
-
| `itemClick` | Clicked | `CustomEvent<void>` |
|
|
26
|
-
| `toggle` | Expand/Collapsed toggled | `CustomEvent<void>` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
----------------------------------------------
|
|
30
|
-
|
|
31
|
-
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-upload
|
|
8
|
-
|
|
9
|
-
<!-- Auto Generated Below -->
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Properties
|
|
13
|
-
|
|
14
|
-
| Property | Attribute | Description | Type | Default |
|
|
15
|
-
| -------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- |
|
|
16
|
-
| `accept` | `accept` | The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). [accept]{@link "https://www.w3schools.com/tags/att_input_accept.asp"} | `string` | `undefined` |
|
|
17
|
-
| `disabled` | `disabled` | Disable all input events | `boolean` | `false` |
|
|
18
|
-
| `i18nUploadDisabled` | `i-1-8n-upload-disabled` | Text for disabled state | `string` | `'File upload currently not possible.'` |
|
|
19
|
-
| `i18nUploadFile` | `i-1-8n-upload-file` | Label for upload file button | `string` | `'Upload file…'` |
|
|
20
|
-
| `loadingText` | `loading-text` | Will be used by state = UploadFileState.LOADING | `string` | `'Checking files…'` |
|
|
21
|
-
| `multiline` | `multiline` | Whether the text should wrap to more than one line | `boolean` | `false` |
|
|
22
|
-
| `multiple` | `multiple` | If multiple is true the user can drop or select multiple files | `boolean` | `false` |
|
|
23
|
-
| `selectFileText` | `select-file-text` | Will be used by state = UploadFileState.SELECT_FILE | `string` | `'+ Drag files here or…'` |
|
|
24
|
-
| `state` | `state` | After a file is uploaded you can set the upload component to a defined state | `UploadFileState.LOADING \| UploadFileState.SELECT_FILE \| UploadFileState.UPLOAD_FAILED \| UploadFileState.UPLOAD_SUCCESSED` | `UploadFileState.SELECT_FILE` |
|
|
25
|
-
| `uploadFailedText` | `upload-failed-text` | Will be used by state = UploadFileState.UPLOAD_FAILED | `string` | `'Upload failed. Please try again.'` |
|
|
26
|
-
| `uploadSuccessText` | `upload-success-text` | Will be used by state = UploadFileState.UPLOAD_SUCCESSED | `string` | `'Upload successful'` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Events
|
|
30
|
-
|
|
31
|
-
| Event | Description | Type |
|
|
32
|
-
| -------------- | ------------------------------------------------------------------------ | --------------------- |
|
|
33
|
-
| `filesChanged` | You get an array of Files after drop-action or browse action is finished | `CustomEvent<File[]>` |
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
## Methods
|
|
37
|
-
|
|
38
|
-
### `setFilesToUpload(obj: any) => Promise<void>`
|
|
39
|
-
|
|
40
|
-
Set files
|
|
41
|
-
|
|
42
|
-
#### Returns
|
|
43
|
-
|
|
44
|
-
Type: `Promise<void>`
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
----------------------------------------------
|
|
50
|
-
|
|
51
|
-
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# ix-validation-tooltip
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<!-- Auto Generated Below -->
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
## Properties
|
|
15
|
-
|
|
16
|
-
| Property | Attribute | Description | Type | Default |
|
|
17
|
-
| ----------- | ----------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
|
|
18
|
-
| `message` | `message` | Message of the tooltip | `string` | `undefined` |
|
|
19
|
-
| `placement` | `placement` | Placement of the tooltip | `"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"` | `'top'` |
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## Slots
|
|
23
|
-
|
|
24
|
-
| Slot | Description |
|
|
25
|
-
| ------------------- | ---------------------------------------- |
|
|
26
|
-
| `"tooltip-message"` | Custom tooltip message with html support |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
----------------------------------------------
|
|
30
|
-
|
|
31
|
-
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
|
|
4
|
-
SPDX-License-Identifier: MIT
|
|
5
|
-
-->
|
|
6
|
-
|
|
7
|
-
# cw-workflow-step
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<!-- Auto Generated Below -->
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
## Properties
|
|
15
|
-
|
|
16
|
-
| Property | Attribute | Description | Type | Default |
|
|
17
|
-
| ----------- | ----------- | ------------------------- | ------------------------------------------------------- | ------------- |
|
|
18
|
-
| `clickable` | `clickable` | Activate navigation click | `boolean` | `false` |
|
|
19
|
-
| `disabled` | `disabled` | Set disabled | `boolean` | `false` |
|
|
20
|
-
| `position` | `position` | Activate navigation click | `"first" \| "last" \| "undefined"` | `'undefined'` |
|
|
21
|
-
| `selected` | `selected` | Set selected | `boolean` | `false` |
|
|
22
|
-
| `status` | `status` | Set status | `"done" \| "error" \| "open" \| "success" \| "warning"` | `'open'` |
|
|
23
|
-
| `vertical` | `vertical` | Select orientation | `boolean` | `false` |
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
----------------------------------------------
|
|
27
|
-
|
|
28
|
-
|