@siemens/ix 1.3.0 → 1.4.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/alignment-51e20690.js +13 -0
- package/dist/cjs/{animation-dfe01edc.js → animation-d5cc0bec.js} +1 -1
- package/dist/cjs/{base-button-6ef79cb6.js → base-button-497db257.js} +1 -1
- package/dist/cjs/context-a0900b95.js +75 -0
- package/dist/cjs/{default-tree-item-4597cd84.js → default-tree-item-89cd1f3f.js} +1 -1
- package/dist/cjs/{flip-tile-state-c95639e5.js → flip-tile-state-b5ff5ea0.js} +1 -1
- package/dist/cjs/{alignment-24ae2e63.js → floating-ui.dom.esm-9a5d67b2.js} +393 -402
- package/dist/cjs/{index-17eb8998.js → index-f4b8e6ee.js} +74 -1
- package/dist/cjs/index.cjs.js +13 -13
- package/dist/cjs/ix-animated-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-application-header.cjs.entry.js +26 -3
- package/dist/cjs/ix-basic-navigation.cjs.entry.js +17 -3
- package/dist/cjs/ix-blind.cjs.entry.js +2 -2
- package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-burger-menu.cjs.entry.js +22 -0
- package/dist/cjs/ix-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-category-filter.cjs.entry.js +86 -117
- package/dist/cjs/ix-chip.cjs.entry.js +1 -1
- package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
- package/dist/cjs/ix-divider.cjs.entry.js +19 -0
- package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +6 -4
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +19 -0
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +78 -17
- package/dist/cjs/ix-event-list_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -1
- package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-group-context-menu.cjs.entry.js +1 -4
- package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
- package/dist/cjs/ix-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon.cjs.entry.js +1 -1
- package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
- package/dist/cjs/ix-map-navigation_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu_9.cjs.entry.js +50 -19
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-example.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-pill.cjs.entry.js +1 -1
- package/dist/cjs/ix-select_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ix-split-button_2.cjs.entry.js +7 -5
- package/dist/cjs/ix-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-tabs.cjs.entry.js +12 -5
- package/dist/cjs/ix-tile.cjs.entry.js +1 -1
- package/dist/cjs/ix-toast_2.cjs.entry.js +10 -6
- package/dist/cjs/ix-toggle.cjs.entry.js +2 -2
- package/dist/cjs/ix-tooltip.cjs.entry.js +127 -0
- package/dist/cjs/ix-tree_2.cjs.entry.js +3 -4
- package/dist/cjs/ix-typography.cjs.entry.js +38 -0
- package/dist/cjs/ix-upload.cjs.entry.js +2 -2
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +10 -9
- package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{logical-filter-operator-467e2faf.js → logical-filter-operator-0faf70b8.js} +2 -2
- package/dist/cjs/{modal-dda2f6be.js → modal-a93045dd.js} +4 -4
- package/dist/cjs/{modal-utils-9ee0acda.js → modal-utils-b645989b.js} +1 -1
- package/dist/cjs/{mutation-observer-29bedada.js → mutation-observer-eaaa5399.js} +1 -1
- package/dist/cjs/my-component.cjs.entry.js +2 -2
- package/dist/cjs/{rwd.util-2326824e.js → rwd.util-9480f0b5.js} +1 -1
- package/dist/cjs/service-18dc5907.js +73 -0
- package/dist/cjs/siemens-ix.cjs.js +2 -2
- package/dist/cjs/{theme-switcher-f91c8d8d.js → theme-switcher-67669a35.js} +1 -1
- package/dist/cjs/{typed-event-5030cc6a.js → typed-event-f0f051da.js} +1 -1
- package/dist/cjs/{upload-file-state-923b2c65.js → upload-file-state-a79acf2b.js} +1 -1
- package/dist/collection/collection-manifest.json +5 -0
- package/dist/collection/components/animated-tab/animated-tab.css +1 -1
- package/dist/collection/components/animated-tab/animated-tab.js +1 -1
- package/dist/collection/components/animated-tabs/animated-tabs.css +4 -4
- package/dist/collection/components/animated-tabs/animated-tabs.js +1 -1
- package/dist/collection/components/application-header/application-header.css +11 -2
- package/dist/collection/components/application-header/application-header.js +31 -2
- package/dist/collection/components/basic-navigation/basic-navigation.css +6 -1
- package/dist/collection/components/basic-navigation/basic-navigation.js +21 -3
- package/dist/collection/components/blind/blind.css +5 -6
- package/dist/collection/components/blind/blind.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.css +4 -4
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +1 -1
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
- package/dist/collection/components/button/base-button.js +1 -1
- package/dist/collection/components/{utils → button}/button-variants.js +0 -0
- package/dist/collection/components/button/button.css +7 -2
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/category-filter/category-filter.css +37 -50
- package/dist/collection/components/category-filter/category-filter.js +86 -132
- package/dist/collection/components/category-filter/filter-state.js +1 -1
- package/dist/collection/components/category-filter/input-state.js +1 -1
- package/dist/collection/components/category-filter/logical-filter-operator.js +1 -1
- package/dist/collection/components/chip/chip.css +4 -4
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/counter-pill/counter-pill.css +7 -7
- package/dist/collection/components/counter-pill/counter-pill.js +1 -1
- package/dist/collection/components/date-picker/date-picker.css +2 -2
- package/dist/collection/components/date-picker/date-picker.js +4 -4
- package/dist/collection/components/date-time-card/date-time-card.css +2 -2
- package/dist/collection/components/date-time-card/date-time-card.js +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.css +2 -2
- package/dist/collection/components/datetime-picker/datetime-picker.js +1 -1
- package/dist/collection/components/divider/divider.css +16 -0
- package/dist/collection/components/divider/divider.js +29 -0
- package/dist/collection/components/drawer/drawer.css +3 -3
- package/dist/collection/components/drawer/drawer.js +1 -1
- package/dist/collection/components/dropdown/dropdown-trigger-event.js +1 -0
- package/dist/collection/components/dropdown/dropdown.css +6 -6
- package/dist/collection/components/dropdown/dropdown.js +96 -10
- package/dist/collection/components/dropdown-button/dropdown-button.css +15 -7
- package/dist/collection/components/dropdown-button/dropdown-button.js +6 -4
- package/dist/collection/components/dropdown-item/dropdown-item.css +13 -4
- package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.css +36 -0
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +29 -0
- package/dist/collection/components/event-list/event-list.css +1 -1
- package/dist/collection/components/event-list/event-list.js +1 -1
- package/dist/collection/components/event-list-item/event-list-item.css +8 -4
- package/dist/collection/components/event-list-item/event-list-item.js +1 -1
- package/dist/collection/components/expanding-search/expanding-search.css +4 -4
- package/dist/collection/components/expanding-search/expanding-search.js +1 -1
- package/dist/collection/components/filter-chip/filter-chip.css +4 -4
- package/dist/collection/components/filter-chip/filter-chip.js +1 -1
- package/dist/collection/components/flip-tile/flip-tile-state.js +1 -1
- package/dist/collection/components/flip-tile/flip-tile.css +4 -4
- package/dist/collection/components/flip-tile/flip-tile.js +1 -1
- package/dist/collection/components/flip-tile-content/flip-tile-content.css +1 -1
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
- package/dist/collection/components/group/group-context-menu.css +1 -1
- package/dist/collection/components/group/group-context-menu.js +1 -4
- package/dist/collection/components/group/group.css +5 -5
- package/dist/collection/components/group/group.js +1 -1
- package/dist/collection/components/group-dropdown-item/group-dropdown-item.css +1 -1
- package/dist/collection/components/group-dropdown-item/group-dropdown-item.js +1 -1
- package/dist/collection/components/group-item/group-item.css +5 -5
- package/dist/collection/components/group-item/group-item.js +1 -1
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +1 -1
- package/dist/collection/components/icon-button/icon-button.js +1 -1
- package/dist/collection/components/input-group/input-group.css +1 -1
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/kpi/kpi.css +5 -5
- package/dist/collection/components/kpi/kpi.js +1 -1
- package/dist/collection/components/map-navigation/map-navigation.css +6 -5
- package/dist/collection/components/map-navigation/map-navigation.js +1 -1
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +5 -5
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
- package/dist/collection/components/menu/burger-menu.css +85 -0
- package/dist/collection/components/menu/burger-menu.js +64 -0
- package/dist/collection/components/menu/menu.css +20 -37
- package/dist/collection/components/menu/menu.js +27 -11
- package/dist/collection/components/menu-about/menu-about.css +4 -4
- package/dist/collection/components/menu-about/menu-about.js +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.css +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.css +13 -17
- package/dist/collection/components/menu-about-news/menu-about-news.js +2 -2
- package/dist/collection/components/menu-avatar/menu-avatar.css +17 -5
- package/dist/collection/components/menu-avatar/menu-avatar.js +52 -3
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +1 -1
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-item/menu-item.css +27 -27
- package/dist/collection/components/menu-item/menu-item.js +2 -1
- package/dist/collection/components/menu-settings/menu-settings.css +4 -4
- package/dist/collection/components/menu-settings/menu-settings.js +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.css +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
- package/dist/collection/components/message-bar/message-bar.css +3 -3
- package/dist/collection/components/message-bar/message-bar.js +1 -1
- package/dist/collection/components/modal/modal-utils.js +1 -1
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/modal-container/modal-container.css +1 -1
- package/dist/collection/components/modal-container/modal-container.js +1 -1
- package/dist/collection/components/my-component/example-modal.js +1 -1
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +1 -1
- package/dist/collection/components/pill/pill.css +4 -4
- package/dist/collection/components/pill/pill.js +1 -1
- package/dist/collection/components/select/select.css +5 -5
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/select-item/select-item.css +1 -1
- package/dist/collection/components/select-item/select-item.js +1 -1
- package/dist/collection/components/spinner/spinner.css +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.css +20 -2
- package/dist/collection/components/split-button/split-button.js +6 -4
- package/dist/collection/components/split-button-item/split-button-item.css +1 -1
- package/dist/collection/components/split-button-item/split-button-item.js +1 -1
- package/dist/collection/components/tab-item/tab-item.css +5 -7
- package/dist/collection/components/tab-item/tab-item.js +1 -1
- package/dist/collection/components/tabs/tabs.css +4 -3
- package/dist/collection/components/tabs/tabs.js +13 -4
- package/dist/collection/components/tile/tile.css +3 -3
- package/dist/collection/components/tile/tile.js +1 -1
- package/dist/collection/components/time-picker/time-picker.css +2 -2
- package/dist/collection/components/time-picker/time-picker.js +1 -1
- package/dist/collection/components/toast/toast-container.js +1 -1
- package/dist/collection/components/toast/toast-utils.js +1 -1
- package/dist/collection/components/toast/toast.css +4 -4
- package/dist/collection/components/toast/toast.js +9 -5
- package/dist/collection/components/toggle/toggle.css +5 -4
- package/dist/collection/components/toggle/toggle.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +43 -0
- package/dist/collection/components/tooltip/tooltip.js +203 -0
- package/dist/collection/components/tree/tree.css +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/default-tree-item.js +1 -1
- package/dist/collection/components/tree-item/tree-item.css +5 -5
- package/dist/collection/components/tree-item/tree-item.js +2 -3
- package/dist/collection/components/typography/types.js +14 -0
- package/dist/collection/components/typography/typography.css +146 -0
- package/dist/collection/components/typography/typography.js +63 -0
- package/dist/collection/components/upload/upload-file-state.js +1 -1
- package/dist/collection/components/upload/upload.css +3 -3
- package/dist/collection/components/upload/upload.js +1 -1
- package/dist/collection/components/utils/animation.js +1 -1
- package/dist/collection/components/utils/menu-service/menu-service.js +53 -0
- package/dist/collection/components/utils/mutation-observer.js +1 -1
- package/dist/collection/components/utils/rwd.util.js +1 -1
- package/dist/collection/components/utils/screen/context.js +29 -0
- package/{scss/theme/_define-theme-variable.scss → dist/collection/components/utils/screen/index.js} +2 -5
- package/dist/collection/components/utils/screen/mode.js +36 -0
- package/dist/collection/components/utils/screen/service.js +45 -0
- package/dist/collection/components/utils/typed-event.js +1 -1
- package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -4
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +1 -1
- package/dist/collection/components/workflow-step/workflow-step.css +2 -2
- package/dist/collection/components/workflow-step/workflow-step.js +1 -1
- package/dist/collection/components/workflow-steps/workflow-steps.css +2 -2
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/collection/env.js +1 -1
- package/dist/collection/exports.js +2 -1
- package/dist/collection/index.js +1 -1
- package/dist/collection/tests/utils/test/index.js +9 -0
- package/dist/collection/tests/utils/test/matchMedia.mock.js +22 -0
- package/dist/collection/tests/utils/test/page.js +29 -0
- package/dist/collection/utils/test/index.js +1 -1
- package/dist/collection/utils/test/matchMedia.mock.js +22 -0
- package/dist/collection/utils/test/page.js +2 -2
- package/dist/components/alignment.js +1 -1353
- package/dist/components/animation.js +1 -1
- package/dist/components/application-header.js +33 -4
- package/dist/components/base-button.js +1 -1
- package/dist/components/burger-menu.js +35 -0
- package/dist/components/button.js +2 -2
- package/dist/components/date-picker.js +3 -3
- package/dist/components/dropdown-item.js +1 -1
- package/dist/components/dropdown.js +71 -9
- package/dist/components/floating-ui.dom.esm.js +1355 -0
- package/dist/components/group-context-menu.js +0 -3
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.js +7 -2
- package/dist/components/ix-basic-navigation.js +25 -5
- package/dist/components/ix-blind.js +1 -1
- package/dist/components/ix-burger-menu.d.ts +11 -0
- package/dist/components/ix-burger-menu.js +6 -0
- package/dist/components/ix-category-filter.js +96 -125
- package/dist/components/ix-divider.d.ts +11 -0
- package/dist/components/ix-divider.js +33 -0
- package/dist/components/ix-dropdown-button.js +5 -3
- package/dist/components/ix-dropdown-quick-actions.d.ts +11 -0
- package/dist/components/ix-dropdown-quick-actions.js +33 -0
- package/dist/components/ix-event-list-item.js +1 -1
- package/dist/components/ix-flip-tile.js +1 -1
- package/dist/components/ix-map-navigation.js +9 -3
- package/dist/components/ix-menu-about-news.js +2 -2
- package/dist/components/ix-menu-avatar.js +21 -2
- package/dist/components/ix-menu.js +31 -11
- package/dist/components/ix-modal-example.js +1 -1
- package/dist/components/ix-split-button.js +5 -3
- package/dist/components/ix-toggle.js +1 -1
- package/dist/components/ix-tooltip.d.ts +11 -0
- package/dist/components/ix-tooltip.js +152 -0
- package/dist/components/ix-tree.js +1 -1
- package/dist/components/ix-typography.d.ts +11 -0
- package/dist/components/ix-typography.js +6 -0
- package/dist/components/ix-upload.js +1 -1
- package/dist/components/ix-validation-tooltip.js +2 -1
- package/dist/components/menu-item.js +2 -2
- package/dist/components/modal-container.js +1 -1
- package/dist/components/mutation-observer.js +1 -1
- package/dist/components/my-component.js +1 -1
- package/dist/components/rwd.util.js +1 -1
- package/dist/components/service.js +139 -0
- package/dist/components/tab-item.js +1 -1
- package/dist/components/tabs.js +13 -4
- package/dist/components/toast.js +8 -4
- package/dist/components/tree-item.js +1 -2
- package/dist/components/typed-event.js +1 -1
- package/dist/components/typography.js +51 -0
- package/dist/esm/alignment-6490c552.js +11 -0
- package/dist/esm/{animation-b667a4c4.js → animation-268dce50.js} +1 -1
- package/dist/esm/{base-button-0b6635df.js → base-button-5bfeb71c.js} +1 -1
- package/dist/esm/context-f6a2b727.js +71 -0
- package/dist/esm/{default-tree-item-638c435a.js → default-tree-item-91ff2c08.js} +1 -1
- package/dist/esm/{flip-tile-state-28a1f8ce.js → flip-tile-state-051bb2fd.js} +1 -1
- package/dist/esm/{alignment-f63c1b89.js → floating-ui.dom.esm-e13c649f.js} +394 -402
- package/dist/esm/{index-6f4f3582.js → index-6b660a23.js} +74 -1
- package/dist/esm/index.js +13 -13
- package/dist/esm/ix-animated-tab_2.entry.js +3 -3
- package/dist/esm/ix-application-header.entry.js +26 -3
- package/dist/esm/ix-basic-navigation.entry.js +17 -3
- package/dist/esm/ix-blind.entry.js +2 -2
- package/dist/esm/ix-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ix-burger-menu.entry.js +18 -0
- package/dist/esm/ix-button.entry.js +4 -4
- package/dist/esm/ix-category-filter.entry.js +86 -117
- package/dist/esm/ix-chip.entry.js +1 -1
- package/dist/esm/ix-counter-pill.entry.js +1 -1
- package/dist/esm/ix-date-picker_2.entry.js +4 -4
- package/dist/esm/ix-date-time-card.entry.js +1 -1
- package/dist/esm/ix-datetime-picker.entry.js +1 -1
- package/dist/esm/ix-divider.entry.js +15 -0
- package/dist/esm/ix-drawer.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +6 -4
- package/dist/esm/ix-dropdown-quick-actions.entry.js +15 -0
- package/dist/esm/ix-dropdown_2.entry.js +72 -11
- package/dist/esm/ix-event-list_2.entry.js +4 -4
- package/dist/esm/ix-expanding-search.entry.js +1 -1
- package/dist/esm/ix-filter-chip.entry.js +1 -1
- package/dist/esm/ix-flip-tile_2.entry.js +2 -2
- package/dist/esm/ix-group-context-menu.entry.js +1 -4
- package/dist/esm/ix-group_3.entry.js +1 -1
- package/dist/esm/ix-icon-button.entry.js +2 -2
- package/dist/esm/ix-icon.entry.js +1 -1
- package/dist/esm/ix-input-group.entry.js +1 -1
- package/dist/esm/ix-kpi.entry.js +1 -1
- package/dist/esm/ix-map-navigation_2.entry.js +2 -2
- package/dist/esm/ix-menu_9.entry.js +50 -19
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-modal-example.entry.js +2 -2
- package/dist/esm/ix-modal_2.entry.js +4 -4
- package/dist/esm/ix-pill.entry.js +1 -1
- package/dist/esm/ix-select_2.entry.js +1 -1
- package/dist/esm/ix-spinner.entry.js +1 -1
- package/dist/esm/ix-split-button_2.entry.js +7 -5
- package/dist/esm/ix-tab-item.entry.js +2 -2
- package/dist/esm/ix-tabs.entry.js +12 -5
- package/dist/esm/ix-tile.entry.js +1 -1
- package/dist/esm/ix-toast_2.entry.js +10 -6
- package/dist/esm/ix-toggle.entry.js +2 -2
- package/dist/esm/ix-tooltip.entry.js +123 -0
- package/dist/esm/ix-tree_2.entry.js +3 -4
- package/dist/esm/ix-typography.entry.js +34 -0
- package/dist/esm/ix-upload.entry.js +2 -2
- package/dist/esm/ix-validation-tooltip.entry.js +3 -2
- package/dist/esm/ix-workflow-step_2.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{logical-filter-operator-1bf83315.js → logical-filter-operator-15696001.js} +2 -2
- package/dist/esm/{modal-df0a62f2.js → modal-64e18970.js} +4 -4
- package/dist/esm/{modal-utils-df50b35a.js → modal-utils-aecbcba5.js} +1 -1
- package/dist/esm/{mutation-observer-379959bb.js → mutation-observer-7d01bbea.js} +1 -1
- package/dist/esm/my-component.entry.js +2 -2
- package/dist/esm/{rwd.util-4a61a4b8.js → rwd.util-cfc2ea72.js} +1 -1
- package/dist/esm/service-fc436c5b.js +71 -0
- package/dist/esm/siemens-ix.js +2 -2
- package/dist/esm/{theme-switcher-9ecc9b69.js → theme-switcher-4b9e5cc2.js} +1 -1
- package/dist/esm/{typed-event-ab58c27e.js → typed-event-a230184a.js} +1 -1
- package/dist/esm/{upload-file-state-631bb8a2.js → upload-file-state-532a36d3.js} +1 -1
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-06d5ab35.entry.js +1 -0
- package/dist/siemens-ix/{p-da2cae32.js → p-076c29d1.js} +0 -0
- package/dist/siemens-ix/{p-4b170382.entry.js → p-082bbe13.entry.js} +1 -1
- package/dist/siemens-ix/{p-418e2d14.entry.js → p-098e22c3.entry.js} +1 -1
- package/dist/siemens-ix/{p-43616759.entry.js → p-0bc4408b.entry.js} +1 -1
- package/dist/siemens-ix/p-0bd6554e.entry.js +1 -0
- package/dist/siemens-ix/{p-218de283.entry.js → p-0bf4a256.entry.js} +1 -1
- package/dist/siemens-ix/{p-7f842cdc.entry.js → p-0d619f3e.entry.js} +1 -1
- package/dist/siemens-ix/{p-3663f989.entry.js → p-122cf38d.entry.js} +1 -1
- package/dist/siemens-ix/p-1572aab3.js +1 -0
- package/dist/siemens-ix/{p-1d30454e.js → p-15bebd8a.js} +0 -0
- package/dist/siemens-ix/{p-8a7141a6.entry.js → p-165c6a82.entry.js} +1 -1
- package/dist/siemens-ix/{p-e7621b0a.entry.js → p-1d48ce36.entry.js} +1 -1
- package/dist/siemens-ix/{p-cc0f6f6b.entry.js → p-20c88582.entry.js} +1 -1
- package/dist/siemens-ix/{p-c8cc3bb3.js → p-21aa3602.js} +0 -0
- package/dist/siemens-ix/{p-0a12b3df.js → p-2b33ead4.js} +0 -0
- package/dist/siemens-ix/{p-d0bb8225.entry.js → p-2e55e255.entry.js} +1 -1
- package/dist/siemens-ix/{p-e2925222.entry.js → p-3624a41c.entry.js} +1 -1
- package/dist/siemens-ix/{p-bdd294d2.js → p-3b97bb69.js} +0 -0
- package/dist/siemens-ix/{p-ea333007.entry.js → p-3cc4df65.entry.js} +1 -1
- package/dist/siemens-ix/{p-4fcb5f2b.entry.js → p-404e81d2.entry.js} +1 -1
- package/dist/siemens-ix/p-4251a6dd.entry.js +1 -0
- package/dist/siemens-ix/p-4b2265fd.entry.js +1 -0
- package/dist/siemens-ix/p-529d7530.js +1 -0
- package/dist/siemens-ix/{p-eb150313.entry.js → p-560cfce8.entry.js} +1 -1
- package/dist/siemens-ix/{p-1c82637e.js → p-56ed024b.js} +0 -0
- package/dist/siemens-ix/{p-18d02e6f.entry.js → p-5890faf9.entry.js} +1 -1
- package/dist/siemens-ix/{p-b12006c6.js → p-5b39e04e.js} +0 -0
- package/dist/siemens-ix/p-5b47360e.entry.js +1 -0
- package/dist/siemens-ix/{p-a88618e3.entry.js → p-5ca7b937.entry.js} +1 -1
- package/dist/siemens-ix/p-5feec7a4.entry.js +1 -0
- package/dist/siemens-ix/p-63776469.entry.js +1 -0
- package/dist/siemens-ix/p-66074788.js +2 -0
- package/dist/siemens-ix/{p-a5fa7ae5.entry.js → p-6637ae65.entry.js} +1 -1
- package/dist/siemens-ix/{p-33283dbf.entry.js → p-67cf5cd4.entry.js} +1 -1
- package/dist/siemens-ix/{p-c3e90c06.entry.js → p-6be65050.entry.js} +1 -1
- package/dist/siemens-ix/p-6e5543fe.entry.js +1 -0
- package/dist/siemens-ix/p-70be8cb8.entry.js +1 -0
- package/dist/siemens-ix/p-71c91a11.entry.js +1 -0
- package/dist/siemens-ix/{p-b3d00feb.entry.js → p-72cc8632.entry.js} +1 -1
- package/dist/siemens-ix/{p-dec6114f.js → p-75abd144.js} +1 -1
- package/dist/siemens-ix/p-9269d0e8.entry.js +1 -0
- package/dist/siemens-ix/p-94b440bc.entry.js +1 -0
- package/dist/siemens-ix/{p-592f1ed3.entry.js → p-9c8c835c.entry.js} +1 -1
- package/dist/siemens-ix/{p-8b4e4718.entry.js → p-9eb8347c.entry.js} +1 -1
- package/dist/siemens-ix/{p-4944ad0b.js → p-9ee41861.js} +0 -0
- package/dist/siemens-ix/p-9fa6a59b.entry.js +1 -0
- package/dist/siemens-ix/p-ac1d6617.entry.js +1 -0
- package/dist/siemens-ix/{p-6fe3bb9c.entry.js → p-ae35c07f.entry.js} +1 -1
- package/dist/siemens-ix/{p-f6e713f3.js → p-affb60fb.js} +1 -1
- package/dist/siemens-ix/{p-96e46f99.js → p-b14308ed.js} +0 -0
- package/dist/siemens-ix/p-b5599b0b.entry.js +1 -0
- package/dist/siemens-ix/{p-eed28e55.entry.js → p-b85458fb.entry.js} +1 -1
- package/dist/siemens-ix/{p-fbe40498.js → p-c0454c9a.js} +0 -0
- package/dist/siemens-ix/p-c2b50878.entry.js +1 -0
- package/dist/siemens-ix/{p-9b5290d4.entry.js → p-c4568016.entry.js} +1 -1
- package/dist/siemens-ix/p-cb4269bf.js +1 -0
- package/dist/siemens-ix/{p-f7be9635.entry.js → p-d1a16c62.entry.js} +1 -1
- package/dist/siemens-ix/p-d7618223.entry.js +1 -0
- package/dist/siemens-ix/p-e48e659d.entry.js +1 -0
- package/dist/siemens-ix/p-e4bda8e7.entry.js +1 -0
- package/dist/siemens-ix/p-e5fd4b34.entry.js +1 -0
- package/dist/siemens-ix/{p-72f851ae.entry.js → p-f3cde62f.entry.js} +1 -1
- package/dist/siemens-ix/p-f7b5b66f.js +1 -0
- package/dist/siemens-ix/{p-150d7a02.entry.js → p-fa262af7.entry.js} +1 -1
- package/dist/siemens-ix/p-feefa8c7.entry.js +1 -0
- package/dist/siemens-ix/siemens-ix.css +2080 -1824
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/application-header/application-header.d.ts +8 -0
- package/dist/types/components/basic-navigation/basic-navigation.d.ts +6 -1
- package/dist/types/components/{utils → button}/button-variants.d.ts +0 -0
- package/dist/types/components/button/button.d.ts +1 -1
- package/dist/types/components/category-filter/category-filter.d.ts +10 -15
- package/dist/types/components/divider/divider.d.ts +6 -0
- package/dist/types/components/dropdown/dropdown-trigger-event.d.ts +4 -0
- package/dist/types/components/dropdown/dropdown.d.ts +11 -1
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +1 -1
- package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +6 -0
- package/dist/types/components/group/group-context-menu.d.ts +0 -2
- package/dist/types/components/menu/burger-menu.d.ts +10 -0
- package/dist/types/components/menu/menu.d.ts +3 -1
- package/dist/types/components/menu-avatar/menu-avatar.d.ts +12 -0
- package/dist/types/components/split-button/split-button.d.ts +1 -1
- package/dist/types/components/tabs/tabs.d.ts +3 -0
- package/dist/types/components/tooltip/tooltip.d.ts +39 -0
- package/dist/types/components/typography/types.d.ts +2 -0
- package/dist/types/components/typography/typography.d.ts +11 -0
- package/dist/types/components/utils/menu-service/menu-service.d.ts +13 -0
- package/dist/types/components/utils/screen/context.d.ts +4 -0
- package/dist/types/components/utils/screen/index.d.ts +1 -0
- package/dist/types/components/utils/screen/mode.d.ts +10 -0
- package/dist/types/components/utils/screen/service.d.ts +10 -0
- package/dist/types/components.d.ts +144 -7
- package/dist/types/exports.d.ts +1 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/tests/utils/test/index.d.ts +1 -0
- package/dist/types/tests/utils/test/page.d.ts +3 -0
- package/package.json +2 -2
- package/scss/_common-variables.scss +1 -1
- package/scss/_fonts.scss +1 -1
- package/scss/_z-index.scss +1 -1
- package/scss/components/_button-group.scss +1 -1
- package/scss/components/_buttons.scss +2 -2
- package/scss/components/_checkboxes.scss +7 -7
- package/scss/components/_dropdown.scss +1 -1
- package/scss/components/_forms.scss +13 -11
- package/scss/components/_input-group.scss +1 -1
- package/scss/components/_links.scss +1 -1
- package/scss/components/_modal.scss +1 -1
- package/scss/components/_radiobuttons.scss +3 -3
- package/scss/components/_shadows.scss +13 -25
- package/scss/components/_table.scss +1 -1
- package/scss/ix.scss +2 -3
- package/scss/mixins/_animations.scss +1 -1
- package/scss/mixins/_fonts.scss +1 -1
- package/scss/mixins/_hover.scss +1 -1
- package/scss/mixins/_shadows.scss +1 -1
- package/scss/mixins/_text-truncation.scss +1 -1
- package/scss/theme/classic-dark/_border.scss +35 -0
- package/scss/theme/classic-dark/_borderRadius.scss +24 -0
- package/scss/theme/classic-dark/_borderWidth.scss +18 -0
- package/scss/theme/classic-dark/_boxShadow.scss +19 -0
- package/scss/theme/classic-dark/_color.scss +860 -0
- package/scss/theme/classic-dark/_fontFamilies.scss +8 -0
- package/scss/theme/classic-dark/_fontSizes.scss +13 -0
- package/scss/theme/classic-dark/_fontWeights.scss +9 -0
- package/scss/theme/classic-dark/_index.scss +16 -0
- package/scss/theme/classic-dark/_lineHeights.scss +18 -0
- package/scss/theme/classic-dark/_other.scss +16 -0
- package/scss/theme/classic-dark/_sizing.scss +16 -0
- package/scss/theme/classic-dark/_spacing.scss +9 -0
- package/scss/theme/classic-dark/_typography.scss +23 -0
- package/scss/theme/classic-light/_border.scss +35 -0
- package/scss/theme/classic-light/_borderRadius.scss +24 -0
- package/scss/theme/classic-light/_borderWidth.scss +18 -0
- package/scss/theme/classic-light/_boxShadow.scss +19 -0
- package/scss/theme/classic-light/_color.scss +860 -0
- package/scss/theme/classic-light/_fontFamilies.scss +8 -0
- package/scss/theme/classic-light/_fontSizes.scss +13 -0
- package/scss/theme/classic-light/_fontWeights.scss +9 -0
- package/scss/theme/classic-light/_index.scss +16 -0
- package/scss/theme/classic-light/_lineHeights.scss +18 -0
- package/scss/theme/classic-light/_other.scss +16 -0
- package/scss/theme/classic-light/_sizing.scss +16 -0
- package/scss/theme/classic-light/_spacing.scss +9 -0
- package/scss/theme/classic-light/_typography.scss +23 -0
- package/dist/siemens-ix/p-03d38416.entry.js +0 -1
- package/dist/siemens-ix/p-05c16b94.js +0 -2
- package/dist/siemens-ix/p-0e357d27.entry.js +0 -1
- package/dist/siemens-ix/p-23d79e3d.entry.js +0 -1
- package/dist/siemens-ix/p-2bc72119.entry.js +0 -1
- package/dist/siemens-ix/p-2bd88760.entry.js +0 -1
- package/dist/siemens-ix/p-2c5abec1.js +0 -1
- package/dist/siemens-ix/p-2e24ae23.entry.js +0 -1
- package/dist/siemens-ix/p-5631ae88.entry.js +0 -1
- package/dist/siemens-ix/p-5bbe9943.entry.js +0 -1
- package/dist/siemens-ix/p-65e61684.entry.js +0 -1
- package/dist/siemens-ix/p-67eb9d59.entry.js +0 -1
- package/dist/siemens-ix/p-a6f4cfc6.entry.js +0 -1
- package/dist/siemens-ix/p-ab7949ff.entry.js +0 -1
- package/dist/siemens-ix/p-b242bd39.entry.js +0 -1
- package/dist/siemens-ix/p-c993560f.entry.js +0 -1
- package/dist/siemens-ix/p-d20119c1.entry.js +0 -1
- package/dist/siemens-ix/p-fecf0ade.entry.js +0 -1
- package/scss/theme/_define-theme-colors.scss +0 -22
- package/scss/theme/_define-theme.scss +0 -36
- package/scss/theme/_static-colors.scss +0 -19
- package/scss/theme/classic-dark/_sizes.scss +0 -66
- package/scss/theme/classic-dark/_variables.scss +0 -827
- package/scss/theme/classic-dark/index.scss +0 -15
- package/scss/theme/classic-light/_sizes.scss +0 -66
- package/scss/theme/classic-light/_variables.scss +0 -829
- package/scss/theme/classic-light/index.scss +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as e,h as c,H as b,g as i}from"./p-05c16b94.js";import{a as t}from"./p-810b5232.js";import{c as a}from"./p-fbe40498.js";const s=class{constructor(c){r(this,c),this.itemClick=e(this,"itemClick",7),this.nextClick=e(this,"nextClick",7),this.visibleItemCount=9,this.nextItems=[],this.ghost=!1,this.previousButtonRef=void 0,this.nextButtonRef=void 0,this.items=[]}get breadcrumbItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}get crumbItems(){return Array.from(this.hostElement.querySelectorAll(".crumb-items .crumb"))}onItemClick(r){this.itemClick.emit(r)}componentDidLoad(){this.mutationObserver=a((()=>{const r=this.getItems(),e=()=>{this.items=r};r.length>=this.items.length?e():r.length<this.items.length&&this.animationFadeOut(this.crumbItems[this.crumbItems.length-1],(()=>e()))})),this.mutationObserver.observe(this.hostElement.querySelector(".crumb-items"),{subtree:!0,childList:!0})}componentWillLoad(){this.items=this.getItems()}getItems(){return this.breadcrumbItems.map((r=>({label:r.label,icon:r.icon})))}disconnectedCallback(){var r;null===(r=this.mutationObserver)||void 0===r||r.disconnect()}animationFadeOut(r,e){t({targets:r,translateX:"-100%",duration:150,opacity:[1,0],easing:"linear",complete:()=>e()})}animationFadeIn(r){t({targets:r,duration:150,opacity:[0,1],translateX:["-100%","0%"],easing:"linear"})}handleLastButtonRef(r,e){var c;e&&this.animationFadeIn(r),e&&(null===(c=this.nextItems)||void 0===c?void 0:c.length)&&(this.nextButtonRef=r)}sliceHiddenItems(){let r=0;return this.items.length>this.visibleItemCount&&(r=this.items.length-this.visibleItemCount),this.items.slice(r)}clickItem(r,e){e||this.onItemClick(r)}renderBreadcrumbItems(){return this.sliceHiddenItems().map(((r,e,b)=>{var i;const t=e===b.length-1,a=t&&!(null===(i=this.nextItems)||void 0===i?void 0:i.length);return c("div",{ref:r=>this.handleLastButtonRef(r,t),"data-breadcrumb":e,class:{crumb:!0,clickable:!0,ghost:this.ghost,btn:!this.ghost,last:a,"remove-hover":a},onClick:()=>this.clickItem(r.label,t),"data-testid":"item"},c("span",{class:"crumb-text remove-anchor"},r.icon?c("ix-icon",{name:r.icon,size:"16"}):"",r.label),a?null:c("span",{class:"glyph glyph-18 glyph-chevron-right-small text-default-text"}))}))}render(){var r,e,i;return c(b,null,c("ix-dropdown",{trigger:(null===(r=this.items)||void 0===r?void 0:r.length)>this.visibleItemCount?this.previousButtonRef:null},this.items.slice(0,this.items.length-this.visibleItemCount).map((r=>c("ix-dropdown-item",{label:r.label,onClick:()=>this.onItemClick(r.label)})))),(null===(e=this.items)||void 0===e?void 0:e.length)>this.visibleItemCount?c("div",{class:"crumb crumb-dropdown",ref:r=>this.previousButtonRef=r},c("span",{class:"remove-anchor more-text"},c("span",{class:"more-text-ellipsis"},"..."),c("span",{class:"glyph glyph-16 glyph-chevron-right"}))):null,c("div",{class:"crumb-items"},this.renderBreadcrumbItems(),c("slot",null)),c("ix-dropdown",{trigger:this.nextButtonRef},null===(i=this.nextItems)||void 0===i?void 0:i.map((r=>c("ix-dropdown-item",{label:r,onClick:e=>{this.nextClick.emit({event:e,item:r})}})))))}get hostElement(){return i(this)}};s.style=".sc-ix-breadcrumb-h{display:flex;height:2.5rem;justify-content:flex-start;align-items:center;background-color:transparent;overflow:hidden}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb{position:relative;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;border-radius:var(--theme-breadcrumb--border-radius);height:2rem;max-height:2rem;min-width:0;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;padding:0.5rem 0 0.5rem 0.25rem;outline:none;cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-width:0;font-weight:700}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb ix-icon.sc-ix-breadcrumb{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;-webkit-margin-end:0;margin-inline-end:0}.sc-ix-breadcrumb-h .crumb.last.sc-ix-breadcrumb{background-color:transparent !important;cursor:default;-webkit-padding-end:0.25rem;padding-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(:last-of-type){flex-shrink:0;max-width:14rem}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb{overflow:visible}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .remove-anchor.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb{display:flex}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .more-text-ellipsis.sc-ix-breadcrumb{width:1rem;display:inline-block;font-weight:700}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{line-height:unset}.sc-ix-breadcrumb-h .crumb-items.sc-ix-breadcrumb{display:contents}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-btn--background);border:var(--theme-btn--btn-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color)}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color)}.sc-ix-breadcrumb-h .crumb.btn.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-last--color)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-ghost--background);border:var(--theme-btn--ghost-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color)}.sc-ix-breadcrumb-h .crumb.ghost.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-last--color)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-ghost--background--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-ghost--background--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--active)}";const o=class{constructor(e){r(this,e),this.label=void 0,this.icon=void 0}render(){return c(b,null,c("slot",null))}};o.style=".sc-ix-breadcrumb-item-h{display:block}";export{s as ix_breadcrumb,o as ix_breadcrumb_item}
|
|
1
|
+
import{r,c as e,h as c,H as b,g as i}from"./p-66074788.js";import{a as t}from"./p-810b5232.js";import{c as a}from"./p-c0454c9a.js";const s=class{constructor(c){r(this,c),this.itemClick=e(this,"itemClick",7),this.nextClick=e(this,"nextClick",7),this.visibleItemCount=9,this.nextItems=[],this.ghost=!1,this.previousButtonRef=void 0,this.nextButtonRef=void 0,this.items=[]}get breadcrumbItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}get crumbItems(){return Array.from(this.hostElement.querySelectorAll(".crumb-items .crumb"))}onItemClick(r){this.itemClick.emit(r)}componentDidLoad(){this.mutationObserver=a((()=>{const r=this.getItems(),e=()=>{this.items=r};r.length>=this.items.length?e():r.length<this.items.length&&this.animationFadeOut(this.crumbItems[this.crumbItems.length-1],(()=>e()))})),this.mutationObserver.observe(this.hostElement.querySelector(".crumb-items"),{subtree:!0,childList:!0})}componentWillLoad(){this.items=this.getItems()}getItems(){return this.breadcrumbItems.map((r=>({label:r.label,icon:r.icon})))}disconnectedCallback(){var r;null===(r=this.mutationObserver)||void 0===r||r.disconnect()}animationFadeOut(r,e){t({targets:r,translateX:"-100%",duration:150,opacity:[1,0],easing:"linear",complete:()=>e()})}animationFadeIn(r){t({targets:r,duration:150,opacity:[0,1],translateX:["-100%","0%"],easing:"linear"})}handleLastButtonRef(r,e){var c;e&&this.animationFadeIn(r),e&&(null===(c=this.nextItems)||void 0===c?void 0:c.length)&&(this.nextButtonRef=r)}sliceHiddenItems(){let r=0;return this.items.length>this.visibleItemCount&&(r=this.items.length-this.visibleItemCount),this.items.slice(r)}clickItem(r,e){e||this.onItemClick(r)}renderBreadcrumbItems(){return this.sliceHiddenItems().map(((r,e,b)=>{var i;const t=e===b.length-1,a=t&&!(null===(i=this.nextItems)||void 0===i?void 0:i.length);return c("div",{ref:r=>this.handleLastButtonRef(r,t),"data-breadcrumb":e,class:{crumb:!0,clickable:!0,ghost:this.ghost,btn:!this.ghost,last:a,"remove-hover":a},onClick:()=>this.clickItem(r.label,t),"data-testid":"item"},c("span",{class:"crumb-text remove-anchor"},r.icon?c("ix-icon",{name:r.icon,size:"16"}):"",r.label),a?null:c("span",{class:"glyph glyph-18 glyph-chevron-right-small text-default-text"}))}))}render(){var r,e,i;return c(b,null,c("ix-dropdown",{trigger:(null===(r=this.items)||void 0===r?void 0:r.length)>this.visibleItemCount?this.previousButtonRef:null},this.items.slice(0,this.items.length-this.visibleItemCount).map((r=>c("ix-dropdown-item",{label:r.label,onClick:()=>this.onItemClick(r.label)})))),(null===(e=this.items)||void 0===e?void 0:e.length)>this.visibleItemCount?c("div",{class:"crumb crumb-dropdown",ref:r=>this.previousButtonRef=r},c("span",{class:"remove-anchor more-text"},c("span",{class:"more-text-ellipsis"},"..."),c("span",{class:"glyph glyph-16 glyph-chevron-right"}))):null,c("div",{class:"crumb-items"},this.renderBreadcrumbItems(),c("slot",null)),c("ix-dropdown",{trigger:this.nextButtonRef},null===(i=this.nextItems)||void 0===i?void 0:i.map((r=>c("ix-dropdown-item",{label:r,onClick:e=>{this.nextClick.emit({event:e,item:r})}})))))}get hostElement(){return i(this)}};s.style=".sc-ix-breadcrumb-h{display:flex;height:2.5rem;justify-content:flex-start;align-items:center;background-color:transparent;overflow:hidden}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb{position:relative;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;border-radius:var(--theme-breadcrumb--border-radius);height:2rem;max-height:2rem;min-width:0;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;padding:0.5rem 0 0.5rem 0.25rem;outline:none;cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-width:0;font-weight:700}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb ix-icon.sc-ix-breadcrumb{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;-webkit-margin-end:0;margin-inline-end:0}.sc-ix-breadcrumb-h .crumb.last.sc-ix-breadcrumb{background-color:transparent !important;cursor:default;-webkit-padding-end:0.25rem;padding-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(:last-of-type){flex-shrink:0;max-width:14rem}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb{overflow:visible}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .remove-anchor.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb{display:flex}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .more-text-ellipsis.sc-ix-breadcrumb{width:1rem;display:inline-block;font-weight:700}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{line-height:unset}.sc-ix-breadcrumb-h .crumb-items.sc-ix-breadcrumb{display:contents}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-btn--background);border:var(--theme-btn--btn-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color)}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color)}.sc-ix-breadcrumb-h .crumb.btn.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-last--color)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-ghost--background);border:var(--theme-btn--ghost-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color)}.sc-ix-breadcrumb-h .crumb.ghost.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-last--color)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-ghost--background--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-ghost--background--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--active)}";const o=class{constructor(e){r(this,e),this.label=void 0,this.icon=void 0}render(){return c(b,null,c("slot",null))}};o.style=".sc-ix-breadcrumb-item-h{display:block}";export{s as ix_breadcrumb,o as ix_breadcrumb_item}
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as s,c as r}from"./p-
|
|
1
|
+
import{r as e,h as t,H as i,g as s,c as r}from"./p-66074788.js";import{c as o}from"./p-c0454c9a.js";import{a as n}from"./p-21aa3602.js";const l=class{constructor(t){e(this,t),this.mutationObserver=o(this.onMutation.bind(this)),this.itemHeight="S",this.compact=!1,this.animated=!0,this.chevron=void 0}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),"number"==typeof this.itemHeight){const e=n(this.itemHeight);this.el.querySelectorAll(".ix-event-list-item").forEach((t=>{t.classList.add("d-flex"),this.setCustomHeight(t,e)}))}this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}onMutation(e){this.triggerFadeOut().then((()=>{if("number"==typeof this.itemHeight){const t=n(this.itemHeight);e.filter((e=>"childList"===e.type)).forEach((e=>e.addedNodes.forEach((e=>{var i;const s=e;(null===(i=s.classList)||void 0===i?void 0:i.contains("ix-event-list-item"))&&(s.classList.add("d-flex"),this.setCustomHeight(s,t))}))))}this.triggerFadeIn()}))}setCustomHeight(e,t){e.style.height=t,e.style.maxHeight=t}triggerFadeOut(){return this.animated?this.el.querySelector("ul").animate([{opacity:1,easing:"ease-in"},{opacity:0}],{duration:l.fadeOutDuration}).finished:Promise.resolve()}triggerFadeIn(){this.animated&&this.el.querySelectorAll(".ix-event-list-item").forEach(((e,t)=>{const i=80*t;e.animate([{opacity:0},{opacity:0,easing:"ease-out",offset:i/(i+l.fadeInDuration)},{opacity:1}],{duration:l.fadeInDuration+i,iterations:1})}))}render(){return t(i,{class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact,chevron:this.chevron}},t("ul",null,t("slot",null)))}get el(){return s(this)}};l.fadeOutDuration=50,l.fadeInDuration=150,l.style=".sc-ix-event-list-h{display:block;position:relative}ul.sc-ix-event-list{list-style:none;padding:0;margin-bottom:0}.sc-ix-event-list-s>.sc-ix-event-list-h:not(.item-size-s) .ix-event-list-item,.sc-ix-event-list-h:not(.item-size-l) .ix-event-list-item.sc-ix-event-list{display:none}.sc-ix-event-list-h.chevron .sc-ix-event-list-s .ix-event-list-item .chevron-icon{display:initial}.item-size-l .sc-ix-event-list-s .ix-event-list-item{height:6.5rem;max-height:6.5rem}.item-size-l .sc-ix-event-list-s .ix-event-list-item .event-content{height:6.5rem;max-height:6.5rem;white-space:normal}.compact .sc-ix-event-list-s .ix-event-list-item{margin-bottom:0px;border-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .indicator{border-top-left-radius:0px;border-bottom-left-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .event-list-item-container{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.compact.sc-ix-event-list .compact.sc-ix-event-list:not(:last-child) .event-list-item-container.sc-ix-event-list{border-bottom:none}";const a=class{constructor(t){e(this,t),this.itemClick=r(this,"itemClick",7),this.color=void 0,this.selected=void 0,this.disabled=void 0,this.chevron=void 0,this.opacity=1}handleItemClick(){this.itemClick.emit()}render(){return t("div",{class:{"ix-event-list-item":!0,selected:this.selected,disabled:this.disabled}},t("div",{class:"indicator "+(this.color?"":"indicator-empty"),style:{"background-color":this.color?`var(--theme-${this.color})`:"inherit",opacity:`${this.disabled?.4:this.opacity}`}}),t("div",{class:"event-list-item-container"},t("div",{class:"event-content"},t("slot",null)),this.chevron?t("i",{class:"glyph glyph-16 glyph-chevron-right chevron-icon"}):""))}get el(){return s(this)}};a.style=".ix-event-list-item{display:flex;align-items:center;position:relative;height:2.5rem;max-height:2.5rem;border-radius:0.25rem;background-color:var(--theme-event-item--background);overflow:hidden;transition:150ms;cursor:pointer;margin-bottom:0.5rem}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}.ix-event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.ix-event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}.ix-event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-item--border);border-top-left-radius:0;border-top-right-radius:0.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0.25rem;border-left:none;padding-left:1rem}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}.ix-event-list-item.selected:not(:active,.active) .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}.ix-event-list-item.selected:not(:active,.active) :hover{border-color:var(--theme-event-item--border--selected) !important}.ix-event-list-item[disabled],.ix-event-list-item.disabled{pointer-events:none}.ix-event-list-item[disabled] .event-list-item-container,.ix-event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}.ix-event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}.ix-event-list-item .event-content{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}";export{l as ix_event_list,a as ix_event_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as d,H as n,g as l}from"./p-
|
|
1
|
+
import{r as i,c as e,h as d,H as n,g as l}from"./p-66074788.js";import{a as o}from"./p-810b5232.js";const r=class{constructor(d){i(this,d),this.collapsedChange=e(this,"collapsedChange",7),this.collapsed=!1,this.label=void 0}onHeaderClick(i){i.preventDefault(),i.stopImmediatePropagation(),this.collapsed=!this.collapsed,this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.querySelector(".blind-content")}animation(i){this.animateCollapse(i)}animateCollapse(i){i?this.rotateChevronRight():this.rotateChevronDown()}rotateChevronDown(){o({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:90}),o({targets:this.content,duration:150,easing:"easeInOutSine",opacity:1})}rotateChevronRight(){o({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:0}),o({targets:this.content,duration:150,easing:"easeInOutSine",opacity:0})}render(){return d(n,null,d("div",{class:{"blind-header":!0,closed:this.collapsed},onClick:i=>this.onHeaderClick(i)},d("span",{ref:i=>this.chevronRef=i,class:{glyph:!0,"glyph-chevron-right-small":!0}}),d("div",{class:"blind-header-title"},void 0!==this.label?d("span",{class:"blind-header-title-default"},this.label):d("slot",{name:"custom-header"}))),d("div",{class:{"blind-content":!0,hide:this.collapsed}},d("slot",null)))}get hostElement(){return l(this)}static get watchers(){return{collapsed:["animation"]}}};r.style=".sc-ix-blind-h{display:flex;flex-direction:column;background-color:var(--theme-blind-base--background);border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color);border-radius:var(--theme-blind--border-radius);overflow:hidden}.sc-ix-blind-h .blind-header.sc-ix-blind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-height:3rem;height:3rem;border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;padding-right:1rem;transition:border-radius 150ms;cursor:pointer;z-index:1;color:var(--theme-blind-header-closed--color);background-color:var(--theme-blind-header-closed--background)}.sc-ix-blind-h .blind-header.sc-ix-blind .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color);padding:0.25rem 0.5rem}.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title.sc-ix-blind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title.sc-ix-blind .blind-header-title-default.sc-ix-blind{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):hover{background-color:var(--theme-blind-header-open--background--hover)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):hover .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-open--color--hover)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):active{background-color:var(--theme-blind-header-open--background--active)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):active .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-open--color--active)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind{border-radius:var(--theme-blind--border-radius)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):hover{background-color:var(--theme-blind-header-open--background--hover)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):hover .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color--hover)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):active{background-color:var(--theme-blind-header-open--background--active)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):active .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color--active)}.sc-ix-blind-h .blind-custom-header.sc-ix-blind{display:flex;align-items:center}.sc-ix-blind-h .blind-content.sc-ix-blind{display:block;padding:1rem;transition-property:padding;transition-duration:150ms;transition-timing-function:ease-in}.sc-ix-blind-h .blind-content.hide.sc-ix-blind{max-height:0;padding-top:0px;padding-bottom:0px}";export{r as ix_blind}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,H as s}from"./p-
|
|
1
|
+
import{r as i,h as e,H as s}from"./p-66074788.js";const r=class{constructor(e){i(this,e),this.label=void 0,this.value=void 0,this.unit=void 0,this.state="neutral",this.orientation="horizontal"}getStateIcon(){switch(this.state){case"alarm":return e("ix-icon",{color:"kpi-display-icon--color",name:"alarm",size:"16"});case"warning":return e("ix-icon",{color:"kpi-display-icon--color",name:"warning",size:"16"});default:return""}}getTooltipText(){let i=`${this.label}: ${this.value}`;return this.unit&&(i=i.concat(` ${this.unit}`)),i}render(){return e(s,{title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},e("div",{class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},e("span",{class:"kpi-label"},this.getStateIcon(),e("span",{class:"kpi-label-text"},this.label)),e("span",{class:"kpi-value-container"},e("span",{class:"kpi-value"},this.value),this.unit?e("span",{class:"kpi-unit"},this.unit):"")))}};r.style=".sc-ix-kpi-h{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}.sc-ix-kpi-h span.sc-ix-kpi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-kpi-h .kpi-container.sc-ix-kpi{display:flex;height:100%;width:100%;-webkit-border-after:2px solid grey;border-block-end:2px solid grey}.sc-ix-kpi-h .kpi-container.alarm.sc-ix-kpi{border-block-end-color:var(--theme-color-alarm)}.sc-ix-kpi-h .kpi-container.warning.sc-ix-kpi{border-block-end-color:var(--theme-color-warning)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi ix-icon.sc-ix-kpi{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value-container.sc-ix-kpi{display:flex;align-items:flex-end}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value.sc-ix-kpi{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);color:var(--theme-kpi-display-value--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi,.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-before:0.125rem;margin-block-start:0.125rem}.stacked.sc-ix-kpi-h{height:3.75rem}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi{justify-content:center;flex-wrap:wrap}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{width:100%;justify-content:center}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-kpi-display--background--hover)}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):active{background-color:var(--theme-kpi-display--background--active)}.sc-ix-kpi-h:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}";export{r as ix_kpi}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as c}from"./p-05c16b94.js";const l=class{constructor(i){t(this,i),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.addItem=e(this,"addItem",7),this.selectedIndices=[],this.allowClear=!1,this.mode="single",this.editable=!1,this.disabled=!1,this.readonly=!1,this.i18nPlaceholder="Select an option",this.i18nPlaceholderEditable="Type of select option",this.i18nSelectListHeader="Please select an option",this.dropdownShow=!1,this.value=void 0,this.dropdownWrapperRef=void 0,this.dropdownAnchor=void 0,this.isDropdownEmpty=!1,this.hasFocus=!1,this.navigationItem=void 0,this.inputFilterText=void 0,this.inputValue=void 0}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}watchSelectedIndices(t){t?Array.isArray(t)?this.selectValue([...t]):this.selectValue([t]):this.selectValue([])}onItemClicked(t){this.emitItemClick(t.detail)}watchInputText(t){this.editable&&this.itemExists(t)}emitItemClick(t){this.selectedIndices=this.isMultipleMode&&Array.isArray(this.selectedIndices)?this.selectedIndices.includes(t)?this.selectedIndices.filter((e=>e!==t)):[...this.selectedIndices,t]:[t],this.selectValue(this.selectedIndices),this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(t){if(""===t.trim())return;const e=document.createElement("ix-select-item");e.value=t,e.label=t,this.addItemRef.appendChild(e),this.clearInput(),this.emitItemClick(t),this.addItem.emit(t)}selectValue(t){var e;this.items.forEach((e=>{e.selected=t.some((t=>t===e.value))})),this.value=this.selectedItems.map((t=>t.label)),this.inputValue=this.isSingleMode&&(null===(e=this.value)||void 0===e?void 0:e.length)?this.value[0]:null}componentWillLoad(){this.selectedIndices&&this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}disconnectedCallback(){this.labelMutationObserver&&this.labelMutationObserver.disconnect()}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail&&(this.inputRef.focus(),this.inputRef.select(),this.navigationItem=this.items[0],this.setHoverEffectForNavigatedSelectItem(),this.removeHiddenFromItems()),this.hasFocus=t.detail}async onKeyDown(t){this.dropdownShow&&("ArrowDown"!==t.code&&"ArrowUp"!==t.code||this.onArrowNavigation(t),"Enter"!==t.code&&"NumpadEnter"!==t.code||await this.onEnterNavigation(),"Escape"===t.code&&(this.dropdownShow=!1))}async onEnterNavigation(){var t,e;this.isMultipleMode||(this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1))}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null),this.dropdownShow=!1}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",positioningStrategy:"absolute"},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};l.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}";class h extends CustomEvent{constructor(t){super("ix-select-item:labelChange",{bubbles:!0,detail:t})}}const n=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.label=void 0,this.value=void 0,this.selected=!1,this.hover=!1}async onItemClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.itemClick.emit(this.value)}componentDidRender(){if(!this.value)throw Error("ix-select-item must have a `value` property")}labelChange(t,e){this.hostElement.dispatchEvent(new h({newValue:t,oldValue:e}))}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,hover:this.hover,label:this.label?this.label:this.value,onItemClick:t=>this.onItemClick(t)}))}get hostElement(){return c(this)}static get watchers(){return{label:["labelChange"]}}};n.style=".sc-ix-select-item-h{display:block}.sc-ix-select-item-h ix-dropdown-item.sc-ix-select-item button.sc-ix-select-item{margin-left:1rem}";export{l as ix_select,n as ix_select_item}
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as c}from"./p-66074788.js";const l=class{constructor(i){t(this,i),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.addItem=e(this,"addItem",7),this.selectedIndices=[],this.allowClear=!1,this.mode="single",this.editable=!1,this.disabled=!1,this.readonly=!1,this.i18nPlaceholder="Select an option",this.i18nPlaceholderEditable="Type of select option",this.i18nSelectListHeader="Please select an option",this.dropdownShow=!1,this.value=void 0,this.dropdownWrapperRef=void 0,this.dropdownAnchor=void 0,this.isDropdownEmpty=!1,this.hasFocus=!1,this.navigationItem=void 0,this.inputFilterText=void 0,this.inputValue=void 0}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}watchSelectedIndices(t){t?Array.isArray(t)?this.selectValue([...t]):this.selectValue([t]):this.selectValue([])}onItemClicked(t){this.emitItemClick(t.detail)}watchInputText(t){this.editable&&this.itemExists(t)}emitItemClick(t){this.selectedIndices=this.isMultipleMode&&Array.isArray(this.selectedIndices)?this.selectedIndices.includes(t)?this.selectedIndices.filter((e=>e!==t)):[...this.selectedIndices,t]:[t],this.selectValue(this.selectedIndices),this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(t){if(""===t.trim())return;const e=document.createElement("ix-select-item");e.value=t,e.label=t,this.addItemRef.appendChild(e),this.clearInput(),this.emitItemClick(t),this.addItem.emit(t)}selectValue(t){var e;this.items.forEach((e=>{e.selected=t.some((t=>t===e.value))})),this.value=this.selectedItems.map((t=>t.label)),this.inputValue=this.isSingleMode&&(null===(e=this.value)||void 0===e?void 0:e.length)?this.value[0]:null}componentWillLoad(){this.selectedIndices&&this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}disconnectedCallback(){this.labelMutationObserver&&this.labelMutationObserver.disconnect()}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail&&(this.inputRef.focus(),this.inputRef.select(),this.navigationItem=this.items[0],this.setHoverEffectForNavigatedSelectItem(),this.removeHiddenFromItems()),this.hasFocus=t.detail}async onKeyDown(t){this.dropdownShow&&("ArrowDown"!==t.code&&"ArrowUp"!==t.code||this.onArrowNavigation(t),"Enter"!==t.code&&"NumpadEnter"!==t.code||await this.onEnterNavigation(),"Escape"===t.code&&(this.dropdownShow=!1))}async onEnterNavigation(){var t,e;this.isMultipleMode||(this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1))}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null),this.dropdownShow=!1}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",positioningStrategy:"absolute"},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};l.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}";class h extends CustomEvent{constructor(t){super("ix-select-item:labelChange",{bubbles:!0,detail:t})}}const n=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.label=void 0,this.value=void 0,this.selected=!1,this.hover=!1}async onItemClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.itemClick.emit(this.value)}componentDidRender(){if(!this.value)throw Error("ix-select-item must have a `value` property")}labelChange(t,e){this.hostElement.dispatchEvent(new h({newValue:t,oldValue:e}))}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,hover:this.hover,label:this.label?this.label:this.value,onItemClick:t=>this.onItemClick(t)}))}get hostElement(){return c(this)}static get watchers(){return{label:["labelChange"]}}};n.style=".sc-ix-select-item-h{display:block}.sc-ix-select-item-h ix-dropdown-item.sc-ix-select-item button.sc-ix-select-item{margin-left:1rem}";export{l as ix_select,n as ix_select_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r,H as t}from"./p-66074788.js";const s=class{constructor(r){e(this,r),this.expanded=!1}render(){return r(t,{class:{expanded:this.expanded}},r("svg",{width:"32",height:"32",viewBox:"0 0 100 100"},r("path",{class:"line line1",d:"M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058"}),r("path",{class:"line line2",d:"M 20,50 H 60"}),r("path",{class:"line line3",d:"M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942"})))}};s.style=":host{display:flex;justify-content:center;align-items:center;height:2rem;width:2.5rem;border-radius:var(--theme-btn--border-radius)}:host svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}:host .line{fill:none;stroke:var(--theme-menu-btn--color);stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)}:host .line1{stroke-dasharray:60 207;stroke-width:6}:host .line2{stroke-dasharray:60 60;stroke-width:6}:host .line3{stroke-dasharray:60 207;stroke-width:6}:host(:hover){background-color:var(--theme-menu-btn--background--hover);border-radius:var(--theme-btn--border-radius)}:host(:active){background-color:var(--theme-menu-btn--background--active);border-radius:var(--theme-btn--border-radius)}:host(.expanded) .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}:host(.expanded) .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}:host(.expanded) .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}";export{s as ix_burger_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as i}from"./p-66074788.js";const o=class{constructor(t){e(this,t),this.selected=!1,this.disabled=!1,this.small=!1,this.icon=!1,this.rounded=!1,this.counter=void 0,this.layout="auto",this.placement="bottom"}tabItemClasses(e){return{selected:e.selected,disabled:e.disabled,"small-tab":e.small,icon:e.small,stretched:"stretched"===e.layout,bottom:"bottom"===e.placement,top:"top"===e.placement,circle:e.circle}}render(){return t(i,{class:this.tabItemClasses({selected:this.selected,disabled:this.disabled,small:this.small,icon:this.icon,layout:this.layout,placement:this.placement,circle:this.rounded}),tabIndex:0},t("div",{class:{circle:this.rounded,text:!this.rounded,selected:this.selected,disabled:this.disabled}},t("slot",null)),t("div",{class:{counter:!0,selected:this.selected,hidden:!(this.rounded&&void 0!==this.counter),disabled:this.disabled}},this.counter))}};o.style='@charset "UTF-8";ix-tab-item{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}ix-tab-item.circle{height:72px}ix-tab-item.top::after{top:0}ix-tab-item.bottom::after{bottom:0}ix-tab-item::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}ix-tab-item.stretched{flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ix-tab-item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}ix-tab-item .text span,ix-tab-item .text span::before{pointer-events:none}ix-tab-item:hover:not(.circle){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}ix-tab-item:hover:not(.circle)::after{background-color:var(--theme-tab-indicator--background--hover)}ix-tab-item:active:not(.circle){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}ix-tab-item:active:not(.circle)::after{background-color:var(--theme-tab-indicator--background--active)}ix-tab-item:focus-visible{outline:0px solid var(--focus--border-color)}ix-tab-item:focus-visible .circle{outline:1px solid var(--focus--border-color)}ix-tab-item:focus-visible:not(.circle){outline:1px solid var(--focus--border-color)}ix-tab-item.disabled{color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}ix-tab-item.disabled::after{background-color:var(--theme-tab-indicator--background--disabled)}ix-tab-item.selected:not(.disabled){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}ix-tab-item.selected:not(.disabled)::after{background-color:var(--theme-tab-indicator--background--selected)}ix-tab-item.icon{padding:1.5rem 0.5rem}ix-tab-item.small-tab{height:32px;padding:1rem}ix-tab-item.small-tab.icon{padding:1rem 0.25rem}ix-tab-item .circle{display:flex;justify-content:center;align-items:center;height:48px;width:48px;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}ix-tab-item .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}ix-tab-item .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}ix-tab-item .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}ix-tab-item .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:16px;color:var(--theme-pill-outline--color);cursor:pointer}ix-tab-item .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}ix-tab-item .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}ix-tab-item .hidden{display:none}';export{o as ix_tab_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{T as t}from"./p-9ee41861.js";const e=new class{constructor(){this.menuElement=null,this.menuExpandChange=new t}register(t){this.menuElement?console.warn("Menu already defined"):(this.menuElement=t,this.menuElement.addEventListener("expandChange",(t=>{this.menuExpandChange.emit(t.detail)})))}async open(){return!!this.menuElement&&(this.menuElement.toggleMenu(!0),!0)}async close(){return!!this.menuElement&&(this.menuElement.toggleMenu(!1),!0)}async toggle(){return!!this.menuElement&&(this.menuElement.toggleMenu(),!0)}get nativeElement(){return this.menuElement}get expandChange(){return this.menuExpandChange}};function s(t){return t&&"IX-BASIC-NAVIGATION"===t.tagName}const n=(t,e)=>e.closest(t);export{n as h,s as i,e as m}
|