@siemens/ix 1.2.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 (153) hide show
  1. package/dist/cjs/{index-17eb8998.js → index-354a8c3d.js} +3 -0
  2. package/dist/cjs/index.cjs.js +2 -2
  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 +1 -1
  22. package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-icon-button.cjs.entry.js +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  46. package/dist/cjs/{modal-e4a6983d.js → modal-a5b22d3f.js} +1 -1
  47. package/dist/cjs/my-component.cjs.entry.js +1 -1
  48. package/dist/cjs/siemens-ix.cjs.js +1 -1
  49. package/dist/collection/components/button/button.js +1 -1
  50. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +1 -1
  51. package/dist/components/map-navigation-overlay.js +1 -1
  52. package/dist/esm/{index-6f4f3582.js → index-7746a810.js} +3 -1
  53. package/dist/esm/index.js +2 -2
  54. package/dist/esm/ix-animated-tab_2.entry.js +1 -1
  55. package/dist/esm/ix-application-header.entry.js +1 -1
  56. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  57. package/dist/esm/ix-blind.entry.js +1 -1
  58. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  59. package/dist/esm/ix-button.entry.js +1 -1
  60. package/dist/esm/ix-category-filter.entry.js +1 -1
  61. package/dist/esm/ix-chip.entry.js +1 -1
  62. package/dist/esm/ix-counter-pill.entry.js +1 -1
  63. package/dist/esm/ix-date-picker_2.entry.js +1 -1
  64. package/dist/esm/ix-date-time-card.entry.js +1 -1
  65. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  66. package/dist/esm/ix-drawer.entry.js +1 -1
  67. package/dist/esm/ix-dropdown_2.entry.js +1 -1
  68. package/dist/esm/ix-event-list_2.entry.js +1 -1
  69. package/dist/esm/ix-expanding-search.entry.js +1 -1
  70. package/dist/esm/ix-filter-chip.entry.js +1 -1
  71. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  72. package/dist/esm/ix-group-context-menu.entry.js +1 -1
  73. package/dist/esm/ix-group_3.entry.js +1 -1
  74. package/dist/esm/ix-icon-button.entry.js +1 -1
  75. package/dist/esm/ix-icon.entry.js +1 -1
  76. package/dist/esm/ix-input-group.entry.js +1 -1
  77. package/dist/esm/ix-kpi.entry.js +1 -1
  78. package/dist/esm/ix-map-navigation_2.entry.js +2 -2
  79. package/dist/esm/ix-menu_9.entry.js +2 -2
  80. package/dist/esm/ix-message-bar.entry.js +1 -1
  81. package/dist/esm/ix-modal-example.entry.js +1 -1
  82. package/dist/esm/ix-modal_2.entry.js +2 -2
  83. package/dist/esm/ix-pill.entry.js +1 -1
  84. package/dist/esm/ix-select_2.entry.js +1 -1
  85. package/dist/esm/ix-spinner.entry.js +1 -1
  86. package/dist/esm/ix-split-button_2.entry.js +1 -1
  87. package/dist/esm/ix-tab-item.entry.js +1 -1
  88. package/dist/esm/ix-tabs.entry.js +1 -1
  89. package/dist/esm/ix-tile.entry.js +1 -1
  90. package/dist/esm/ix-toast_2.entry.js +1 -1
  91. package/dist/esm/ix-toggle.entry.js +1 -1
  92. package/dist/esm/ix-tree_2.entry.js +1 -1
  93. package/dist/esm/ix-upload.entry.js +1 -1
  94. package/dist/esm/ix-validation-tooltip.entry.js +1 -1
  95. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  96. package/dist/esm/loader.js +1 -1
  97. package/dist/esm/{modal-e7343756.js → modal-9c9eaf8e.js} +1 -1
  98. package/dist/esm/my-component.entry.js +1 -1
  99. package/dist/esm/siemens-ix.js +1 -1
  100. package/dist/siemens-ix/index.esm.js +1 -1
  101. package/dist/siemens-ix/{p-4b170382.entry.js → p-03687070.entry.js} +1 -1
  102. package/dist/siemens-ix/{p-65e61684.entry.js → p-05f3c48e.entry.js} +1 -1
  103. package/dist/siemens-ix/p-080c00b1.entry.js +1 -0
  104. package/dist/siemens-ix/{p-8b4e4718.entry.js → p-10879145.entry.js} +1 -1
  105. package/dist/siemens-ix/{p-c3e90c06.entry.js → p-19cc942a.entry.js} +1 -1
  106. package/dist/siemens-ix/{p-e7621b0a.entry.js → p-1ba8c910.entry.js} +1 -1
  107. package/dist/siemens-ix/{p-b242bd39.entry.js → p-23578bb6.entry.js} +1 -1
  108. package/dist/siemens-ix/{p-94604cdf.js → p-263949b1.js} +1 -1
  109. package/dist/siemens-ix/{p-5e222be2.entry.js → p-2709fafd.entry.js} +1 -1
  110. package/dist/siemens-ix/{p-f7be9635.entry.js → p-2995294d.entry.js} +1 -1
  111. package/dist/siemens-ix/{p-a12f6079.entry.js → p-2b69b027.entry.js} +1 -1
  112. package/dist/siemens-ix/{p-418e2d14.entry.js → p-2f3294b8.entry.js} +1 -1
  113. package/dist/siemens-ix/{p-cc0f6f6b.entry.js → p-35d7f18d.entry.js} +1 -1
  114. package/dist/siemens-ix/{p-8a7141a6.entry.js → p-412dbb89.entry.js} +1 -1
  115. package/dist/siemens-ix/{p-ea333007.entry.js → p-494512c0.entry.js} +1 -1
  116. package/dist/siemens-ix/{p-33283dbf.entry.js → p-4d61503b.entry.js} +1 -1
  117. package/dist/siemens-ix/{p-c993560f.entry.js → p-558623ce.entry.js} +1 -1
  118. package/dist/siemens-ix/{p-592f1ed3.entry.js → p-56771b32.entry.js} +1 -1
  119. package/dist/siemens-ix/{p-5661957c.entry.js → p-5871e480.entry.js} +1 -1
  120. package/dist/siemens-ix/{p-72f851ae.entry.js → p-5e3700c3.entry.js} +1 -1
  121. package/dist/siemens-ix/{p-05c16b94.js → p-5e4c3828.js} +2 -2
  122. package/dist/siemens-ix/{p-a88618e3.entry.js → p-61cb7ab7.entry.js} +1 -1
  123. package/dist/siemens-ix/{p-1fe97752.entry.js → p-6da1e24d.entry.js} +1 -1
  124. package/dist/siemens-ix/{p-3663f989.entry.js → p-6e915c70.entry.js} +1 -1
  125. package/dist/siemens-ix/{p-fecf0ade.entry.js → p-712e8945.entry.js} +1 -1
  126. package/dist/siemens-ix/{p-9e90827e.entry.js → p-7b103473.entry.js} +1 -1
  127. package/dist/siemens-ix/{p-47d55e3d.entry.js → p-80d27c08.entry.js} +1 -1
  128. package/dist/siemens-ix/{p-d8688602.entry.js → p-842a7652.entry.js} +1 -1
  129. package/dist/siemens-ix/{p-eb150313.entry.js → p-8f6809f1.entry.js} +1 -1
  130. package/dist/siemens-ix/{p-23d5469a.entry.js → p-91eb1fdd.entry.js} +1 -1
  131. package/dist/siemens-ix/{p-e2925222.entry.js → p-91ecd6ac.entry.js} +1 -1
  132. package/dist/siemens-ix/{p-150d7a02.entry.js → p-963c5690.entry.js} +1 -1
  133. package/dist/siemens-ix/{p-537f0678.entry.js → p-9a98369e.entry.js} +1 -1
  134. package/dist/siemens-ix/p-af8213cc.entry.js +1 -0
  135. package/dist/siemens-ix/{p-7adc0686.entry.js → p-aff5f463.entry.js} +1 -1
  136. package/dist/siemens-ix/{p-eed28e55.entry.js → p-b0c95c22.entry.js} +1 -1
  137. package/dist/siemens-ix/{p-23d79e3d.entry.js → p-b2ecf415.entry.js} +1 -1
  138. package/dist/siemens-ix/{p-0a8cfa42.entry.js → p-bf387a1f.entry.js} +1 -1
  139. package/dist/siemens-ix/{p-a5fa7ae5.entry.js → p-c885685e.entry.js} +1 -1
  140. package/dist/siemens-ix/{p-9b5290d4.entry.js → p-ded3a35d.entry.js} +1 -1
  141. package/dist/siemens-ix/{p-2e24ae23.entry.js → p-dfb5730f.entry.js} +1 -1
  142. package/dist/siemens-ix/{p-1cf3348f.entry.js → p-e5397173.entry.js} +1 -1
  143. package/dist/siemens-ix/{p-d0bb8225.entry.js → p-f24f1eb7.entry.js} +1 -1
  144. package/dist/siemens-ix/{p-c0fecc2b.entry.js → p-f3996fc1.entry.js} +1 -1
  145. package/dist/siemens-ix/p-fe28a2be.entry.js +1 -0
  146. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  147. package/dist/types/components/button/button.d.ts +1 -1
  148. package/dist/types/components.d.ts +2 -2
  149. package/package.json +1 -1
  150. package/src/components/button/readme.md +1 -1
  151. package/dist/siemens-ix/p-16e95211.entry.js +0 -1
  152. package/dist/siemens-ix/p-9566c834.entry.js +0 -1
  153. package/dist/siemens-ix/p-be641020.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as i,h as e,H as t,g as l}from"./p-05c16b94.js";import{F as r}from"./p-1d30454e.js";const o=class{constructor(e){i(this,e),this.ANIMATION_DURATION=150,this.index=0,this.isFlipAnimationActive=void 0,this.state=void 0,this.footer=void 0}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content"),this.contentItems.forEach(((i,e)=>{e!==this.index&&this.toggleContentItem(e)}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){this.contentItems[i].classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=!0,setTimeout((()=>{this.toggleContentItem(this.index),this.index>=this.contentItems.length-1?this.index=0:this.index++,this.toggleContentItem(this.index)}),this.ANIMATION_DURATION),setTimeout((()=>{this.isFlipAnimationActive=!1}),2*this.ANIMATION_DURATION)}render(){return e(t,null,e("div",{class:{"flip-tile-container":!0,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{class:"flip-tile-header"},e("div",{class:"header-slot-container text-l-title"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"eye",variant:"Primary",ghost:!0,onClick:()=>this.toggleIndex()})),e("div",{class:"content-container",ref:i=>this.contentContainerElement=i},e("slot",null)),e("div",{class:{footer:!0,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info||this.state===r.Alarm}},e("slot",{name:"footer"}))))}get hostElement(){return l(this)}};o.style="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;width:16rem;min-width:16rem;max-width:16rem;height:15.125rem;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(e){i(this,e)}render(){return e(t,null,e("slot",null))}};s.style=":host{display:block}";export{o as ix_flip_tile,s as ix_flip_tile_content}
1
+ import{r as i,h as e,H as t,g as l}from"./p-5e4c3828.js";import{F as r}from"./p-1d30454e.js";const o=class{constructor(e){i(this,e),this.ANIMATION_DURATION=150,this.index=0,this.isFlipAnimationActive=void 0,this.state=void 0,this.footer=void 0}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content"),this.contentItems.forEach(((i,e)=>{e!==this.index&&this.toggleContentItem(e)}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){this.contentItems[i].classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=!0,setTimeout((()=>{this.toggleContentItem(this.index),this.index>=this.contentItems.length-1?this.index=0:this.index++,this.toggleContentItem(this.index)}),this.ANIMATION_DURATION),setTimeout((()=>{this.isFlipAnimationActive=!1}),2*this.ANIMATION_DURATION)}render(){return e(t,null,e("div",{class:{"flip-tile-container":!0,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{class:"flip-tile-header"},e("div",{class:"header-slot-container text-l-title"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"eye",variant:"Primary",ghost:!0,onClick:()=>this.toggleIndex()})),e("div",{class:"content-container",ref:i=>this.contentContainerElement=i},e("slot",null)),e("div",{class:{footer:!0,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info||this.state===r.Alarm}},e("slot",{name:"footer"}))))}get hostElement(){return l(this)}};o.style="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;width:16rem;min-width:16rem;max-width:16rem;height:15.125rem;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(e){i(this,e)}render(){return e(t,null,e("slot",null))}};s.style=":host{display:block}";export{o as ix_flip_tile,s as ix_flip_tile_content}
@@ -1 +1 @@
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}
1
+ import{r as i,h as e,H as s}from"./p-5e4c3828.js";const r=class{constructor(e){i(this,e),this.label=void 0,this.value=void 0,this.unit=void 0,this.state="neutral",this.orientation="horizontal"}getStateIcon(){switch(this.state){case"alarm":return e("ix-icon",{color:"kpi-display-icon--color",name:"alarm",size:"16"});case"warning":return e("ix-icon",{color:"kpi-display-icon--color",name:"warning",size:"16"});default:return""}}getTooltipText(){let i=`${this.label}: ${this.value}`;return this.unit&&(i=i.concat(` ${this.unit}`)),i}render(){return e(s,{title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},e("div",{class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},e("span",{class:"kpi-label"},this.getStateIcon(),e("span",{class:"kpi-label-text"},this.label)),e("span",{class:"kpi-value-container"},e("span",{class:"kpi-value"},this.value),this.unit?e("span",{class:"kpi-unit"},this.unit):"")))}};r.style=".sc-ix-kpi-h{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}.sc-ix-kpi-h span.sc-ix-kpi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-kpi-h .kpi-container.sc-ix-kpi{display:flex;height:100%;width:100%;-webkit-border-after:2px solid grey;border-block-end:2px solid grey}.sc-ix-kpi-h .kpi-container.alarm.sc-ix-kpi{border-block-end-color:var(--theme-color-alarm)}.sc-ix-kpi-h .kpi-container.warning.sc-ix-kpi{border-block-end-color:var(--theme-color-warning)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi ix-icon.sc-ix-kpi{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value-container.sc-ix-kpi{display:flex;align-items:flex-end}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value.sc-ix-kpi{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);color:var(--theme-kpi-display-value--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi,.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-before:0.125rem;margin-block-start:0.125rem}.stacked.sc-ix-kpi-h{height:3.75rem}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi{justify-content:center;flex-wrap:wrap}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{width:100%;justify-content:center}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-kpi-display--background--hover)}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):active{background-color:var(--theme-kpi-display--background--active)}.sc-ix-kpi-h:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}";export{r as ix_kpi}
@@ -1 +1 @@
1
- import{r as e,h as i,H as t}from"./p-05c16b94.js";const l=class{constructor(i){e(this,i),this.size="medium"}render(){return i(t,{class:{"tile-small":"small"===this.size,"tile-medium":"medium"===this.size,"tile-big":"big"===this.size}},i("div",{class:"tile-header text-l-title"},i("slot",{name:"header"})),i("div",{class:"tile-subheader"},i("slot",{name:"subheader"})),i("div",{class:"tile-content"},i("slot",null)),i("div",{class:"tile-footer"},i("slot",{name:"footer"})))}};l.style=".sc-ix-tile-h{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}.tile-small.sc-ix-tile-h{height:2.5rem;min-height:2.5rem;max-height:2.5rem}.tile-medium.sc-ix-tile-h{height:5rem;min-height:5rem;max-height:5rem}.tile-big.sc-ix-tile-h{height:10rem;min-height:10rem;max-height:10rem}.sc-ix-tile-h:active,.sc-ix-tile-h:focus-visible,.sc-ix-tile-h:visited{outline:none}.sc-ix-tile-h .tile-header.sc-ix-tile{display:flex;align-items:center}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-subheader.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-content.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){padding:0 1rem}.sc-ix-tile-h .tile-header.sc-ix-tile,.sc-ix-tile-h .tile-subheader.sc-ix-tile,.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty){display:flex;height:2.5rem;max-height:2.5rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem}.sc-ix-tile-h .tile-subheader.sc-ix-tile{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){-webkit-border-before:1px solid var(--theme-color-1);border-block-start:1px solid var(--theme-color-1);height:2.5rem}";export{l as ix_tile}
1
+ import{r as e,h as i,H as t}from"./p-5e4c3828.js";const l=class{constructor(i){e(this,i),this.size="medium"}render(){return i(t,{class:{"tile-small":"small"===this.size,"tile-medium":"medium"===this.size,"tile-big":"big"===this.size}},i("div",{class:"tile-header text-l-title"},i("slot",{name:"header"})),i("div",{class:"tile-subheader"},i("slot",{name:"subheader"})),i("div",{class:"tile-content"},i("slot",null)),i("div",{class:"tile-footer"},i("slot",{name:"footer"})))}};l.style=".sc-ix-tile-h{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}.tile-small.sc-ix-tile-h{height:2.5rem;min-height:2.5rem;max-height:2.5rem}.tile-medium.sc-ix-tile-h{height:5rem;min-height:5rem;max-height:5rem}.tile-big.sc-ix-tile-h{height:10rem;min-height:10rem;max-height:10rem}.sc-ix-tile-h:active,.sc-ix-tile-h:focus-visible,.sc-ix-tile-h:visited{outline:none}.sc-ix-tile-h .tile-header.sc-ix-tile{display:flex;align-items:center}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-subheader.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-content.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){padding:0 1rem}.sc-ix-tile-h .tile-header.sc-ix-tile,.sc-ix-tile-h .tile-subheader.sc-ix-tile,.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty){display:flex;height:2.5rem;max-height:2.5rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem}.sc-ix-tile-h .tile-subheader.sc-ix-tile{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){-webkit-border-before:1px solid var(--theme-color-1);border-block-start:1px solid var(--theme-color-1);height:2.5rem}";export{l as ix_tile}
@@ -1 +1 @@
1
- import{r as e,h as o,H as t,g as i}from"./p-05c16b94.js";const r=class{constructor(o){e(this,o),this.name=void 0}componentDidLoad(){this.attachSiemensLogoIfLoaded()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");this.host.querySelector('[slot="logo"]')||this.host.shadowRoot.querySelector(".logo").appendChild(e)}render(){return o(t,null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("div",{class:"name"},this.name),o("slot",null))}get host(){return i(this)}};r.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem}";export{r as ix_application_header}
1
+ import{r as e,h as o,H as t,g as i}from"./p-5e4c3828.js";const r=class{constructor(o){e(this,o),this.name=void 0}componentDidLoad(){this.attachSiemensLogoIfLoaded()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");this.host.querySelector('[slot="logo"]')||this.host.shadowRoot.querySelector(".logo").appendChild(e)}render(){return o(t,null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("div",{class:"name"},this.name),o("slot",null))}get host(){return i(this)}};r.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem}";export{r as ix_application_header}
@@ -1 +1 @@
1
- import{r as e,c as s,h as r,H as i}from"./p-05c16b94.js";import{a}from"./p-810b5232.js";const t=class{constructor(r){e(this,r),this.closedChange=s(this,"closedChange",7),this.type="info",this.dismissible=!0,this.icon=void 0,this.color=void 0}componentWillRender(){"danger"===this.type&&(this.icon="error",this.color="color-alarm"),"info"===this.type&&(this.icon="info",this.color="color-info"),"warning"===this.type&&(this.icon="warning",this.color="color-warning")}closeAlert(e){a({targets:e,duration:t.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}}),this.closedChange.emit()}render(){return r(i,null,r("div",{class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},r("ix-icon",{color:this.color,name:this.icon}),r("div",{class:"message-content"},r("slot",null)),this.dismissible?r("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};t.duration=300,t.style=".message-container.sc-ix-message-bar{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;margin:0.5rem 0.5rem 0rem 0.5rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}.danger.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}.warning.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}.info.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}.message-content.sc-ix-message-bar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:bold;white-space:normal}ix-icon.sc-ix-message-bar{margin-top:0.25rem}";export{t as ix_message_bar}
1
+ import{r as e,c as s,h as r,H as i}from"./p-5e4c3828.js";import{a}from"./p-810b5232.js";const t=class{constructor(r){e(this,r),this.closedChange=s(this,"closedChange",7),this.type="info",this.dismissible=!0,this.icon=void 0,this.color=void 0}componentWillRender(){"danger"===this.type&&(this.icon="error",this.color="color-alarm"),"info"===this.type&&(this.icon="info",this.color="color-info"),"warning"===this.type&&(this.icon="warning",this.color="color-warning")}closeAlert(e){a({targets:e,duration:t.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}}),this.closedChange.emit()}render(){return r(i,null,r("div",{class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},r("ix-icon",{color:this.color,name:this.icon}),r("div",{class:"message-content"},r("slot",null)),this.dismissible?r("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};t.duration=300,t.style=".message-container.sc-ix-message-bar{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;margin:0.5rem 0.5rem 0rem 0.5rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}.danger.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}.warning.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}.info.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}.message-content.sc-ix-message-bar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:bold;white-space:normal}ix-icon.sc-ix-message-bar{margin-top:0.25rem}";export{t as ix_message_bar}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as r,g as n}from"./p-05c16b94.js";import{c as o,g as s,a as h}from"./p-37417714.js";import{r as c}from"./p-1c82637e.js";const a=s(o((function(t){t.exports=function t(e,i,r){function n(s,c){if(!i[s]){if(!e[s]){var a="function"==typeof h&&h;if(!c&&a)return a(s,!0);if(o)return o(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[s]={exports:{}};e[s][0].call(u.exports,(function(t){return n(e[s][1][t]||t)}),u,u.exports,t,e,i,r)}return i[s].exports}for(var o="function"==typeof h&&h,s=0;s<r.length;s++)n(r[s]);return n}({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:!0});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}();function n(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var o={width:"100%",height:"100%"},s=function(t){return Number(t)==Number(t)},h="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)},c=function(){function t(e,i){var r=this;(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")})(this,t),this._config={},this._lastRepaint=null,this._maxElementHeight=t.getMaxBrowserHeight(),this.refresh(e,i);var n=this._config;!function t(){var e=r._getScrollPosition(),i=r._lastRepaint;if(r._renderAnimationFrame=window.requestAnimationFrame(t),e!==i){var o=i?e-i:0;if(!i||o<0||o>r._averageHeight){var s=r._renderChunk();r._lastRepaint=e,!1!==s&&"function"==typeof n.afterRender&&n.afterRender()}}}()}return r(t,null,[{key:"create",value:function(e,i){return new t(e,i)}},{key:"mergeStyle",value:function(t,e){for(var i in e)t.style[i]!==e[i]&&(t.style[i]=e[i])}},{key:"getMaxBrowserHeight",value:function(){var e=document.createElement("div"),i=document.createElement("div");t.mergeStyle(e,{position:"absolute",height:"1px",opacity:0}),t.mergeStyle(i,{height:"1e7px"}),e.appendChild(i),document.body.appendChild(e);var r=i.offsetHeight;return document.body.removeChild(e),r}}]),r(t,[{key:"destroy",value:function(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function(e,i){var r;if(Object.assign(this._config,o,i),!e||1!==e.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=e;var h=this._config,c=this._scroller||h.scroller||document.createElement(h.scrollerTagName||"tr");if("boolean"!=typeof h.useFragment&&(this._config.useFragment=!0),!h.generate)throw new Error("Missing required `generate` function");if(!s(h.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(h.itemHeight)&&!s(h.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=s(h.itemHeight)?Array(h.total).fill(h.itemHeight):h.itemHeight,Object.keys(o).filter((function(t){return t in h})).forEach((function(t){var e=h[t],i=s(e);if(e&&"string"!=typeof e&&"number"!=typeof e)throw new Error("Invalid optional `"+t+"`, expected string or number");i&&(h[t]=e+"px")}));var a=Boolean(h.horizontal),l=h[a?"width":"height"];if(l){var u=s(l),d=!u&&"%"===l.slice(-1),v=u?l:parseInt(l.replace(/px|%/,""),10),f=window[a?"innerWidth":"innerHeight"];this._containerSize=d?f*v/100:s(l)?l:v}var m=h.scrollContainer,g=h.itemHeight*h.total,p=this._maxElementHeight;g>p&&console.warn(["HyperList: The maximum element height",p+"px has","been exceeded; please reduce your item height."].join(" ")),t.mergeStyle(e,{width:""+h.width,height:m?g+"px":""+h.height,overflow:m?"none":"auto",position:"relative"}),m&&t.mergeStyle(h.scrollContainer,{overflow:"auto"});var x=(n(r={opacity:"0",position:"absolute"},a?"height":"width","1px"),n(r,a?"width":"height",g+"px"),r);t.mergeStyle(c,x),this._scroller||e.appendChild(c);var b=this._computeScrollPadding();this._scrollPaddingBottom=b.bottom,this._scrollPaddingTop=b.top,this._scroller=c,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(h.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof h.afterRender&&h.afterRender()}},{key:"_getRow",value:function(e){var i=this._config,r=i.generate(e),o=r.height;if(void 0!==o&&s(o)?(r=r.element,o!==this._itemHeights[e]&&(this._itemHeights[e]=o,this._computePositions(e),this._scrollHeight=this._computeScrollHeight(e))):o=this._itemHeights[e],!r||1!==r.nodeType)throw new Error("Generator did not return a DOM Node for index: "+e);return h(r,i.rowClassName||"vrow"),t.mergeStyle(r,n({position:"absolute"},i.horizontal?"left":"top",this._itemPositions[e]+this._scrollPaddingTop+"px")),r}},{key:"_getScrollPosition",value:function(){var t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function(t){var e=this._config,i=this._element,r=this._getScrollPosition(),n=e.total,o=e.reverse?this._getReverseFrom(r):this._getFrom(r)-1;if((o<0||o-this._screenItemsLen<0)&&(o=0),!t&&this._lastFrom===o)return!1;this._lastFrom=o;var s=o+this._cachedItemsLen;(s>n||s+this._cachedItemsLen>n)&&(s=n);var h=e.useFragment?document.createDocumentFragment():[];h[e.useFragment?"appendChild":"push"](this._scroller);for(var c=o;c<s;c++){var a=this._getRow(c);h[e.useFragment?"appendChild":"push"](a)}if(e.applyPatch)return e.applyPatch(i,h);i.innerHTML="",i.appendChild(h)}},{key:"_computePositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=this._config,i=e.total,r=e.reverse;t<1&&!r&&(t=1);for(var n=t;n<i;n++)r?0===n?this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]:this._itemPositions[n]=this._itemPositions[n-1]-this._itemHeights[n]:this._itemPositions[n]=this._itemHeights[n-1]+this._itemPositions[n-1]}},{key:"_computeScrollHeight",value:function(){var e,i=this,r=this._config,o=Boolean(r.horizontal),s=r.total,h=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(n(e={opacity:0,position:"absolute",top:"0px"},o?"height":"width","1px"),n(e,o?"width":"height",h+"px"),e));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e})),a=Math.floor(s/2),l=s%2==0?(c[a]+c[a-1])/2:c[a],u=o?"clientWidth":"clientHeight",d=r.scrollContainer?r.scrollContainer:this._element,v=d[u]?d[u]:this._containerSize;return this._screenItemsLen=Math.ceil(v/l),this._containerSize=v,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=l,r.reverse&&window.requestAnimationFrame((function(){o?i._element.scrollLeft=h:i._element.scrollTop=h})),h}},{key:"_computeScrollPadding",value:function(){var t=this._config,e=Boolean(t.horizontal),i=t.reverse,r=window.getComputedStyle(this._element),n=function(t){var e=r.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return e&&i?{bottom:n("left"),top:n("right")}:e?{bottom:n("right"),top:n("left")}:i?{bottom:n("top"),top:n("bottom")}:{bottom:n("bottom"),top:n("top")}}},{key:"_getFrom",value:function(t){for(var e=0;this._itemPositions[e]<t;)e++;return e}},{key:"_getReverseFrom",value:function(t){for(var e=this._config.total-1;e>0&&this._itemPositions[e]<t+this._containerSize;)e--;return e}}]),t}();i.default=c,e.exports=i.default},{}]},{},[1])(1)}))),l=class{constructor(i){t(this,i),this.contextChange=e(this,"contextChange",7),this.nodeRemoved=e(this,"nodeRemoved",7),this.toggleListener=new Map,this.itemClickListener=new Map,this.updates=new Map,this.root=void 0,this.model=void 0,this.renderItem=void 0,this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);return{itemHeight:32,total:t.length,generate:e=>{const i=t[e],r=this.host.querySelector(`[data-tree-node-id="${i.id}"]`),n=this.getContext(i.id);if(r)return r.hasChildren=i.hasChildren,r.context=Object.assign({},n),this.updates.has(i.id)&&this.updates.get(i.id)(i,Object.assign({},this.context)),r;const o=t=>{this.updates.set(i.id,t)};let s=null;this.renderItem&&(s=this.renderItem(e,i,t,Object.assign({},this.context),o)),null===s&&(s=c(i,n,o));const h=s;if(h.setAttribute("data-tree-node-id",i.id),h.style.paddingLeft=i.level+"rem",h.style.paddingRight="1rem",!this.itemClickListener.has(h)){const t=t=>{t.preventDefault(),t.stopPropagation(),Object.values(this.context).forEach((t=>t.isSelected=!1));const e=this.getContext(i.id);e.isSelected=!0,this.setContext(i.id,e)};h.addEventListener("itemClick",t),this.itemClickListener.set(h,t)}if(i.hasChildren&&!this.toggleListener.has(h)){const r=r=>{r.preventDefault(),r.stopPropagation();const n=this.getContext(t[e].id);n.isExpanded=!n.isExpanded,this.setContext(i.id,n)};h.addEventListener("toggle",r),this.toggleListener.set(h,r)}return h}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e}),this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1}),this.context[t]):{isExpanded:!1,isSelected:!1}}buildTreeList(t,e=0){const i=[];if(null==t?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t],o=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e})),n.hasChildren&&o.isExpanded&&i.push(...this.buildTreeList(n,r))}))}return i}componentDidLoad(){const t=this.getVirtualizerOptions();this.hyperlist=new a(this.host,t),this.observer=new MutationObserver((t=>{let e=[];t.forEach((t=>{e=[...e,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const i=e.indexOf(t);i>=0&&e.splice(i,1)}))})),this.nodeRemoved.emit(e)})),this.observer.observe(this.host,{childList:!0})}componentWillRender(){this.refreshList()}disconnectedCallback(){this.hyperlist.destroy(),this.observer.disconnect()}modelChange(){this.refreshList()}refreshList(){this.hyperlist&&this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};l.style=".sc-ix-tree-h{display:block}";const u=class{constructor(i){t(this,i),this.toggle=e(this,"toggle",7),this.itemClick=e(this,"itemClick",7),this.text=void 0,this.hasChildren=void 0,this.context=void 0}render(){var t,e,n;return i(r,{class:{selected:null===(t=this.context)||void 0===t?void 0:t.isSelected}},i("div",{class:"icon-toggle-container",onClick:t=>{t.preventDefault(),this.toggle.emit()}},this.hasChildren?i("ix-icon",{name:"chevron-right",size:"16",class:{"icon-toggle-down":null===(e=this.context)||void 0===e?void 0:e.isExpanded},color:"color-"+((null===(n=this.context)||void 0===n?void 0:n.isExpanded)?"primary":"std-text")}):null),i("div",{class:"tree-node-container",onClick:t=>{t.preventDefault(),this.itemClick.emit()}},this.text,i("slot",null)))}};u.style=".sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform 150ms ease-in-out}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}";export{l as ix_tree,u as ix_tree_item}
1
+ import{r as t,c as e,h as i,H as r,g as n}from"./p-5e4c3828.js";import{c as o,g as s,a as h}from"./p-37417714.js";import{r as c}from"./p-1c82637e.js";const a=s(o((function(t){t.exports=function t(e,i,r){function n(s,c){if(!i[s]){if(!e[s]){var a="function"==typeof h&&h;if(!c&&a)return a(s,!0);if(o)return o(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[s]={exports:{}};e[s][0].call(u.exports,(function(t){return n(e[s][1][t]||t)}),u,u.exports,t,e,i,r)}return i[s].exports}for(var o="function"==typeof h&&h,s=0;s<r.length;s++)n(r[s]);return n}({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:!0});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}();function n(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var o={width:"100%",height:"100%"},s=function(t){return Number(t)==Number(t)},h="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)},c=function(){function t(e,i){var r=this;(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")})(this,t),this._config={},this._lastRepaint=null,this._maxElementHeight=t.getMaxBrowserHeight(),this.refresh(e,i);var n=this._config;!function t(){var e=r._getScrollPosition(),i=r._lastRepaint;if(r._renderAnimationFrame=window.requestAnimationFrame(t),e!==i){var o=i?e-i:0;if(!i||o<0||o>r._averageHeight){var s=r._renderChunk();r._lastRepaint=e,!1!==s&&"function"==typeof n.afterRender&&n.afterRender()}}}()}return r(t,null,[{key:"create",value:function(e,i){return new t(e,i)}},{key:"mergeStyle",value:function(t,e){for(var i in e)t.style[i]!==e[i]&&(t.style[i]=e[i])}},{key:"getMaxBrowserHeight",value:function(){var e=document.createElement("div"),i=document.createElement("div");t.mergeStyle(e,{position:"absolute",height:"1px",opacity:0}),t.mergeStyle(i,{height:"1e7px"}),e.appendChild(i),document.body.appendChild(e);var r=i.offsetHeight;return document.body.removeChild(e),r}}]),r(t,[{key:"destroy",value:function(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function(e,i){var r;if(Object.assign(this._config,o,i),!e||1!==e.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=e;var h=this._config,c=this._scroller||h.scroller||document.createElement(h.scrollerTagName||"tr");if("boolean"!=typeof h.useFragment&&(this._config.useFragment=!0),!h.generate)throw new Error("Missing required `generate` function");if(!s(h.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(h.itemHeight)&&!s(h.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=s(h.itemHeight)?Array(h.total).fill(h.itemHeight):h.itemHeight,Object.keys(o).filter((function(t){return t in h})).forEach((function(t){var e=h[t],i=s(e);if(e&&"string"!=typeof e&&"number"!=typeof e)throw new Error("Invalid optional `"+t+"`, expected string or number");i&&(h[t]=e+"px")}));var a=Boolean(h.horizontal),l=h[a?"width":"height"];if(l){var u=s(l),d=!u&&"%"===l.slice(-1),v=u?l:parseInt(l.replace(/px|%/,""),10),f=window[a?"innerWidth":"innerHeight"];this._containerSize=d?f*v/100:s(l)?l:v}var m=h.scrollContainer,g=h.itemHeight*h.total,p=this._maxElementHeight;g>p&&console.warn(["HyperList: The maximum element height",p+"px has","been exceeded; please reduce your item height."].join(" ")),t.mergeStyle(e,{width:""+h.width,height:m?g+"px":""+h.height,overflow:m?"none":"auto",position:"relative"}),m&&t.mergeStyle(h.scrollContainer,{overflow:"auto"});var x=(n(r={opacity:"0",position:"absolute"},a?"height":"width","1px"),n(r,a?"width":"height",g+"px"),r);t.mergeStyle(c,x),this._scroller||e.appendChild(c);var b=this._computeScrollPadding();this._scrollPaddingBottom=b.bottom,this._scrollPaddingTop=b.top,this._scroller=c,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(h.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof h.afterRender&&h.afterRender()}},{key:"_getRow",value:function(e){var i=this._config,r=i.generate(e),o=r.height;if(void 0!==o&&s(o)?(r=r.element,o!==this._itemHeights[e]&&(this._itemHeights[e]=o,this._computePositions(e),this._scrollHeight=this._computeScrollHeight(e))):o=this._itemHeights[e],!r||1!==r.nodeType)throw new Error("Generator did not return a DOM Node for index: "+e);return h(r,i.rowClassName||"vrow"),t.mergeStyle(r,n({position:"absolute"},i.horizontal?"left":"top",this._itemPositions[e]+this._scrollPaddingTop+"px")),r}},{key:"_getScrollPosition",value:function(){var t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function(t){var e=this._config,i=this._element,r=this._getScrollPosition(),n=e.total,o=e.reverse?this._getReverseFrom(r):this._getFrom(r)-1;if((o<0||o-this._screenItemsLen<0)&&(o=0),!t&&this._lastFrom===o)return!1;this._lastFrom=o;var s=o+this._cachedItemsLen;(s>n||s+this._cachedItemsLen>n)&&(s=n);var h=e.useFragment?document.createDocumentFragment():[];h[e.useFragment?"appendChild":"push"](this._scroller);for(var c=o;c<s;c++){var a=this._getRow(c);h[e.useFragment?"appendChild":"push"](a)}if(e.applyPatch)return e.applyPatch(i,h);i.innerHTML="",i.appendChild(h)}},{key:"_computePositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=this._config,i=e.total,r=e.reverse;t<1&&!r&&(t=1);for(var n=t;n<i;n++)r?0===n?this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]:this._itemPositions[n]=this._itemPositions[n-1]-this._itemHeights[n]:this._itemPositions[n]=this._itemHeights[n-1]+this._itemPositions[n-1]}},{key:"_computeScrollHeight",value:function(){var e,i=this,r=this._config,o=Boolean(r.horizontal),s=r.total,h=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(n(e={opacity:0,position:"absolute",top:"0px"},o?"height":"width","1px"),n(e,o?"width":"height",h+"px"),e));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e})),a=Math.floor(s/2),l=s%2==0?(c[a]+c[a-1])/2:c[a],u=o?"clientWidth":"clientHeight",d=r.scrollContainer?r.scrollContainer:this._element,v=d[u]?d[u]:this._containerSize;return this._screenItemsLen=Math.ceil(v/l),this._containerSize=v,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=l,r.reverse&&window.requestAnimationFrame((function(){o?i._element.scrollLeft=h:i._element.scrollTop=h})),h}},{key:"_computeScrollPadding",value:function(){var t=this._config,e=Boolean(t.horizontal),i=t.reverse,r=window.getComputedStyle(this._element),n=function(t){var e=r.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return e&&i?{bottom:n("left"),top:n("right")}:e?{bottom:n("right"),top:n("left")}:i?{bottom:n("top"),top:n("bottom")}:{bottom:n("bottom"),top:n("top")}}},{key:"_getFrom",value:function(t){for(var e=0;this._itemPositions[e]<t;)e++;return e}},{key:"_getReverseFrom",value:function(t){for(var e=this._config.total-1;e>0&&this._itemPositions[e]<t+this._containerSize;)e--;return e}}]),t}();i.default=c,e.exports=i.default},{}]},{},[1])(1)}))),l=class{constructor(i){t(this,i),this.contextChange=e(this,"contextChange",7),this.nodeRemoved=e(this,"nodeRemoved",7),this.toggleListener=new Map,this.itemClickListener=new Map,this.updates=new Map,this.root=void 0,this.model=void 0,this.renderItem=void 0,this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);return{itemHeight:32,total:t.length,generate:e=>{const i=t[e],r=this.host.querySelector(`[data-tree-node-id="${i.id}"]`),n=this.getContext(i.id);if(r)return r.hasChildren=i.hasChildren,r.context=Object.assign({},n),this.updates.has(i.id)&&this.updates.get(i.id)(i,Object.assign({},this.context)),r;const o=t=>{this.updates.set(i.id,t)};let s=null;this.renderItem&&(s=this.renderItem(e,i,t,Object.assign({},this.context),o)),null===s&&(s=c(i,n,o));const h=s;if(h.setAttribute("data-tree-node-id",i.id),h.style.paddingLeft=i.level+"rem",h.style.paddingRight="1rem",!this.itemClickListener.has(h)){const t=t=>{t.preventDefault(),t.stopPropagation(),Object.values(this.context).forEach((t=>t.isSelected=!1));const e=this.getContext(i.id);e.isSelected=!0,this.setContext(i.id,e)};h.addEventListener("itemClick",t),this.itemClickListener.set(h,t)}if(i.hasChildren&&!this.toggleListener.has(h)){const r=r=>{r.preventDefault(),r.stopPropagation();const n=this.getContext(t[e].id);n.isExpanded=!n.isExpanded,this.setContext(i.id,n)};h.addEventListener("toggle",r),this.toggleListener.set(h,r)}return h}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e}),this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1}),this.context[t]):{isExpanded:!1,isSelected:!1}}buildTreeList(t,e=0){const i=[];if(null==t?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t],o=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e})),n.hasChildren&&o.isExpanded&&i.push(...this.buildTreeList(n,r))}))}return i}componentDidLoad(){const t=this.getVirtualizerOptions();this.hyperlist=new a(this.host,t),this.observer=new MutationObserver((t=>{let e=[];t.forEach((t=>{e=[...e,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const i=e.indexOf(t);i>=0&&e.splice(i,1)}))})),this.nodeRemoved.emit(e)})),this.observer.observe(this.host,{childList:!0})}componentWillRender(){this.refreshList()}disconnectedCallback(){this.hyperlist.destroy(),this.observer.disconnect()}modelChange(){this.refreshList()}refreshList(){this.hyperlist&&this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};l.style=".sc-ix-tree-h{display:block}";const u=class{constructor(i){t(this,i),this.toggle=e(this,"toggle",7),this.itemClick=e(this,"itemClick",7),this.text=void 0,this.hasChildren=void 0,this.context=void 0}render(){var t,e,n;return i(r,{class:{selected:null===(t=this.context)||void 0===t?void 0:t.isSelected}},i("div",{class:"icon-toggle-container",onClick:t=>{t.preventDefault(),this.toggle.emit()}},this.hasChildren?i("ix-icon",{name:"chevron-right",size:"16",class:{"icon-toggle-down":null===(e=this.context)||void 0===e?void 0:e.isExpanded},color:"color-"+((null===(n=this.context)||void 0===n?void 0:n.isExpanded)?"primary":"std-text")}):null),i("div",{class:"tree-node-container",onClick:t=>{t.preventDefault(),this.itemClick.emit()}},this.text,i("slot",null)))}};u.style=".sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform 150ms ease-in-out}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}";export{l as ix_tree,u as ix_tree_item}
@@ -1 +1 @@
1
- import{r as i,h as s,H as h}from"./p-05c16b94.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}
1
+ import{r as i,h as s,H as h}from"./p-5e4c3828.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}
@@ -1,2 +1,2 @@
1
- let t,e,n,l=!1,o=!1,s=!1,r=!1,i=!1;const c={},f=t=>"object"==(t=typeof t)||"function"===t,u=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!f(l))&&(l+=""),s&&r?i[i.length-1].t+=l:i.push(s?a(null,l):l),r=s)};if(c(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,i,h);const u=a(t,null);return u.l=e,i.length>0&&(u.o=i),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(b).forEach(e),map:(t,e)=>t.map(b).map(e).map(m)},b=t=>({vattrs:t.l,vchildren:t.o,vkey:t.$,vname:t.i,vtag:t.h,vtext:t.t}),m=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},$=t=>ft(t).p,p=(t,e,n)=>{const l=$(t);return{emit:t=>y(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},y=(t,e,n)=>{const l=wt.ce(e,n);return t.dispatchEvent(l),l},w=new WeakMap,v=t=>"sc-"+t.v,g=(t,e,n,l,o,s)=>{if(n!==l){let r=dt(t,e),i=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 i=f(l);if((r||i&&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)&&!i&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):dt(pt,i)?i.slice(2):i[2]+e.slice(3),n&&wt.rel(t,e,n,!1),l&&wt.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||c,r=e.l||c;for(l in s)l in r||g(o,l,s[l],void 0,n,e.u);for(l in r)g(o,l,s[l],r[l],n,e.u)},k=(o,i,c,f)=>{const u=i.o[c];let a,d,h,b=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=yt.createTextNode(u.t);else if(1&u.u)a=u.m=yt.createTextNode("");else{if(r||(r="svg"===u.h),a=u.m=yt.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(b=0;b<u.o.length;++b)d=k(o,u,b,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[c],h&&h.h===u.h&&o.m&&C(o.m,!1)),a},C=(t,e)=>{wt.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,R(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&C(o,e)}wt.u&=-2},x=(t,e,l,o,s,r)=>{let i,c=t["s-cr"]&&t["s-cr"].parentNode||t;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=r;++s)o[s]&&(i=k(null,l,s,t),i&&(o[s].m=i,c.insertBefore(i,R(e))))},M=(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())},N=(t,e)=>t.h===e.h&&("slot"!==t.h||t.i===e.i),R=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,i=e.t;let c;null===i?(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,i=e.length-1,c=e[0],f=e[i],u=l.length-1,a=l[0],d=l[u];for(;s<=i&&r<=u;)null==c?c=e[++s]:null==f?f=e[--i]:null==a?a=l[++r]:null==d?d=l[--u]:N(c,a)?(P(c,a),c=e[++s],a=l[++r]):N(f,d)?(P(f,d),f=e[--i],d=l[--u]):N(c,d)?("slot"!==c.h&&"slot"!==d.h||C(c.m.parentNode,!1),P(c,d),t.insertBefore(c.m,f.m.nextSibling),c=e[++s],d=l[--u]):N(f,a)?("slot"!==c.h&&"slot"!==d.h||C(f.m.parentNode,!1),P(f,a),t.insertBefore(f.m,c.m),f=e[--i],a=l[++r]):(o=k(e&&e[r],n,r,t),a=l[++r],o&&E(c.m).insertBefore(o,R(c.m)));s>i?x(t,null==l[u+1]?null:l[u+1].m,n,l,r,u):r>u&&M(e,s,i)})(n,l,e,o):null!==o?(null!==t.t&&(n.textContent=""),x(n,null,e,o,0,o.length-1)):null!==l&&M(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(c=n["s-cr"])?c.parentNode.textContent=i:t.t!==i&&(n.data=i)},T=t=>{const e=t.childNodes;let n,l,o,s,r,i;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(i=e[s].nodeType,e[s]["s-hn"]!==n["s-hn"]||""!==r){if(1===i&&r===e[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===i||3===i&&""!==e[s].textContent.trim()){n.hidden=!0;break}T(n)}},L=[],W=t=>{let e,n,l,s,r,i,c=0;const f=t.childNodes,u=f.length;for(;c<u;c++){if(e=f[c],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(A(n,s)?(r=L.find((t=>t.g===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.j=e:L.push({j:e,g:n}),n["s-sr"]&&L.map((t=>{A(t.g,n["s-sn"])&&(r=L.find((t=>t.g===n)),r&&!t.j&&(t.j=r.j))}))):L.some((t=>t.g===n))||L.push({g: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)},_=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},D=(t,e)=>{if(t.u|=16,!(4&t.u))return _(t,t.S),Mt((()=>H(t,e)));t.u|=512},H=(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,(()=>U(t,n,e)))},U=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=v(e);const l=$t.get(n);if(t=11===t.nodeType?t:yt,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=yt.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);q(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>V(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},q=(r,i)=>{try{i=i.render(),r.u&=-17,r.u|=2,((r,i)=>{const c=r.p,f=r.M,h=r.N||a(null,null),b=(t=>t&&t.h===d)(i)?i:u(null,null,i);if(n=c.tagName,f.R&&(b.l=b.l||{},f.R.map((([t,e])=>b.l[e]=c[t]))),b.h=null,b.u|=4,r.N=b,b.m=h.m=c.shadowRoot||c,t=c["s-sc"],e=c["s-cr"],l=0!=(1&f.u),o=!1,P(h,b),wt.u|=1,s){let t,e,n,l,o,s;W(b.m);let r=0;for(;r<L.length;r++)t=L[r],e=t.g,e["s-ol"]||(n=yt.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.g,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(b.m),wt.u&=-2,L.length=0})(r,i)}catch(t){ht(t,r.p)}return null},V=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&&xt((()=>D(t,!1))),t.u&=-517},z=t=>{{const e=ft(t),n=e.p.isConnected;return n&&2==(18&e.u)&&D(e,!1),n}},B=()=>{J(yt.documentElement),xt((()=>y(pt,"appload",{detail:{namespace:"siemens-ix"}})))},G=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){ht(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)=>ft(this).A.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=ft(t),s=o.p,r=o.A.get(e),i=o.u,c=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&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.A.set(e,n),c)){if(l.W&&128&i){const t=l.W[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){ht(t,s)}}))}2==(18&i)&&D(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=ft(this);return n.F.then((()=>n.k[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){wt.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.R.push([t,o]),o}))}}return t},Q=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=Z(t),n=tt(this.childNodes,e);if(n){const l=et(n,e),o=l[l.length-1];return o.parentNode.insertBefore(t,o.nextSibling)}return this.__appendChild(t)}},X=(t,e)=>{if(2&e.u){const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(t,"__textContent",e),Object.defineProperty(t,"textContent",{get(){var t;const e=tt(this.childNodes,"");return 3===(null===(t=null==e?void 0:e.nextSibling)||void 0===t?void 0:t.nodeType)?e.nextSibling.textContent:e?e.textContent:this.__textContent},set(t){var e;const n=tt(this.childNodes,"");if(3===(null===(e=null==n?void 0:n.nextSibling)||void 0===e?void 0:e.nodeType))n.nextSibling.textContent=t;else if(n)n.textContent=t;else{this.__textContent=t;const e=this["s-cr"];e&&this.insertBefore(e,this.firstChild)}}})}},Y=(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&wt.u)&&2&ft(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)}})}},Z=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||"",tt=(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=tt(n.childNodes,e),n)return n}return null},et=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},nt=(t,e={})=>{const n=[],l=e.exclude||[],o=pt.customElements,s=yt.head,r=s.querySelector("meta[charset]"),i=yt.createElement("style"),c=[];let f,u=!0;Object.assign(wt,e),wt._=new URL(e.resourcesUrl||"./",yt.baseURI).href,t.map((t=>{t[1].map((e=>{const s={u:e[0],v:e[1],L:e[2],D:e[3]};s.L=e[2],s.D=e[3],s.R=[],s.W={};const r=s.v,i=class extends HTMLElement{constructor(t){super(t),at(t=this,s),1&s.u&&t.attachShadow({mode:"open"}),Y(t,s)}connectedCallback(){f&&(clearTimeout(f),f=null),u?c.push(this):wt.jmp((()=>(t=>{if(0==(1&wt.u)){const e=ft(t),n=e.M,l=()=>{};if(1&e.u)ot(t,e,n.D);else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=yt.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){_(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){ht(t)}e.u&=-9,e.u|=128,t()}if(o.style){let t=o.style;const e=v(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=()=>D(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){wt.jmp((()=>(()=>{if(0==(1&wt.u)){const t=ft(this),e=t.k;t.H&&(t.H.map((t=>t())),t.H=void 0),G(e,"disconnectedCallback")}})()))}componentOnReady(){return ft(this).U}};Q(i.prototype),X(i.prototype,s),s.q=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,K(i,s,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),s.insertBefore(i,r?r.nextSibling:s.firstChild),u=!1,c.length?c.map((t=>t.connectedCallback())):wt.jmp((()=>f=setTimeout(B,30)))},lt=(t,e)=>e,ot=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=rt(t,n),r=st(e,o),i=it(n);wt.ael(s,l,r,i),(e.H=e.H||[]).push((()=>wt.rel(s,l,r,i)))}))},st=(t,e)=>n=>{try{256&t.u?t.k[e](n):(t.C=t.C||[]).push([e,n])}catch(t){ht(t)}},rt=(t,e)=>8&e?pt:t,it=t=>0!=(2&t),ct=new WeakMap,ft=t=>ct.get(t),ut=(t,e)=>ct.set(e.k=t,e),at=(t,e)=>{const n={u:0,p:t,M:e,A:new Map};return n.F=new Promise((t=>n.T=t)),n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[],ot(t,n,e.D),ct.set(t,n)},dt=(t,e)=>e in t,ht=(t,e)=>(0,console.error)(t,e),bt=new Map,mt=t=>{const e=t.v.replace(/-/g,"_"),n=t.q,l=bt.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(bt.set(n,t),t[e])),ht)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$t=new Map,pt="undefined"!=typeof window?window:{},yt=pt.document||{head:{}},wt={u:0,_:"",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)},vt=t=>Promise.resolve(t),gt=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),jt=[],Ot=[],St=(t,e)=>n=>{t.push(n),i||(i=!0,e&&4&wt.u?xt(Ct):wt.raf(Ct))},kt=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){ht(t)}t.length=0},Ct=()=>{kt(jt),kt(Ot),(i=jt.length>0)&&wt.raf(Ct)},xt=t=>vt().then(t),Mt=St(Ot,!0);export{lt as F,d as H,nt as b,p as c,z as f,$ as g,u as h,vt as p,ut as r}
1
+ let t,e,n,l=!1,o=!1,s=!1,r=!1,i=!1;const c={},f=t=>"object"==(t=typeof t)||"function"===t,u=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!f(l))&&(l+=""),s&&r?i[i.length-1].t+=l:i.push(s?a(null,l):l),r=s)};if(c(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,i,h);const u=a(t,null);return u.l=e,i.length>0&&(u.o=i),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(b).forEach(e),map:(t,e)=>t.map(b).map(e).map(m)},b=t=>({vattrs:t.l,vchildren:t.o,vkey:t.$,vname:t.i,vtag:t.h,vtext:t.t}),m=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},$=t=>ft(t).p,p=(t,e,n)=>{const l=$(t);return{emit:t=>y(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},y=(t,e,n)=>{const l=vt.ce(e,n);return t.dispatchEvent(l),l},w=new WeakMap,v=t=>"sc-"+t.v,g=(t,e,n,l,o,s)=>{if(n!==l){let r=dt(t,e),i=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 i=f(l);if((r||i&&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)&&!i&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):dt(pt,i)?i.slice(2):i[2]+e.slice(3),n&&vt.rel(t,e,n,!1),l&&vt.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||c,r=e.l||c;for(l in s)l in r||g(o,l,s[l],void 0,n,e.u);for(l in r)g(o,l,s[l],r[l],n,e.u)},k=(o,i,c,f)=>{const u=i.o[c];let a,d,h,b=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=yt.createTextNode(u.t);else if(1&u.u)a=u.m=yt.createTextNode("");else{if(r||(r="svg"===u.h),a=u.m=yt.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(b=0;b<u.o.length;++b)d=k(o,u,b,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[c],h&&h.h===u.h&&o.m&&C(o.m,!1)),a},C=(t,e)=>{vt.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,R(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&C(o,e)}vt.u&=-2},x=(t,e,l,o,s,r)=>{let i,c=t["s-cr"]&&t["s-cr"].parentNode||t;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=r;++s)o[s]&&(i=k(null,l,s,t),i&&(o[s].m=i,c.insertBefore(i,R(e))))},M=(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())},N=(t,e)=>t.h===e.h&&("slot"!==t.h||t.i===e.i),R=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,i=e.t;let c;null===i?(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,i=e.length-1,c=e[0],f=e[i],u=l.length-1,a=l[0],d=l[u];for(;s<=i&&r<=u;)null==c?c=e[++s]:null==f?f=e[--i]:null==a?a=l[++r]:null==d?d=l[--u]:N(c,a)?(P(c,a),c=e[++s],a=l[++r]):N(f,d)?(P(f,d),f=e[--i],d=l[--u]):N(c,d)?("slot"!==c.h&&"slot"!==d.h||C(c.m.parentNode,!1),P(c,d),t.insertBefore(c.m,f.m.nextSibling),c=e[++s],d=l[--u]):N(f,a)?("slot"!==c.h&&"slot"!==d.h||C(f.m.parentNode,!1),P(f,a),t.insertBefore(f.m,c.m),f=e[--i],a=l[++r]):(o=k(e&&e[r],n,r,t),a=l[++r],o&&E(c.m).insertBefore(o,R(c.m)));s>i?x(t,null==l[u+1]?null:l[u+1].m,n,l,r,u):r>u&&M(e,s,i)})(n,l,e,o):null!==o?(null!==t.t&&(n.textContent=""),x(n,null,e,o,0,o.length-1)):null!==l&&M(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(c=n["s-cr"])?c.parentNode.textContent=i:t.t!==i&&(n.data=i)},T=t=>{const e=t.childNodes;let n,l,o,s,r,i;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(i=e[s].nodeType,e[s]["s-hn"]!==n["s-hn"]||""!==r){if(1===i&&r===e[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===i||3===i&&""!==e[s].textContent.trim()){n.hidden=!0;break}T(n)}},L=[],W=t=>{let e,n,l,s,r,i,c=0;const f=t.childNodes,u=f.length;for(;c<u;c++){if(e=f[c],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(A(n,s)?(r=L.find((t=>t.g===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.j=e:L.push({j:e,g:n}),n["s-sr"]&&L.map((t=>{A(t.g,n["s-sn"])&&(r=L.find((t=>t.g===n)),r&&!t.j&&(t.j=r.j))}))):L.some((t=>t.g===n))||L.push({g: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)},_=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},D=(t,e)=>{if(t.u|=16,!(4&t.u))return _(t,t.S),Nt((()=>H(t,e)));t.u|=512},H=(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,(()=>U(t,n,e)))},U=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=v(e);const l=$t.get(n);if(t=11===t.nodeType?t:yt,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=yt.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);q(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>V(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},q=(r,i)=>{try{i=i.render(),r.u&=-17,r.u|=2,((r,i)=>{const c=r.p,f=r.M,h=r.N||a(null,null),b=(t=>t&&t.h===d)(i)?i:u(null,null,i);if(n=c.tagName,f.R&&(b.l=b.l||{},f.R.map((([t,e])=>b.l[e]=c[t]))),b.h=null,b.u|=4,r.N=b,b.m=h.m=c.shadowRoot||c,t=c["s-sc"],e=c["s-cr"],l=0!=(1&f.u),o=!1,P(h,b),vt.u|=1,s){let t,e,n,l,o,s;W(b.m);let r=0;for(;r<L.length;r++)t=L[r],e=t.g,e["s-ol"]||(n=yt.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.g,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(b.m),vt.u&=-2,L.length=0})(r,i)}catch(t){ht(t,r.p)}return null},V=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&&Mt((()=>D(t,!1))),t.u&=-517},z=t=>{{const e=ft(t),n=e.p.isConnected;return n&&2==(18&e.u)&&D(e,!1),n}},B=()=>{J(yt.documentElement),Mt((()=>y(pt,"appload",{detail:{namespace:"siemens-ix"}})))},G=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){ht(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)=>ft(this).A.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=ft(t),s=o.p,r=o.A.get(e),i=o.u,c=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&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.A.set(e,n),c)){if(l.W&&128&i){const t=l.W[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){ht(t,s)}}))}2==(18&i)&&D(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=ft(this);return n.F.then((()=>n.k[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){vt.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.R.push([t,o]),o}))}}return t},Q=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=Z(t),n=tt(this.childNodes,e);if(n){const l=et(n,e),o=l[l.length-1];return o.parentNode.insertBefore(t,o.nextSibling)}return this.__appendChild(t)}},X=(t,e)=>{if(2&e.u){const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(t,"__textContent",e),Object.defineProperty(t,"textContent",{get(){var t;const e=tt(this.childNodes,"");return 3===(null===(t=null==e?void 0:e.nextSibling)||void 0===t?void 0:t.nodeType)?e.nextSibling.textContent:e?e.textContent:this.__textContent},set(t){var e;const n=tt(this.childNodes,"");if(3===(null===(e=null==n?void 0:n.nextSibling)||void 0===e?void 0:e.nodeType))n.nextSibling.textContent=t;else if(n)n.textContent=t;else{this.__textContent=t;const e=this["s-cr"];e&&this.insertBefore(e,this.firstChild)}}})}},Y=(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&vt.u)&&2&ft(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)}})}},Z=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||"",tt=(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=tt(n.childNodes,e),n)return n}return null},et=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},nt=(t,e={})=>{const n=[],l=e.exclude||[],o=pt.customElements,s=yt.head,r=s.querySelector("meta[charset]"),i=yt.createElement("style"),c=[];let f,u=!0;Object.assign(vt,e),vt._=new URL(e.resourcesUrl||"./",yt.baseURI).href,t.map((t=>{t[1].map((e=>{const s={u:e[0],v:e[1],L:e[2],D:e[3]};s.L=e[2],s.D=e[3],s.R=[],s.W={};const r=s.v,i=class extends HTMLElement{constructor(t){super(t),at(t=this,s),1&s.u&&t.attachShadow({mode:"open"}),Y(t,s)}connectedCallback(){f&&(clearTimeout(f),f=null),u?c.push(this):vt.jmp((()=>(t=>{if(0==(1&vt.u)){const e=ft(t),n=e.M,l=()=>{};if(1&e.u)ot(t,e,n.D);else{e.u|=1,12&n.u&&(t=>{const e=t["s-cr"]=yt.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){_(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){ht(t)}e.u&=-9,e.u|=128,t()}if(o.style){let t=o.style;const e=v(n);if(!$t.has(e)){const l=()=>{};((t,e,n)=>{let l=$t.get(t);jt&&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=()=>D(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){vt.jmp((()=>(()=>{if(0==(1&vt.u)){const t=ft(this),e=t.k;t.H&&(t.H.map((t=>t())),t.H=void 0),G(e,"disconnectedCallback")}})()))}componentOnReady(){return ft(this).U}};Q(i.prototype),X(i.prototype,s),s.q=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,K(i,s,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),s.insertBefore(i,r?r.nextSibling:s.firstChild),u=!1,c.length?c.map((t=>t.connectedCallback())):vt.jmp((()=>f=setTimeout(B,30)))},lt=(t,e)=>e,ot=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=rt(t,n),r=st(e,o),i=it(n);vt.ael(s,l,r,i),(e.H=e.H||[]).push((()=>vt.rel(s,l,r,i)))}))},st=(t,e)=>n=>{try{256&t.u?t.k[e](n):(t.C=t.C||[]).push([e,n])}catch(t){ht(t)}},rt=(t,e)=>8&e?pt:t,it=t=>0!=(2&t),ct=new WeakMap,ft=t=>ct.get(t),ut=(t,e)=>ct.set(e.k=t,e),at=(t,e)=>{const n={u:0,p:t,M:e,A:new Map};return n.F=new Promise((t=>n.T=t)),n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[],ot(t,n,e.D),ct.set(t,n)},dt=(t,e)=>e in t,ht=(t,e)=>(0,console.error)(t,e),bt=new Map,mt=t=>{const e=t.v.replace(/-/g,"_"),n=t.q,l=bt.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(bt.set(n,t),t[e])),ht)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$t=new Map,pt="undefined"!=typeof window?window:{},yt=pt.document||{head:{}},wt=pt.HTMLElement||class{},vt={u:0,_:"",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)},gt=t=>Promise.resolve(t),jt=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),Ot=[],St=[],kt=(t,e)=>n=>{t.push(n),i||(i=!0,e&&4&vt.u?Mt(xt):vt.raf(xt))},Ct=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){ht(t)}t.length=0},xt=()=>{Ct(Ot),Ct(St),(i=Ot.length>0)&&vt.raf(xt)},Mt=t=>gt().then(t),Nt=kt(St,!0);export{lt as F,d as H,wt as a,nt as b,p as c,z as f,$ as g,u as h,gt as p,ut as r}
@@ -1 +1 @@
1
- import{r as t,h as a,H as i,c as e,g as s}from"./p-05c16b94.js";import{a as n}from"./p-810b5232.js";import{A as o}from"./p-bdd294d2.js";import{c}from"./p-c8cc3bb3.js";const r=class{constructor(a){t(this,a),this.icon=void 0,this.count=void 0}render(){return a(i,null,a("slot",null))}};r.style=".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";const d=class{constructor(a){t(this,a),this.tabClick=e(this,"tabClick",7),this.easing="easeInOutSine",this.firstRender=!0,this.tabs=void 0,this.activeIndex=void 0,this.disableAnimations=!1,this.selectedIndex=0,this.tabPlacement="top"}onTabSelectionChange(t,a){this.updateTabAnimation(a,t)}onMouseDown(){this.activeIndex=void 0}get animatedTabs(){return Array.from(this.hostElement.querySelectorAll("ix-animated-tab"))}get tabsContainer(){return this.hostElement.querySelector(".tabs-container")}get contentContainer(){return this.hostElement.querySelector(".content-container")}componentWillLoad(){this.tabs=this.animatedTabs}componentDidLoad(){this.onTabSelectionChange(this.selectedIndex,-1),this.observer=new MutationObserver((()=>{this.tabs=this.animatedTabs})),this.observer.observe(this.contentContainer,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["count"]})}disconnectCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}isSelected(t){return this.tabs.indexOf(t)===this.selectedIndex}showTab(t){this.isSelected(t)&&t.classList.remove("d-none")}hideTab(t){this.isSelected(t)||t.classList.add("d-none")}slideOutLeft(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"-100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideOutRight(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideInLeft(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["-100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}slideInRight(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}updateTabAnimation(t,a){var i;null===(i=this.tabs)||void 0===i||i.forEach(((i,e)=>{e===t?e<a?this.slideOutLeft(i):e>a&&this.slideOutRight(i):e===a?e<t?this.slideInLeft(i):e>t&&this.slideInRight(i):i.classList.add("d-none")}))}onTabClick(t){this.selectedIndex=t,this.tabClick.emit(t)}onTabMouseDown(t){this.activeIndex=t}render(){return a(i,{class:{"flex-column-reverse":"bottom"===this.tabPlacement}},a("ul",{class:"tabs-container"},this.animatedTabs.map(((t,i)=>a("li",{class:{bottom:"bottom"===this.tabPlacement},onClick:()=>this.onTabClick(i),onMouseDown:()=>this.onTabMouseDown(i)},a("div",{class:{"tab-container":!0,selected:this.selectedIndex===i}},a("ix-icon",{name:t.icon}),t.count?a("span",{class:{count:!0,bottom:"bottom"===this.tabPlacement}},c(t.count)):"")))),a("div",{class:{"tab-active-underline":!0,bottom:"bottom"===this.tabPlacement},style:{"margin-left":`calc(${this.selectedIndex} * 5rem)`}})),a("div",{class:"content-container"},a("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{selectedIndex:["onTabSelectionChange"]}}};d.style=".sc-ix-animated-tabs-h{--animate-duration:300ms;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs{display:flex;padding:0;margin:0;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs{display:flex;justify-content:center;width:5rem;height:4.5rem;cursor:pointer;padding-top:0.625rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.bottom.sc-ix-animated-tabs{padding-top:0.875rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background);border:solid 1px var(--theme-animated-tab-circle--border-color);display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:3rem;height:3rem;position:relative;transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover{background:var(--theme-animated-tab-circle--background--hover);border-color:var(--theme-animated-tab-circle--border-color--hover)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--hover) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active{background:var(--theme-animated-tab-circle--background--active);border-color:var(--theme-animated-tab-circle--border-color--active)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--active) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background--selected);border-color:var(--theme-animated-tab-circle--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs .count.sc-ix-animated-tabs{border-color:var(--theme-tab-pill--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.disabled.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs,.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:disabled ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--disabled) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.sc-ix-animated-tabs{-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);display:flex;align-items:center;height:1rem;position:absolute;background-color:var(--theme-pill-outline--background);bottom:-0.55rem;border:1px solid var(--theme-tab-pill--border-color);border-radius:6.25rem;color:var(--theme-pill-outline--color);padding:0 0.25rem;background:var(--theme-color-1);transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.bottom.sc-ix-animated-tabs{top:-0.55rem}.sc-ix-animated-tabs-h .content-container.sc-ix-animated-tabs{display:flex;flex-direction:row;height:calc(100% - 4.5rem);width:100%;overflow-y:auto;overflow-x:hidden}.sc-ix-animated-tabs-h .tab-active-underline.sc-ix-animated-tabs{background-color:var(--theme-animated-tab-indicator--background--selected);height:0.125rem;width:5rem;margin-top:-0.125rem;transition:150ms;position:absolute;top:4.5rem}.sc-ix-animated-tabs-h .tab-active-underline.bottom.sc-ix-animated-tabs{top:0;margin-top:0}";export{r as ix_animated_tab,d as ix_animated_tabs}
1
+ import{r as t,h as a,H as i,c as e,g as s}from"./p-5e4c3828.js";import{a as n}from"./p-810b5232.js";import{A as o}from"./p-bdd294d2.js";import{c}from"./p-c8cc3bb3.js";const r=class{constructor(a){t(this,a),this.icon=void 0,this.count=void 0}render(){return a(i,null,a("slot",null))}};r.style=".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";const d=class{constructor(a){t(this,a),this.tabClick=e(this,"tabClick",7),this.easing="easeInOutSine",this.firstRender=!0,this.tabs=void 0,this.activeIndex=void 0,this.disableAnimations=!1,this.selectedIndex=0,this.tabPlacement="top"}onTabSelectionChange(t,a){this.updateTabAnimation(a,t)}onMouseDown(){this.activeIndex=void 0}get animatedTabs(){return Array.from(this.hostElement.querySelectorAll("ix-animated-tab"))}get tabsContainer(){return this.hostElement.querySelector(".tabs-container")}get contentContainer(){return this.hostElement.querySelector(".content-container")}componentWillLoad(){this.tabs=this.animatedTabs}componentDidLoad(){this.onTabSelectionChange(this.selectedIndex,-1),this.observer=new MutationObserver((()=>{this.tabs=this.animatedTabs})),this.observer.observe(this.contentContainer,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["count"]})}disconnectCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}isSelected(t){return this.tabs.indexOf(t)===this.selectedIndex}showTab(t){this.isSelected(t)&&t.classList.remove("d-none")}hideTab(t){this.isSelected(t)||t.classList.add("d-none")}slideOutLeft(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"-100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideOutRight(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideInLeft(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["-100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}slideInRight(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}updateTabAnimation(t,a){var i;null===(i=this.tabs)||void 0===i||i.forEach(((i,e)=>{e===t?e<a?this.slideOutLeft(i):e>a&&this.slideOutRight(i):e===a?e<t?this.slideInLeft(i):e>t&&this.slideInRight(i):i.classList.add("d-none")}))}onTabClick(t){this.selectedIndex=t,this.tabClick.emit(t)}onTabMouseDown(t){this.activeIndex=t}render(){return a(i,{class:{"flex-column-reverse":"bottom"===this.tabPlacement}},a("ul",{class:"tabs-container"},this.animatedTabs.map(((t,i)=>a("li",{class:{bottom:"bottom"===this.tabPlacement},onClick:()=>this.onTabClick(i),onMouseDown:()=>this.onTabMouseDown(i)},a("div",{class:{"tab-container":!0,selected:this.selectedIndex===i}},a("ix-icon",{name:t.icon}),t.count?a("span",{class:{count:!0,bottom:"bottom"===this.tabPlacement}},c(t.count)):"")))),a("div",{class:{"tab-active-underline":!0,bottom:"bottom"===this.tabPlacement},style:{"margin-left":`calc(${this.selectedIndex} * 5rem)`}})),a("div",{class:"content-container"},a("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{selectedIndex:["onTabSelectionChange"]}}};d.style=".sc-ix-animated-tabs-h{--animate-duration:300ms;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs{display:flex;padding:0;margin:0;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs{display:flex;justify-content:center;width:5rem;height:4.5rem;cursor:pointer;padding-top:0.625rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.bottom.sc-ix-animated-tabs{padding-top:0.875rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background);border:solid 1px var(--theme-animated-tab-circle--border-color);display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:3rem;height:3rem;position:relative;transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover{background:var(--theme-animated-tab-circle--background--hover);border-color:var(--theme-animated-tab-circle--border-color--hover)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--hover) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active{background:var(--theme-animated-tab-circle--background--active);border-color:var(--theme-animated-tab-circle--border-color--active)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--active) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background--selected);border-color:var(--theme-animated-tab-circle--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs .count.sc-ix-animated-tabs{border-color:var(--theme-tab-pill--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.disabled.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs,.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:disabled ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--disabled) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.sc-ix-animated-tabs{-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);display:flex;align-items:center;height:1rem;position:absolute;background-color:var(--theme-pill-outline--background);bottom:-0.55rem;border:1px solid var(--theme-tab-pill--border-color);border-radius:6.25rem;color:var(--theme-pill-outline--color);padding:0 0.25rem;background:var(--theme-color-1);transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.bottom.sc-ix-animated-tabs{top:-0.55rem}.sc-ix-animated-tabs-h .content-container.sc-ix-animated-tabs{display:flex;flex-direction:row;height:calc(100% - 4.5rem);width:100%;overflow-y:auto;overflow-x:hidden}.sc-ix-animated-tabs-h .tab-active-underline.sc-ix-animated-tabs{background-color:var(--theme-animated-tab-indicator--background--selected);height:0.125rem;width:5rem;margin-top:-0.125rem;transition:150ms;position:absolute;top:4.5rem}.sc-ix-animated-tabs-h .tab-active-underline.bottom.sc-ix-animated-tabs{top:0;margin-top:0}";export{r as ix_animated_tab,d as ix_animated_tabs}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as s,g as c}from"./p-05c16b94.js";const o=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.isMultipleMode||(this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1))}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null),this.dropdownShow=!1}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:!0},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};o.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}.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{o as ix_select,h as ix_select_item}
1
+ import{r as t,c as e,h as i,H as s,g as c}from"./p-5e4c3828.js";const o=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.isMultipleMode||(this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1))}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null),this.dropdownShow=!1}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:!0},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};o.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}.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{o as ix_select,h as ix_select_item}
@@ -1 +1 @@
1
- import{r as e,h as i,H as t}from"./p-05c16b94.js";const n=class{constructor(i){e(this,i),this.variant="secondary",this.size="medium"}render(){return i(t,{class:{primary:"primary"===this.variant,large:"large"===this.size}},i("svg",{viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{id:"waiting-anim",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{id:"stroke",transform:"translate(4.5, 3)","fill-rule":"nonzero",stroke:"#0F8287","stroke-linejoin":"round"},i("polygon",{id:"w1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"0s;w6ul.end",to:"visible"}),i("animate",{id:"w1l",attributeName:"points",calcMode:"spline",begin:"0s;w6ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w1ul",attributeName:"points",calcMode:"spline",begin:"f6uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w1ul.end",to:"hidden"})),i("polygon",{id:"w2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w1l.end",to:"visible"}),i("animate",{id:"w2l",attributeName:"points",calcMode:"spline",begin:"w1l.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w2ul",attributeName:"points",calcMode:"spline",begin:"w1ul.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w2ul.end",to:"hidden"})),i("polygon",{id:"w3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w2l.end",to:"visible"}),i("animate",{id:"w3l",attributeName:"points",calcMode:"spline",begin:"w2l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w3ul",attributeName:"points",calcMode:"spline",begin:"w2ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w3ul.end",to:"hidden"})),i("polygon",{id:"w4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w3l.end",to:"visible"}),i("animate",{id:"w4l",attributeName:"points",calcMode:"spline",begin:"w3l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w4ul",attributeName:"points",calcMode:"spline",begin:"w3ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w4ul.end",to:"hidden"})),i("polygon",{id:"w5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w4l.end",to:"visible"}),i("animate",{id:"w5l",attributeName:"points",calcMode:"spline",begin:"w4l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w5ul",attributeName:"points",calcMode:"spline",begin:"w4ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w5ul.end",to:"hidden"})),i("polygon",{id:"w6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w5l.end",to:"visible"}),i("animate",{id:"w6l",attributeName:"points",calcMode:"spline",begin:"w5l.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w6ul",attributeName:"points",calcMode:"spline",begin:"w5ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w6ul.end",to:"hidden"}))),i("g",{id:"fill",transform:"translate(4.5, 3)",fill:"#0F8287","fill-rule":"nonzero"},i("polygon",{id:"f1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w6l.end",to:"visible"}),i("animate",{id:"f1f",attributeName:"points",calcMode:"spline",begin:"w6l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f1uf",attributeName:"points",calcMode:"spline",begin:"f6f.end + 0.2s",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f1uf.end",to:"hidden"})),i("polygon",{id:"f2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f1f.end",to:"visible"}),i("animate",{id:"f2f",attributeName:"points",calcMode:"spline",begin:"f1f.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f2uf",attributeName:"points",calcMode:"spline",begin:"f1uf.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f2uf.end",to:"hidden"})),i("polygon",{id:"f3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f2f.end",to:"visible"}),i("animate",{id:"f3f",attributeName:"points",calcMode:"spline",begin:"f2f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f3uf",attributeName:"points",calcMode:"spline",begin:"f2uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f3uf.end",to:"hidden"})),i("polygon",{id:"f4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f3f.end",to:"visible"}),i("animate",{id:"f4f",attributeName:"points",calcMode:"spline",begin:"f3f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f4uf",attributeName:"points",calcMode:"spline",begin:"f3uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f4uf.end",to:"hidden"})),i("polygon",{id:"f5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f4f.end",to:"visible"}),i("animate",{id:"f5f",attributeName:"points",calcMode:"spline",begin:"f4f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f5uf",attributeName:"points",calcMode:"spline",begin:"f4uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f5uf.end",to:"hidden"})),i("polygon",{id:"f6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f5f.end",to:"visible"}),i("animate",{id:"f6f",attributeName:"points",calcMode:"spline",begin:"f5f.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f6uf",attributeName:"points",calcMode:"spline",begin:"f5uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f6uf.end",to:"hidden"}))))))}};n.style=".sc-ix-spinner-h{display:flex;position:relative;height:2rem;width:2rem;justify-content:center;align-items:center}.sc-ix-spinner-h svg.sc-ix-spinner{height:2rem;width:2rem}.sc-ix-spinner-h #fill.sc-ix-spinner{fill:var(--theme-color-weak-text)}.sc-ix-spinner-h #stroke.sc-ix-spinner{stroke:var(--theme-color-weak-text)}.primary.sc-ix-spinner-h #fill.sc-ix-spinner{fill:var(--theme-color-primary)}.primary.sc-ix-spinner-h #stroke.sc-ix-spinner{stroke:var(--theme-color-primary)}.large.sc-ix-spinner-h{height:6rem;width:6rem}.large.sc-ix-spinner-h svg.sc-ix-spinner{height:5.75rem;width:6rem}";export{n as ix_spinner}
1
+ import{r as e,h as i,H as t}from"./p-5e4c3828.js";const n=class{constructor(i){e(this,i),this.variant="secondary",this.size="medium"}render(){return i(t,{class:{primary:"primary"===this.variant,large:"large"===this.size}},i("svg",{viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{id:"waiting-anim",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{id:"stroke",transform:"translate(4.5, 3)","fill-rule":"nonzero",stroke:"#0F8287","stroke-linejoin":"round"},i("polygon",{id:"w1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"0s;w6ul.end",to:"visible"}),i("animate",{id:"w1l",attributeName:"points",calcMode:"spline",begin:"0s;w6ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w1ul",attributeName:"points",calcMode:"spline",begin:"f6uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w1ul.end",to:"hidden"})),i("polygon",{id:"w2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w1l.end",to:"visible"}),i("animate",{id:"w2l",attributeName:"points",calcMode:"spline",begin:"w1l.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w2ul",attributeName:"points",calcMode:"spline",begin:"w1ul.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w2ul.end",to:"hidden"})),i("polygon",{id:"w3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w2l.end",to:"visible"}),i("animate",{id:"w3l",attributeName:"points",calcMode:"spline",begin:"w2l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w3ul",attributeName:"points",calcMode:"spline",begin:"w2ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w3ul.end",to:"hidden"})),i("polygon",{id:"w4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w3l.end",to:"visible"}),i("animate",{id:"w4l",attributeName:"points",calcMode:"spline",begin:"w3l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w4ul",attributeName:"points",calcMode:"spline",begin:"w3ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w4ul.end",to:"hidden"})),i("polygon",{id:"w5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w4l.end",to:"visible"}),i("animate",{id:"w5l",attributeName:"points",calcMode:"spline",begin:"w4l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w5ul",attributeName:"points",calcMode:"spline",begin:"w4ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w5ul.end",to:"hidden"})),i("polygon",{id:"w6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w5l.end",to:"visible"}),i("animate",{id:"w6l",attributeName:"points",calcMode:"spline",begin:"w5l.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w6ul",attributeName:"points",calcMode:"spline",begin:"w5ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w6ul.end",to:"hidden"}))),i("g",{id:"fill",transform:"translate(4.5, 3)",fill:"#0F8287","fill-rule":"nonzero"},i("polygon",{id:"f1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w6l.end",to:"visible"}),i("animate",{id:"f1f",attributeName:"points",calcMode:"spline",begin:"w6l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f1uf",attributeName:"points",calcMode:"spline",begin:"f6f.end + 0.2s",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f1uf.end",to:"hidden"})),i("polygon",{id:"f2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f1f.end",to:"visible"}),i("animate",{id:"f2f",attributeName:"points",calcMode:"spline",begin:"f1f.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f2uf",attributeName:"points",calcMode:"spline",begin:"f1uf.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f2uf.end",to:"hidden"})),i("polygon",{id:"f3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f2f.end",to:"visible"}),i("animate",{id:"f3f",attributeName:"points",calcMode:"spline",begin:"f2f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f3uf",attributeName:"points",calcMode:"spline",begin:"f2uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f3uf.end",to:"hidden"})),i("polygon",{id:"f4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f3f.end",to:"visible"}),i("animate",{id:"f4f",attributeName:"points",calcMode:"spline",begin:"f3f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f4uf",attributeName:"points",calcMode:"spline",begin:"f3uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f4uf.end",to:"hidden"})),i("polygon",{id:"f5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f4f.end",to:"visible"}),i("animate",{id:"f5f",attributeName:"points",calcMode:"spline",begin:"f4f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f5uf",attributeName:"points",calcMode:"spline",begin:"f4uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f5uf.end",to:"hidden"})),i("polygon",{id:"f6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f5f.end",to:"visible"}),i("animate",{id:"f6f",attributeName:"points",calcMode:"spline",begin:"f5f.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f6uf",attributeName:"points",calcMode:"spline",begin:"f5uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f6uf.end",to:"hidden"}))))))}};n.style=".sc-ix-spinner-h{display:flex;position:relative;height:2rem;width:2rem;justify-content:center;align-items:center}.sc-ix-spinner-h svg.sc-ix-spinner{height:2rem;width:2rem}.sc-ix-spinner-h #fill.sc-ix-spinner{fill:var(--theme-color-weak-text)}.sc-ix-spinner-h #stroke.sc-ix-spinner{stroke:var(--theme-color-weak-text)}.primary.sc-ix-spinner-h #fill.sc-ix-spinner{fill:var(--theme-color-primary)}.primary.sc-ix-spinner-h #stroke.sc-ix-spinner{stroke:var(--theme-color-primary)}.large.sc-ix-spinner-h{height:6rem;width:6rem}.large.sc-ix-spinner-h svg.sc-ix-spinner{height:5.75rem;width:6rem}";export{n as ix_spinner}
@@ -1 +1 @@
1
- import{r as t,h as i,H as s,g as e}from"./p-05c16b94.js";let r=window.innerWidth;const o=class{constructor(i){t(this,i),this.clickAction={timeout:null,isClick:!0},this.small=!1,this.rounded=!1,this.selected=0,this.layout="auto",this.placement="bottom",this.totalItems=0,this.currentScrollAmount=0,this.scrollAmount=100,this.scrollActionAmount=0}onWindowResize(){if(this.totalItems=0,this.totalItems=this.getTabs().length,0===r)return r=window.innerWidth;this.move(r-window.innerWidth),r=window.innerWidth}getTabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}getTab(t){return this.getTabs()[t]}getTabsWrapper(){return this.hostElement.getElementsByClassName("items-content")[0]}showArrows(){try{const t=this.getTabsWrapper();return t.scrollWidth>Math.ceil(t.getBoundingClientRect().width)&&"auto"===this.layout}catch(t){return!1}}showPreviousArrow(){try{return this.showArrows()&&this.scrollActionAmount<0}catch(t){return!1}}showNextArrow(){try{const t=this.getTabsWrapper(),i=t.getBoundingClientRect();return this.showArrows()&&this.scrollActionAmount>-1*(t.scrollWidth-i.width)&&window.innerWidth<=t.scrollWidth}catch(t){return!1}}getArrowStyle(t){return{opacity:t?"1":"0",zIndex:t?"1":"-1"}}move(t,i=!1){const s=this.getTabsWrapper(),e=-1*(s.scrollWidth-s.getBoundingClientRect().width),r=[`transform: translateX(${t=(t=this.currentScrollAmount+t)>0?0:t<e?e:t}px);`,i?"transition: all ease-in-out 400ms;":""].join("");s.setAttribute("style",r),i?this.currentScrollAmount=this.scrollActionAmount=t:this.scrollActionAmount=t}moveTabToView(t){if(!this.showArrows())return;const i=this.getTab(t).getBoundingClientRect();this.move(-1*i.x,!0)}setSelected(t){this.selected=t}clickTab(t){this.dragStop()||(this.setSelected(t),this.moveTabToView(t))}dragStart(t,i){if(!this.showArrows())return;if(i.button>0)return;this.clickAction.timeout=null===this.clickAction.timeout?setTimeout((()=>this.clickAction.isClick=!1),300):null;const s=parseFloat(window.getComputedStyle(t).left),e=i.clientX,r=t=>this.dragMove(t,s,e);window.addEventListener("mouseup",(()=>{window.removeEventListener("mousemove",r,!1),this.dragStop()})),window.addEventListener("mousemove",r,!1)}dragMove(t,i,s){this.move(t.clientX+i-s)}dragStop(){return clearTimeout(this.clickAction.timeout),this.clickAction.timeout=null,!this.clickAction.isClick&&(this.currentScrollAmount=this.scrollActionAmount,this.clickAction.isClick=!0,!0)}componentDidRender(){const t=this.getTabs();this.totalItems=t.length,t.forEach(((t,i)=>{this.small&&t.setAttribute("small","true"),this.rounded&&t.setAttribute("rounded","true"),t.setAttribute("layout",this.layout),t.setAttribute("selected",i===this.selected?"true":"false"),t.setAttribute("placement",this.placement)}))}componentDidLoad(){this.getTabs().forEach(((t,i)=>{null!==t.getAttribute("disabled")||t.addEventListener("click",(()=>this.clickTab(i))),t.addEventListener("mousedown",(i=>this.dragStart(t,i)))}))}render(){return i(s,null,i("div",{class:"overflow-shadow",style:this.getArrowStyle(this.showPreviousArrow())}),i("div",{class:"arrow",style:this.getArrowStyle(this.showPreviousArrow()),onClick:()=>this.move(this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-left-small"})),i("div",{class:"tab-items"},i("div",{class:"items-content"},i("slot",null))),i("div",{class:"overflow-shadow right",style:this.getArrowStyle(this.showNextArrow())}),i("div",{class:"arrow right",style:this.getArrowStyle(this.showNextArrow()),onClick:()=>this.move(-this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-right-small"})))}get hostElement(){return e(this)}};o.style="ix-tabs{width:auto;display:flex;align-items:center;position:relative}ix-tabs .tab-items{overflow:hidden;scroll-behavior:smooth}ix-tabs .tab-items .items-content{display:flex;align-items:center}ix-tabs .arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;top:0;bottom:0;left:0;margin:auto 0;border-radius:4px;color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);z-index:2}ix-tabs .arrow:hover{color:var(--theme-btn-invisible-primary--color--hover);background-color:var(--theme-btn-invisible-primary--background--hover)}ix-tabs .arrow:active{color:var(--theme-btn-invisible-primary--color--active);background-color:var(--theme-btn-invisible-primary--background--active)}ix-tabs .arrow.right{left:auto;right:0}ix-tabs .overflow-shadow{width:50px;height:40px;position:absolute;left:0;top:0;background:linear-gradient(90deg, var(--theme-color-1) 50%, transparent);z-index:1}ix-tabs .overflow-shadow.right{left:auto;right:0;background:linear-gradient(90deg, transparent, var(--theme-color-1) 50%)}";export{o as ix_tabs}
1
+ import{r as t,h as i,H as s,g as e}from"./p-5e4c3828.js";let r=window.innerWidth;const o=class{constructor(i){t(this,i),this.clickAction={timeout:null,isClick:!0},this.small=!1,this.rounded=!1,this.selected=0,this.layout="auto",this.placement="bottom",this.totalItems=0,this.currentScrollAmount=0,this.scrollAmount=100,this.scrollActionAmount=0}onWindowResize(){if(this.totalItems=0,this.totalItems=this.getTabs().length,0===r)return r=window.innerWidth;this.move(r-window.innerWidth),r=window.innerWidth}getTabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}getTab(t){return this.getTabs()[t]}getTabsWrapper(){return this.hostElement.getElementsByClassName("items-content")[0]}showArrows(){try{const t=this.getTabsWrapper();return t.scrollWidth>Math.ceil(t.getBoundingClientRect().width)&&"auto"===this.layout}catch(t){return!1}}showPreviousArrow(){try{return this.showArrows()&&this.scrollActionAmount<0}catch(t){return!1}}showNextArrow(){try{const t=this.getTabsWrapper(),i=t.getBoundingClientRect();return this.showArrows()&&this.scrollActionAmount>-1*(t.scrollWidth-i.width)&&window.innerWidth<=t.scrollWidth}catch(t){return!1}}getArrowStyle(t){return{opacity:t?"1":"0",zIndex:t?"1":"-1"}}move(t,i=!1){const s=this.getTabsWrapper(),e=-1*(s.scrollWidth-s.getBoundingClientRect().width),r=[`transform: translateX(${t=(t=this.currentScrollAmount+t)>0?0:t<e?e:t}px);`,i?"transition: all ease-in-out 400ms;":""].join("");s.setAttribute("style",r),i?this.currentScrollAmount=this.scrollActionAmount=t:this.scrollActionAmount=t}moveTabToView(t){if(!this.showArrows())return;const i=this.getTab(t).getBoundingClientRect();this.move(-1*i.x,!0)}setSelected(t){this.selected=t}clickTab(t){this.dragStop()||(this.setSelected(t),this.moveTabToView(t))}dragStart(t,i){if(!this.showArrows())return;if(i.button>0)return;this.clickAction.timeout=null===this.clickAction.timeout?setTimeout((()=>this.clickAction.isClick=!1),300):null;const s=parseFloat(window.getComputedStyle(t).left),e=i.clientX,r=t=>this.dragMove(t,s,e);window.addEventListener("mouseup",(()=>{window.removeEventListener("mousemove",r,!1),this.dragStop()})),window.addEventListener("mousemove",r,!1)}dragMove(t,i,s){this.move(t.clientX+i-s)}dragStop(){return clearTimeout(this.clickAction.timeout),this.clickAction.timeout=null,!this.clickAction.isClick&&(this.currentScrollAmount=this.scrollActionAmount,this.clickAction.isClick=!0,!0)}componentDidRender(){const t=this.getTabs();this.totalItems=t.length,t.forEach(((t,i)=>{this.small&&t.setAttribute("small","true"),this.rounded&&t.setAttribute("rounded","true"),t.setAttribute("layout",this.layout),t.setAttribute("selected",i===this.selected?"true":"false"),t.setAttribute("placement",this.placement)}))}componentDidLoad(){this.getTabs().forEach(((t,i)=>{null!==t.getAttribute("disabled")||t.addEventListener("click",(()=>this.clickTab(i))),t.addEventListener("mousedown",(i=>this.dragStart(t,i)))}))}render(){return i(s,null,i("div",{class:"overflow-shadow",style:this.getArrowStyle(this.showPreviousArrow())}),i("div",{class:"arrow",style:this.getArrowStyle(this.showPreviousArrow()),onClick:()=>this.move(this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-left-small"})),i("div",{class:"tab-items"},i("div",{class:"items-content"},i("slot",null))),i("div",{class:"overflow-shadow right",style:this.getArrowStyle(this.showNextArrow())}),i("div",{class:"arrow right",style:this.getArrowStyle(this.showNextArrow()),onClick:()=>this.move(-this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-right-small"})))}get hostElement(){return e(this)}};o.style="ix-tabs{width:auto;display:flex;align-items:center;position:relative}ix-tabs .tab-items{overflow:hidden;scroll-behavior:smooth}ix-tabs .tab-items .items-content{display:flex;align-items:center}ix-tabs .arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;top:0;bottom:0;left:0;margin:auto 0;border-radius:4px;color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);z-index:2}ix-tabs .arrow:hover{color:var(--theme-btn-invisible-primary--color--hover);background-color:var(--theme-btn-invisible-primary--background--hover)}ix-tabs .arrow:active{color:var(--theme-btn-invisible-primary--color--active);background-color:var(--theme-btn-invisible-primary--background--active)}ix-tabs .arrow.right{left:auto;right:0}ix-tabs .overflow-shadow{width:50px;height:40px;position:absolute;left:0;top:0;background:linear-gradient(90deg, var(--theme-color-1) 50%, transparent);z-index:1}ix-tabs .overflow-shadow.right{left:auto;right:0;background:linear-gradient(90deg, transparent, var(--theme-color-1) 50%)}";export{o as ix_tabs}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,H as o,g as h}from"./p-05c16b94.js";import{g as n}from"./p-b12006c6.js";import{c}from"./p-f86fcdf4.js";const e=class{constructor(s){t(this,s),this.buttonClick=i(this,"buttonClick",7),this.variant="Primary",this.outline=!1,this.invisible=!1,this.ghost=!1,this.label=void 0,this.icon="",this.splitIcon="context-menu",this.disabled=!1,this.placement="bottom-start",this.toggle=!1}get splitItems(){return Array.from(this.hostElement.querySelectorAll("ix-split-button-item"))}clickOutside(t){this.hostElement.contains(t.target)||(this.toggle=!1)}componentDidLoad(){const t=this.hostElement.querySelector(".anchor");this.popover=this.hostElement.querySelector("ix-dropdown"),this.popperInstance=c(t,this.popover,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"flip",options:{padding:8}}]}),window.addEventListener("click",this.clickOutside.bind(this))}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy(),window.removeEventListener("click",this.clickOutside.bind(this))}toggleDropdown(){this.toggle=!this.toggle}render(){return s(o,{class:"btn-group"},s("button",{class:n(this.variant,this.outline,this.ghost||this.invisible,!this.label,!1,!1,this.disabled),onClick:t=>this.buttonClick.emit(t)},this.icon?s("ix-icon",{name:this.icon}):null," ",this.label),s("button",{class:Object.assign(Object.assign({},n(this.variant,this.outline,this.ghost||this.invisible,!0,!1,!1,this.disabled)),{anchor:!0}),onClick:()=>this.toggleDropdown()},s("ix-icon",{name:this.splitIcon}),s("ix-dropdown",{show:this.toggle},s("slot",null))))}get hostElement(){return h(this)}};e.style=".sc-ix-split-button-h{display:block}";const r=class{constructor(s){t(this,s),this.itemClick=i(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return s("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return h(this)}};r.style=".sc-ix-split-button-item-h{display:block}";export{e as ix_split_button,r as ix_split_button_item}
1
+ import{r as t,c as i,h as s,H as o,g as h}from"./p-5e4c3828.js";import{g as n}from"./p-b12006c6.js";import{c}from"./p-f86fcdf4.js";const e=class{constructor(s){t(this,s),this.buttonClick=i(this,"buttonClick",7),this.variant="Primary",this.outline=!1,this.invisible=!1,this.ghost=!1,this.label=void 0,this.icon="",this.splitIcon="context-menu",this.disabled=!1,this.placement="bottom-start",this.toggle=!1}get splitItems(){return Array.from(this.hostElement.querySelectorAll("ix-split-button-item"))}clickOutside(t){this.hostElement.contains(t.target)||(this.toggle=!1)}componentDidLoad(){const t=this.hostElement.querySelector(".anchor");this.popover=this.hostElement.querySelector("ix-dropdown"),this.popperInstance=c(t,this.popover,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"flip",options:{padding:8}}]}),window.addEventListener("click",this.clickOutside.bind(this))}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy(),window.removeEventListener("click",this.clickOutside.bind(this))}toggleDropdown(){this.toggle=!this.toggle}render(){return s(o,{class:"btn-group"},s("button",{class:n(this.variant,this.outline,this.ghost||this.invisible,!this.label,!1,!1,this.disabled),onClick:t=>this.buttonClick.emit(t)},this.icon?s("ix-icon",{name:this.icon}):null," ",this.label),s("button",{class:Object.assign(Object.assign({},n(this.variant,this.outline,this.ghost||this.invisible,!0,!1,!1,this.disabled)),{anchor:!0}),onClick:()=>this.toggleDropdown()},s("ix-icon",{name:this.splitIcon}),s("ix-dropdown",{show:this.toggle},s("slot",null))))}get hostElement(){return h(this)}};e.style=".sc-ix-split-button-h{display:block}";const r=class{constructor(s){t(this,s),this.itemClick=i(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return s("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return h(this)}};r.style=".sc-ix-split-button-item-h{display:block}";export{e as ix_split_button,r as ix_split_button_item}
@@ -1 +1 @@
1
- import{r as i,c as t,h as o,H as a,g as r}from"./p-05c16b94.js";const c=class{constructor(o){i(this,o),this.close=t(this,"close",7),this.variant="primary",this.active=!1,this.closable=!1,this.icon=void 0,this.background=void 0,this.color=void 0,this.outline=!1}getCloseButton(){return o("div",{class:"close-button-container"},o("button",{type:"button",class:"btn btn-invisible-secondary btn-icon btn-oval close-button",onClick:i=>this.close.emit(i)},"custom"===this.variant?o("i",{class:"glyph glyph-16 glyph-close-small",style:{color:this.color}}):o("ix-icon",{name:"close-small",size:"16"})))}render(){return o(a,{class:{outline:this.outline},tabIndex:"-1",title:this.el.textContent,style:"custom"===this.variant?{color:this.color,backgroundColor:this.background}:{}},this.icon?o("ix-icon",{class:"with-icon",name:this.icon,size:"24"}):null,o("span",{class:"slot-container"},o("slot",null)),this.closable?this.getCloseButton():null)}get el(){return r(this)}};c.style='.sc-ix-chip-h{display:inline-flex;position:relative;align-items:center;border-radius:100px;padding:0.5rem 0.75rem;height:2rem;max-height:2rem;cursor:pointer;margin-left:0.25rem}.sc-ix-chip-h .with-icon.sc-ix-chip{margin-right:0.25rem}.sc-ix-chip-h .close-button-container.sc-ix-chip{display:inline-flex;flex-grow:1;margin-left:0.75rem}.sc-ix-chip-h .close-button.sc-ix-chip{position:relative;width:1rem;height:1rem;min-width:unset;min-height:unset;margin-left:auto;margin-right:0}[variant=primary].sc-ix-chip-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].sc-ix-chip-h:hover{background-color:var(--theme-chip-primary--background--hover)}[variant=primary].sc-ix-chip-h:active{background-color:var(--theme-chip-primary--background--active)}[variant=primary].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=primary].outline.sc-ix-chip-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary-outline--color)}[variant=primary].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-primary-outline--background--hover)}[variant=primary].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-primary-outline--background--active)}[variant=alarm].sc-ix-chip-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=alarm].active.sc-ix-chip-h::after,[variant=alarm].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=alarm].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-chip-h:not(.outline).active::after,[variant=alarm].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-chip-h:hover::after{display:none}[variant=alarm].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-chip-h::after,[variant=alarm].outline.sc-ix-chip-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-chip-h,[variant=alarm].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=alarm].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=critical].sc-ix-chip-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=critical].active.sc-ix-chip-h::after,[variant=critical].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=critical].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-chip-h:not(.outline).active::after,[variant=critical].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-chip-h:hover::after{display:none}[variant=critical].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-chip-h::after,[variant=critical].outline.sc-ix-chip-h:active::after{display:none}[variant=critical].outline.active.sc-ix-chip-h,[variant=critical].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=warning].sc-ix-chip-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=warning].active.sc-ix-chip-h::after,[variant=warning].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=warning].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-chip-h:not(.outline).active::after,[variant=warning].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-chip-h:hover::after{display:none}[variant=warning].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-chip-h::after,[variant=warning].outline.sc-ix-chip-h:active::after{display:none}[variant=warning].outline.active.sc-ix-chip-h,[variant=warning].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=info].sc-ix-chip-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=info].active.sc-ix-chip-h::after,[variant=info].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=info].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-chip-h:not(.outline).active::after,[variant=info].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-chip-h:hover::after{display:none}[variant=info].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-chip-h::after,[variant=info].outline.sc-ix-chip-h:active::after{display:none}[variant=info].outline.active.sc-ix-chip-h,[variant=info].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=neutral].sc-ix-chip-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=neutral].active.sc-ix-chip-h::after,[variant=neutral].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=neutral].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-chip-h:not(.outline).active::after,[variant=neutral].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-chip-h:hover::after{display:none}[variant=neutral].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-chip-h::after,[variant=neutral].outline.sc-ix-chip-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-chip-h,[variant=neutral].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=success].sc-ix-chip-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=success].active.sc-ix-chip-h::after,[variant=success].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=success].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-chip-h:not(.outline).active::after,[variant=success].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-chip-h:hover::after{display:none}[variant=success].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-chip-h::after,[variant=success].outline.sc-ix-chip-h:active::after{display:none}[variant=success].outline.active.sc-ix-chip-h,[variant=success].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-hover));left:0;border-radius:100px;pointer-events:none}[variant=custom].active.sc-ix-chip-h::after,[variant=custom].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-active));left:0;border-radius:100px;pointer-events:none}[variant=custom].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.sc-ix-chip-h .slot-container.sc-ix-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{c as ix_chip}
1
+ import{r as i,c as t,h as o,H as a,g as r}from"./p-5e4c3828.js";const c=class{constructor(o){i(this,o),this.close=t(this,"close",7),this.variant="primary",this.active=!1,this.closable=!1,this.icon=void 0,this.background=void 0,this.color=void 0,this.outline=!1}getCloseButton(){return o("div",{class:"close-button-container"},o("button",{type:"button",class:"btn btn-invisible-secondary btn-icon btn-oval close-button",onClick:i=>this.close.emit(i)},"custom"===this.variant?o("i",{class:"glyph glyph-16 glyph-close-small",style:{color:this.color}}):o("ix-icon",{name:"close-small",size:"16"})))}render(){return o(a,{class:{outline:this.outline},tabIndex:"-1",title:this.el.textContent,style:"custom"===this.variant?{color:this.color,backgroundColor:this.background}:{}},this.icon?o("ix-icon",{class:"with-icon",name:this.icon,size:"24"}):null,o("span",{class:"slot-container"},o("slot",null)),this.closable?this.getCloseButton():null)}get el(){return r(this)}};c.style='.sc-ix-chip-h{display:inline-flex;position:relative;align-items:center;border-radius:100px;padding:0.5rem 0.75rem;height:2rem;max-height:2rem;cursor:pointer;margin-left:0.25rem}.sc-ix-chip-h .with-icon.sc-ix-chip{margin-right:0.25rem}.sc-ix-chip-h .close-button-container.sc-ix-chip{display:inline-flex;flex-grow:1;margin-left:0.75rem}.sc-ix-chip-h .close-button.sc-ix-chip{position:relative;width:1rem;height:1rem;min-width:unset;min-height:unset;margin-left:auto;margin-right:0}[variant=primary].sc-ix-chip-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].sc-ix-chip-h:hover{background-color:var(--theme-chip-primary--background--hover)}[variant=primary].sc-ix-chip-h:active{background-color:var(--theme-chip-primary--background--active)}[variant=primary].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=primary].outline.sc-ix-chip-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary-outline--color)}[variant=primary].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-primary-outline--background--hover)}[variant=primary].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-primary-outline--background--active)}[variant=alarm].sc-ix-chip-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=alarm].active.sc-ix-chip-h::after,[variant=alarm].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=alarm].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-chip-h:not(.outline).active::after,[variant=alarm].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-chip-h:hover::after{display:none}[variant=alarm].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-chip-h::after,[variant=alarm].outline.sc-ix-chip-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-chip-h,[variant=alarm].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=alarm].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=critical].sc-ix-chip-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=critical].active.sc-ix-chip-h::after,[variant=critical].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=critical].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-chip-h:not(.outline).active::after,[variant=critical].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-chip-h:hover::after{display:none}[variant=critical].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-chip-h::after,[variant=critical].outline.sc-ix-chip-h:active::after{display:none}[variant=critical].outline.active.sc-ix-chip-h,[variant=critical].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=warning].sc-ix-chip-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=warning].active.sc-ix-chip-h::after,[variant=warning].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=warning].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-chip-h:not(.outline).active::after,[variant=warning].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-chip-h:hover::after{display:none}[variant=warning].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-chip-h::after,[variant=warning].outline.sc-ix-chip-h:active::after{display:none}[variant=warning].outline.active.sc-ix-chip-h,[variant=warning].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=info].sc-ix-chip-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=info].active.sc-ix-chip-h::after,[variant=info].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=info].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-chip-h:not(.outline).active::after,[variant=info].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-chip-h:hover::after{display:none}[variant=info].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-chip-h::after,[variant=info].outline.sc-ix-chip-h:active::after{display:none}[variant=info].outline.active.sc-ix-chip-h,[variant=info].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=neutral].sc-ix-chip-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=neutral].active.sc-ix-chip-h::after,[variant=neutral].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=neutral].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-chip-h:not(.outline).active::after,[variant=neutral].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-chip-h:hover::after{display:none}[variant=neutral].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-chip-h::after,[variant=neutral].outline.sc-ix-chip-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-chip-h,[variant=neutral].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=success].sc-ix-chip-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=success].active.sc-ix-chip-h::after,[variant=success].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=success].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-chip-h:not(.outline).active::after,[variant=success].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-chip-h:hover::after{display:none}[variant=success].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-chip-h::after,[variant=success].outline.sc-ix-chip-h:active::after{display:none}[variant=success].outline.active.sc-ix-chip-h,[variant=success].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-hover));left:0;border-radius:100px;pointer-events:none}[variant=custom].active.sc-ix-chip-h::after,[variant=custom].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-active));left:0;border-radius:100px;pointer-events:none}[variant=custom].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.sc-ix-chip-h .slot-container.sc-ix-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{c as ix_chip}
@@ -1 +1 @@
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
+ import{r as t,h as o,H as i,g as e}from"./p-5e4c3828.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}