@siemens/ix 1.1.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-40761405.js → index-17eb8998.js} +241 -1
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/ix-animated-tab_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
- package/dist/cjs/ix-blind.cjs.entry.js +1 -1
- package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
- 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 +2 -2
- 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-drawer.cjs.entry.js +4 -2
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-event-list_2.cjs.entry.js +2 -2
- 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 +1 -1
- package/dist/cjs/ix-group-context-menu.cjs.entry.js +37 -0
- package/dist/cjs/ix-group_3.cjs.entry.js +4 -4
- package/dist/cjs/ix-icon-button.cjs.entry.js +5 -2
- package/dist/cjs/ix-icon.cjs.entry.js +5 -5
- 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 +3 -3
- 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 +3 -3
- package/dist/cjs/ix-pill.cjs.entry.js +1 -1
- package/dist/cjs/ix-select_2.cjs.entry.js +21 -13
- package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ix-split-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-tab-item.cjs.entry.js +13 -3
- package/dist/cjs/ix-tabs.cjs.entry.js +3 -3
- package/dist/cjs/ix-tile.cjs.entry.js +1 -1
- package/dist/cjs/ix-toast_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
- package/dist/cjs/ix-tree_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-upload.cjs.entry.js +1 -1
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{modal-42934387.js → modal-e4a6983d.js} +3 -2
- package/dist/cjs/{modal-utils-5d7bb217.js → modal-utils-9ee0acda.js} +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/{rwd.util-482d41d4.js → rwd.util-2326824e.js} +2 -2
- package/dist/cjs/siemens-ix.cjs.js +2 -2
- package/dist/cjs/{typed-event-8f5a32a2.js → typed-event-5030cc6a.js} +3 -3
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/blind/blind.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/chip/chip.js +2 -2
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/drawer/drawer.js +4 -2
- package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/expanding-search/expanding-search.js +1 -1
- package/dist/collection/components/filter-chip/filter-chip.js +1 -1
- package/dist/collection/components/group/group-context-menu.css +24 -0
- package/dist/collection/components/group/group-context-menu.js +51 -0
- package/dist/collection/components/group/group.css +1 -11
- package/dist/collection/components/group/group.js +2 -2
- package/dist/collection/components/group-item/group-item.css +1 -1
- package/dist/collection/components/group-item/group-item.js +1 -1
- package/dist/collection/components/icon/icon.js +4 -4
- package/dist/collection/components/icon-button/icon-button.css +42 -0
- package/dist/collection/components/icon-button/icon-button.js +11 -1
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
- package/dist/collection/components/menu-avatar/menu-avatar.css +1 -1
- package/dist/collection/components/menu-avatar/menu-avatar.js +1 -1
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- 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.js +8 -2
- package/dist/collection/components/modal-container/modal-container.js +5 -4
- package/dist/collection/components/select/select.css +7 -14
- package/dist/collection/components/select/select.js +19 -11
- package/dist/collection/components/select-item/select-item.js +1 -1
- package/dist/collection/components/split-button-item/split-button-item.js +1 -1
- package/dist/collection/components/tab-item/tab-item.js +12 -2
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/utils/rwd.util.js +2 -2
- package/dist/collection/components/utils/typed-event.js +3 -3
- package/dist/collection/components/workflow-step/workflow-step.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/group-context-menu.js +61 -0
- package/dist/components/group-item.js +1 -1
- package/dist/components/icon-button.js +4 -1
- package/dist/components/icon.js +4 -4
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/ix-drawer.js +3 -1
- package/dist/components/ix-group-context-menu.d.ts +11 -0
- package/dist/components/ix-group-context-menu.js +6 -0
- package/dist/components/ix-group.js +5 -5
- package/dist/components/ix-menu-avatar.js +1 -1
- package/dist/components/ix-modal-example.js +1 -1
- package/dist/components/ix-select.js +20 -12
- package/dist/components/map-navigation-overlay.js +1 -1
- package/dist/components/modal-container.js +1 -0
- package/dist/components/rwd.util.js +2 -2
- package/dist/components/tab-item.js +12 -2
- package/dist/components/tabs.js +2 -2
- package/dist/components/toast.js +1 -1
- package/dist/components/typed-event.js +3 -3
- package/dist/esm/{index-b22287de.js → index-6f4f3582.js} +241 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/ix-animated-tab_2.entry.js +2 -2
- package/dist/esm/ix-application-header.entry.js +1 -1
- package/dist/esm/ix-basic-navigation.entry.js +1 -1
- package/dist/esm/ix-blind.entry.js +1 -1
- package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
- package/dist/esm/ix-button.entry.js +1 -1
- package/dist/esm/ix-category-filter.entry.js +2 -2
- 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 +2 -2
- 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-drawer.entry.js +4 -2
- package/dist/esm/ix-dropdown_2.entry.js +1 -1
- package/dist/esm/ix-event-list_2.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/ix-group-context-menu.entry.js +33 -0
- package/dist/esm/ix-group_3.entry.js +4 -4
- package/dist/esm/ix-icon-button.entry.js +5 -2
- package/dist/esm/ix-icon.entry.js +5 -5
- 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 +3 -3
- 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 +3 -3
- package/dist/esm/ix-pill.entry.js +1 -1
- package/dist/esm/ix-select_2.entry.js +21 -13
- package/dist/esm/ix-spinner.entry.js +1 -1
- package/dist/esm/ix-split-button_2.entry.js +1 -1
- package/dist/esm/ix-tab-item.entry.js +13 -3
- package/dist/esm/ix-tabs.entry.js +3 -3
- package/dist/esm/ix-tile.entry.js +1 -1
- package/dist/esm/ix-toast_2.entry.js +3 -3
- package/dist/esm/ix-toggle.entry.js +1 -1
- package/dist/esm/ix-tree_2.entry.js +1 -1
- package/dist/esm/ix-upload.entry.js +1 -1
- package/dist/esm/ix-validation-tooltip.entry.js +1 -1
- package/dist/esm/ix-workflow-step_2.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{modal-f1e45879.js → modal-e7343756.js} +3 -2
- package/dist/esm/{modal-utils-ec39c1bc.js → modal-utils-df50b35a.js} +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/{rwd.util-33a69d24.js → rwd.util-4a61a4b8.js} +2 -2
- package/dist/esm/siemens-ix.js +2 -2
- package/dist/esm/{typed-event-dd6c83dd.js → typed-event-ab58c27e.js} +3 -3
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-05c16b94.js +2 -0
- package/dist/siemens-ix/{p-6d075808.entry.js → p-0a8cfa42.entry.js} +1 -1
- package/dist/siemens-ix/{p-4f2fbbb5.entry.js → p-150d7a02.entry.js} +1 -1
- package/dist/siemens-ix/p-16e95211.entry.js +1 -0
- package/dist/siemens-ix/{p-b49fbfc3.entry.js → p-1cf3348f.entry.js} +1 -1
- package/dist/siemens-ix/p-1fe97752.entry.js +1 -0
- package/dist/siemens-ix/{p-0e3aab52.entry.js → p-23d5469a.entry.js} +1 -1
- package/dist/siemens-ix/p-23d79e3d.entry.js +1 -0
- package/dist/siemens-ix/{p-c1674778.entry.js → p-2e24ae23.entry.js} +1 -1
- package/dist/siemens-ix/{p-e0c85889.entry.js → p-33283dbf.entry.js} +1 -1
- package/dist/siemens-ix/{p-477681a5.entry.js → p-3663f989.entry.js} +1 -1
- package/dist/siemens-ix/{p-d1a17dd8.entry.js → p-418e2d14.entry.js} +1 -1
- package/dist/siemens-ix/{p-e5da6672.entry.js → p-47d55e3d.entry.js} +1 -1
- package/dist/siemens-ix/{p-6f625f0e.js → p-4944ad0b.js} +0 -0
- package/dist/siemens-ix/{p-56bba5f9.entry.js → p-4b170382.entry.js} +1 -1
- package/dist/siemens-ix/{p-eff31ef4.entry.js → p-537f0678.entry.js} +1 -1
- package/dist/siemens-ix/{p-d62d2304.entry.js → p-5661957c.entry.js} +1 -1
- package/dist/siemens-ix/{p-1cd8f35f.entry.js → p-592f1ed3.entry.js} +1 -1
- package/dist/siemens-ix/{p-afefc17c.entry.js → p-5e222be2.entry.js} +1 -1
- package/dist/siemens-ix/{p-aa620cc7.entry.js → p-65e61684.entry.js} +1 -1
- package/dist/siemens-ix/{p-b7a46add.entry.js → p-72f851ae.entry.js} +1 -1
- package/dist/siemens-ix/{p-d5199425.entry.js → p-7adc0686.entry.js} +1 -1
- package/dist/siemens-ix/{p-0cdac3da.entry.js → p-8a7141a6.entry.js} +1 -1
- package/dist/siemens-ix/{p-18652f43.entry.js → p-8b4e4718.entry.js} +1 -1
- package/dist/siemens-ix/p-94604cdf.js +1 -0
- package/dist/siemens-ix/{p-8c5948e2.entry.js → p-9566c834.entry.js} +1 -1
- package/dist/siemens-ix/p-96e46f99.js +1 -0
- package/dist/siemens-ix/{p-b8849072.entry.js → p-9b5290d4.entry.js} +1 -1
- package/dist/siemens-ix/{p-5b4399b3.entry.js → p-9e90827e.entry.js} +1 -1
- package/dist/siemens-ix/{p-fca4a226.entry.js → p-a12f6079.entry.js} +1 -1
- package/dist/siemens-ix/p-a5fa7ae5.entry.js +1 -0
- package/dist/siemens-ix/{p-a4ed41f9.entry.js → p-a88618e3.entry.js} +1 -1
- package/dist/siemens-ix/{p-9cc43bf2.entry.js → p-b242bd39.entry.js} +1 -1
- package/dist/siemens-ix/{p-b18d15c7.entry.js → p-be641020.entry.js} +1 -1
- package/dist/siemens-ix/p-c0fecc2b.entry.js +1 -0
- package/dist/siemens-ix/{p-38a598ed.entry.js → p-c3e90c06.entry.js} +1 -1
- package/dist/siemens-ix/{p-0bf04780.js → p-c8cc3bb3.js} +0 -0
- package/dist/siemens-ix/{p-25fda9f7.entry.js → p-c993560f.entry.js} +1 -1
- package/dist/siemens-ix/{p-44ab1dce.entry.js → p-cc0f6f6b.entry.js} +1 -1
- package/dist/siemens-ix/{p-0a85cdff.entry.js → p-d0bb8225.entry.js} +1 -1
- package/dist/siemens-ix/{p-7fb73253.entry.js → p-d8688602.entry.js} +1 -1
- package/dist/siemens-ix/{p-87c46ff3.entry.js → p-e2925222.entry.js} +1 -1
- package/dist/siemens-ix/{p-8e60010d.entry.js → p-e7621b0a.entry.js} +1 -1
- package/dist/siemens-ix/{p-746ebc92.entry.js → p-ea333007.entry.js} +1 -1
- package/dist/siemens-ix/{p-1d1eeeea.entry.js → p-eb150313.entry.js} +1 -1
- package/dist/siemens-ix/{p-dc8f82d5.entry.js → p-eed28e55.entry.js} +1 -1
- package/dist/siemens-ix/{p-72b5c8d5.entry.js → p-f7be9635.entry.js} +1 -1
- package/dist/siemens-ix/{p-f34f7e30.entry.js → p-fecf0ade.entry.js} +1 -1
- package/dist/siemens-ix/siemens-ix.css +37 -62
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/chip/chip.d.ts +1 -1
- package/dist/types/components/group/group-context-menu.d.ts +11 -0
- package/dist/types/components/modal/modal-utils.d.ts +10 -7
- package/dist/types/components/modal/modal.d.ts +2 -2
- package/dist/types/components/modal-container/modal-container.d.ts +2 -6
- package/dist/types/components.d.ts +20 -7
- package/package.json +2 -2
- package/scss/components/_buttons.scss +1 -12
- package/scss/components/_checkboxes.scss +14 -18
- package/scss/components/_modal.scss +1 -1
- package/scss/components/_radiobuttons.scss +12 -43
- package/scss/theme/classic-dark/_variables.scss +3 -3
- package/scss/theme/classic-light/_variables.scss +1 -2
- package/src/components/chip/readme.md +9 -9
- package/src/components/group/readme.md +0 -22
- package/src/components/modal/readme.md +2 -2
- package/src/components/modal-container/readme.md +2 -2
- package/dist/siemens-ix/p-003b58b3.js +0 -1
- package/dist/siemens-ix/p-0419f23d.entry.js +0 -1
- package/dist/siemens-ix/p-161561ef.entry.js +0 -1
- package/dist/siemens-ix/p-5c038d1d.js +0 -2
- package/dist/siemens-ix/p-a8b6454f.entry.js +0 -1
- package/dist/siemens-ix/p-c0a126c6.entry.js +0 -1
- package/dist/siemens-ix/p-d23706a7.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as i,g as e}from"./p-
|
|
1
|
+
import{r as t,h as o,H as i,g as e}from"./p-05c16b94.js";import{c as a}from"./p-f86fcdf4.js";const l=class{constructor(o){t(this,o),this.onSubmitBind=this.onSubmit.bind(this),this.onInputFocusBind=this.onInputFocus.bind(this),this.message=void 0,this.placement="top",this.isInputValid=!0}get arrow(){return this.hostElement.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){return this.inputElement.form}get tooltipElement(){return this.hostElement.querySelector(".validation-tooltip")}componentDidLoad(){if(!this.inputElement)throw Error("Validation tooltip is only working with an direct input child.");if(!this.formElement)throw Error("Validation tooltip is only working with an form element.");this.formElement.addEventListener("submit",this.onSubmitBind),this.inputElement.addEventListener("focus",this.onInputFocusBind),this.observer=new MutationObserver((()=>{this.inputElement.classList.contains("is-invalid")&&(this.isInputValid=!1,this.validationChanged())})),this.observer.observe(this.inputElement,{childList:!1,subtree:!1,attributes:!0,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=!0}onSubmit(){this.formElement.classList.contains("needs-validation")&&(this.isInputValid=this.inputElement.validity.valid)}disconnectedCallback(){var t,o;null===(t=this.observer)||void 0===t||t.disconnect(),null===(o=this.popper)||void 0===o||o.destroy(),this.formElement.removeEventListener("submit",this.onSubmitBind),this.inputElement.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){this.isInputValid?(this.tooltipElement.style.display="none",this.popper.destroy()):(this.tooltipElement.style.display="block",this.popper=a(this.inputElement,this.tooltipElement,{placement:this.placement,strategy:"absolute",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:this.arrow}}]}))}render(){return o(i,null,o("slot",null),o("div",{role:"tooltip",style:{display:"none"},class:"validation-tooltip text-default"},this.message,o("slot",{name:"tooltip-message"}),o("div",{id:"arrow","data-popper-arrow":!0})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};l.style='.text-xs.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-validation-tooltip{-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)}.text-default-single.sc-ix-validation-tooltip{-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.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-validation-tooltip{-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)}.text-l-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-validation-tooltip{-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)}a.sc-ix-validation-tooltip{color:var(--theme-color-primary)}.sc-ix-validation-tooltip-h{display:block}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip,.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{position:absolute;width:8px;height:8px;background:inherit}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip{visibility:hidden}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=top].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{bottom:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=top].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=bottom].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{top:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=bottom].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-left:1px solid var(--theme-tooltip--border-color);border-top:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=left].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{right:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=left].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-top:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=right].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{left:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=right].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-left:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';export{l as ix_validation_tooltip}
|
|
@@ -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-05c16b94.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;max-height:1;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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e}from"./p-05c16b94.js";import{a as s}from"./p-810b5232.js";const r=class{constructor(e){t(this,e),this.open=i(this,"open",7),this.drawerClose=i(this,"drawerClose",7),this.callback=this.clickedOutside.bind(this),this.show=!1,this.closeOnClickOutside=!0,this.fullHeight=!1,this.minWidth=16,this.maxWidth=28,this.width=this.minWidth}onShowChanged(t){this.show=void 0!==t?t:!this.show,this.toggleDrawer(this.show)}async toggleDrawer(t){return this.show=void 0!==t?t:!this.show,t?(this.open.emit(),this.slideInRight(this.divElement),setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)):(this.drawerClose.emit(),this.slideOutRight(this.divElement),window.removeEventListener("mousedown",this.callback)),Promise.resolve()}onCloseClicked(){this.show=!1}clickedOutside(t){if(!this.closeOnClickOutside)return;const i=t.target,e=i.closest("#div-container"),s=i.closest("#drawer-btn");"button"!==t.target.type&&e!==this.divElement&&i!==s&&(this.show=!1)}slideOutRight(t){s({targets:t,duration:r.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){s({targets:t,duration:r.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}render(){return e("div",{class:{"drawer-container":!0,toggle:this.show,"full-height":this.fullHeight,"d-none":!0},style:{width:"auto"===this.width?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},e("div",{class:"header"},e("div",{class:"header-content"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),e("div",{class:"content"},e("slot",null)))}static get watchers(){return{show:["onShowChanged"]}}};r.duration=300,r.style=".drawer-container.sc-ix-drawer{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all 300ms ease-out}.toggle.sc-ix-drawer{z-index:100;visibility:visible}.drawer-container.full-height.sc-ix-drawer{min-height:100%}.header.sc-ix-drawer{display:flex;position:relative;align-items:center;justify-content:flex-end;height:3.5rem;padding:0.5rem 1rem;width:100%;order:1}.header.sc-ix-drawer .header-content.sc-ix-drawer{flex-grow:1;margin-right:1rem}.content.sc-ix-drawer{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}";export{r as ix_drawer}
|
|
@@ -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-05c16b94.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}
|