@siemens/ix 1.5.0 → 1.6.0

package/dist/siemens-ix/p-89b7ae4c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spinnerCss","Spinner","render","h","Host","class","primary","this","variant","large","size","viewBox","version","xmlns","id","stroke","fill","transform","points","visibility","attributeName","begin","to","calcMode","dur","keyTimes","from","keySplines"],"sources":["./src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=scoped","./src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: flex;\n  position: relative;\n  height: 2rem;\n  width: 2rem;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    height: 2rem;\n    width: 2rem;\n  }\n\n  #fill {\n    fill: var(--theme-color-weak-text);\n  }\n\n  #stroke {\n    stroke: var(--theme-color-weak-text);\n  }\n}\n\n:host(.primary) {\n  #fill {\n    fill: var(--theme-color-primary);\n  }\n\n  #stroke {\n    stroke: var(--theme-color-primary);\n  }\n}\n\n:host(.large) {\n  height: 6rem;\n  width: 6rem;\n\n  svg {\n    height: 5.75rem;\n    width: 6rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-spinner',\n  styleUrl: 'spinner.scss',\n  scoped: true,\n})\nexport class Spinner {\n  /**\n   * Variant of spinner\n   */\n  @Prop() variant: 'primary' | 'sencodary' | 'secondary' = 'secondary';\n\n  /**\n   * Size of spinner\n   */\n  @Prop() size: 'medium' | 'large' = 'medium';\n\n  render() {\n    return (\n      <Host\n        class={{\n          primary: this.variant === 'primary',\n          large: this.size === 'large',\n        }}\n      >\n        <svg\n          viewBox=\"0 0 32 32\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <g\n            id=\"waiting-anim\"\n            stroke=\"none\"\n            stroke-width=\"1\"\n            fill=\"none\"\n            fill-rule=\"evenodd\"\n          >\n            <g\n              id=\"stroke\"\n              transform=\"translate(4.5, 3)\"\n              fill-rule=\"nonzero\"\n              stroke=\"#0F8287\"\n              stroke-linejoin=\"round\"\n            >\n              <polygon\n                id=\"w1\"\n                points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set\n                  attributeName=\"visibility\"\n                  begin=\"0s;w6ul.end\"\n                  to=\"visible\"\n                />\n                <animate\n                  id=\"w1l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"0s;w6ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n                  to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w1ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f6uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n                  to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w1ul.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"w2\"\n                points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w1l.end\" to=\"visible\" />\n                <animate\n                  id=\"w2l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w1l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n                  to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w2ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w1ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n                  to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w2ul.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"w3\"\n                points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w2l.end\" to=\"visible\" />\n                <animate\n                  id=\"w3l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w2l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n                  to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w3ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w2ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n                  to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w3ul.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"w4\"\n                points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w3l.end\" to=\"visible\" />\n                <animate\n                  id=\"w4l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w3l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n                  to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w4ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w3ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n                  to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w4ul.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"w5\"\n                points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w4l.end\" to=\"visible\" />\n                <animate\n                  id=\"w5l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w4l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n                  to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w5ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w4ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n                  to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w5ul.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"w6\"\n                points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w5l.end\" to=\"visible\" />\n                <animate\n                  id=\"w6l\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w5l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n                  to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"w6ul\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w5ul.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n                  to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"w6ul.end\" to=\"hidden\" />\n              </polygon>\n            </g>\n            <g\n              id=\"fill\"\n              transform=\"translate(4.5, 3)\"\n              fill=\"#0F8287\"\n              fill-rule=\"nonzero\"\n            >\n              <polygon\n                id=\"f1\"\n                points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"w6l.end\" to=\"visible\" />\n                <animate\n                  id=\"f1f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"w6l.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n                  to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f1uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f6f.end + 0.2s\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n                  to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f1uf.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"f2\"\n                points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"f1f.end\" to=\"visible\" />\n                <animate\n                  id=\"f2f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f1f.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n                  to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f2uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f1uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n                  to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f2uf.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"f3\"\n                points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"f2f.end\" to=\"visible\" />\n                <animate\n                  id=\"f3f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f2f.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n                  to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f3uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f2uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n                  to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f3uf.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"f4\"\n                points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"f3f.end\" to=\"visible\" />\n                <animate\n                  id=\"f4f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f3f.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n                  to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f4uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f3uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n                  to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f4uf.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"f5\"\n                points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"f4f.end\" to=\"visible\" />\n                <animate\n                  id=\"f5f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f4f.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n                  to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f5uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f4uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n                  to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f5uf.end\" to=\"hidden\" />\n              </polygon>\n\n              <polygon\n                id=\"f6\"\n                points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n                visibility=\"hidden\"\n              >\n                <set attributeName=\"visibility\" begin=\"f5f.end\" to=\"visible\" />\n                <animate\n                  id=\"f6f\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f5f.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n                  to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n                  keySplines=\"1 0 0.8 1\"\n                  fill=\"freeze\"\n                />\n                <animate\n                  id=\"f6uf\"\n                  attributeName=\"points\"\n                  calcMode=\"spline\"\n                  begin=\"f5uf.end\"\n                  dur=\"0.4s\"\n                  keyTimes=\"0;1\"\n                  from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n                  to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n                  keySplines=\"0.2 0 0 1\"\n                  fill=\"freeze\"\n                />\n                <set attributeName=\"visibility\" begin=\"f6uf.end\" to=\"hidden\" />\n              </polygon>\n            </g>\n          </g>\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-8cf56736.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,H as a,g as n}from"./p-57a5d3d0.js";import{a as o}from"./p-810b5232.js";const s=".sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:4rem;position:relative;height:100%;flex-grow:1;overflow:hidden}.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);-webkit-border-end:0.125rem solid var(--theme-map-navigation-separator--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-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);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation:empty{height:0}.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-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);display:flex;align-items:center;flex-grow:1}.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}";const r=class{constructor(t){e(this,t);this.navigationToggled=i(this,"navigationToggled",7);this.contextMenuClick=i(this,"contextMenuClick",7);this.applicationName=undefined;this.navigationTitle=undefined;this.hideContextMenu=true;this.isSidebarOpen=true}get menu(){return this.hostElement.querySelector("ix-menu")}get menuOverlay(){return this.hostElement.querySelector("ix-menu-overlay")}get mapNavMenu(){return this.hostElement.querySelector(".map-nav-menu")}get sidebar(){return this.hostElement.querySelector(".map-nav-sidebar")}get overlay(){return this.hostElement.querySelector("#overlay")}componentDidRender(){this.appendMenu();this.closeOverlay()}appendMenu(){this.hostElement.querySelector("#menu-placeholder").appendChild(this.menu);this.menu.addEventListener("mapExpandChange",(e=>{const i=!e.detail;this.toggleSidebar(i);this.menu.toggleMapExpand(i)}));this.menu.enableMapExpand=true}toggleSidebar(e){if(e!==undefined){this.isSidebarOpen=e}else{this.isSidebarOpen=!this.isSidebarOpen}if(e){this.openSidebar()}else{this.closeSidebar()}this.navigationToggled.emit(this.isSidebarOpen)}closeSidebar(){o({targets:this.sidebar,duration:r.defaultTime,marginLeft:[0,"-29.75rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.sidebar.classList.add("d-none")}})}openSidebar(){o({targets:this.sidebar,duration:r.defaultTime,marginLeft:["-29.75rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.sidebar.classList.remove("d-none")}})}async openOverlay(e,i,t,a){o({targets:this.overlay,duration:r.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.overlay.classList.remove("d-none")}});const n=document.createElement("ix-map-navigation-overlay");n.setAttribute("color",a);n.setAttribute("name",e);n.setAttribute("icon",t);n.setAttribute("slot","overlay");n.addEventListener("closeClick",(()=>this.closeOverlay()));n.appendChild(i);this.hostElement.appendChild(n)}async closeOverlay(){o({targets:this.overlay,duration:r.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{var e;if(!this.overlay){return}(e=this.overlay.firstChild)===null||e===void 0?void 0:e.remove();this.overlay.classList.add("d-none")}})}render(){return t(a,null,t("div",{id:"menu-placeholder"}),t("div",{class:"map-nav"},t("div",{class:"map-nav-sidebar"},t("div",{class:"map-nav-header"},t("ix-application-header",{name:this.applicationName,class:"map-nav-header-brand"},t("slot",{name:"logo"}))),t("div",{class:"map-nav-sidebar-content"},t("div",{class:"map-nav-sidebar-static-content"},t("div",{class:"map-nav-title"},this.navigationTitle),this.hideContextMenu?"":t("ix-icon-button",{icon:"context-menu",ghost:true,size:"24",variant:"Secondary",onClick:e=>this.contextMenuClick.emit()})),t("div",{class:"map-nav-sidebar-user-content"},t("slot",{name:"sidebar-content"})))),t("div",{class:"content"},t("div",{class:"map-nav-header-content bg-2"},t("slot",{name:"content-header"})),t("main",null,t("slot",null),t("slot",{name:"overlay"})))))}get hostElement(){return n(this)}};r.defaultTime=150;r.slowTime=500;r.style=s;const l=".text-xs.sc-ix-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{-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-map-navigation-overlay{color:var(--theme-color-primary)}.sc-ix-map-navigation-overlay-h{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}.sc-ix-map-navigation-overlay-h .overlay-header.sc-ix-map-navigation-overlay{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay{display:flex;align-items:center;min-width:0}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay ix-icon.sc-ix-map-navigation-overlay{-webkit-margin-start:1rem;margin-inline-start:1rem;color:var(--theme-overlay-header--color)}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay .overlay-header-title.sc-ix-map-navigation-overlay{-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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-overlay-header--color);-webkit-margin-start:1rem;margin-inline-start:1rem}.sc-ix-map-navigation-overlay-h .color-indicator.sc-ix-map-navigation-overlay{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}.sc-ix-map-navigation-overlay-h .overlay-close.sc-ix-map-navigation-overlay{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:1rem;margin-inline-end:1rem}";const m=class{constructor(t){e(this,t);this.closeClick=i(this,"closeClick",7);this.name=undefined;this.icon=undefined;this.color=undefined}componentWillLoad(){o({targets:this.hostElement,duration:m.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.hostElement.classList.remove("d-none")}})}closeOverlay(){o({targets:this.hostElement,duration:m.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.closeClick.emit();this.hostElement.classList.add("d-none")}})}render(){return t(a,null,t("div",{class:"overlay-header"},t("div",{class:{"color-indicator":true,"d-none":this.color==="undefined"||this.color===undefined},style:{"background-color":this.color?`var(--theme-${this.color})`:""}}),t("div",{class:"overlay-header-content"},t("ix-icon",{size:"32",name:this.icon}),t("span",{class:"overlay-header-title",title:this.name},this.name)),t("ix-icon-button",{class:"overlay-close",ghost:true,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),t("slot",null))}get hostElement(){return n(this)}};m.slowTime=500;m.style=l;export{r as ix_map_navigation,m as ix_map_navigation_overlay};
-//# sourceMappingURL=p-8cf56736.entry.js.map

package/dist/siemens-ix/p-8cf56736.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mapNavigationCss","MapNavigation","menu","this","hostElement","querySelector","menuOverlay","mapNavMenu","sidebar","overlay","componentDidRender","appendMenu","closeOverlay","appendChild","addEventListener","event","state","detail","toggleSidebar","toggleMapExpand","enableMapExpand","show","undefined","isSidebarOpen","openSidebar","closeSidebar","navigationToggled","emit","anime","targets","duration","defaultTime","marginLeft","opacity","easing","complete","classList","add","begin","remove","async","name","component","icon","color","slowTime","backdropFilter","translateX","overlayInstance","document","createElement","setAttribute","_a","firstChild","render","h","Host","id","class","applicationName","navigationTitle","hideContextMenu","ghost","size","variant","onClick","_","contextMenuClick","mapNavigationOverlayCss","MapNavigationOverlay","componentWillLoad","closeClick","style","title"],"sources":["./src/components/map-navigation/map-navigation.scss?tag=ix-map-navigation&encapsulation=scoped","./src/components/map-navigation/map-navigation.tsx","./src/components/map-navigation-overlay/map-navigation-overlay.scss?tag=ix-map-navigation-overlay&encapsulation=scoped","./src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/text-truncation';\n\n:host {\n  $appHeaderHeight: 3.5rem;\n  $appHeaderGradientHeight: 4rem;\n  $navHeaderHeight: 11.5rem;\n  $sidebarWidth: 29.75rem;\n\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  .map-nav {\n    display: flex;\n    margin-left: 4rem;\n    position: relative;\n    height: 100%;\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .map-nav-sidebar {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: $sidebarWidth;\n    max-width: $sidebarWidth;\n    min-width: $sidebarWidth;\n    height: 100%;\n    left: 4rem;\n    background-color: var(--theme-map-navigation--background);\n    border-inline-end: 0.125rem solid\n      var(--theme-map-navigation-separator--background);\n    z-index: 99;\n  }\n\n  .map-nav-sidebar-content {\n    align-items: center;\n    position: relative;\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n\n    .map-nav-sidebar-static-content {\n      @include text-h2;\n      display: flex;\n      justify-content: space-between;\n      margin-top: 0.437rem;\n      margin-bottom: 0.812rem;\n      margin-left: $default-space;\n      margin-right: $default-space;\n    }\n  }\n\n  .map-nav-header {\n    display: flex;\n    position: relative;\n    align-items: center;\n    height: $appHeaderHeight;\n    min-height: $appHeaderHeight;\n    width: 100%;\n\n    .map-nav-header-brand {\n      background-color: var(--theme-map-navigation-background);\n      display: flex;\n      align-items: center;\n      height: 100%;\n      width: 100%;\n      padding: 0 $default-space;\n\n      --theme-app-header--color: var(--theme-map-navigation-header--color);\n      --theme-app-header-logo--color: var(--theme-map-navigation-logo--color);\n\n      button {\n        margin-left: $default-space;\n      }\n    }\n  }\n\n  .map-nav-header-content {\n    display: flex;\n    height: $appHeaderHeight;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 $default-space;\n\n    &:empty {\n      height: 0;\n    }\n  }\n\n  .map-nav-title {\n    @include text-h2();\n\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n  }\n\n  .content {\n    display: block;\n    flex-grow: 1;\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n    z-index: calc(var(--theme-z-index-sticky) - 1);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-map-navigation',\n  styleUrl: 'map-navigation.scss',\n  scoped: true,\n})\nexport class MapNavigation {\n  private static readonly defaultTime = 150;\n  private static readonly slowTime = 500;\n\n  @Element() hostElement: HTMLIxMapNavigationElement;\n\n  /**\n   * Application name\n   */\n  @Prop() applicationName: string;\n\n  /**\n   * Navigation title\n   */\n  @Prop() navigationTitle: string;\n\n  /**\n   * Hide the sidebar context menu button when set to true\n   */\n  @Prop() hideContextMenu = true;\n\n  @State() isSidebarOpen = true;\n\n  /**\n   * Navigation toggled\n   */\n  @Event() navigationToggled: EventEmitter<boolean>;\n\n  /**\n   * Context menu clicked\n   */\n  @Event() contextMenuClick: EventEmitter<void>;\n\n  get menu() {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  get menuOverlay() {\n    return this.hostElement.querySelector('ix-menu-overlay');\n  }\n\n  get mapNavMenu() {\n    return this.hostElement.querySelector('.map-nav-menu');\n  }\n\n  get sidebar() {\n    return this.hostElement.querySelector('.map-nav-sidebar');\n  }\n\n  get overlay() {\n    return this.hostElement.querySelector('#overlay');\n  }\n\n  componentDidRender() {\n    this.appendMenu();\n    this.closeOverlay();\n  }\n\n  private appendMenu() {\n    this.hostElement.querySelector('#menu-placeholder').appendChild(this.menu);\n    this.menu.addEventListener(\n      'mapExpandChange',\n      (event: CustomEvent<boolean>) => {\n        const state = !event.detail;\n        this.toggleSidebar(state);\n        this.menu.toggleMapExpand(state);\n      }\n    );\n    this.menu.enableMapExpand = true;\n  }\n\n  private toggleSidebar(show: boolean) {\n    if (show !== undefined) {\n      this.isSidebarOpen = show;\n    } else {\n      this.isSidebarOpen = !this.isSidebarOpen;\n    }\n\n    if (show) {\n      this.openSidebar();\n    } else {\n      this.closeSidebar();\n    }\n\n    this.navigationToggled.emit(this.isSidebarOpen);\n  }\n\n  private closeSidebar() {\n    anime({\n      targets: this.sidebar,\n      duration: MapNavigation.defaultTime,\n      marginLeft: [0, '-29.75rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        this.sidebar.classList.add('d-none');\n      },\n    });\n  }\n\n  private openSidebar() {\n    anime({\n      targets: this.sidebar,\n      duration: MapNavigation.defaultTime,\n      marginLeft: ['-29.75rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.sidebar.classList.remove('d-none');\n      },\n    });\n  }\n\n  /**\n   * Open a overlay inside content area\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   *\n   * @param name\n   * @param component\n   * @param icon\n   * @param color\n   */\n  @Method()\n  async openOverlay(\n    name: string,\n    component: HTMLElement,\n    icon?: string,\n    color?: string\n  ) {\n    anime({\n      targets: this.overlay,\n      duration: MapNavigation.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.overlay.classList.remove('d-none');\n      },\n    });\n\n    const overlayInstance = document.createElement('ix-map-navigation-overlay');\n    overlayInstance.setAttribute('color', color);\n    overlayInstance.setAttribute('name', name);\n    overlayInstance.setAttribute('icon', icon);\n    overlayInstance.setAttribute('slot', 'overlay');\n    overlayInstance.addEventListener('closeClick', () => this.closeOverlay());\n    overlayInstance.appendChild(component);\n    this.hostElement.appendChild(overlayInstance);\n  }\n\n  /**\n   * Close current shown overlay\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   */\n  @Method()\n  async closeOverlay() {\n    anime({\n      targets: this.overlay,\n      duration: MapNavigation.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        if (!this.overlay) {\n          return;\n        }\n        this.overlay.firstChild?.remove();\n        this.overlay.classList.add('d-none');\n      },\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id=\"menu-placeholder\"></div>\n        <div class=\"map-nav\">\n          <div class=\"map-nav-sidebar\">\n            <div class=\"map-nav-header\">\n              <ix-application-header\n                name={this.applicationName}\n                class=\"map-nav-header-brand\"\n              >\n                <slot name=\"logo\"></slot>\n              </ix-application-header>\n            </div>\n            <div class=\"map-nav-sidebar-content\">\n              <div class=\"map-nav-sidebar-static-content\">\n                <div class=\"map-nav-title\">{this.navigationTitle}</div>\n                {this.hideContextMenu ? (\n                  ''\n                ) : (\n                  <ix-icon-button\n                    icon=\"context-menu\"\n                    ghost\n                    size=\"24\"\n                    variant=\"Secondary\"\n                    onClick={(_) => this.contextMenuClick.emit()}\n                  ></ix-icon-button>\n                )}\n              </div>\n              <div class=\"map-nav-sidebar-user-content\">\n                <slot name=\"sidebar-content\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"content\">\n            <div class=\"map-nav-header-content bg-2\">\n              <slot name=\"content-header\"></slot>\n            </div>\n            <main>\n              <slot></slot>\n              <slot name=\"overlay\"></slot>\n            </main>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'common-variables';\n@import 'fonts';\n@import 'mixins/text-truncation';\n\n:host {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  background-color: var(--theme-overlay--background);\n\n  .overlay-header {\n    display: flex;\n    position: relative;\n    justify-content: flex-start;\n    align-items: center;\n    height: 3.5rem;\n\n    background-color: var(--theme-overlay-header--background);\n  }\n\n  .overlay-header-content {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    ix-icon {\n      margin-inline-start: $default-space;\n      color: var(--theme-overlay-header--color);\n    }\n\n    .overlay-header-title {\n      @include text-h2;\n      @include ellipsis;\n      color: var(--theme-overlay-header--color);\n      margin-inline-start: $default-space;\n    }\n  }\n\n  .color-indicator {\n    display: inline-block;\n    position: relative;\n    width: $small-space;\n    height: 100%;\n    background-color: var(--theme-color-neutral);\n  }\n\n  .overlay-close {\n    margin-inline-start: auto;\n    margin-inline-end: $default-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-map-navigation-overlay',\n  styleUrl: 'map-navigation-overlay.scss',\n  scoped: true,\n})\nexport class MapNavigationOverlay {\n  private static readonly slowTime = 500;\n\n  @Element() hostElement: HTMLIxMapNavigationOverlayElement;\n\n  /**\n   * Title of overlay\n   */\n  @Prop() name: string;\n\n  /**\n   * Icon of overlay\n   */\n  @Prop() icon: string;\n\n  /**\n   * Color of icon\n   */\n  @Prop() color: string;\n\n  /**\n   * Event closed\n   */\n  @Event() closeClick: EventEmitter;\n\n  componentWillLoad() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      begin: () => {\n        this.hostElement.classList.remove('d-none');\n      },\n    });\n  }\n\n  private closeOverlay() {\n    anime({\n      targets: this.hostElement,\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      complete: () => {\n        this.closeClick.emit();\n        this.hostElement.classList.add('d-none');\n      },\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"overlay-header\">\n          <div\n            class={{\n              'color-indicator': true,\n              'd-none': this.color === 'undefined' || this.color === undefined,\n            }}\n            style={{\n              'background-color': this.color\n                ? `var(--theme-${this.color})`\n                : '',\n            }}\n          ></div>\n          <div class=\"overlay-header-content\">\n            <ix-icon size=\"32\" name={this.icon}></ix-icon>\n            <span class=\"overlay-header-title\" title={this.name}>\n              {this.name}\n            </span>\n          </div>\n          <ix-icon-button\n            class=\"overlay-close\"\n            ghost\n            icon=\"close\"\n            size=\"24\"\n            onClick={() => this.closeOverlay()}\n          ></ix-icon-button>\n        </div>\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-93d6bfe1.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as e,H as s}from"./p-57a5d3d0.js";const r=".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)}";const a=class{constructor(e){i(this,e);this.label=undefined;this.value=undefined;this.unit=undefined;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}`;if(this.unit){i=i.concat(` ${this.unit}`)}return i}render(){return e(s,{title:this.getTooltipText(),tabindex:"1",class:{stacked:this.orientation==="vertical"}},e("div",{class:{"kpi-container":true,alarm:this.state==="alarm",warning:this.state==="warning"}},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):"")))}};a.style=r;export{a as ix_kpi};
-//# sourceMappingURL=p-93d6bfe1.entry.js.map

package/dist/siemens-ix/p-93d6bfe1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["kpiCss","Kpi","getStateIcon","this","state","h","color","name","size","getTooltipText","tooltip","label","value","unit","concat","render","Host","title","tabindex","class","stacked","orientation","alarm","warning"],"sources":["./src/components/kpi/kpi.scss?tag=ix-kpi&encapsulation=scoped","./src/components/kpi/kpi.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: flex;\n  flex-grow: 1;\n  height: $large-control-height;\n  border-radius: var(--theme-kpi--border-radius);\n  padding: 0.375rem $tiny-space;\n  min-width: 0;\n\n  span {\n    @include ellipsis;\n  }\n\n  .kpi-container {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    border-block-end: 2px solid grey;\n\n    &.alarm {\n      border-block-end-color: var(--theme-color-alarm);\n    }\n\n    &.warning {\n      border-block-end-color: var(--theme-color-warning);\n    }\n\n    .kpi-label {\n      display: flex;\n      align-items: center;\n      color: var(--theme-kpi-display-label--color);\n      flex-grow: 1;\n      flex-shrink: 9999;\n\n      ix-icon {\n        margin-inline-end: $tiny-space;\n      }\n    }\n\n    .kpi-value-container {\n      display: flex;\n      align-items: flex-end;\n    }\n\n    .kpi-value {\n      @include text-xl;\n\n      color: var(--theme-kpi-display-value--color);\n    }\n\n    .kpi-unit {\n      margin-inline-start: $small-space;\n      color: var(--theme-kpi-display-units--color);\n    }\n\n    .kpi-label,\n    .kpi-unit {\n      margin-block-start: 0.125rem;\n    }\n  }\n\n  &.stacked {\n    height: 3.75rem;\n\n    .kpi-container {\n      justify-content: center;\n      flex-wrap: wrap;\n\n      .kpi-label {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  }\n\n  @include hover {\n    background-color: var(--theme-kpi-display--background--hover);\n  }\n\n  @include active {\n    background-color: var(--theme-kpi-display--background--active);\n  }\n\n  @include focus-visible {\n    outline: 1px solid var(--focus--border-color);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-kpi',\n  styleUrl: 'kpi.scss',\n  scoped: true,\n})\nexport class Kpi {\n  /**\n   *\n   */\n  @Prop() label: string;\n\n  /**\n   *\n   */\n  @Prop() value: string | number;\n\n  /**\n   *\n   */\n  @Prop() unit: string;\n\n  /**\n   *\n   */\n  @Prop() state: 'neutral' | 'warning' | 'alarm' = 'neutral';\n\n  /**\n   *\n   */\n  @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  private getStateIcon() {\n    switch (this.state) {\n      case 'alarm':\n        return (\n          <ix-icon\n            color=\"kpi-display-icon--color\"\n            name=\"alarm\"\n            size=\"16\"\n          ></ix-icon>\n        );\n\n      case 'warning':\n        return (\n          <ix-icon\n            color=\"kpi-display-icon--color\"\n            name=\"warning\"\n            size=\"16\"\n          ></ix-icon>\n        );\n\n      default:\n        return '';\n    }\n  }\n\n  private getTooltipText() {\n    let tooltip = `${this.label}: ${this.value}`;\n\n    if (this.unit) {\n      tooltip = tooltip.concat(` ${this.unit}`);\n    }\n\n    return tooltip;\n  }\n\n  render() {\n    return (\n      <Host\n        title={this.getTooltipText()}\n        tabindex=\"1\"\n        class={{\n          stacked: this.orientation === 'vertical',\n        }}\n      >\n        <div\n          class={{\n            'kpi-container': true,\n            alarm: this.state === 'alarm',\n            warning: this.state === 'warning',\n          }}\n        >\n          <span class=\"kpi-label\">\n            {this.getStateIcon()}\n            <span class=\"kpi-label-text\">{this.label}</span>\n          </span>\n          <span class=\"kpi-value-container\">\n            <span class=\"kpi-value\">{this.value}</span>\n            {this.unit ? <span class=\"kpi-unit\">{this.unit}</span> : ''}\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,ksE,MCgBFC,EAAG,M,kGAmBmC,U,iBAKA,Y,CAEzCC,eACN,OAAQC,KAAKC,OACX,IAAK,QACH,OACEC,EAAA,WACEC,MAAM,0BACNC,KAAK,QACLC,KAAK,OAIX,IAAK,UACH,OACEH,EAAA,WACEC,MAAM,0BACNC,KAAK,UACLC,KAAK,OAIX,QACE,MAAO,G,CAILC,iBACN,IAAIC,EAAU,GAAGP,KAAKQ,UAAUR,KAAKS,QAErC,GAAIT,KAAKU,KAAM,CACbH,EAAUA,EAAQI,OAAO,IAAIX,KAAKU,O,CAGpC,OAAOH,C,CAGTK,SACE,OACEV,EAACW,EAAI,CACHC,MAAOd,KAAKM,iBACZS,SAAS,IACTC,MAAO,CACLC,QAASjB,KAAKkB,cAAgB,aAGhChB,EAAA,OACEc,MAAO,CACL,gBAAiB,KACjBG,MAAOnB,KAAKC,QAAU,QACtBmB,QAASpB,KAAKC,QAAU,YAG1BC,EAAA,QAAMc,MAAM,aACThB,KAAKD,eACNG,EAAA,QAAMc,MAAM,kBAAkBhB,KAAKQ,QAErCN,EAAA,QAAMc,MAAM,uBACVd,EAAA,QAAMc,MAAM,aAAahB,KAAKS,OAC7BT,KAAKU,KAAOR,EAAA,QAAMc,MAAM,YAAYhB,KAAKU,MAAe,K"}

package/dist/siemens-ix/p-9c2ae88d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as n}from"./p-57a5d3d0.js";const l=".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 .hidden.sc-ix-select{display:none !important}.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.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}";const c=class{constructor(i){e(this,i);this.itemSelectionChange=t(this,"itemSelectionChange",7);this.addItem=t(this,"addItem",7);this.selectedIndices=[];this.allowClear=false;this.mode="single";this.editable=false;this.disabled=false;this.readonly=false;this.i18nPlaceholder="Select an option";this.i18nPlaceholderEditable="Type of select option";this.i18nSelectListHeader="Please select an option";this.i18nNoMatches="No matches";this.hideListHeader=false;this.dropdownShow=false;this.value=undefined;this.dropdownWrapperRef=undefined;this.dropdownAnchor=undefined;this.isDropdownEmpty=false;this.hasFocus=false;this.navigationItem=undefined;this.inputFilterText=undefined;this.inputValue=undefined}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((e=>e.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return this.mode==="single"}get isMultipleMode(){return this.mode==="multiple"}get isEveryDropdownItemHidden(){return this.items.every((e=>e.classList.contains("d-none")))}watchSelectedIndices(e){if(!e){this.selectValue([]);return}if(Array.isArray(e)){this.selectValue([...e]);return}this.selectValue([e])}onItemClicked(e){const t=e.detail;this.emitItemClick(t)}emitItemClick(e){if(this.isMultipleMode&&Array.isArray(this.selectedIndices)){if(this.selectedIndices.includes(e)){this.selectedIndices=this.selectedIndices.filter((t=>t!==e))}else{this.selectedIndices=[...this.selectedIndices,e]}}else{this.selectedIndices=[e]}this.selectValue(this.selectedIndices);this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(e){if(e.trim()===""){return}const t=document.createElement("ix-select-item");t.value=e;t.label=e;this.addItemRef.appendChild(t);this.clearInput();this.emitItemClick(e);this.addItem.emit(e)}selectValue(e){var t;this.items.forEach((t=>{t.selected=e.some((e=>e===t.value))}));this.value=this.selectedItems.map((e=>e.label));if(this.isSingleMode){this.inputValue=((t=this.value)===null||t===void 0?void 0:t.length)?this.value[0]:null;return}this.inputValue=null}componentWillLoad(){if(this.selectedIndices){this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}}onLabelChange(e){e.preventDefault();e.stopImmediatePropagation();this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}disconnectedCallback(){if(this.labelMutationObserver){this.labelMutationObserver.disconnect()}}itemExists(e){return this.items.find((t=>t.label===e))}dropdownVisibilityChanged(e){this.dropdownShow=e.detail;this.hasFocus=e.detail;if(e.detail){this.inputRef.focus();this.inputRef.select();this.removeHiddenFromItems();this.isDropdownEmpty=this.isEveryDropdownItemHidden}else{this.navigationItem=undefined}}async onKeyDown(e){if(!this.dropdownShow){return}if(e.code==="ArrowDown"||e.code==="ArrowUp"){this.onArrowNavigation(e)}if(e.code==="Enter"||e.code==="NumpadEnter"){await this.onEnterNavigation()}if(e.code==="Escape"){this.dropdownShow=false}}async onEnterNavigation(){var e,t;if(this.isMultipleMode){return}if(this.editable&&!this.itemExists(this.inputFilterText)){this.emitAddItem(this.inputFilterText);this.navigationItem=this.items[this.items.length-1]}(e=this.navigationItem)===null||e===void 0?void 0:e.onItemClick();await((t=this.dropdownRef)===null||t===void 0?void 0:t.updatePosition());if(this.isSingleMode&&!this.editable){this.dropdownShow=false}}onArrowNavigation(e){e.stopPropagation();e.preventDefault();const t=this.items.find((e=>document.activeElement===e.querySelector("button")));this.navigationItem=t;const i=this.items.filter((e=>!e.classList.contains("d-none")));const s=i.indexOf(this.navigationItem);if(e.code==="ArrowDown"&&s<i.length-1){this.navigationItem=i[s+1]}else if(e.code==="ArrowUp"&&s>0){this.navigationItem=i[s-1]}this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){var e;(e=this.navigationItem)===null||e===void 0?void 0:e.querySelector("button").focus()}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value;if(this.inputFilterText){this.items.forEach((e=>{e.classList.remove("d-none");if(!e.label.toLowerCase().includes(this.inputFilterText.toLowerCase())){e.classList.add("d-none")}}))}else{this.removeHiddenFromItems()}this.isDropdownEmpty=this.isEveryDropdownItemHidden}removeHiddenFromItems(){this.items.forEach((e=>{e.classList.remove("d-none")}))}clearInput(){this.inputRef.value="";this.inputFilterText=""}clear(){this.clearInput();this.value=[];this.selectedIndices=[];this.itemSelectionChange.emit(null);this.dropdownShow=false}onInputBlur(e){if(this.editable){return}if(this.isSingleMode){if(this.dropdownShow&&this.isDropdownEmpty){this.dropdownShow=false}}if(!this.dropdownShow&&this.mode!=="multiple"){e.target["value"]=this.value}}placeholderValue(){if(this.editable){return this.i18nPlaceholderEditable}if(this.readonly){return""}return this.i18nPlaceholder}render(){var e,t,n;return i(s,null,i("div",{class:{"form-control":true,select:true,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:e=>{this.dropdownAnchor=e;if(!this.editable)this.dropdownWrapperRef=e}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?(e=this.selectedItems)===null||e===void 0?void 0:e.map((e=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,key:e.value,onCloseClick:t=>{t.preventDefault();t.stopPropagation();this.emitItemClick(e.value)}},e.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!((t=this.value)===null||t===void 0?void 0:t.length)},placeholder:this.placeholderValue(),value:this.inputValue,ref:e=>this.inputRef=e,onBlur:e=>this.onInputBlur(e),onInput:()=>this.filterItemsWithTypeahead()}),this.allowClear&&(((n=this.value)===null||n===void 0?void 0:n.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:true,oval:true,size:"16",onClick:e=>{e.preventDefault();e.stopPropagation();this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:e=>{if(this.editable)this.dropdownWrapperRef=e}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:e=>this.dropdownRef=e,show:this.dropdownShow,class:{"d-none":this.disabled||this.readonly},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:e=>this.dropdownVisibilityChanged(e),placement:"auto-start",overwriteDropdownStyle:async()=>({minWidth:`${this.hostElement.clientWidth}px`})},i("div",{class:{"select-list-header":true,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:e=>this.addItemRef=e,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":true,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:e=>{e.preventDefault();e.stopPropagation();this.emitAddItem(this.inputFilterText)}}),this.isDropdownEmpty&&!this.editable?i("div",{class:"select-list-header"},this.i18nNoMatches):""))}get hostElement(){return n(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"]}}};c.style=l;class h extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}const o=".sc-ix-select-item-h{display:block}";const r=class{constructor(i){e(this,i);this.itemClick=t(this,"itemClick",7);this.label=undefined;this.value=undefined;this.selected=false;this.hover=false}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}componentDidRender(){if(!this.value){throw Error("ix-select-item must have a `value` property")}}labelChange(e,t){this.hostElement.dispatchEvent(new h({newValue:e,oldValue:t}))}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return n(this)}static get watchers(){return{label:["labelChange"]}}};r.style=o;export{c as ix_select,r as ix_select_item};
-//# sourceMappingURL=p-9c2ae88d.entry.js.map

package/dist/siemens-ix/p-9c2ae88d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectCss","Select","items","Array","from","this","hostElement","querySelectorAll","selectedItems","filter","item","selected","addItemButton","querySelector","isSingleMode","mode","isMultipleMode","isEveryDropdownItemHidden","every","classList","contains","watchSelectedIndices","newId","selectValue","isArray","onItemClicked","event","detail","emitItemClick","selectedIndices","includes","i","itemSelectionChange","emit","emitAddItem","value","trim","newItem","document","createElement","label","addItemRef","appendChild","clearInput","addItem","ids","forEach","some","map","inputValue","_a","length","componentWillLoad","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","labelMutationObserver","disconnect","itemExists","find","dropdownVisibilityChanged","dropdownShow","hasFocus","inputRef","focus","select","removeHiddenFromItems","isDropdownEmpty","navigationItem","undefined","async","code","onArrowNavigation","onEnterNavigation","editable","inputFilterText","onItemClick","_b","dropdownRef","updatePosition","stopPropagation","focusItem","activeElement","selectItems","index","indexOf","setHoverEffectForNavigatedSelectItem","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","e","target","placeholderValue","i18nPlaceholderEditable","readonly","i18nPlaceholder","render","h","Host","class","disabled","ref","dropdownAnchor","dropdownWrapperRef","key","onCloseClick","readOnly","type","allowClear","placeholder","onBlur","onInput","_c","icon","ghost","oval","size","onClick","name","show","anchor","trigger","onShowChanged","placement","overwriteDropdownStyle","minWidth","clientWidth","hidden","hideListHeader","title","i18nSelectListHeader","i18nNoMatches","IxSelectItemLabelChangeEvent","CustomEvent","constructor","super","bubbles","selectItemCss","SelectItem","itemClick","componentDidRender","Error","labelChange","newValue","oldValue","dispatchEvent","checked"],"sources":["./src/components/select/select.scss?tag=ix-select&encapsulation=scoped","./src/components/select/select.tsx","./src/components/select-item/events.ts","./src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=scoped","./src/components/select-item/select-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: inline-block;\n  position: relative;\n  height: auto;\n  width: 100%;\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: auto;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff !important;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0.1rem;\n      }\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  .chevron-down-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: $x-large-space;\n    min-width: $x-large-space;\n    height: 100%;\n  }\n\n  .editable {\n    .chevron-down-container {\n      @include hover {\n        background-color: var(\n          --theme-btn-invisible-secondary--background--hover\n        );\n      }\n\n      @include active {\n        background-color: var(\n          --theme-btn-invisible-secondary--background--active\n        );\n      }\n    }\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 $x-large-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { IxSelectItemLabelChangeEvent } from '../select-item/events';\n\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  scoped: true,\n})\nexport class Select {\n  @Element() hostElement!: HTMLIxSelectElement;\n\n  /**\n   * Indices of selected items\n   * This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.\n   */\n  @Prop({ mutable: true }) selectedIndices: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Please select an option';\n\n  /**\n   * Hint inside of dropdown if no items where found with current filter text\n   *\n   * @since 1.5.0\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   *\n   * @since 1.5.0\n   @\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * Item selection changed\n   */\n  @Event() itemSelectionChange: EventEmitter<string | string[]>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem: EventEmitter<string>;\n\n  @State() dropdownShow = false;\n  @State() value: string[];\n  @State() dropdownWrapperRef!: HTMLElement;\n  @State() dropdownAnchor!: HTMLElement;\n  @State() isDropdownEmpty = false;\n  @State() hasFocus = false;\n  @State() navigationItem: HTMLIxSelectItemElement;\n  @State() inputFilterText: string;\n  @State() inputValue: string;\n\n  private inputRef!: HTMLInputElement;\n  private dropdownRef!: HTMLIxDropdownElement;\n  private addItemRef!: HTMLDivElement;\n\n  private labelMutationObserver: MutationObserver;\n\n  get items() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  get isEveryDropdownItemHidden() {\n    return this.items.every((item) => item.classList.contains('d-none'));\n  }\n\n  @Watch('selectedIndices')\n  watchSelectedIndices(newId: string | string[]) {\n    if (!newId) {\n      this.selectValue([]);\n      return;\n    }\n\n    if (Array.isArray(newId)) {\n      this.selectValue([...newId]);\n      return;\n    }\n\n    this.selectValue([newId]);\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.emitItemClick(newId);\n  }\n\n  private emitItemClick(newId: string) {\n    if (this.isMultipleMode && Array.isArray(this.selectedIndices)) {\n      if (this.selectedIndices.includes(newId)) {\n        this.selectedIndices = this.selectedIndices.filter((i) => i !== newId);\n      } else {\n        this.selectedIndices = [...this.selectedIndices, newId];\n      }\n    } else {\n      this.selectedIndices = [newId];\n    }\n\n    this.selectValue(this.selectedIndices);\n    this.itemSelectionChange.emit(this.selectedIndices);\n  }\n\n  private emitAddItem(value: string) {\n    if (value.trim() === '') {\n      return;\n    }\n\n    const newItem = document.createElement('ix-select-item');\n    newItem.value = value;\n    newItem.label = value;\n\n    this.addItemRef.appendChild(newItem);\n\n    this.clearInput();\n    this.emitItemClick(value);\n    this.addItem.emit(value);\n  }\n\n  private selectValue(ids: string[]) {\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => i === item.value);\n    });\n\n    this.value = this.selectedItems.map((item) => item.label);\n\n    if (this.isSingleMode) {\n      this.inputValue = this.value?.length ? this.value[0] : null;\n      return;\n    }\n\n    this.inputValue = null;\n  }\n\n  componentWillLoad() {\n    if (this.selectedIndices) {\n      this.selectValue(\n        Array.isArray(this.selectedIndices)\n          ? this.selectedIndices\n          : [this.selectedIndices]\n      );\n    }\n  }\n\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.selectValue(\n      Array.isArray(this.selectedIndices)\n        ? this.selectedIndices\n        : [this.selectedIndices]\n    );\n  }\n\n  disconnectedCallback() {\n    if (this.labelMutationObserver) {\n      this.labelMutationObserver.disconnect();\n    }\n  }\n\n  private itemExists(item: string) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n    this.hasFocus = event.detail;\n\n    if (event.detail) {\n      this.inputRef.focus();\n      this.inputRef.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = undefined;\n    }\n  }\n\n  @Listen('keydown', {\n    target: 'window',\n  })\n  async onKeyDown(event: KeyboardEvent) {\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      this.onArrowNavigation(event);\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation();\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation() {\n    if (this.isMultipleMode) {\n      return;\n    }\n\n    if (this.editable && !this.itemExists(this.inputFilterText)) {\n      this.emitAddItem(this.inputFilterText);\n      this.navigationItem = this.items[this.items.length - 1];\n    }\n\n    this.navigationItem?.onItemClick();\n    await this.dropdownRef?.updatePosition();\n\n    if (this.isSingleMode && !this.editable) {\n      this.dropdownShow = false;\n    }\n  }\n\n  private onArrowNavigation(event: KeyboardEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const focusItem = this.items.find(\n      (item) => document.activeElement === item.querySelector('button')\n    );\n    this.navigationItem = focusItem;\n\n    const selectItems = this.items.filter(\n      (i) => !i.classList.contains('d-none')\n    );\n\n    const index = selectItems.indexOf(this.navigationItem);\n\n    if (event.code === 'ArrowDown' && index < selectItems.length - 1) {\n      this.navigationItem = selectItems[index + 1];\n    } else if (event.code === 'ArrowUp' && index > 0) {\n      this.navigationItem = selectItems[index - 1];\n    }\n\n    this.setHoverEffectForNavigatedSelectItem();\n  }\n\n  private setHoverEffectForNavigatedSelectItem() {\n    this.navigationItem?.querySelector('button').focus();\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputRef.value;\n\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('d-none');\n        if (\n          !item.label.toLowerCase().includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('d-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n\n    this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('d-none');\n    });\n  }\n\n  private clearInput() {\n    this.inputRef.value = '';\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.value = [];\n    this.selectedIndices = [];\n    this.itemSelectionChange.emit(null);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur(e) {\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      if (this.dropdownShow && this.isDropdownEmpty) {\n        this.dropdownShow = false;\n      }\n    }\n\n    if (!this.dropdownShow && this.mode !== 'multiple') {\n      e.target['value'] = this.value;\n    }\n  }\n\n  private placeholderValue() {\n    if (this.editable) {\n      return this.i18nPlaceholderEditable;\n    }\n\n    if (this.readonly) {\n      return '';\n    }\n\n    return this.i18nPlaceholder;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'form-control': true,\n            select: true,\n            focus: this.hasFocus,\n            editable: this.editable,\n            disabled: this.disabled,\n            readonly: this.readonly,\n          }}\n          ref={(ref) => {\n            this.dropdownAnchor = ref;\n            if (!this.editable) this.dropdownWrapperRef = ref;\n          }}\n        >\n          <div class=\"input-container\">\n            <div class=\"chips\">\n              {this.isMultipleMode\n                ? this.selectedItems?.map((item) => (\n                    <ix-filter-chip\n                      disabled={this.disabled || this.readonly}\n                      key={item.value}\n                      onCloseClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.emitItemClick(item.value);\n                      }}\n                    >\n                      {item.label}\n                    </ix-filter-chip>\n                  ))\n                : ''}\n              <div class=\"trigger\">\n                <input\n                  data-testid=\"input\"\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  type=\"text\"\n                  class={{\n                    'allow-clear': this.allowClear && !!this.value?.length,\n                  }}\n                  placeholder={this.placeholderValue()}\n                  value={this.inputValue}\n                  ref={(ref) => (this.inputRef = ref)}\n                  onBlur={(e) => this.onInputBlur(e)}\n                  onInput={() => this.filterItemsWithTypeahead()}\n                />\n                {this.allowClear &&\n                (this.value?.length || this.inputFilterText) ? (\n                  <ix-icon-button\n                    class=\"clear\"\n                    icon=\"clear\"\n                    ghost\n                    oval\n                    size=\"16\"\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      this.clear();\n                    }}\n                  />\n                ) : null}\n                {this.disabled || this.readonly ? null : (\n                  <div\n                    class=\"chevron-down-container\"\n                    ref={(ref) => {\n                      if (this.editable) this.dropdownWrapperRef = ref;\n                    }}\n                  >\n                    <ix-icon class=\"chevron\" name=\"chevron-down-small\" />\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownRef = ref)}\n          show={this.dropdownShow}\n          class={{\n            'd-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchor}\n          trigger={this.dropdownWrapperRef}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"auto-start\"\n          overwriteDropdownStyle={async () => {\n            return {\n              minWidth: `${this.hostElement.clientWidth}px`,\n            };\n          }}\n        >\n          <div\n            class={{\n              'select-list-header': true,\n              hidden: this.hideListHeader || this.isDropdownEmpty,\n            }}\n            title={this.i18nSelectListHeader}\n          >\n            {this.i18nSelectListHeader}\n          </div>\n          <slot></slot>\n          <div ref={(ref) => (this.addItemRef = ref)} class=\"d-contents\"></div>\n          {this.itemExists(this.inputFilterText) ? (\n            ''\n          ) : (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon=\"plus\"\n              class={{\n                'add-item': true,\n                'd-none': !(this.editable && this.inputFilterText),\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n            ></ix-dropdown-item>\n          )}\n          {this.isDropdownEmpty && !this.editable ? (\n            <div class=\"select-list-header\">{this.i18nNoMatches}</div>\n          ) : (\n            ''\n          )}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n  oldValue: string;\n  newValue: string;\n}> {\n  constructor(detail: { oldValue: string; newValue: string }) {\n    super('ix-select-item:labelChange', {\n      bubbles: true,\n      detail,\n    });\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: block;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { IxSelectItemLabelChangeEvent } from './events';\n\n@Component({\n  tag: 'ix-select-item',\n  styleUrl: 'select-item.scss',\n  scoped: true,\n})\nexport class SelectItem {\n  @Element() hostElement: HTMLIxSelectItemElement;\n\n  /**\n   * Displayed name of the item\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /**\n   * Item value\n   */\n  @Prop({ reflect: true }) value!: any;\n\n  /**\n   * Whether the item is selected.\n   */\n  @Prop() selected = false;\n\n  /**\n   * @internal\n   */\n  @Prop() hover = false;\n\n  /**\n   * Item clicked\n   */\n  @Event() itemClick: EventEmitter<string>;\n\n  /**\n   * @internal\n   * @param event\n   */\n  @Method()\n  async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.itemClick.emit(this.value);\n  }\n\n  componentDidRender() {\n    if (!this.value) {\n      throw Error('ix-select-item must have a `value` property');\n    }\n  }\n\n  @Watch('label')\n  labelChange(newValue: string, oldValue: string) {\n    this.hostElement.dispatchEvent(\n      new IxSelectItemLabelChangeEvent({\n        newValue: newValue,\n        oldValue: oldValue,\n      })\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-dropdown-item\n          checked={this.selected}\n          label={this.label ? this.label : this.value}\n          onItemClick={(e) => this.onItemClick(e)}\n        ></ix-dropdown-item>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}