@siemens/ix 1.2.0-beta.0 → 1.2.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.
Files changed (203) hide show
  1. package/dist/cjs/{index-40761405.js → index-354a8c3d.js} +66 -0
  2. package/dist/cjs/index.cjs.js +3 -3
  3. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +1 -1
  4. package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
  5. package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
  6. package/dist/cjs/ix-blind.cjs.entry.js +1 -1
  7. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
  8. package/dist/cjs/ix-button.cjs.entry.js +1 -1
  9. package/dist/cjs/ix-category-filter.cjs.entry.js +1 -1
  10. package/dist/cjs/ix-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/ix-counter-pill.cjs.entry.js +1 -1
  12. package/dist/cjs/ix-date-picker_2.cjs.entry.js +1 -1
  13. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  14. package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
  15. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  16. package/dist/cjs/ix-dropdown_2.cjs.entry.js +1 -1
  17. package/dist/cjs/ix-event-list_2.cjs.entry.js +1 -1
  18. package/dist/cjs/ix-expanding-search.cjs.entry.js +1 -1
  19. package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
  20. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +1 -1
  21. package/dist/cjs/ix-group-context-menu.cjs.entry.js +37 -0
  22. package/dist/cjs/ix-group_3.cjs.entry.js +4 -4
  23. package/dist/cjs/ix-icon-button.cjs.entry.js +5 -2
  24. package/dist/cjs/ix-icon.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  26. package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
  27. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +2 -2
  28. package/dist/cjs/ix-menu_9.cjs.entry.js +2 -2
  29. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  30. package/dist/cjs/ix-modal-example.cjs.entry.js +2 -2
  31. package/dist/cjs/ix-modal_2.cjs.entry.js +2 -2
  32. package/dist/cjs/ix-pill.cjs.entry.js +1 -1
  33. package/dist/cjs/ix-select_2.cjs.entry.js +21 -13
  34. package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
  35. package/dist/cjs/ix-split-button_2.cjs.entry.js +1 -1
  36. package/dist/cjs/ix-tab-item.cjs.entry.js +1 -1
  37. package/dist/cjs/ix-tabs.cjs.entry.js +1 -1
  38. package/dist/cjs/ix-tile.cjs.entry.js +1 -1
  39. package/dist/cjs/ix-toast_2.cjs.entry.js +1 -1
  40. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-tree_2.cjs.entry.js +1 -1
  42. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  43. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +1 -1
  44. package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
  45. package/dist/cjs/loader.cjs.js +2 -2
  46. package/dist/cjs/{modal-2112fb71.js → modal-a5b22d3f.js} +2 -1
  47. package/dist/cjs/{modal-utils-5d7bb217.js → modal-utils-9ee0acda.js} +1 -1
  48. package/dist/cjs/my-component.cjs.entry.js +1 -1
  49. package/dist/cjs/siemens-ix.cjs.js +2 -2
  50. package/dist/collection/collection-manifest.json +1 -0
  51. package/dist/collection/components/button/button.js +1 -1
  52. package/dist/collection/components/chip/chip.js +1 -1
  53. package/dist/collection/components/group/group-context-menu.css +24 -0
  54. package/dist/collection/components/group/group-context-menu.js +51 -0
  55. package/dist/collection/components/group/group.css +1 -11
  56. package/dist/collection/components/group/group.js +1 -1
  57. package/dist/collection/components/group-item/group-item.css +1 -1
  58. package/dist/collection/components/icon-button/icon-button.css +42 -0
  59. package/dist/collection/components/icon-button/icon-button.js +11 -1
  60. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
  61. package/dist/collection/components/modal/modal-utils.js +1 -1
  62. package/dist/collection/components/modal/modal.js +8 -2
  63. package/dist/collection/components/modal-container/modal-container.js +5 -4
  64. package/dist/collection/components/select/select.css +7 -14
  65. package/dist/collection/components/select/select.js +19 -11
  66. package/dist/components/group-context-menu.js +61 -0
  67. package/dist/components/group-item.js +1 -1
  68. package/dist/components/icon-button.js +4 -1
  69. package/dist/components/index.d.ts +1 -0
  70. package/dist/components/index.js +1 -0
  71. package/dist/components/ix-group-context-menu.d.ts +11 -0
  72. package/dist/components/ix-group-context-menu.js +6 -0
  73. package/dist/components/ix-group.js +5 -5
  74. package/dist/components/ix-modal-example.js +1 -1
  75. package/dist/components/ix-select.js +20 -12
  76. package/dist/components/map-navigation-overlay.js +1 -1
  77. package/dist/components/modal-container.js +1 -0
  78. package/dist/esm/{index-b22287de.js → index-7746a810.js} +66 -1
  79. package/dist/esm/index.js +3 -3
  80. package/dist/esm/ix-animated-tab_2.entry.js +1 -1
  81. package/dist/esm/ix-application-header.entry.js +1 -1
  82. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  83. package/dist/esm/ix-blind.entry.js +1 -1
  84. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  85. package/dist/esm/ix-button.entry.js +1 -1
  86. package/dist/esm/ix-category-filter.entry.js +1 -1
  87. package/dist/esm/ix-chip.entry.js +1 -1
  88. package/dist/esm/ix-counter-pill.entry.js +1 -1
  89. package/dist/esm/ix-date-picker_2.entry.js +1 -1
  90. package/dist/esm/ix-date-time-card.entry.js +1 -1
  91. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  92. package/dist/esm/ix-drawer.entry.js +1 -1
  93. package/dist/esm/ix-dropdown_2.entry.js +1 -1
  94. package/dist/esm/ix-event-list_2.entry.js +1 -1
  95. package/dist/esm/ix-expanding-search.entry.js +1 -1
  96. package/dist/esm/ix-filter-chip.entry.js +1 -1
  97. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  98. package/dist/esm/ix-group-context-menu.entry.js +33 -0
  99. package/dist/esm/ix-group_3.entry.js +4 -4
  100. package/dist/esm/ix-icon-button.entry.js +5 -2
  101. package/dist/esm/ix-icon.entry.js +1 -1
  102. package/dist/esm/ix-input-group.entry.js +1 -1
  103. package/dist/esm/ix-kpi.entry.js +1 -1
  104. package/dist/esm/ix-map-navigation_2.entry.js +2 -2
  105. package/dist/esm/ix-menu_9.entry.js +2 -2
  106. package/dist/esm/ix-message-bar.entry.js +1 -1
  107. package/dist/esm/ix-modal-example.entry.js +2 -2
  108. package/dist/esm/ix-modal_2.entry.js +2 -2
  109. package/dist/esm/ix-pill.entry.js +1 -1
  110. package/dist/esm/ix-select_2.entry.js +21 -13
  111. package/dist/esm/ix-spinner.entry.js +1 -1
  112. package/dist/esm/ix-split-button_2.entry.js +1 -1
  113. package/dist/esm/ix-tab-item.entry.js +1 -1
  114. package/dist/esm/ix-tabs.entry.js +1 -1
  115. package/dist/esm/ix-tile.entry.js +1 -1
  116. package/dist/esm/ix-toast_2.entry.js +1 -1
  117. package/dist/esm/ix-toggle.entry.js +1 -1
  118. package/dist/esm/ix-tree_2.entry.js +1 -1
  119. package/dist/esm/ix-upload.entry.js +1 -1
  120. package/dist/esm/ix-validation-tooltip.entry.js +1 -1
  121. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  122. package/dist/esm/loader.js +2 -2
  123. package/dist/esm/{modal-309a156f.js → modal-9c9eaf8e.js} +2 -1
  124. package/dist/esm/{modal-utils-ec39c1bc.js → modal-utils-df50b35a.js} +1 -1
  125. package/dist/esm/my-component.entry.js +1 -1
  126. package/dist/esm/siemens-ix.js +2 -2
  127. package/dist/siemens-ix/index.esm.js +1 -1
  128. package/dist/siemens-ix/{p-56bba5f9.entry.js → p-03687070.entry.js} +1 -1
  129. package/dist/siemens-ix/{p-aa620cc7.entry.js → p-05f3c48e.entry.js} +1 -1
  130. package/dist/siemens-ix/p-080c00b1.entry.js +1 -0
  131. package/dist/siemens-ix/{p-18652f43.entry.js → p-10879145.entry.js} +1 -1
  132. package/dist/siemens-ix/{p-38a598ed.entry.js → p-19cc942a.entry.js} +1 -1
  133. package/dist/siemens-ix/{p-8e60010d.entry.js → p-1ba8c910.entry.js} +1 -1
  134. package/dist/siemens-ix/{p-abd3b0f8.entry.js → p-23578bb6.entry.js} +1 -1
  135. package/dist/siemens-ix/p-263949b1.js +1 -0
  136. package/dist/siemens-ix/{p-afefc17c.entry.js → p-2709fafd.entry.js} +1 -1
  137. package/dist/siemens-ix/{p-72b5c8d5.entry.js → p-2995294d.entry.js} +1 -1
  138. package/dist/siemens-ix/{p-8ee057c1.entry.js → p-2b69b027.entry.js} +1 -1
  139. package/dist/siemens-ix/{p-d1a17dd8.entry.js → p-2f3294b8.entry.js} +1 -1
  140. package/dist/siemens-ix/{p-44ab1dce.entry.js → p-35d7f18d.entry.js} +1 -1
  141. package/dist/siemens-ix/{p-0cdac3da.entry.js → p-412dbb89.entry.js} +1 -1
  142. package/dist/siemens-ix/{p-746ebc92.entry.js → p-494512c0.entry.js} +1 -1
  143. package/dist/siemens-ix/{p-e0c85889.entry.js → p-4d61503b.entry.js} +1 -1
  144. package/dist/siemens-ix/{p-25fda9f7.entry.js → p-558623ce.entry.js} +1 -1
  145. package/dist/siemens-ix/{p-1cd8f35f.entry.js → p-56771b32.entry.js} +1 -1
  146. package/dist/siemens-ix/{p-d62d2304.entry.js → p-5871e480.entry.js} +1 -1
  147. package/dist/siemens-ix/{p-b7a46add.entry.js → p-5e3700c3.entry.js} +1 -1
  148. package/dist/siemens-ix/p-5e4c3828.js +2 -0
  149. package/dist/siemens-ix/{p-6e8a38c4.entry.js → p-61cb7ab7.entry.js} +1 -1
  150. package/dist/siemens-ix/p-6da1e24d.entry.js +1 -0
  151. package/dist/siemens-ix/{p-477681a5.entry.js → p-6e915c70.entry.js} +1 -1
  152. package/dist/siemens-ix/{p-f34f7e30.entry.js → p-712e8945.entry.js} +1 -1
  153. package/dist/siemens-ix/{p-5b4399b3.entry.js → p-7b103473.entry.js} +1 -1
  154. package/dist/siemens-ix/{p-e5da6672.entry.js → p-80d27c08.entry.js} +1 -1
  155. package/dist/siemens-ix/{p-7fb73253.entry.js → p-842a7652.entry.js} +1 -1
  156. package/dist/siemens-ix/{p-1d1eeeea.entry.js → p-8f6809f1.entry.js} +1 -1
  157. package/dist/siemens-ix/{p-0e3aab52.entry.js → p-91eb1fdd.entry.js} +1 -1
  158. package/dist/siemens-ix/{p-87c46ff3.entry.js → p-91ecd6ac.entry.js} +1 -1
  159. package/dist/siemens-ix/{p-4f2fbbb5.entry.js → p-963c5690.entry.js} +1 -1
  160. package/dist/siemens-ix/p-96e46f99.js +1 -0
  161. package/dist/siemens-ix/{p-eff31ef4.entry.js → p-9a98369e.entry.js} +1 -1
  162. package/dist/siemens-ix/p-af8213cc.entry.js +1 -0
  163. package/dist/siemens-ix/{p-d5199425.entry.js → p-aff5f463.entry.js} +1 -1
  164. package/dist/siemens-ix/{p-dc8f82d5.entry.js → p-b0c95c22.entry.js} +1 -1
  165. package/dist/siemens-ix/p-b2ecf415.entry.js +1 -0
  166. package/dist/siemens-ix/{p-6d075808.entry.js → p-bf387a1f.entry.js} +1 -1
  167. package/dist/siemens-ix/p-c885685e.entry.js +1 -0
  168. package/dist/siemens-ix/{p-b8849072.entry.js → p-ded3a35d.entry.js} +1 -1
  169. package/dist/siemens-ix/{p-c1674778.entry.js → p-dfb5730f.entry.js} +1 -1
  170. package/dist/siemens-ix/{p-b49fbfc3.entry.js → p-e5397173.entry.js} +1 -1
  171. package/dist/siemens-ix/{p-b50dc630.entry.js → p-f24f1eb7.entry.js} +1 -1
  172. package/dist/siemens-ix/p-f3996fc1.entry.js +1 -0
  173. package/dist/siemens-ix/p-fe28a2be.entry.js +1 -0
  174. package/dist/siemens-ix/siemens-ix.css +37 -62
  175. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  176. package/dist/types/components/button/button.d.ts +1 -1
  177. package/dist/types/components/chip/chip.d.ts +1 -1
  178. package/dist/types/components/group/group-context-menu.d.ts +11 -0
  179. package/dist/types/components/modal/modal-utils.d.ts +10 -7
  180. package/dist/types/components/modal/modal.d.ts +2 -2
  181. package/dist/types/components/modal-container/modal-container.d.ts +2 -6
  182. package/dist/types/components.d.ts +22 -9
  183. package/package.json +1 -1
  184. package/scss/components/_buttons.scss +1 -12
  185. package/scss/components/_checkboxes.scss +14 -18
  186. package/scss/components/_modal.scss +1 -1
  187. package/scss/components/_radiobuttons.scss +12 -43
  188. package/scss/theme/classic-dark/_variables.scss +3 -3
  189. package/scss/theme/classic-light/_variables.scss +1 -2
  190. package/src/components/button/readme.md +1 -1
  191. package/src/components/chip/readme.md +9 -9
  192. package/src/components/group/readme.md +0 -22
  193. package/src/components/modal/readme.md +2 -2
  194. package/src/components/modal-container/readme.md +2 -2
  195. package/dist/siemens-ix/p-161561ef.entry.js +0 -1
  196. package/dist/siemens-ix/p-2f07c86a.js +0 -1
  197. package/dist/siemens-ix/p-41e42413.entry.js +0 -1
  198. package/dist/siemens-ix/p-5c038d1d.js +0 -2
  199. package/dist/siemens-ix/p-74e15a57.entry.js +0 -1
  200. package/dist/siemens-ix/p-a8b6454f.entry.js +0 -1
  201. package/dist/siemens-ix/p-b18d15c7.entry.js +0 -1
  202. package/dist/siemens-ix/p-c0a126c6.entry.js +0 -1
  203. package/dist/siemens-ix/p-d23706a7.js +0 -1
@@ -1 +0,0 @@
1
- import{r as i,h as o,g as t,H as s,c as a}from"./p-5c038d1d.js";import{T as d}from"./p-4944ad0b.js";import{a as l}from"./p-810b5232.js";import{A as e}from"./p-bdd294d2.js";const m=class{constructor(o){i(this,o)}async showModal(i){const o=new d,t=new d,s=document.createElement("ix-modal");let{title:a,content:l}=i,e=function(i,o){var t={};for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&o.indexOf(s)<0&&(t[s]=i[s]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(s=Object.getOwnPropertySymbols(i);a<s.length;a++)o.indexOf(s[a])<0&&Object.prototype.propertyIsEnumerable.call(i,s[a])&&(t[s[a]]=i[s[a]])}return t}(i,["title","content"]);if(Object.assign(s,Object.assign({headerTitle:a},e)),"string"==typeof l){const i=document.createElement("template");l=l.trim(),i.innerHTML=l,s.appendChild(i.content.firstChild)}else s.appendChild(l);return this.hostElement.appendChild(s),s.addEventListener("closed",(i=>{this.hostElement.removeChild(s),o.emit(i.detail)})),s.addEventListener("dismissed",(i=>{this.hostElement.removeChild(s),t.emit(i.detail)})),{onClose:o,onDismiss:t}}render(){return o(s,null)}get hostElement(){return t(this)}};m.style=".sc-ix-modal-container-h{position:absolute;top:0;left:0;z-index:9999}";const n=class{constructor(o){i(this,o),this.closed=a(this,"closed",7),this.dismissed=a(this,"dismissed",7),this.onKeydown=this.handleKeydown.bind(this),this.animation=!0,this.ariaDescribedBy=void 0,this.ariaLabelledBy="modal-title",this.backdrop=!0,this.backdropClass=void 0,this.beforeDismiss=void 0,this.centered=!1,this.content=void 0,this.keyboard=!0,this.icon=void 0,this.iconColor="color-std-text",this.modalDialogClass=void 0,this.scrollable=!0,this.size="sm",this.headerTitle=void 0,this.windowClass=void 0}get modal(){return this.hostElement.querySelector(".modal")}get modalDialog(){return this.modal.querySelector(".modal-dialog")}get modalContent(){return this.modalDialog.querySelector(".modal-content")}get modalBackdrop(){return this.hostElement.querySelector(".backdrop")}slideDown(i){l({targets:i,duration:this.animation?e.mediumTime:0,opacity:[0,1],translateY:["-100%",0],easing:"easeOutSine"})}slideUp(i,o){l({targets:i,duration:this.animation?e.mediumTime:0,opacity:[1,0],translateY:[0,"-100%"],easing:"easeInSine",complete:()=>{o&&o()}})}componentDidLoad(){"static"===this.backdrop&&this.modalBackdrop.addEventListener("click",this.dismiss.bind(this)),this.backdropClass&&this.modalBackdrop.classList.add(this.backdropClass),this.modalDialogClass&&this.modalDialog.classList.add(this.modalDialogClass),this.windowClass&&this.modal.classList.add(this.windowClass),this.keyboard&&window.addEventListener("keydown",this.onKeydown),this.slideDown(this.modalContent)}handleKeydown(i){"Escape"===i.key&&this.dismiss(i.key)}disconnectedCallback(){window.removeEventListener("keydown",this.onKeydown)}async dismiss(i){this.beforeDismiss?!1!==await this.beforeDismiss(i)&&this.slideUp(this.modalContent,(()=>this.dismissed.emit(i))):this.slideUp(this.modalContent,(()=>this.dismissed.emit(i)))}async close(i){this.slideUp(this.modalContent,(()=>this.closed.emit(i)))}render(){return o(s,null,o("div",{class:{animation:this.animation,modal:!0,backdrop:"static"===this.backdrop||this.backdrop,"align-items-center":this.centered,scrollable:this.scrollable},"aria-describedby":this.ariaDescribedBy,"aria-labelledby":this.ariaLabelledBy},o("div",{class:{"modal-dialog":!0,"modal-sm":"sm"===this.size,"modal-lg":"lg"===this.size,"modal-xl":"xl"===this.size}},o("div",{class:"modal-content"},void 0===this.icon||""===this.icon?"":o("div",{class:"state-icon-container"},o("ix-icon",{name:this.icon,size:"32",color:this.iconColor})),o("div",{class:"slot-container"},o("slot",null))))))}get hostElement(){return t(this)}};n.style=".sc-ix-modal-h{position:relative;width:100vw;height:100vh}.sc-ix-modal-h .modal.sc-ix-modal{display:flex}.sc-ix-modal-h .modal.animation.sc-ix-modal{animation:modal-fade 300ms ease-in-out}.sc-ix-modal-h .modal.backdrop.sc-ix-modal{background-color:var(--theme-color-lightbox);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:none}.sc-ix-modal-h .modal.backdrop.animation.sc-ix-modal{transition:-webkit-backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out, -webkit-backdrop-filter 0ms ease-in-out}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{flex-grow:1}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal{max-height:100%}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal .modal-body.sc-ix-modal{overflow-y:auto}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal{box-shadow:var(--theme-modal--box-shadow);flex-direction:row;background-color:var(--theme-modal--background);border:var(--modal--border-thickness) solid var(--theme-modal--border-color);padding:1.5rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .state-icon-container.sc-ix-modal{-webkit-margin-end:1rem;margin-inline-end:1rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .slot-container.sc-ix-modal{flex-grow:1}@media (min-width: 576px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal:not(.modal-dialog-centered){margin:2.5rem auto}}@media (max-width: 575.98px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{height:100%;margin:0}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal .modal-content.sc-ix-modal{height:100%;border-radius:0}}@keyframes modal-fade{from{opacity:0%}to{opacity:100%}}@keyframes slide-down{from{top:-100%}to{top:32px}}";export{m as M,n as a}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-5c038d1d.js";import{a}from"./p-c8cc3bb3.js";class r{constructor(t,e,i){this.hostElement=t,this.popoverElement=e,this.outsideCallback=i}outside(t){var e;(null===(e=this.hostElement)||void 0===e?void 0:e.contains(t.target))||this.outsideCallback(t)}open(t=256){this.popoverElement.style.transform=`\n translateX(${this.hostElement.offsetLeft+this.hostElement.offsetWidth}px)\n translateY(-${this.hostElement.offsetHeight}px)\n `,this.popoverElement.style.maxWidth=a(t),document.body.addEventListener("click",this.outside.bind(this))}destroy(){document.body.removeEventListener("click",this.outside.bind(this))}}const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.domObserver=new MutationObserver(this.onDomChange.bind(this)),this.isVisible=t=>{var e,i;return"none"!==t.style.display&&"none"!==(null===(i=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.style.display)},this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,this.applicationName=void 0,this.applicationDescription="",this.maxVisibleMenuItems=9,this.i18nLegal="About & legal information",this.i18nSettings="Settings",this.i18nToggleTheme="Toggle theme",this.i18nExpand=" Expand",this.i18nCollapse="Collapse",this.i18nMore="More…",this.expand=!1,this.showMoreItems=!1,this.visibleMenuItems=0,this.countMoreNotifications=0,this.mapExpand=!0,this.activeTab=void 0,this.isMoreTabEmpty=!1}onWindowResize(){this.visibleMenuItems=this.getMaxTabCount()}handleNodeMutation(t){t instanceof HTMLElement&&(t.matches(".tab")&&this.onWindowResize(),t.matches("ix-menu-about")&&this.menu.contains(t)&&this.appendAbout(),t.matches("ix-menu-settings")&&this.menu.contains(t)&&this.appendSettings())}onDomChange(t){t.forEach((t=>{t.addedNodes.forEach(this.handleNodeMutation.bind(this)),t.removedNodes.forEach(this.handleNodeMutation.bind(this))}))}get popoverArea(){return this.hostElement.querySelector("#popover-area")}get overlayContainer(){return this.hostElement.querySelector(".menu-overlay")}get invisibleContainer(){return this.hostElement.querySelector(".menu-overlay-invisible")}get menu(){return this.hostElement.querySelector(".menu")}get menuItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab)")).filter(this.isVisible)}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter(this.isVisible)}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutPopover(){return document.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item")).length}get avatarItem(){return this.hostElement.querySelector("ix-menu-avatar")}get tabsContainer(){return this.hostElement.querySelector("#menu-tabs")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;const n=this.hostElement.querySelector("#more-tab");this.popoverListener=new r(n,this.moreItemsDropdown,(()=>{this.showMoreItems=!1})),null===(t=this.settings)||void 0===t||t.addEventListener("close",(()=>{this.showSettings=!1,this.settings.show=this.showSettings})),null===(e=this.settings)||void 0===e||e.addEventListener("animationend",(()=>{this.showSettings||(this.settings.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),null===(i=this.about)||void 0===i||i.addEventListener("close",(()=>{this.showAbout=!1,this.about.show=this.showAbout})),null===(s=this.about)||void 0===s||s.addEventListener("animationend",(()=>{this.showAbout||(this.about.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),this.overlayContainer.classList.add("d-none"),this.onWindowResize(),this.domObserver.observe(this.hostElement,{attributes:!1,childList:!0,subtree:!0})}disconnectedCallback(){var t;null===(t=this.popoverListener)||void 0===t||t.destroy()}componentWillRender(){this.appendTabs()}componentDidRender(){this.visibleMenuItems=this.getMaxTabCount(),this.appendFragments()}appendFragments(){this.appendAvatar(),this.appendAbout(),this.appendSettings(),this.appendAboutNewsPopover(),this.isMoreTabEmpty=this.isMoreItemsDropdownEmpty,this.countMoreNotifications=this.getMoreNotificationsCount()}resetActiveTab(){this.activeTab=null}isMenuItemActive(t){return t.active||t.classList.contains("active")}appendTabs(){this.activeTab=null,this.homeTab&&(this.hostElement.querySelector(".tabs-top").appendChild(this.homeTab),this.homeTab.addEventListener("click",this.resetOverlay)),this.menuItems.forEach(((t,e)=>{var i;this.showTab(e)?t.classList.remove("d-none"):(t.classList.add("d-none"),this.isMenuItemActive(t)&&(this.activeTab=t)),null===(i=this.homeTab)||void 0===i||i.classList.remove("d-none"),t.addEventListener("click",this.resetOverlay)}))}appendAvatar(){var t;const e=this.avatarItem;e&&(e.style.marginBottom="1rem",null===(t=this.hostElement.querySelector("#avatar-tab-placeholder"))||void 0===t||t.appendChild(e))}getAboutPopoverVerticalPosition(){const t=this.aboutTab.getBoundingClientRect(),e=window.innerHeight-(t.bottom-t.height/2+6+6);return a(e)}appendAboutNewsPopover(){var t;this.aboutPopover&&(this.aboutPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!(null===(t=this.popoverArea)||void 0===t?void 0:t.contains(this.aboutPopover)))&&(this.aboutPopover.addEventListener("showMore",(()=>{var t;(null===(t=this.aboutPopover)||void 0===t?void 0:t.aboutItemLabel)&&(this.about.activeTabLabel=this.aboutPopover.aboutItemLabel,this.toggleAbout(!0))}).bind(this)),document.body.appendChild(this.aboutPopover))}appendSettings(){this.settings&&this.overlayContainer.appendChild(this.settings)}appendAbout(){this.about&&this.overlayContainer.appendChild(this.about)}getMoreNotificationsCount(){var t;const e=null===(t=this.moreItemsDropdown)||void 0===t?void 0:t.querySelectorAll(".appended");let i=0;return null==e||e.forEach((t=>{t.notifications&&(i+=t.notifications)})),i}getAvailableHeight(){let t=this.hostElement.clientHeight;return t-=60,this.avatarItem&&(t-=56),this.homeTab&&(t-=72),this.showAbout&&(t-=36),this.showSettings&&(t-=36),this.menuBottomItems.length&&(t-=36*this.menuBottomItems.length),this.enableMapExpand&&(t-=36),t-=72,t-=16,t}getMaxTabCount(){const t=this.getAvailableHeight(),e=Math.floor(t/48),i=this.menuItems.length;return 1===i?1:i<this.maxVisibleMenuItems?e>i?i:Math.min(e-2,i):i===this.maxVisibleMenuItems?e<this.maxVisibleMenuItems?e-2:e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:Math.min(e,this.maxVisibleMenuItems):e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:e>=this.maxVisibleMenuItems?this.maxVisibleMenuItems-1:Math.min(e-2,this.maxVisibleMenuItems)}toggleShowMoreDropdown(){0!==this.moreItemsDropdown.querySelectorAll(".appended").length&&(this.popoverListener.open(),this.showMoreItems=!this.showMoreItems)}async toggleMapExpand(t){this.skipAllOverlayAnimations(),this.mapExpand=void 0!==t?t:!this.mapExpand}skipAllOverlayAnimations(){this.about&&this.skipOverlayAnimationFor(this.about),this.settings&&this.skipOverlayAnimationFor(this.settings)}skipOverlayAnimationFor(t){const e="animate__animated";null==t||t.classList.remove(e),setTimeout((()=>{null==t||t.classList.add(e)}),300)}async toggleMenu(t){this.skipAllOverlayAnimations(),this.expand=void 0!==t?t:!this.expand,this.aboutPopover&&(this.aboutPopover.expanded=this.expand),this.expandChange.emit(this.expand)}async toggleSettings(t){var e;this.showAbout?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.about),null===(e=this.about)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings,this.settings.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}async toggleAbout(t){var e;this.showSettings?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.settings),null===(e=this.settings)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout,this.about.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=this.showSettings),this.about&&(this.about.show=this.showAbout)}showMoreButton(){const t=this.menuItems.length;return 1!==t&&(t<this.maxVisibleMenuItems?this.visibleMenuItems<t:t>this.maxVisibleMenuItems?this.visibleMenuItems<this.maxVisibleMenuItems:this.visibleMenuItems<=this.maxVisibleMenuItems-2)}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?"double-chevron-left":"double-chevron-right"}isMenuItemClicked(t){return t.composedPath().filter((t=>"more-tab"!==t.id)).filter((t=>"IX-MENU-ITEM"===t.tagName)).some((t=>this.tabsContainer.contains(t)))}render(){return i(s,{class:{expanded:this.expand}},i("div",{class:{menu:!0,expanded:this.expand},onClick:()=>{this.resetActiveTab()}},i("div",{onClick:async()=>this.toggleMenu(),class:{"burger-menu-button":!0,expanded:this.expand}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"32",height:"32"},i("rect",{class:"line line-1",x:"5",y:"9.5",width:"22",height:"2"}),i("rect",{class:"line line-2",x:"5",y:"15.5",width:"22",height:"2"}),i("rect",{class:"line line-3",x:"5",y:"21.5",width:"22",height:"2"}))),i("div",{id:"avatar-tab-placeholder"}),i("div",{id:"menu-tabs",style:{display:"contents"},onClick:t=>{this.isMenuItemClicked(t)&&this.resetOverlay()}},i("div",{class:"tabs-top"}),i("slot",null),i("div",{class:"active-more-tab"},this.activeTab?i("ix-menu-item",{class:"internal-tab",active:!0,tabIcon:this.activeTab.tabIcon},this.activeTab.innerText):null),i("ix-menu-item",{id:"more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications,onClick:()=>this.toggleShowMoreDropdown()},this.i18nMore,i("ix-dropdown",{show:this.showMoreItems},this.menuItems.filter(((t,e)=>!this.showTab(e)&&!this.isMenuItemActive(t)&&this.isVisible(t))).map((t=>i("ix-menu-item",{tabIcon:t.tabIcon,active:t.active,class:"internal-tab appended",onClick:()=>t.dispatchEvent(new CustomEvent("click"))},t.innerText)))))),i("div",{class:"bottom-tab-divider"}),this.enableSettings&&!this.isSettingsEmpty?i("ix-menu-item",{id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},tabIcon:"cogwheel",onClick:async()=>this.toggleSettings(!this.showSettings)},this.i18nSettings):null,i("slot",{name:"bottom"}),i("div",{id:"popover-area"}),this.about?i("ix-menu-item",{id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},tabIcon:"info",onClick:async()=>this.toggleAbout(!this.showAbout)},this.i18nLegal):null,this.enableToggleTheme?i("ix-menu-item",{id:"toggleTheme",onClick:()=>(()=>{let t=Array.from(document.body.classList).find((t=>t.includes("theme-")));t||(t="theme-classic-dark");const e=t.endsWith("-dark");let i=t;i=e?t.replace(/-dark$/g,"-light"):t.replace(/-light$/g,"-dark"),document.body.classList.remove(t),document.body.classList.add(i)})(),class:"internal-tab bottom-tab",tabIcon:"bulb"},this.i18nToggleTheme):null,this.enableMapExpand?i("ix-menu-item",{id:"menu-collapse",onClick:()=>this.mapExpandChange.emit(this.mapExpand),class:"internal-tab bottom-tab",tabIcon:`${this.getCollapseIcon()}`},this.getCollapseText()):null),i("div",{class:{"menu-overlay":!0,expanded:this.expand,"d-block":this.showAbout||this.showSettings},style:{opacity:this.showAbout||this.showSettings?"1":"0"}}),i("div",{class:"menu-overlay-invisible"}))}get hostElement(){return n(this)}};m.style="ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 150ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}";const h=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="About & legal information",this.show=!1,this.labels=[]}get aboutItems(){return Array.from(this.el.querySelectorAll("ix-menu-about-item"))}setTab(t){this.activeTabLabel=t,this.aboutItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.aboutItems.length&&this.setTab(this.activeTabLabel||this.aboutItems[0].label)}componentDidLoad(){o(this.el)}componentWillRender(){this.updateLabels()}updateLabels(){this.labels=this.aboutItems.map((t=>t.label))}watchActiveTabLabel(t){setTimeout((()=>this.setTab(t)))}getSelectedTabIndex(t){const e=this.aboutItems.find((e=>e.label===t));return this.aboutItems.indexOf(e)}getTabItems(){return this.aboutItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"about-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",{selected:this.getSelectedTabIndex(this.activeTabLabel),class:"about-tabs"},this.getTabItems()),i("div",{class:"about-items"},i("slot",null)))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};h.style=".text-xs.sc-ix-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{-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-menu-about{color:var(--theme-color-primary)}.sc-ix-menu-about-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-about-h .about-header.sc-ix-menu-about{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-about-h .about-header.sc-ix-menu-about h2.sc-ix-menu-about{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-about-h .about-tabs.sc-ix-menu-about{margin-bottom:1.5rem}.sc-ix-menu-about-h ix-menu-about-item.sc-ix-menu-about{display:none}";const l=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};l.style=".sc-ix-menu-about-item-h{display:block}";const c=class{constructor(i){t(this,i),this.showMore=e(this,"showMore",7),this.closePopover=e(this,"closePopover",7),this.show=!1,this.label=void 0,this.i18nShowMore="Show more",this.aboutItemLabel=void 0,this.offsetBottom=0,this.expanded=!1}render(){return i(s,{class:{expanded:this.expanded,show:!this.show}},i("div",{class:"banner-container"},i("ix-icon",{color:"color-inv-contrast-text",name:"shout",size:"32"}),i("svg",{viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},i("polygon",{points:"0 0 48 0 48 56 24 48 0 56"}))),i("div",{class:"cui-popover-news-header"},i("span",{class:"text-l-title"},this.label)),i("ix-icon-button",{size:"24",icon:"close-small",ghost:!0,onClick:()=>{this.show=!1,this.closePopover.emit()}}),i("slot",null),this.aboutItemLabel?i("div",{class:"cui-popover-news-footer"},i("button",{class:"btn btn-primary",onClick:t=>{this.show=!1,this.showMore.emit(t)}},this.i18nShowMore)):null,i("svg",{id:"arrow",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12"},i("path",{d:"M8 0 L0 6 L8 12"})))}};c.style=".sc-ix-menu-about-news-h{display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-1);border:var(--theme-weak-bdr-1);border-radius:0.25rem;padding:1rem;left:4rem;z-index:10000;transition:left var(--animate-duration);margin-left:0.5rem !important;box-shadow:var(--theme-box-shadow-level-2)}.expanded.sc-ix-menu-about-news-h{left:calc(4rem + 12rem)}.show.sc-ix-menu-about-news-h{display:none}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news{position:absolute;top:0.0625rem;left:1rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news{position:absolute;height:3.625rem;width:3rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news polygon.sc-ix-menu-about-news{fill:var(--theme-color-primary)}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news ix-icon.sc-ix-menu-about-news{margin:0.5rem;position:absolute;z-index:1}.sc-ix-menu-about-news-h .cui-popover-news-header.sc-ix-menu-about-news{margin-bottom:2rem;margin-left:4rem;margin-top:-0.25rem}.sc-ix-menu-about-news-h .popover-body.sc-ix-menu-about-news{color:var(--theme-color-std-text)}.sc-ix-menu-about-news-h .cui-popover-news-footer.sc-ix-menu-about-news{display:flex;justify-content:flex-end;margin-top:1rem}.sc-ix-menu-about-news-h #arrow.sc-ix-menu-about-news{bottom:14px;position:relative;left:-10px}.sc-ix-menu-about-news-h ix-icon-button.sc-ix-menu-about-news{top:0.5rem;right:0.5rem;position:absolute}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news{position:absolute;left:-0.5rem;bottom:0.4rem}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news path.sc-ix-menu-about-news{fill:var(--theme-color-1);stroke:var(--theme-color-weak-bdr-1)}";const u=class{constructor(i){t(this,i),this.logoutClick=e(this,"logoutClick",7),this.displayMenu=void 0,this.top=void 0,this.bottom=void 0,this.i18nLogout="Logout"}toggleMenu(){this.outsideListener.open(),this.displayMenu=!this.displayMenu}componentDidLoad(){this.outsideListener=new r(this.hostElement,this.hostElement.querySelector("ix-dropdown"),(()=>{this.displayMenu=!1}))}disconnectedCallback(){var t;null===(t=this.outsideListener)||void 0===t||t.destroy()}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"}))),i("div",{class:"avatar-name"},i("span",{class:"text-default-single",title:this.top},this.top),i("span",{class:"text-default-single",title:this.bottom},this.bottom))),i("ix-dropdown",{show:this.displayMenu},i("slot",null),i("ix-menu-avatar-item",{label:this.i18nLogout,icon:"log-out",onClick:t=>{this.logoutClick.emit(t)}})))}get hostElement(){return n(this)}};u.style=".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-color-4)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";const d=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return i("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return n(this)}};d.style=".sc-ix-menu-avatar-item-h{display:block}";const b=class{constructor(e){t(this,e),this.home=!1,this.bottom=!1,this.tabIcon="document",this.notifications=void 0,this.active=void 0,this.disabled=void 0,this.title=void 0}get tabLabel(){return this.hostElement.querySelector(".tab-text")}componentDidRender(){const t=this.tabLabel.innerHTML.replace("&amp;","&");this.title!==t&&(this.title=t)}render(){return i(s,{class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active}},i("li",{class:"tab",title:this.title},i("i",{class:`glyph glyph-${this.tabIcon}`},i("div",{class:"notification"},this.notifications?i("div",{class:"pill"},this.notifications):null)),i("span",{class:"tab-text text-default"},i("slot",null))))}get hostElement(){return n(this)}};b.style='ix-menu-item{position:relative;display:block}ix-menu-item .tab{display:flex;position:relative;align-items:center;height:3rem;z-index:500;padding-left:1.25rem}ix-menu-item .tab:not(.selected){cursor:pointer}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).hover,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).active,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu-item i.glyph{color:var(--theme-nav-item-primary-icon--color);position:relative}ix-menu-item .tab:focus-visible{outline:none}ix-menu-item:focus-visible{outline:none}ix-menu-item .tab:not(:last-child){margin-bottom:0.5rem}ix-menu-item .notification{display:inline-flex;position:absolute;top:-0.5rem;right:-50%}ix-menu-item .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:1rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);border-radius:6.25rem;font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}ix-menu-item .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}ix-menu-item.active .tab,ix-menu-item.selected .tab{background-color:var(--theme-nav-item-primary--background--selected)}ix-menu-item.active .tab::before,ix-menu-item.selected .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:3rem;width:0.25rem;left:0;position:absolute}ix-menu-item.active .tab>.glyph,ix-menu-item.selected .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}ix-menu-item.disabled{color:var(--theme-color-weak-text);pointer-events:none;cursor:default}ix-menu-item.disabled .tab>.glyph{color:var(--theme-color-weak-text)}ix-menu-item.disabled .tab-text{color:var(--theme-color-weak-text)}ix-menu-item.home-tab,ix-menu-item[slot=home]{margin-bottom:1.5rem}ix-menu-item.bottom-tab,ix-menu-item[slot=bottom]{height:2.25rem}ix-menu-item.bottom-tab .tab,ix-menu-item[slot=bottom] .tab{height:2.25rem}ix-menu-item.bottom-tab .tab::before,ix-menu-item[slot=bottom] .tab::before{height:2.25rem}ix-menu-item.bottom-tab.active .tab,ix-menu-item.bottom-tab.selected .tab,ix-menu-item[slot=bottom].active .tab,ix-menu-item[slot=bottom].selected .tab{background-color:var(--theme-color-1)}';const g=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="Settings",this.show=!1}get settingsItems(){return Array.from(this.el.querySelectorAll("ix-menu-settings-item"))}setTab(t){this.activeTabLabel=t,this.settingsItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.settingsItems.length&&this.setTab(this.activeTabLabel||this.settingsItems[0].label)}componentDidLoad(){o(this.el)}watchActiveTabLabel(t){this.setTab(t)}getTabItems(){return this.settingsItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"settings-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",null,this.getTabItems()),i("slot",null))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};g.style=".text-xs.sc-ix-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{-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-menu-settings{color:var(--theme-color-primary)}.sc-ix-menu-settings-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings h2.sc-ix-menu-settings{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-settings-h .settings-tabs.sc-ix-menu-settings{margin-bottom:1.5rem}";const x=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};x.style=".sc-ix-menu-settings-item-h{display:block}";export{m as ix_menu,h as ix_menu_about,l as ix_menu_about_item,c as ix_menu_about_news,u as ix_menu_avatar,d as ix_menu_avatar_item,b as ix_menu_item,g as ix_menu_settings,x as ix_menu_settings_item}
@@ -1,2 +0,0 @@
1
- let t,e,n,l=!1,o=!1,s=!1,r=!1,c=!1;const i={},f=t=>"object"==(t=typeof t)||"function"===t,u=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const c=[],i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!f(l))&&(l+=""),s&&r?c[c.length-1].t+=l:c.push(s?a(null,l):l),r=s)};if(i(n),e){e.name&&(o=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,h);const u=a(t,null);return u.l=e,c.length>0&&(u.o=c),u.i=o,u},a=(t,e)=>({u:0,h:t,t:e,m:null,o:null,l:null,i:null}),d={},h={forEach:(t,e)=>t.map(m).forEach(e),map:(t,e)=>t.map(m).map(e).map($)},m=t=>({vattrs:t.l,vchildren:t.o,vkey:t.$,vname:t.i,vtag:t.h,vtext:t.t}),$=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),u(t.vtag,e,...t.vchildren||[])}const e=a(t.vtag,t.vtext);return e.l=t.vattrs,e.o=t.vchildren,e.$=t.vkey,e.i=t.vname,e},p=t=>it(t).p,b=(t,e,n)=>{const l=p(t);return{emit:t=>y(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},y=(t,e,n)=>{const l=yt.ce(e,n);return t.dispatchEvent(l),l},w=new WeakMap,g=t=>"sc-"+t.g,v=(t,e,n,l,o,s)=>{if(n!==l){let r=at(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=O(n),s=O(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const c=f(l);if((r||c&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||o)&&!c&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):at(pt,c)?c.slice(2):c[2]+e.slice(3),n&&yt.rel(t,e,n,!1),l&&yt.ael(t,e,l,!1)}},j=/\s/,O=t=>t?t.split(j):[],S=(t,e,n,l)=>{const o=11===e.m.nodeType&&e.m.host?e.m.host:e.m,s=t&&t.l||i,r=e.l||i;for(l in s)l in r||v(o,l,s[l],void 0,n,e.u);for(l in r)v(o,l,s[l],r[l],n,e.u)},k=(o,c,i,f)=>{const u=c.o[i];let a,d,h,m=0;if(l||(s=!0,"slot"===u.h&&(t&&f.classList.add(t+"-s"),u.u|=u.o?2:1)),null!==u.t)a=u.m=bt.createTextNode(u.t);else if(1&u.u)a=u.m=bt.createTextNode("");else{if(r||(r="svg"===u.h),a=u.m=bt.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.u?"slot-fb":u.h),r&&"foreignObject"===u.h&&(r=!1),S(null,u,r),null!=t&&a["s-si"]!==t&&a.classList.add(a["s-si"]=t),u.o)for(m=0;m<u.o.length;++m)d=k(o,u,m,a),d&&a.appendChild(d);"svg"===u.h?r=!1:"foreignObject"===a.tagName&&(r=!0)}return a["s-hn"]=n,3&u.u&&(a["s-sr"]=!0,a["s-cr"]=e,a["s-sn"]=u.i||"",h=o&&o.o&&o.o[i],h&&h.h===u.h&&o.m&&C(o.m,!1)),a},C=(t,e)=>{yt.u|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const o=l[t];o["s-hn"]!==n&&o["s-ol"]&&(E(o).insertBefore(o,N(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&C(o,e)}yt.u&=-2},M=(t,e,l,o,s,r)=>{let c,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=k(null,l,s,t),c&&(o[s].m=c,i.insertBefore(c,N(e))))},x=(t,e,n,l,s)=>{for(;e<=n;++e)(l=t[e])&&(s=l.m,F(l),o=!0,s["s-ol"]?s["s-ol"].remove():C(s,!0),s.remove())},R=(t,e)=>t.h===e.h&&("slot"!==t.h||t.i===e.i),N=t=>t&&t["s-ol"]||t,E=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,P=(t,e)=>{const n=e.m=t.m,l=t.o,o=e.o,s=e.h,c=e.t;let i;null===c?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||S(t,e,r),null!==l&&null!==o?((t,e,n,l)=>{let o,s=0,r=0,c=e.length-1,i=e[0],f=e[c],u=l.length-1,a=l[0],d=l[u];for(;s<=c&&r<=u;)null==i?i=e[++s]:null==f?f=e[--c]:null==a?a=l[++r]:null==d?d=l[--u]:R(i,a)?(P(i,a),i=e[++s],a=l[++r]):R(f,d)?(P(f,d),f=e[--c],d=l[--u]):R(i,d)?("slot"!==i.h&&"slot"!==d.h||C(i.m.parentNode,!1),P(i,d),t.insertBefore(i.m,f.m.nextSibling),i=e[++s],d=l[--u]):R(f,a)?("slot"!==i.h&&"slot"!==d.h||C(f.m.parentNode,!1),P(f,a),t.insertBefore(f.m,i.m),f=e[--c],a=l[++r]):(o=k(e&&e[r],n,r,t),a=l[++r],o&&E(i.m).insertBefore(o,N(i.m)));s>c?M(t,null==l[u+1]?null:l[u+1].m,n,l,r,u):r>u&&x(e,s,c)})(n,l,e,o):null!==o?(null!==t.t&&(n.textContent=""),M(n,null,e,o,0,o.length-1)):null!==l&&x(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:t.t!==c&&(n.data=c)},T=t=>{const e=t.childNodes;let n,l,o,s,r,c;for(l=0,o=e.length;l<o;l++)if(n=e[l],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=e[s].nodeType,e[s]["s-hn"]!==n["s-hn"]||""!==r){if(1===c&&r===e[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==e[s].textContent.trim()){n.hidden=!0;break}T(n)}},L=[],W=t=>{let e,n,l,s,r,c,i=0;const f=t.childNodes,u=f.length;for(;i<u;i++){if(e=f[i],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(A(n,s)?(r=L.find((t=>t.v===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.j=e:L.push({j:e,v:n}),n["s-sr"]&&L.map((t=>{A(t.v,n["s-sn"])&&(r=L.find((t=>t.v===n)),r&&!t.j&&(t.j=r.j))}))):L.some((t=>t.v===n))||L.push({v:n}));1===e.nodeType&&W(e)}},A=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,F=t=>{t.l&&t.l.ref&&t.l.ref(null),t.o&&t.o.map(F)},D=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},H=(t,e)=>{if(t.u|=16,!(4&t.u))return D(t,t.S),Mt((()=>U(t,e)));t.u|=512},U=(t,e)=>{const n=t.k;let l;return e&&(t.u|=256,t.C&&(t.C.map((([t,e])=>G(n,t,e))),t.C=null),l=G(n,"componentWillLoad")),l=I(l,(()=>G(n,"componentWillRender"))),I(l,(()=>q(t,n,e)))},q=async(t,e,n)=>{const l=t.p,o=l["s-rc"];n&&(t=>{const e=t.M,n=t.p,l=e.u,o=((t,e)=>{let n=g(e);const l=$t.get(n);if(t=11===t.nodeType?t:bt,l)if("string"==typeof l){let e,o=w.get(t=t.head||t);o||w.set(t,o=new Set),o.has(n)||(e=bt.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);V(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>_(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},V=(r,c)=>{try{c=c.render(),r.u&=-17,r.u|=2,((r,c)=>{const i=r.p,f=r.M,h=r.R||a(null,null),m=(t=>t&&t.h===d)(c)?c:u(null,null,c);if(n=i.tagName,f.N&&(m.l=m.l||{},f.N.map((([t,e])=>m.l[e]=i[t]))),m.h=null,m.u|=4,r.R=m,m.m=h.m=i.shadowRoot||i,t=i["s-sc"],e=i["s-cr"],l=0!=(1&f.u),o=!1,P(h,m),yt.u|=1,s){let t,e,n,l,o,s;W(m.m);let r=0;for(;r<L.length;r++)t=L[r],e=t.v,e["s-ol"]||(n=bt.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<L.length;r++)if(t=L[r],e=t.v,t.j){for(l=t.j.parentNode,o=t.j.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===e["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,o))}else 1===e.nodeType&&(e.hidden=!0)}o&&T(m.m),yt.u&=-2,L.length=0})(r,c)}catch(t){dt(t,r.p)}return null},_=t=>{const e=t.p,n=t.k,l=t.S;G(n,"componentDidRender"),64&t.u||(t.u|=64,J(e),G(n,"componentDidLoad"),t.P(e),l||B()),t.T(e),t.O&&(t.O(),t.O=void 0),512&t.u&&Ct((()=>H(t,!1))),t.u&=-517},z=t=>{{const e=it(t),n=e.p.isConnected;return n&&2==(18&e.u)&&H(e,!1),n}},B=()=>{J(bt.documentElement),Ct((()=>y(pt,"appload",{detail:{namespace:"siemens-ix"}})))},G=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){dt(t)}},I=(t,e)=>t&&t.then?t.then(e):e(),J=t=>t.classList.add("hydrated"),K=(t,e,n)=>{if(e.L){t.watchers&&(e.W=t.watchers);const l=Object.entries(e.L),o=t.prototype;if(l.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,t,{get(){return((t,e)=>it(this).A.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=it(t),s=o.p,r=o.A.get(e),c=o.u,i=o.k;if(n=((t,e)=>null==t||f(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.L[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.A.set(e,n),i)){if(l.W&&128&c){const t=l.W[e];t&&t.map((t=>{try{i[t](n,r,e)}catch(t){dt(t,s)}}))}2==(18&c)&&H(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=it(this);return n.F.then((()=>n.k[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){yt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const o=l[1]||t;return n.set(o,t),512&l[0]&&e.N.push([t,o]),o}))}}return t},Q=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=Y(t),n=Z(this.childNodes,e);if(n){const l=tt(n,e),o=l[l.length-1];return o.parentNode.insertBefore(t,o.nextSibling)}return this.__appendChild(t)}},X=(t,e)=>{class n extends Array{item(t){return this[t]}}if(8&e.u){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get:()=>t.children.length}),Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if(0==(1&yt.u)&&2&it(this).u){const e=new n;for(let n=0;n<t.length;n++){const l=t[n]["s-nr"];l&&e.push(l)}return e}return n.from(t)}})}},Y=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||"",Z=(t,e)=>{let n,l=0;for(;l<t.length;l++){if(n=t[l],n["s-sr"]&&n["s-sn"]===e)return n;if(n=Z(n.childNodes,e),n)return n}return null},tt=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},et=(t,e={})=>{const n=[],l=e.exclude||[],o=pt.customElements,s=bt.head,r=s.querySelector("meta[charset]"),c=bt.createElement("style"),i=[];let f,u=!0;Object.assign(yt,e),yt.D=new URL(e.resourcesUrl||"./",bt.baseURI).href,t.map((t=>{t[1].map((e=>{const s={u:e[0],g:e[1],L:e[2],H:e[3]};s.L=e[2],s.H=e[3],s.N=[],s.W={};const r=s.g,c=class extends HTMLElement{constructor(t){super(t),ut(t=this,s),1&s.u&&t.attachShadow({mode:"open"}),X(t,s)}connectedCallback(){f&&(clearTimeout(f),f=null),u?i.push(this):yt.jmp((()=>(t=>{if(0==(1&yt.u)){const e=it(t),n=e.M,l=()=>{};if(1&e.u)lt(t,e,n.H);else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=bt.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){D(e,e.S=n);break}}n.L&&Object.entries(n.L).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,o)=>{if(0==(32&e.u)){{if(e.u|=32,(o=mt(n)).then){const t=()=>{};o=await o,t()}o.isProxied||(n.W=o.watchers,K(o,n,2),o.isProxied=!0);const t=()=>{};e.u|=8;try{new o(e)}catch(t){dt(t)}e.u&=-9,e.u|=128,t()}if(o.style){let t=o.style;const e=g(n);if(!$t.has(e)){const l=()=>{};((t,e,n)=>{let l=$t.get(t);gt&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,$t.set(t,l)})(e,t,!!(1&n.u)),l()}}}const s=e.S,r=()=>H(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){yt.jmp((()=>(()=>{if(0==(1&yt.u)){const t=it(this),e=t.k;t.U&&(t.U.map((t=>t())),t.U=void 0),G(e,"disconnectedCallback")}})()))}componentOnReady(){return it(this).q}};Q(c.prototype),s.V=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,K(c,s,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),u=!1,i.length?i.map((t=>t.connectedCallback())):yt.jmp((()=>f=setTimeout(B,30)))},nt=(t,e)=>e,lt=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=st(t,n),r=ot(e,o),c=rt(n);yt.ael(s,l,r,c),(e.U=e.U||[]).push((()=>yt.rel(s,l,r,c)))}))},ot=(t,e)=>n=>{try{256&t.u?t.k[e](n):(t.C=t.C||[]).push([e,n])}catch(t){dt(t)}},st=(t,e)=>8&e?pt:t,rt=t=>0!=(2&t),ct=new WeakMap,it=t=>ct.get(t),ft=(t,e)=>ct.set(e.k=t,e),ut=(t,e)=>{const n={u:0,p:t,M:e,A:new Map};return n.F=new Promise((t=>n.T=t)),n.q=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[],lt(t,n,e.H),ct.set(t,n)},at=(t,e)=>e in t,dt=(t,e)=>(0,console.error)(t,e),ht=new Map,mt=t=>{const e=t.g.replace(/-/g,"_"),n=t.V,l=ht.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(ht.set(n,t),t[e])),dt)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$t=new Map,pt="undefined"!=typeof window?window:{},bt=pt.document||{head:{}},yt={u:0,D:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},wt=t=>Promise.resolve(t),gt=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),vt=[],jt=[],Ot=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&yt.u?Ct(kt):yt.raf(kt))},St=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){dt(t)}t.length=0},kt=()=>{St(vt),St(jt),(c=vt.length>0)&&yt.raf(kt)},Ct=t=>wt().then(t),Mt=Ot(jt,!0);export{nt as F,d as H,et as b,b as c,z as f,p as g,u as h,wt as p,ft as r}
@@ -1 +0,0 @@
1
- export{a as ix_modal,M as ix_modal_container}from"./p-2f07c86a.js";import"./p-5c038d1d.js";import"./p-4944ad0b.js";import"./p-810b5232.js";import"./p-bdd294d2.js";
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as s,g as c}from"./p-5c038d1d.js";const n=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])}componentDidLoad(){this.labelMutationObserver=new MutationObserver((()=>{this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])})),this.labelMutationObserver.observe(this.hostElement,{subtree:!0,attributes:!0,attributeFilter:["label"]})}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.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)}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"},this.isMultipleMode?i("div",{class:"chips"},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)))):null,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.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"})))),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),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",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:!0},i("div",{class:"select-list-header"},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"]}}};n.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;height:calc(2rem - 2 * var(--theme-input--border-thickness));width:100%}.sc-ix-select-h .input-container.allow-clear.sc-ix-select{padding-right:3.5rem}.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-width:70%;flex-shrink:0;margin:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin: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%;-webkit-margin-end:2rem;margin-inline-end:2rem}.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 .clear.sc-ix-select{position:absolute;right:2rem}.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{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}.sc-ix-select-h ix-dropdown.sc-ix-select{background-color:var(--theme-select-list--background)}";const h=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")}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)}};h.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{n as ix_select,h as ix_select_item}
@@ -1 +0,0 @@
1
- import{r as n,h as m,H as o}from"./p-5c038d1d.js";const c=class{constructor(m){n(this,m)}render(){return m(o,null)}};c.style=".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}.sc-my-component-h main.sc-my-component{width:100%;padding:2rem}.sc-my-component-h ix-chip.sc-my-component{-webkit-margin-after:1rem;margin-block-end:1rem}";export{c as my_component}
@@ -1 +0,0 @@
1
- import{r as e,c as o,h as r,H as t,g as i}from"./p-5c038d1d.js";const s=class{constructor(r){e(this,r),this.selectGroup=o(this,"selectGroup",7),this.selectItem=o(this,"selectItem",7),this.collapsedChanged=o(this,"collapsedChanged",7),this.suppressHeaderSelection=!1,this.header=void 0,this.subHeader=void 0,this.collapsed=!0,this.selected=void 0,this.index=void 0,this.expandOnHeaderClick=!1,this.dropdownTriggerRef=void 0}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.querySelector(".group-content")}get footer(){return this.hostElement.querySelector(".footer")}async onKeyDown(e){const o=e.target;!this.hostElement.contains(o)||"Enter"!==e.code&&"NumpadEnter"!==e.code||(o.classList.contains("group-header")?this.suppressHeaderSelection?this.collapsed=!this.collapsed:this.selected=!this.selected:o.matches("ix-group-item")&&(o.selected=!o.selected))}onExpandClick(e){const o=this.collapsed;this.collapsed=!this.collapsed,o||void 0===this.index||(this.index=void 0,this.setGroupSelection(!0)),this.collapsedChanged.emit(this.collapsed),e.stopPropagation()}onHeaderClick(e){this.setGroupSelection(!this.selected),this.suppressHeaderSelection&&this.onExpandClick(e)}onItemClick(e){e===this.index?(this.index=void 0,this.selectItem.emit(void 0)):(this.index=e,this.selectItem.emit(e)),this.setGroupSelection(!1)}setGroupSelection(e){this.suppressHeaderSelection||(this.selected=e,this.selectGroup.emit(this.selected))}componentWillRender(){var e;this.groupItems.forEach(((e,o)=>{var r;e.selected=o===this.index,e.index=o,e.classList.remove("last"),(null===(r=this.footer)||void 0===r?void 0:r.children.length)||o!==this.groupItems.length-1||e.classList.add("last")})),(null===(e=this.footer)||void 0===e?void 0:e.childElementCount)>1&&this.groupContent.appendChild(this.footer)}componentDidLoad(){this.groupContent.addEventListener("selectedChanged",(e=>{this.onItemClick(e.detail.index)}))}render(){return r(t,null,r("div",{class:{"group-header":!0,expand:!this.collapsed,selected:this.selected},tabindex:"0"},r("div",{class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{class:"group-header-selection-indicator"}),r("ix-icon",{class:"btn-expand-header",name:`chevron-${this.collapsed?"right":"down"}-small`,onClick:e=>this.onExpandClick(e)}),r("div",{class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{name:"header"}))),r("div",{class:{"group-header-context-button":!0,"d-none":!1}},r("ix-icon-button",{ref:e=>this.dropdownTriggerRef=e,size:"24",ghost:!0,icon:"context-menu"}),r("ix-dropdown",{trigger:this.dropdownTriggerRef},r("slot",{name:"dropdown"})))),r("div",{class:{"group-content":!0,"d-none":this.collapsed}},r("slot",null)),r("div",{class:"d-none"},r("ix-group-item",{class:"footer last",suppressSelection:!0,focusable:!1},r("slot",{name:"footer"}))))}get hostElement(){return i(this)}};s.style=".sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;max-width:19.75rem;border-color:var(--theme-group-item--border-color)}.sc-ix-group-h .group-header-context-button.sc-ix-group{display:block;position:relative;margin-top:5px;margin-right:5px;margin-left:auto}.sc-ix-group-h .group-header-context-button.sc-ix-group ix-icon-button.sc-ix-group::after{display:none}.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:0.25rem;border:var(--theme-std-bdr-1);display:flex;background-color:var(--theme-group-item--background);border:1px solid var(--theme-group-item--border-color);color:var(--theme-group-header--color);cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color);border-radius:var(--theme-group--border-radius--focus);outline:none}.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}.sc-ix-group-h .group-header.expand.sc-ix-group{border-bottom-left-radius:0;border-bottom-right-radius:0}.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem}.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;padding:0.5rem;padding-left:0;width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column}.sc-ix-group-h .group-header.selected.sc-ix-group{border:var(--theme-primary-bdr-2);background-color:var(--theme-group-item--background--selected)}.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input-focus)}.sc-ix-group-h .footer.sc-ix-group{height:auto;min-height:0}";const n=class{constructor(o){e(this,o),this.label=void 0,this.icon=void 0}render(){return r(t,null,r("ix-dropdown-item",{label:this.label,icon:this.icon},r("slot",null)))}};n.style=".sc-ix-group-dropdown-item-h{display:contents}";const c=class{constructor(r){e(this,r),this.selectedChanged=o(this,"selectedChanged",7),this.icon=void 0,this.text=void 0,this.secondaryText=void 0,this.suppressSelection=!1,this.selected=void 0,this.focusable=!0,this.index=void 0}clickListen(){this.suppressSelection||this.selectedChanged.emit(this.hostElement)}render(){return r(t,{class:{selected:this.selected&&!this.suppressSelection,"suppress-selection":this.suppressSelection},tabindex:this.focusable?0:-1},r("div",{class:"group-entry-selection-indicator"}),this.icon?r("ix-icon",{size:"16",name:this.icon}):null,this.text?r("span",{class:"group-entry-text"},r("span",{title:this.text},this.text)):null,this.secondaryText?r("span",{class:"group-entry-text-secondary"},r("span",{title:this.secondaryText},this.secondaryText)):null,r("slot",null))}get hostElement(){return i(this)}};c.style=".sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem;align-items:center;justify-content:space-between;padding:0.5rem 1.5rem 0.5rem 2.5rem;position:relative;margin-top:0.0625rem;border:1px solid var(--theme-group-item--border-color);outline:none;background-color:var(--theme-group-item--background)}.last.sc-ix-group-item-h{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem}.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:0;height:100%;width:0.25rem}.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text);font-size:0.875rem}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;border-color:var(--theme-group-item--border-color--selected);background-color:var(--theme-group-item--background--selected)}.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-color-input-focus)}.sc-ix-group-item-h:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color) !important}";export{s as ix_group,n as ix_group_dropdown_item,c as ix_group_item}
@@ -1 +0,0 @@
1
- async function n(n){const t=function(){const n=Array.from(document.querySelectorAll("ix-modal-container")),[t]=n;if(n.length>1)return console.warn("Multiple modal container are found. Only there first is used."),t;if(!t){const n=document.createElement("ix-modal-container");return document.body.appendChild(n),n}return t}();return await t.showModal(n)}function t(n){return n.closest("ix-modal")}function o(n,o){t(n).close(o)}function r(n,o){t(n).dismiss(o)}export{o as c,r as d,n as m}