@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,33 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: MIT
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the MIT license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
import { convertToRemString } from './rwd.util';
|
|
10
|
-
export class Popover {
|
|
11
|
-
constructor(hostElement, popoverElement, outsideCallback) {
|
|
12
|
-
this.hostElement = hostElement;
|
|
13
|
-
this.popoverElement = popoverElement;
|
|
14
|
-
this.outsideCallback = outsideCallback;
|
|
15
|
-
}
|
|
16
|
-
outside(e) {
|
|
17
|
-
var _a;
|
|
18
|
-
if (!((_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
|
|
19
|
-
this.outsideCallback(e);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
open(maxWidth = 256) {
|
|
23
|
-
this.popoverElement.style.transform = `
|
|
24
|
-
translateX(${this.hostElement.offsetLeft + this.hostElement.offsetWidth}px)
|
|
25
|
-
translateY(-${this.hostElement.offsetHeight}px)
|
|
26
|
-
`;
|
|
27
|
-
this.popoverElement.style.maxWidth = convertToRemString(maxWidth);
|
|
28
|
-
document.body.addEventListener('click', this.outside.bind(this));
|
|
29
|
-
}
|
|
30
|
-
destroy() {
|
|
31
|
-
document.body.removeEventListener('click', this.outside.bind(this));
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2022 Siemens AG
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: MIT
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the MIT license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
export const toggleVariant = () => {
|
|
10
|
-
let currentTheme = Array.from(document.body.classList).find((className) => className.includes('theme-'));
|
|
11
|
-
if (!currentTheme) {
|
|
12
|
-
currentTheme = 'theme-classic-dark';
|
|
13
|
-
}
|
|
14
|
-
const isDark = currentTheme.endsWith('-dark');
|
|
15
|
-
let newTheme = currentTheme;
|
|
16
|
-
if (isDark) {
|
|
17
|
-
newTheme = currentTheme.replace(/-dark$/g, '-light');
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
newTheme = currentTheme.replace(/-light$/g, '-dark');
|
|
21
|
-
}
|
|
22
|
-
document.body.classList.remove(currentTheme);
|
|
23
|
-
document.body.classList.add(newTheme);
|
|
24
|
-
};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { a as convertToRemString } from './rwd.util.js';
|
|
2
|
-
|
|
3
|
-
/*
|
|
4
|
-
* SPDX-FileCopyrightText: 2022 Siemens AG
|
|
5
|
-
*
|
|
6
|
-
* SPDX-License-Identifier: MIT
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license found in the
|
|
9
|
-
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/
|
|
11
|
-
class Popover {
|
|
12
|
-
constructor(hostElement, popoverElement, outsideCallback) {
|
|
13
|
-
this.hostElement = hostElement;
|
|
14
|
-
this.popoverElement = popoverElement;
|
|
15
|
-
this.outsideCallback = outsideCallback;
|
|
16
|
-
}
|
|
17
|
-
outside(e) {
|
|
18
|
-
var _a;
|
|
19
|
-
if (!((_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
|
|
20
|
-
this.outsideCallback(e);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
open(maxWidth = 256) {
|
|
24
|
-
this.popoverElement.style.transform = `
|
|
25
|
-
translateX(${this.hostElement.offsetLeft + this.hostElement.offsetWidth}px)
|
|
26
|
-
translateY(-${this.hostElement.offsetHeight}px)
|
|
27
|
-
`;
|
|
28
|
-
this.popoverElement.style.maxWidth = convertToRemString(maxWidth);
|
|
29
|
-
document.body.addEventListener('click', this.outside.bind(this));
|
|
30
|
-
}
|
|
31
|
-
destroy() {
|
|
32
|
-
document.body.removeEventListener('click', this.outside.bind(this));
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export { Popover as P };
|