@siemens/ix 1.6.2 → 2.0.0-beta.0

package/dist/siemens-ix/{p-1331a920.entry.js → p-81333042.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as r,g as n}from"./p-1c64b073.js";import{c as s,g as o,a as h}from"./p-37417714.js";import{r as a}from"./p-56ed024b.js";var c=s((function(t,e){(function(e){{t.exports=e()}})((function(){return function(){function t(e,i,r){function n(o,a){if(!i[o]){if(!e[o]){var c="function"==typeof h&&h;if(!a&&c)return c(o,!0);if(s)return s(o,!0);var l=new Error("Cannot find module '"+o+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[o]={exports:{}};e[o][0].call(u.exports,(function(t){var i=e[o][1][t];return n(i||t)}),u,u.exports,t,e,i,r)}return i[o].exports}for(var s="function"==typeof h&&h,o=0;o<r.length;o++)n(r[o]);return n}return t}()({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:true});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||false;r.configurable=true;if("value"in r)r.writable=true;Object.defineProperty(t,r.key,r)}}return function(e,i,r){if(i)t(e.prototype,i);if(r)t(e,r);return e}}();function n(t,e,i){if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}function s(t,e){if(!(t instanceof e)){throw new TypeError("Cannot call a class as a function")}}var o={width:"100%",height:"100%"};var h=function t(e){return Number(e)===Number(e)};var a="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)};var c=function(){r(t,null,[{key:"create",value:function e(i,r){return new t(i,r)}},{key:"mergeStyle",value:function t(e,i){for(var r in i){if(e.style[r]!==i[r]){e.style[r]=i[r]}}}},{key:"getMaxBrowserHeight",value:function e(){var i=document.createElement("div");var r=document.createElement("div");t.mergeStyle(i,{position:"absolute",height:"1px",opacity:0});t.mergeStyle(r,{height:"1e7px"});i.appendChild(r);document.body.appendChild(i);var n=r.offsetHeight;document.body.removeChild(i);return n}}]);function t(e,i){var r=this;s(this,t);this._config={};this._lastRepaint=null;this._maxElementHeight=t.getMaxBrowserHeight();this.refresh(e,i);var n=this._config;var o=function t(){var e=r._getScrollPosition();var i=r._lastRepaint;r._renderAnimationFrame=window.requestAnimationFrame(t);if(e===i){return}var s=i?e-i:0;if(!i||s<0||s>r._averageHeight){var o=r._renderChunk();r._lastRepaint=e;if(o!==false&&typeof n.afterRender==="function"){n.afterRender()}}};o()}r(t,[{key:"destroy",value:function t(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function e(i,r){var s;Object.assign(this._config,o,r);if(!i||i.nodeType!==1){throw new Error("HyperList requires a valid DOM Node container")}this._element=i;var a=this._config;var c=this._scroller||a.scroller||document.createElement(a.scrollerTagName||"tr");if(typeof a.useFragment!=="boolean"){this._config.useFragment=true}if(!a.generate){throw new Error("Missing required `generate` function")}if(!h(a.total)){throw new Error("Invalid required `total` value, expected number")}if(!Array.isArray(a.itemHeight)&&!h(a.itemHeight)){throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim())}else if(h(a.itemHeight)){this._itemHeights=Array(a.total).fill(a.itemHeight)}else{this._itemHeights=a.itemHeight}Object.keys(o).filter((function(t){return t in a})).forEach((function(t){var e=a[t];var i=h(e);if(e&&typeof e!=="string"&&typeof e!=="number"){var r="Invalid optional `"+t+"`, expected string or number";throw new Error(r)}else if(i){a[t]=e+"px"}}));var l=Boolean(a.horizontal);var u=a[l?"width":"height"];if(u){var d=h(u);var f=d?false:u.slice(-1)==="%";var v=d?u:parseInt(u.replace(/px|%/,""),10);var m=window[l?"innerWidth":"innerHeight"];if(f){this._containerSize=m*v/100}else{this._containerSize=h(u)?u:v}}var g=a.scrollContainer;var p=a.itemHeight*a.total;var b=this._maxElementHeight;if(p>b){console.warn(["HyperList: The maximum element height",b+"px has","been exceeded; please reduce your item height."].join(" "))}var x={width:""+a.width,height:g?p+"px":""+a.height,overflow:g?"none":"auto",position:"relative"};t.mergeStyle(i,x);if(g){t.mergeStyle(a.scrollContainer,{overflow:"auto"})}var w=(s={opacity:"0",position:"absolute"},n(s,l?"height":"width","1px"),n(s,l?"width":"height",p+"px"),s);t.mergeStyle(c,w);if(!this._scroller){i.appendChild(c)}var y=this._computeScrollPadding();this._scrollPaddingBottom=y.bottom;this._scrollPaddingTop=y.top;this._scroller=c;this._scrollHeight=this._computeScrollHeight();this._itemPositions=this._itemPositions||Array(a.total).fill(0);this._computePositions(0);this._renderChunk(this._lastRepaint!==null);if(typeof a.afterRender==="function"){a.afterRender()}}},{key:"_getRow",value:function e(i){var r=this._config;var s=r.generate(i);var o=s.height;if(o!==undefined&&h(o)){s=s.element;if(o!==this._itemHeights[i]){this._itemHeights[i]=o;this._computePositions(i);this._scrollHeight=this._computeScrollHeight(i)}}else{o=this._itemHeights[i]}if(!s||s.nodeType!==1){throw new Error("Generator did not return a DOM Node for index: "+i)}a(s,r.rowClassName||"vrow");var c=this._itemPositions[i]+this._scrollPaddingTop;t.mergeStyle(s,n({position:"absolute"},r.horizontal?"left":"top",c+"px"));return s}},{key:"_getScrollPosition",value:function t(){var e=this._config;if(typeof e.overrideScrollPosition==="function"){return e.overrideScrollPosition()}return this._element[e.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function t(e){var i=this._config;var r=this._element;var n=this._getScrollPosition();var s=i.total;var o=i.reverse?this._getReverseFrom(n):this._getFrom(n)-1;if(o<0||o-this._screenItemsLen<0){o=0}if(!e&&this._lastFrom===o){return false}this._lastFrom=o;var h=o+this._cachedItemsLen;if(h>s||h+this._cachedItemsLen>s){h=s}var a=i.useFragment?document.createDocumentFragment():[];var c=this._scroller;a[i.useFragment?"appendChild":"push"](c);for(var l=o;l<h;l++){var u=this._getRow(l);a[i.useFragment?"appendChild":"push"](u)}if(i.applyPatch){return i.applyPatch(r,a)}r.innerHTML="";r.appendChild(a)}},{key:"_computePositions",value:function t(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;var i=this._config;var r=i.total;var n=i.reverse;if(e<1&&!n){e=1}for(var s=e;s<r;s++){if(n){if(s===0){this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]}else{this._itemPositions[s]=this._itemPositions[s-1]-this._itemHeights[s]}}else{this._itemPositions[s]=this._itemHeights[s-1]+this._itemPositions[s-1]}}}},{key:"_computeScrollHeight",value:function e(){var i,r=this;var s=this._config;var o=Boolean(s.horizontal);var h=s.total;var a=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(i={opacity:0,position:"absolute",top:"0px"},n(i,o?"height":"width","1px"),n(i,o?"width":"height",a+"px"),i));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e}));var l=Math.floor(h/2);var u=h%2===0?(c[l]+c[l-1])/2:c[l];var d=o?"clientWidth":"clientHeight";var f=s.scrollContainer?s.scrollContainer:this._element;var v=f[d]?f[d]:this._containerSize;this._screenItemsLen=Math.ceil(v/u);this._containerSize=v;this._cachedItemsLen=Math.max(this._cachedItemsLen||0,this._screenItemsLen*3);this._averageHeight=u;if(s.reverse){window.requestAnimationFrame((function(){if(o){r._element.scrollLeft=a}else{r._element.scrollTop=a}}))}return a}},{key:"_computeScrollPadding",value:function t(){var e=this._config;var i=Boolean(e.horizontal);var r=e.reverse;var n=window.getComputedStyle(this._element);var s=function t(e){var i=n.getPropertyValue("padding-"+e);return parseInt(i,10)||0};if(i&&r){return{bottom:s("left"),top:s("right")}}else if(i){return{bottom:s("right"),top:s("left")}}else if(r){return{bottom:s("top"),top:s("bottom")}}else{return{bottom:s("bottom"),top:s("top")}}}},{key:"_getFrom",value:function t(e){var i=0;while(this._itemPositions[i]<e){i++}return i}},{key:"_getReverseFrom",value:function t(e){var i=this._config.total-1;while(i>0&&this._itemPositions[i]<e+this._containerSize){i--}return i}}]);return t}();i.default=c;e.exports=i["default"]},{}]},{},[1])(1)}))}));const l=o(c);const u=".sc-ix-tree-h{display:block}";const d=class{constructor(i){t(this,i);this.contextChange=e(this,"contextChange",7);this.nodeToggled=e(this,"nodeToggled",7);this.nodeClicked=e(this,"nodeClicked",7);this.nodeRemoved=e(this,"nodeRemoved",7);this.toggleListener=new Map;this.itemClickListener=new Map;this.updates=new Map;this.hasFirstRender=false;this.root=undefined;this.model=undefined;this.renderItem=undefined;this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);let e=(e,i,r)=>{if(e.hasChildren&&!this.toggleListener.has(i)){const n=i=>{i.preventDefault();i.stopPropagation();const n=this.getContext(t[r].id);n.isExpanded=!n.isExpanded;this.nodeToggled.emit({id:e.id,isExpaned:n.isExpanded});this.setContext(e.id,n)};i.addEventListener("toggle",n);this.toggleListener.set(i,n)}};return{itemHeight:32,total:t.length,generate:i=>{const r=t[i];const n=this.host.querySelector(`[data-tree-node-id="${r.id}"]`);const s=this.getContext(r.id);if(n){n.hasChildren=r.hasChildren;n.context=Object.assign({},s);e(r,n,i);if(this.updates.has(r.id)){const t=this.updates.get(r.id);t(r,Object.assign({},this.context))}return n}const o=t=>{this.updates.set(r.id,t)};let h=null;if(this.renderItem){h=this.renderItem(i,r,t,Object.assign({},this.context),o)}if(h===null){h=a(r,s,o)}const c=h;c.setAttribute("data-tree-node-id",r.id);c.style.paddingLeft=r.level+"rem";c.style.paddingRight="1rem";if(!this.itemClickListener.has(c)){const t=t=>{t.preventDefault();t.stopPropagation();Object.values(this.context).forEach((t=>t.isSelected=false));const e=this.getContext(r.id);e.isSelected=true;this.setContext(r.id,e);this.nodeClicked.emit(r.id)};c.addEventListener("itemClick",t);this.itemClickListener.set(c,t)}e(r,c,i);return c}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e});this.contextChange.emit(this.context)}getContext(t){if(!this.context){return{isExpanded:false,isSelected:false}}if(!this.context[t]){this.context[t]={isExpanded:false,isSelected:false}}return this.context[t]}buildTreeList(t,e=0){const i=[];if(t===null||t===void 0?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t];const s=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e}));if(n.hasChildren&&s.isExpanded){i.push(...this.buildTreeList(n,r))}}))}return i}componentDidLoad(){this.initList();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);if(i>=0){e.splice(i,1)}}))}));this.nodeRemoved.emit(e)}));this.observer.observe(this.host,{childList:true})}componentWillRender(){this.hasFirstRender=true;if(this.isListInitialized()){this.refreshList()}else{this.initList()}}disconnectedCallback(){this.hyperlist.destroy();this.observer.disconnect()}modelChange(){if(this.hasFirstRender&&!this.isListInitialized()){this.initList()}}isListInitialized(){var t;const e=(t=this.hyperlist)===null||t===void 0?void 0:t._itemPositions;return e!==undefined&&e.length&&!(e===null||e===void 0?void 0:e.some((t=>t===undefined||Number.isNaN(t))))}refreshList(){if(this.hyperlist){this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}}initList(){var t;(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();const e=this.getVirtualizerOptions();this.hyperlist=new l(this.host,e)}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};d.style=u;const f=".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)}";const v=class{constructor(i){t(this,i);this.toggle=e(this,"toggle",7);this.itemClick=e(this,"itemClick",7);this.text=undefined;this.hasChildren=undefined;this.context=undefined}render(){var t,e,n;return i(r,{class:{selected:(t=this.context)===null||t===void 0?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"]:(e=this.context)===null||e===void 0?void 0:e.isExpanded},color:`color-${((n=this.context)===null||n===void 0?void 0:n.isExpanded)?"primary":"std-text"}`}):null),i("div",{class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},this.text,i("slot",null)))}};v.style=f;export{d as ix_tree,v as ix_tree_item};
-//# sourceMappingURL=p-1331a920.entry.js.map
+import{r as t,c as e,h as i,H as r,g as n}from"./p-b899b25b.js";import{c as s,g as o,a as h}from"./p-37417714.js";import{r as a}from"./p-56ed024b.js";var c=s((function(t,e){(function(e){{t.exports=e()}})((function(){return function(){function t(e,i,r){function n(o,a){if(!i[o]){if(!e[o]){var c="function"==typeof h&&h;if(!a&&c)return c(o,!0);if(s)return s(o,!0);var l=new Error("Cannot find module '"+o+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[o]={exports:{}};e[o][0].call(u.exports,(function(t){var i=e[o][1][t];return n(i||t)}),u,u.exports,t,e,i,r)}return i[o].exports}for(var s="function"==typeof h&&h,o=0;o<r.length;o++)n(r[o]);return n}return t}()({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:true});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||false;r.configurable=true;if("value"in r)r.writable=true;Object.defineProperty(t,r.key,r)}}return function(e,i,r){if(i)t(e.prototype,i);if(r)t(e,r);return e}}();function n(t,e,i){if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}function s(t,e){if(!(t instanceof e)){throw new TypeError("Cannot call a class as a function")}}var o={width:"100%",height:"100%"};var h=function t(e){return Number(e)===Number(e)};var a="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)};var c=function(){r(t,null,[{key:"create",value:function e(i,r){return new t(i,r)}},{key:"mergeStyle",value:function t(e,i){for(var r in i){if(e.style[r]!==i[r]){e.style[r]=i[r]}}}},{key:"getMaxBrowserHeight",value:function e(){var i=document.createElement("div");var r=document.createElement("div");t.mergeStyle(i,{position:"absolute",height:"1px",opacity:0});t.mergeStyle(r,{height:"1e7px"});i.appendChild(r);document.body.appendChild(i);var n=r.offsetHeight;document.body.removeChild(i);return n}}]);function t(e,i){var r=this;s(this,t);this._config={};this._lastRepaint=null;this._maxElementHeight=t.getMaxBrowserHeight();this.refresh(e,i);var n=this._config;var o=function t(){var e=r._getScrollPosition();var i=r._lastRepaint;r._renderAnimationFrame=window.requestAnimationFrame(t);if(e===i){return}var s=i?e-i:0;if(!i||s<0||s>r._averageHeight){var o=r._renderChunk();r._lastRepaint=e;if(o!==false&&typeof n.afterRender==="function"){n.afterRender()}}};o()}r(t,[{key:"destroy",value:function t(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function e(i,r){var s;Object.assign(this._config,o,r);if(!i||i.nodeType!==1){throw new Error("HyperList requires a valid DOM Node container")}this._element=i;var a=this._config;var c=this._scroller||a.scroller||document.createElement(a.scrollerTagName||"tr");if(typeof a.useFragment!=="boolean"){this._config.useFragment=true}if(!a.generate){throw new Error("Missing required `generate` function")}if(!h(a.total)){throw new Error("Invalid required `total` value, expected number")}if(!Array.isArray(a.itemHeight)&&!h(a.itemHeight)){throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim())}else if(h(a.itemHeight)){this._itemHeights=Array(a.total).fill(a.itemHeight)}else{this._itemHeights=a.itemHeight}Object.keys(o).filter((function(t){return t in a})).forEach((function(t){var e=a[t];var i=h(e);if(e&&typeof e!=="string"&&typeof e!=="number"){var r="Invalid optional `"+t+"`, expected string or number";throw new Error(r)}else if(i){a[t]=e+"px"}}));var l=Boolean(a.horizontal);var u=a[l?"width":"height"];if(u){var d=h(u);var f=d?false:u.slice(-1)==="%";var v=d?u:parseInt(u.replace(/px|%/,""),10);var m=window[l?"innerWidth":"innerHeight"];if(f){this._containerSize=m*v/100}else{this._containerSize=h(u)?u:v}}var g=a.scrollContainer;var p=a.itemHeight*a.total;var b=this._maxElementHeight;if(p>b){console.warn(["HyperList: The maximum element height",b+"px has","been exceeded; please reduce your item height."].join(" "))}var x={width:""+a.width,height:g?p+"px":""+a.height,overflow:g?"none":"auto",position:"relative"};t.mergeStyle(i,x);if(g){t.mergeStyle(a.scrollContainer,{overflow:"auto"})}var w=(s={opacity:"0",position:"absolute"},n(s,l?"height":"width","1px"),n(s,l?"width":"height",p+"px"),s);t.mergeStyle(c,w);if(!this._scroller){i.appendChild(c)}var y=this._computeScrollPadding();this._scrollPaddingBottom=y.bottom;this._scrollPaddingTop=y.top;this._scroller=c;this._scrollHeight=this._computeScrollHeight();this._itemPositions=this._itemPositions||Array(a.total).fill(0);this._computePositions(0);this._renderChunk(this._lastRepaint!==null);if(typeof a.afterRender==="function"){a.afterRender()}}},{key:"_getRow",value:function e(i){var r=this._config;var s=r.generate(i);var o=s.height;if(o!==undefined&&h(o)){s=s.element;if(o!==this._itemHeights[i]){this._itemHeights[i]=o;this._computePositions(i);this._scrollHeight=this._computeScrollHeight(i)}}else{o=this._itemHeights[i]}if(!s||s.nodeType!==1){throw new Error("Generator did not return a DOM Node for index: "+i)}a(s,r.rowClassName||"vrow");var c=this._itemPositions[i]+this._scrollPaddingTop;t.mergeStyle(s,n({position:"absolute"},r.horizontal?"left":"top",c+"px"));return s}},{key:"_getScrollPosition",value:function t(){var e=this._config;if(typeof e.overrideScrollPosition==="function"){return e.overrideScrollPosition()}return this._element[e.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function t(e){var i=this._config;var r=this._element;var n=this._getScrollPosition();var s=i.total;var o=i.reverse?this._getReverseFrom(n):this._getFrom(n)-1;if(o<0||o-this._screenItemsLen<0){o=0}if(!e&&this._lastFrom===o){return false}this._lastFrom=o;var h=o+this._cachedItemsLen;if(h>s||h+this._cachedItemsLen>s){h=s}var a=i.useFragment?document.createDocumentFragment():[];var c=this._scroller;a[i.useFragment?"appendChild":"push"](c);for(var l=o;l<h;l++){var u=this._getRow(l);a[i.useFragment?"appendChild":"push"](u)}if(i.applyPatch){return i.applyPatch(r,a)}r.innerHTML="";r.appendChild(a)}},{key:"_computePositions",value:function t(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;var i=this._config;var r=i.total;var n=i.reverse;if(e<1&&!n){e=1}for(var s=e;s<r;s++){if(n){if(s===0){this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]}else{this._itemPositions[s]=this._itemPositions[s-1]-this._itemHeights[s]}}else{this._itemPositions[s]=this._itemHeights[s-1]+this._itemPositions[s-1]}}}},{key:"_computeScrollHeight",value:function e(){var i,r=this;var s=this._config;var o=Boolean(s.horizontal);var h=s.total;var a=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(i={opacity:0,position:"absolute",top:"0px"},n(i,o?"height":"width","1px"),n(i,o?"width":"height",a+"px"),i));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e}));var l=Math.floor(h/2);var u=h%2===0?(c[l]+c[l-1])/2:c[l];var d=o?"clientWidth":"clientHeight";var f=s.scrollContainer?s.scrollContainer:this._element;var v=f[d]?f[d]:this._containerSize;this._screenItemsLen=Math.ceil(v/u);this._containerSize=v;this._cachedItemsLen=Math.max(this._cachedItemsLen||0,this._screenItemsLen*3);this._averageHeight=u;if(s.reverse){window.requestAnimationFrame((function(){if(o){r._element.scrollLeft=a}else{r._element.scrollTop=a}}))}return a}},{key:"_computeScrollPadding",value:function t(){var e=this._config;var i=Boolean(e.horizontal);var r=e.reverse;var n=window.getComputedStyle(this._element);var s=function t(e){var i=n.getPropertyValue("padding-"+e);return parseInt(i,10)||0};if(i&&r){return{bottom:s("left"),top:s("right")}}else if(i){return{bottom:s("right"),top:s("left")}}else if(r){return{bottom:s("top"),top:s("bottom")}}else{return{bottom:s("bottom"),top:s("top")}}}},{key:"_getFrom",value:function t(e){var i=0;while(this._itemPositions[i]<e){i++}return i}},{key:"_getReverseFrom",value:function t(e){var i=this._config.total-1;while(i>0&&this._itemPositions[i]<e+this._containerSize){i--}return i}}]);return t}();i.default=c;e.exports=i["default"]},{}]},{},[1])(1)}))}));const l=o(c);const u=".sc-ix-tree-h{display:block}";const d=class{constructor(i){t(this,i);this.contextChange=e(this,"contextChange",7);this.nodeToggled=e(this,"nodeToggled",7);this.nodeClicked=e(this,"nodeClicked",7);this.nodeRemoved=e(this,"nodeRemoved",7);this.toggleListener=new Map;this.itemClickListener=new Map;this.updates=new Map;this.hasFirstRender=false;this.root=undefined;this.model=undefined;this.renderItem=undefined;this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);let e=(e,i,r)=>{if(e.hasChildren&&!this.toggleListener.has(i)){const n=i=>{i.preventDefault();i.stopPropagation();const n=this.getContext(t[r].id);n.isExpanded=!n.isExpanded;this.nodeToggled.emit({id:e.id,isExpaned:n.isExpanded});this.setContext(e.id,n)};i.addEventListener("toggle",n);this.toggleListener.set(i,n)}};return{itemHeight:32,total:t.length,generate:i=>{const r=t[i];const n=this.host.querySelector(`[data-tree-node-id="${r.id}"]`);const s=this.getContext(r.id);if(n){n.hasChildren=r.hasChildren;n.context=Object.assign({},s);e(r,n,i);if(this.updates.has(r.id)){const t=this.updates.get(r.id);t(r,Object.assign({},this.context))}return n}const o=t=>{this.updates.set(r.id,t)};let h=null;if(this.renderItem){h=this.renderItem(i,r,t,Object.assign({},this.context),o)}if(h===null){h=a(r,s,o)}const c=h;c.setAttribute("data-tree-node-id",r.id);c.style.paddingLeft=r.level+"rem";c.style.paddingRight="1rem";if(!this.itemClickListener.has(c)){const t=t=>{t.preventDefault();t.stopPropagation();Object.values(this.context).forEach((t=>t.isSelected=false));const e=this.getContext(r.id);e.isSelected=true;this.setContext(r.id,e);this.nodeClicked.emit(r.id)};c.addEventListener("itemClick",t);this.itemClickListener.set(c,t)}e(r,c,i);return c}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e});this.contextChange.emit(this.context)}getContext(t){if(!this.context){return{isExpanded:false,isSelected:false}}if(!this.context[t]){this.context[t]={isExpanded:false,isSelected:false}}return this.context[t]}buildTreeList(t,e=0){const i=[];if(t===null||t===void 0?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t];const s=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e}));if(n.hasChildren&&s.isExpanded){i.push(...this.buildTreeList(n,r))}}))}return i}componentDidLoad(){this.initList();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);if(i>=0){e.splice(i,1)}}))}));this.nodeRemoved.emit(e)}));this.observer.observe(this.host,{childList:true})}componentWillRender(){this.hasFirstRender=true;if(this.isListInitialized()){this.refreshList()}else{this.initList()}}disconnectedCallback(){this.hyperlist.destroy();this.observer.disconnect()}modelChange(){if(this.hasFirstRender&&!this.isListInitialized()){this.initList()}}isListInitialized(){var t;const e=(t=this.hyperlist)===null||t===void 0?void 0:t._itemPositions;return e!==undefined&&e.length&&!(e===null||e===void 0?void 0:e.some((t=>t===undefined||Number.isNaN(t))))}refreshList(){if(this.hyperlist){this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}}initList(){var t;(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();const e=this.getVirtualizerOptions();this.hyperlist=new l(this.host,e)}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};d.style=u;const f=".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)}";const v=class{constructor(i){t(this,i);this.toggle=e(this,"toggle",7);this.itemClick=e(this,"itemClick",7);this.text=undefined;this.hasChildren=undefined;this.context=undefined}render(){var t,e,n;return i(r,{class:{selected:(t=this.context)===null||t===void 0?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"]:(e=this.context)===null||e===void 0?void 0:e.isExpanded},color:`color-${((n=this.context)===null||n===void 0?void 0:n.isExpanded)?"primary":"std-text"}`}):null),i("div",{class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},this.text,i("slot",null)))}};v.style=f;export{d as ix_tree,v as ix_tree_item};
+//# sourceMappingURL=p-81333042.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i,g as s,c as o}from"./p-b899b25b.js";import{c as r}from"./p-c0454c9a.js";import{a as n}from"./p-21aa3602.js";const a=":host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ul{list-style:none;padding:0;margin-bottom:0}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";const d=class{constructor(t){e(this,t);this.mutationObserver=r(this.onMutation.bind(this));this.itemHeight="S";this.compact=false;this.animated=true;this.chevron=undefined}watchChevron(e){this.handleChevron(e)}componentDidLoad(){if(this.animated){this.triggerFadeIn()}if(!Number.isNaN(Number(this.itemHeight))){const e=n(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((t=>{this.setCustomHeight(t,e)}))}this.handleChevron(this.chevron);this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true})}onMutation(e){this.triggerFadeOut().then((()=>{if(typeof this.itemHeight==="number"){const t=n(this.itemHeight);e.filter((e=>e.type==="childList")).forEach((e=>e.addedNodes.forEach((e=>{const i=e;this.setCustomHeight(i,t)}))))}this.handleChevron(this.chevron);this.triggerFadeIn()}))}setCustomHeight(e,t){e.style.setProperty("--event-list-item-height",t)}triggerFadeOut(){if(!this.animated){return Promise.resolve()}const e=[{opacity:1,easing:"ease-in"},{opacity:0}];const t=this.hostElement.shadowRoot.querySelector("ul");return t.animate(e,{duration:d.fadeOutDuration}).finished}triggerFadeIn(){if(!this.animated){return}const e=this.hostElement.querySelectorAll("ix-event-list-item");e.forEach(((e,t)=>{const i=t*80;const s=i/(i+d.fadeInDuration);const o=[{opacity:0},{opacity:0,easing:"ease-out",offset:s},{opacity:1}];const r={duration:d.fadeInDuration+i,iterations:1};e.animate(o,r)}))}handleChevron(e){const t=this.hostElement.querySelectorAll("ix-event-list-item");t.forEach((t=>{if(e){t.setAttribute("chevron","true")}else if(e!==undefined){t.removeAttribute("chevron")}}))}render(){return t(i,{class:{"item-size-s":this.itemHeight==="S","item-size-l":this.itemHeight==="L",compact:this.compact}},t("ul",null,t("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{chevron:["watchChevron"]}}};d.fadeOutDuration=50;d.fadeInDuration=150;d.style=a;const l=":host *,:host *::after,:host *::before{box-sizing:border-box}:host .event-list-item{display:flex;align-items:center;position:relative;height:var(--event-list-item-height, 2.5rem);max-height:var(--event-list-item-height, 2.5rem);border-radius:var(--event-list-item-border-radius, 0.25rem);background-color:var(--theme-event-item--background);overflow:hidden;transition:150ms;cursor:pointer;margin-bottom:var(--event-list-item-margin-bottom, 0.5rem)}:host .event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:var(--event-list-item-border-radius, 0.25rem)}:host .event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}:host .event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-item--border);border-top-left-radius:0;border-top-right-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--event-list-item-border-radius, 0.25rem);border-left:none;padding-left:1rem}:host .event-list-item .event-content{display:flex;align-items:center;width:100%;height:var(--event-list-item-height, 100%);max-height:var(--event-list-item-height, 100%);white-space:var(--event-list-item-content-white-space, inherit);overflow:hidden}:host .event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}:host .event-list-item.selected .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}:host .event-list-item[disabled],:host .event-list-item.disabled{pointer-events:none}:host .event-list-item[disabled] .event-list-item-container,:host .event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}:host(.disabled){pointer-events:none}";const h=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.color=undefined;this.selected=undefined;this.disabled=undefined;this.chevron=undefined;this.opacity=1}handleItemClick(){this.itemClick.emit()}render(){var e;const s=((e=this.color)===null||e===void 0?void 0:e.startsWith("--theme"))?`var(${this.color})`:`var(--theme-${this.color})`;return t(i,{class:{disabled:this.disabled}},t("div",{class:{"event-list-item":true,selected:this.selected,disabled:this.disabled}},t("div",{class:`indicator ${!this.color?"indicator-empty":""}`,style:{"background-color":this.color?s:"inherit",opacity:`${this.disabled?.4:this.opacity}`}}),t("div",{class:"event-list-item-container"},t("div",{class:"event-content"},t("slot",null)),this.chevron&&t("ix-icon",{name:"chevron-right",size:"16",class:"chevron-icon"}))))}};h.style=l;export{d as ix_event_list,h as ix_event_list_item};
+//# sourceMappingURL=p-8c14a4a3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["eventListCss","EventList","this","mutationObserver","createMutationObserver","onMutation","bind","watchChevron","chevron","handleChevron","componentDidLoad","animated","triggerFadeIn","Number","isNaN","itemHeight","height","convertToRemString","hostElement","querySelectorAll","forEach","item","setCustomHeight","observe","childList","subtree","mutationRecords","triggerFadeOut","then","filter","mutation","type","addedNodes","itemHtml","style","setProperty","Promise","resolve","keyframes","opacity","easing","listElement","shadowRoot","querySelector","animate","duration","fadeOutDuration","finished","listItems","e","i","delay","offset","fadeInDuration","options","iterations","setAttribute","undefined","removeAttribute","render","h","Host","class","compact","eventListItemCss","EventListItem","handleItemClick","itemClick","emit","color","_a","startsWith","disabled","selected","name","size"],"sources":["./src/components/event-list/event-list.scss?tag=ix-event-list&encapsulation=shadow","./src/components/event-list/event-list.tsx","./src/components/event-list-item/event-list-item.scss?tag=ix-event-list-item&encapsulation=shadow","./src/components/event-list-item/event-list-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 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n\n  ul {\n    list-style: none;\n    padding: 0;\n    margin-bottom: 0;\n  }\n}\n\n:host(.item-size-l) {\n  --event-list-item-height: 6.5rem;\n  --event-list-item-content-white-space: normal;\n}\n\n:host(.compact) {\n  --event-list-item-border-radius: 0;\n  --event-list-item-margin-bottom: 0;\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, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\n\n@Component({\n  tag: 'ix-event-list',\n  styleUrl: 'event-list.scss',\n  shadow: true,\n})\nexport class EventList {\n  private readonly mutationObserver = createMutationObserver(\n    this.onMutation.bind(this)\n  );\n\n  private static readonly fadeOutDuration = 50;\n  private static readonly fadeInDuration = 150;\n\n  @Element() hostElement!: HTMLIxEventListElement;\n\n  /**\n   * Determines the height of list items.\n   * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\n   * In case a number is supplied it will get converted to rem internally.\n   * Defaults to 'S'.\n   */\n  @Prop() itemHeight: 'S' | 'L' | number = 'S';\n\n  /**\n   * Make event-list items more compact\n   */\n  @Prop() compact = false;\n\n  /**\n   * Animate state change transitions. Defaults to 'true'.\n   */\n  @Prop() animated = true;\n\n  /**\n   * Display a chevron icon in list items. Defaults to 'false'\n   */\n  @Prop() chevron: boolean;\n\n  @Watch('chevron')\n  watchChevron(chevron: boolean | undefined) {\n    this.handleChevron(chevron);\n  }\n\n  componentDidLoad() {\n    if (this.animated) {\n      this.triggerFadeIn();\n    }\n\n    if (!Number.isNaN(Number(this.itemHeight))) {\n      const height = convertToRemString(this.itemHeight as number);\n      this.hostElement\n        .querySelectorAll('ix-event-list-item')\n        .forEach((item) => {\n          this.setCustomHeight(item as HTMLElement, height);\n        });\n    }\n\n    this.handleChevron(this.chevron);\n\n    this.mutationObserver.observe(this.hostElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private onMutation(mutationRecords: Array<MutationRecord>) {\n    this.triggerFadeOut().then(() => {\n      if (typeof this.itemHeight === 'number') {\n        const height = convertToRemString(this.itemHeight);\n\n        mutationRecords\n          .filter((mutation) => mutation.type === 'childList')\n          .forEach((mutation) =>\n            mutation.addedNodes.forEach((item) => {\n              const itemHtml = item as HTMLElement;\n\n              this.setCustomHeight(itemHtml, height);\n            })\n          );\n      }\n\n      this.handleChevron(this.chevron);\n\n      this.triggerFadeIn();\n    });\n  }\n\n  private setCustomHeight(item: HTMLElement, height: string) {\n    item.style.setProperty('--event-list-item-height', height);\n  }\n\n  private triggerFadeOut(): Promise<any> {\n    if (!this.animated) {\n      return Promise.resolve();\n    }\n\n    const keyframes = [\n      {\n        opacity: 1,\n        easing: 'ease-in',\n      },\n      { opacity: 0 },\n    ];\n    const listElement = this.hostElement.shadowRoot.querySelector('ul');\n    return listElement.animate(keyframes, {\n      duration: EventList.fadeOutDuration,\n    }).finished;\n  }\n\n  private triggerFadeIn() {\n    if (!this.animated) {\n      return;\n    }\n\n    const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n    listItems.forEach((e, i) => {\n      const delay = i * 80;\n      const offset = delay / (delay + EventList.fadeInDuration);\n      const keyframes = [\n        { opacity: 0 },\n        { opacity: 0, easing: 'ease-out', offset },\n        { opacity: 1 },\n      ];\n      const options = {\n        duration: EventList.fadeInDuration + delay,\n        iterations: 1,\n      };\n      e.animate(keyframes, options);\n    });\n  }\n\n  private handleChevron(chevron: boolean | undefined): void {\n    const listItems = this.hostElement.querySelectorAll('ix-event-list-item');\n\n    listItems.forEach((e) => {\n      if (chevron) {\n        e.setAttribute('chevron', 'true');\n      } else if (chevron !== undefined) {\n        e.removeAttribute('chevron');\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'item-size-s': this.itemHeight === 'S',\n          'item-size-l': this.itemHeight === 'L',\n          compact: this.compact,\n        }}\n      >\n        <ul>\n          <slot></slot>\n        </ul>\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\n@import 'mixins/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/shadow-dom/host-disabled';\n@import 'common-variables';\n\n$default-event-list-item-height: 2.5rem;\n\n:host {\n  @include ix-component;\n\n  .event-list-item {\n    display: flex;\n    align-items: center;\n    position: relative;\n    height: var(--event-list-item-height, $default-event-list-item-height);\n    max-height: var(--event-list-item-height, $default-event-list-item-height);\n    border-radius: var(--event-list-item-border-radius, $default-border-radius);\n    background-color: var(--theme-event-item--background);\n    overflow: hidden;\n    transition: $default-time;\n    cursor: pointer;\n    margin-bottom: var(--event-list-item-margin-bottom, $small-space);\n\n    .indicator {\n      height: 100%;\n      width: $small-space;\n      max-width: $small-space;\n      min-width: $small-space;\n      border-top-left-radius: var(\n        --event-list-item-border-radius,\n        $default-border-radius\n      );\n      border-bottom-left-radius: var(\n        --event-list-item-border-radius,\n        $default-border-radius\n      );\n    }\n\n    .indicator-empty {\n      border: var(--theme-weak-bdr-1);\n      border-right: none;\n    }\n\n    .event-list-item-container {\n      @include ellipsis;\n\n      display: flex;\n      flex-grow: 1;\n      width: calc(100% - (#{$default-space} + #{$small-space}));\n      height: 100%;\n      border: 0.062rem solid;\n      border-color: var(--theme-event-item--border);\n      border-top-left-radius: 0;\n      border-top-right-radius: var(\n        --event-list-item-border-radius,\n        $default-border-radius\n      );\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: var(\n        --event-list-item-border-radius,\n        $default-border-radius\n      );\n      border-left: none;\n      padding-left: $default-space;\n    }\n\n    .event-content {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: var(--event-list-item-height, 100%);\n      max-height: var(--event-list-item-height, 100%);\n      white-space: var(--event-list-item-content-white-space, inherit);\n      overflow: hidden;\n    }\n\n    .chevron-icon {\n      margin-left: auto;\n      margin-right: $small-space;\n      opacity: 0.6;\n      align-self: center;\n    }\n\n    &:not(.selected) {\n      @include hover {\n        background-color: var(--theme-event-item--background--hover);\n      }\n\n      @include active {\n        background-color: var(--theme-event-item--background--active);\n      }\n\n      .event-list-item-container {\n        @include hover {\n          border-color: var(--theme-event-item--border--hover);\n        }\n\n        @include active {\n          border-color: var(--theme-event-item--border--active);\n        }\n      }\n    }\n\n    &.selected .event-list-item-container {\n      background-color: var(--theme-event-item--background--selected);\n      border-color: var(--theme-event-item--border--selected);\n    }\n\n    &[disabled],\n    &.disabled {\n      pointer-events: none;\n\n      .event-list-item-container {\n        background-color: var(--theme-event-item--background--disabled);\n        border-color: var(--theme-event-item--border--disabled);\n      }\n    }\n  }\n}\n\n@include host-disabled;\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  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-event-list-item',\n  styleUrl: 'event-list-item.scss',\n  shadow: true,\n})\nexport class EventListItem {\n  /**\n   * Color of the status indicator.\n   * You can find a list of all available colors in our documentation.\n   * Example values are `--theme-color-alarm` or `color-alarm`\n   *\n   * @see https://ix.siemens.io/docs/theming/colors/\n   */\n  @Prop() color: string;\n\n  /**\n   * Show event list item as selected\n   */\n  @Prop() selected: boolean;\n\n  /**\n   * Disable event list item\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Show chevron on right side of the event list item\n   */\n  @Prop() chevron: boolean;\n\n  /**\n   * Opacity of the status indicator.\n   * Defaults to 1.0\n   *\n   * @deprecated Will be removed in 2.0.0\n   */\n  @Prop() opacity = 1;\n\n  /**\n   * Event list item click\n   */\n  @Event() itemClick: EventEmitter;\n\n  @Listen('click', { passive: true })\n  handleItemClick() {\n    this.itemClick.emit();\n  }\n\n  render() {\n    const color = this.color?.startsWith('--theme')\n      ? `var(${this.color})`\n      : `var(--theme-${this.color})`;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <div\n          class={{\n            'event-list-item': true,\n            selected: this.selected,\n            disabled: this.disabled,\n          }}\n        >\n          <div\n            class={`indicator ${!this.color ? 'indicator-empty' : ''}`}\n            style={{\n              'background-color': this.color ? color : 'inherit',\n              opacity: `${this.disabled ? 0.4 : this.opacity}`,\n            }}\n          ></div>\n\n          <div class=\"event-list-item-container\">\n            <div class=\"event-content\">\n              <slot></slot>\n            </div>\n            {this.chevron && (\n              <ix-icon\n                name=\"chevron-right\"\n                size=\"16\"\n                class=\"chevron-icon\"\n              ></ix-icon>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAe,8U,MCkBRC,EAAS,M,yBACHC,KAAAC,iBAAmBC,EAClCF,KAAKG,WAAWC,KAAKJ,O,gBAckB,I,aAKvB,M,cAKC,K,uBAQnBK,aAAaC,GACXN,KAAKO,cAAcD,E,CAGrBE,mBACE,GAAIR,KAAKS,SAAU,CACjBT,KAAKU,e,CAGP,IAAKC,OAAOC,MAAMD,OAAOX,KAAKa,aAAc,CAC1C,MAAMC,EAASC,EAAmBf,KAAKa,YACvCb,KAAKgB,YACFC,iBAAiB,sBACjBC,SAASC,IACRnB,KAAKoB,gBAAgBD,EAAqBL,EAAO,G,CAIvDd,KAAKO,cAAcP,KAAKM,SAExBN,KAAKC,iBAAiBoB,QAAQrB,KAAKgB,YAAa,CAC9CM,UAAW,KACXC,QAAS,M,CAILpB,WAAWqB,GACjBxB,KAAKyB,iBAAiBC,MAAK,KACzB,UAAW1B,KAAKa,aAAe,SAAU,CACvC,MAAMC,EAASC,EAAmBf,KAAKa,YAEvCW,EACGG,QAAQC,GAAaA,EAASC,OAAS,cACvCX,SAASU,GACRA,EAASE,WAAWZ,SAASC,IAC3B,MAAMY,EAAWZ,EAEjBnB,KAAKoB,gBAAgBW,EAAUjB,EAAO,K,CAK9Cd,KAAKO,cAAcP,KAAKM,SAExBN,KAAKU,eAAe,G,CAIhBU,gBAAgBD,EAAmBL,GACzCK,EAAKa,MAAMC,YAAY,2BAA4BnB,E,CAG7CW,iBACN,IAAKzB,KAAKS,SAAU,CAClB,OAAOyB,QAAQC,S,CAGjB,MAAMC,EAAY,CAChB,CACEC,QAAS,EACTC,OAAQ,WAEV,CAAED,QAAS,IAEb,MAAME,EAAcvC,KAAKgB,YAAYwB,WAAWC,cAAc,MAC9D,OAAOF,EAAYG,QAAQN,EAAW,CACpCO,SAAU5C,EAAU6C,kBACnBC,Q,CAGGnC,gBACN,IAAKV,KAAKS,SAAU,CAClB,M,CAGF,MAAMqC,EAAY9C,KAAKgB,YAAYC,iBAAiB,sBACpD6B,EAAU5B,SAAQ,CAAC6B,EAAGC,KACpB,MAAMC,EAAQD,EAAI,GAClB,MAAME,EAASD,GAASA,EAAQlD,EAAUoD,gBAC1C,MAAMf,EAAY,CAChB,CAAEC,QAAS,GACX,CAAEA,QAAS,EAAGC,OAAQ,WAAYY,UAClC,CAAEb,QAAS,IAEb,MAAMe,EAAU,CACdT,SAAU5C,EAAUoD,eAAiBF,EACrCI,WAAY,GAEdN,EAAEL,QAAQN,EAAWgB,EAAQ,G,CAIzB7C,cAAcD,GACpB,MAAMwC,EAAY9C,KAAKgB,YAAYC,iBAAiB,sBAEpD6B,EAAU5B,SAAS6B,IACjB,GAAIzC,EAAS,CACXyC,EAAEO,aAAa,UAAW,O,MACrB,GAAIhD,IAAYiD,UAAW,CAChCR,EAAES,gBAAgB,U,KAKxBC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,cAAe5D,KAAKa,aAAe,IACnC,cAAeb,KAAKa,aAAe,IACnCgD,QAAS7D,KAAK6D,UAGhBH,EAAA,UACEA,EAAA,c,2FA/IgB3D,EAAA6C,gBAAkB,GAClB7C,EAAAoD,eAAiB,I,UCxB3C,MAAMW,EAAmB,miG,MCwBZC,EAAa,M,uKA+BN,C,CAQlBC,kBACEhE,KAAKiE,UAAUC,M,CAGjBT,S,MACE,MAAMU,IAAQC,EAAApE,KAAKmE,SAAK,MAAAC,SAAA,SAAAA,EAAEC,WAAW,YACjC,OAAOrE,KAAKmE,SACZ,eAAenE,KAAKmE,SAExB,OACET,EAACC,EAAI,CACHC,MAAO,CACLU,SAAUtE,KAAKsE,WAGjBZ,EAAA,OACEE,MAAO,CACL,kBAAmB,KACnBW,SAAUvE,KAAKuE,SACfD,SAAUtE,KAAKsE,WAGjBZ,EAAA,OACEE,MAAO,cAAc5D,KAAKmE,MAAQ,kBAAoB,KACtDnC,MAAO,CACL,mBAAoBhC,KAAKmE,MAAQA,EAAQ,UACzC9B,QAAS,GAAGrC,KAAKsE,SAAW,GAAMtE,KAAKqC,aAI3CqB,EAAA,OAAKE,MAAM,6BACTF,EAAA,OAAKE,MAAM,iBACTF,EAAA,cAED1D,KAAKM,SACJoD,EAAA,WACEc,KAAK,gBACLC,KAAK,KACLb,MAAM,mB"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as o,H as e,g as i}from"./p-b899b25b.js";import{T as n}from"./p-9ee41861.js";const a=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .toast-body{display:flex;position:relative;width:100%;flex-grow:1}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin:1rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n        1rem + var(--theme-toast--border-thickness)\n      );margin-bottom:0.75rem}:host .toast-body .toast-content .toast-title{-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)}:host .toast-body .toast-content .toast-message{min-width:0;-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)}:host .toast-close{display:flex;position:relative;margin:0.75rem;pointer-events:all}:host .toast-progress-bar{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const r=class{constructor(o){t(this,o);this.closeToast=s(this,"closeToast",7);this.type="info";this.toastTitle=undefined;this.autoCloseDelay=5e3;this.autoClose=true;this.icon=undefined;this.iconColor=undefined;this.progress=0;this.touched=false}getIcon(){if(this.icon){return o("ix-icon",{name:this.icon,color:this.iconColor,size:"24"})}switch(this.type){case"info":return o("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return o("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return o("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return o("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t={};const s=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched?"paused":"running"};s.push("toast-progress-bar--animated");return o(e,{class:"animate__animated animate__fadeIn"},o("div",{class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},this.type||this.icon?o("div",{class:"toast-icon"},this.getIcon()):null,o("div",{class:"toast-content"},this.toastTitle?o("div",{class:"toast-title"},this.toastTitle):null,o("div",{class:"toast-message"},o("slot",null))),o("div",{class:"toast-close"},o("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>this.closeToast.emit()}))),this.autoClose?o("div",{class:s.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}):null)}get hostElement(){return i(this)}};r.style=a;const c=class{constructor(s){t(this,s);this.PREFIX_POSITION_CLASS="toast-container--";this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,s){const o=document.getElementById(this.containerId);o.classList.remove(`${this.PREFIX_POSITION_CLASS}${s}`);o.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){const s=document.createElement("ix-toast");const o=new n;function e(t){s.remove();o.emit(t)}s.toastTitle=t.title;s.type=t.type;s.autoClose=t.autoClose;s.autoCloseDelay=t.autoCloseDelay;s.icon=t.icon;s.iconColor=t.iconColor;s.addEventListener("closeToast",(t=>{const{detail:s}=t;e(s)}));if(typeof t.message==="string"){s.innerText=t.message}else{s.appendChild(t.message)}this.hostContainer.appendChild(s);return{onClose:o,close:t=>{e(t)}}}render(){return o(e,null)}static get watchers(){return{position:["onPositionChange"]}}};export{r as ix_toast,c as ix_toast_container};
+//# sourceMappingURL=p-8ce73af1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toastCss","Toast","getIcon","this","icon","h","name","color","iconColor","size","type","close","hostElement","classList","add","setTimeout","closeToast","emit","render","progressBarStyle","progressBarClass","animationDuration","autoCloseDelay","animationPlayState","touched","push","Host","class","onPointerLeave","onPointerEnter","toastTitle","ghost","onClick","autoClose","join","style","onAnimationEnd","onTransitionEnd","progress","ToastContainer","PREFIX_POSITION_CLASS","hostContainer","document","getElementById","containerId","componentDidLoad","toastContainer","createElement","id","containerClass","position","body","appendChild","onPositionChange","newPosition","oldPosition","remove","async","config","toast","onClose","TypedEvent","removeToast","result","title","addEventListener","event","detail","message","innerText"],"sources":["./src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","./src/components/toast/toast.tsx","./src/components/toast/toast-container.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/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius);\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin: $default-space;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n      max-width: 10.25rem;\n      margin-top: calc(\n        #{$default-space} + var(--theme-toast--border-thickness)\n      );\n      margin-bottom: $medium-space;\n\n      .toast-title {\n        @include text-default-title-single;\n      }\n      .toast-message {\n        min-width: 0;\n\n        @include text-default;\n      }\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    margin: $medium-space;\n    pointer-events: all;\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: $tiny-space;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\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\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  shadow: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast: EventEmitter;\n\n  @State() progress = 0;\n  @State() touched = false;\n\n  @Element() hostElement!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return <ix-icon name={this.icon} color={this.iconColor} size=\"24\" />;\n    }\n\n    switch (this.type) {\n      case 'info':\n        return <ix-icon name={'info'} size=\"24\" color=\"color-std-text\" />;\n\n      case 'error':\n        return <ix-icon name={'error'} size=\"24\" color=\"color-alarm\" />;\n\n      case 'success':\n        return <ix-icon name={'success'} size=\"24\" color=\"color-success\" />;\n\n      case 'warning':\n        return <ix-icon name={'warning'} size=\"24\" color=\"color-warning\" />;\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.hostElement) {\n      this.hostElement.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    progressBarStyle = {\n      animationDuration: `${this.autoCloseDelay}ms`,\n      animationPlayState: this.touched ? 'paused' : 'running',\n    };\n\n    progressBarClass.push('toast-progress-bar--animated');\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.touched = false;\n          }}\n          onPointerEnter={() => {\n            this.touched = true;\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title\">{this.toastTitle}</div>\n            ) : null}\n            <div class=\"toast-message\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon=\"close\"\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\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\nimport { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast-container',\n  shadow: true,\n})\nexport class ToastContainer {\n  /**\n   */\n  @Prop() containerId = 'toast-container';\n\n  /**\n   */\n  @Prop() containerClass = 'toast-container';\n\n  /**\n   */\n  @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n  private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n  get hostContainer() {\n    return document.getElementById(this.containerId);\n  }\n\n  componentDidLoad() {\n    if (!document.getElementById(this.containerId)) {\n      const toastContainer = document.createElement('div');\n      toastContainer.id = this.containerId;\n      toastContainer.classList.add(this.containerClass);\n      toastContainer.classList.add(\n        `${this.PREFIX_POSITION_CLASS}${this.position}`\n      );\n      document.body.appendChild(toastContainer);\n    }\n  }\n\n  @Watch('position')\n  onPositionChange(newPosition: string, oldPosition: string) {\n    const toastContainer = document.getElementById(this.containerId);\n    toastContainer.classList.remove(\n      `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n    );\n    toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n  }\n\n  /**\n   * Display a toast message\n   * @param config\n   */\n  @Method()\n  async showToast(config: ToastConfig) {\n    const toast = document.createElement('ix-toast');\n\n    const onClose = new TypedEvent<any | undefined>();\n\n    function removeToast(result?: any) {\n      toast.remove();\n      onClose.emit(result);\n    }\n\n    toast.toastTitle = config.title;\n    toast.type = config.type;\n    toast.autoClose = config.autoClose;\n    toast.autoCloseDelay = config.autoCloseDelay;\n    toast.icon = config.icon;\n    toast.iconColor = config.iconColor;\n    toast.addEventListener(\n      'closeToast',\n      (event: CustomEvent<any | undefined>) => {\n        const { detail } = event;\n        removeToast(detail);\n      }\n    );\n\n    if (typeof config.message === 'string') {\n      toast.innerText = config.message;\n    } else {\n      toast.appendChild(config.message);\n    }\n\n    this.hostContainer.appendChild(toast);\n\n    return {\n      onClose,\n      close: (result?: any) => {\n        removeToast(result);\n      },\n    };\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/{p-85f01dba.entry.js → p-904aa275.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as c}from"./p-1c64b073.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ix-card{width:100%;height:100%}:host ix-card.card-insight:hover{--ix-card-background:var(--theme-color-ghost--hover)}:host ix-card.card-insight:active{--ix-card-background:var(--theme-color-ghost--active)}:host ix-card.card-notification:hover{--ix-card-background:var(--theme-color-component-1--hover)}:host ix-card.card-notification:active{--ix-card-background:var(--theme-color-component-1--active)}:host ix-card.card-alarm:hover{--ix-card-background:var(--theme-color-alarm--hover)}:host ix-card.card-alarm:active{--ix-card-background:var(--theme-color-alarm--active)}:host ix-card.card-critical:hover{--ix-card-background:var(--theme-color-critical--hover)}:host ix-card.card-critical:active{--ix-card-background:var(--theme-color-critical--active)}:host ix-card.card-warning:hover{--ix-card-background:var(--theme-color-warning--hover)}:host ix-card.card-warning:active{--ix-card-background:var(--theme-color-warning--active)}:host ix-card.card-success:hover{--ix-card-background:var(--theme-color-success--hover)}:host ix-card.card-success:active{--ix-card-background:var(--theme-color-success--active)}:host ix-card.card-info:hover{--ix-card-background:var(--theme-color-info--hover)}:host ix-card.card-info:active{--ix-card-background:var(--theme-color-info--active)}:host ix-card.card-neutral:hover{--ix-card-background:var(--theme-color-neutral--hover)}:host ix-card.card-neutral:active{--ix-card-background:var(--theme-color-neutral--active)}:host(:hover) ix-card.card-insight:hover{--ix-card-background:var(--theme-color-ghost--hover)}:host(:hover) ix-card.card-notification:hover{--ix-card-background:var(--theme-color-component-1--hover)}:host(:hover) ix-card.card-alarm:hover{--ix-card-background:var(--theme-color-alarm--hover)}:host(:hover) ix-card.card-critical:hover{--ix-card-background:var(--theme-color-critical--hover)}:host(:hover) ix-card.card-warning:hover{--ix-card-background:var(--theme-color-warning--hover)}:host(:hover) ix-card.card-success:hover{--ix-card-background:var(--theme-color-success--hover)}:host(:hover) ix-card.card-info:hover{--ix-card-background:var(--theme-color-info--hover)}:host(:hover) ix-card.card-neutral:hover{--ix-card-background:var(--theme-color-neutral--hover)}:host(:active) ix-card.card-insight:active{--ix-card-background:var(--theme-color-ghost--active)}:host(:active) ix-card.card-notification:active{--ix-card-background:var(--theme-color-component-1--active)}:host(:active) ix-card.card-alarm:active{--ix-card-background:var(--theme-color-alarm--active)}:host(:active) ix-card.card-critical:active{--ix-card-background:var(--theme-color-critical--active)}:host(:active) ix-card.card-warning:active{--ix-card-background:var(--theme-color-warning--active)}:host(:active) ix-card.card-success:active{--ix-card-background:var(--theme-color-success--active)}:host(:active) ix-card.card-info:active{--ix-card-background:var(--theme-color-info--active)}:host(:active) ix-card.card-neutral:active{--ix-card-background:var(--theme-color-neutral--active)}:host(.selected) ix-card{--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected) ix-card.card-insight{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected) ix-card.card-notification{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected) ix-card.card-alarm{--ix-card-background:var(--theme-color-alarm--active)}:host(.selected) ix-card.card-critical{--ix-card-background:var(--theme-color-critical--active)}:host(.selected) ix-card.card-warning{--ix-card-background:var(--theme-color-warning--active)}:host(.selected) ix-card.card-success{--ix-card-background:var(--theme-color-success--active)}:host(.selected) ix-card.card-info{--ix-card-background:var(--theme-color-info--active)}:host(.selected) ix-card.card-neutral{--ix-card-background:var(--theme-color-neutral--active)}";const e=class{constructor(a){r(this,a);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}render(){return a(c,{class:{selected:this.selected}},a("ix-card",{variant:this.variant,class:"pointer"},a("ix-card-content",null,this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"24"}):"",this.heading?a("ix-typography",{variant:"large-title"},this.heading):"",this.subheading?a("ix-typography",{variant:"default-title-single",color:this.variant==="insight"?"soft":undefined},this.subheading):null,a("slot",null))))}};e.style=o;export{e as ix_action_card};
-//# sourceMappingURL=p-85f01dba.entry.js.map
+import{r,h as a,H as c}from"./p-b899b25b.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ix-card{width:100%;height:100%}:host ix-card.card-insight:hover{--ix-card-background:var(--theme-color-ghost--hover)}:host ix-card.card-insight:active{--ix-card-background:var(--theme-color-ghost--active)}:host ix-card.card-notification:hover{--ix-card-background:var(--theme-color-component-1--hover)}:host ix-card.card-notification:active{--ix-card-background:var(--theme-color-component-1--active)}:host ix-card.card-alarm:hover{--ix-card-background:var(--theme-color-alarm--hover)}:host ix-card.card-alarm:active{--ix-card-background:var(--theme-color-alarm--active)}:host ix-card.card-critical:hover{--ix-card-background:var(--theme-color-critical--hover)}:host ix-card.card-critical:active{--ix-card-background:var(--theme-color-critical--active)}:host ix-card.card-warning:hover{--ix-card-background:var(--theme-color-warning--hover)}:host ix-card.card-warning:active{--ix-card-background:var(--theme-color-warning--active)}:host ix-card.card-success:hover{--ix-card-background:var(--theme-color-success--hover)}:host ix-card.card-success:active{--ix-card-background:var(--theme-color-success--active)}:host ix-card.card-info:hover{--ix-card-background:var(--theme-color-info--hover)}:host ix-card.card-info:active{--ix-card-background:var(--theme-color-info--active)}:host ix-card.card-neutral:hover{--ix-card-background:var(--theme-color-neutral--hover)}:host ix-card.card-neutral:active{--ix-card-background:var(--theme-color-neutral--active)}:host(:hover) ix-card.card-insight:hover{--ix-card-background:var(--theme-color-ghost--hover)}:host(:hover) ix-card.card-notification:hover{--ix-card-background:var(--theme-color-component-1--hover)}:host(:hover) ix-card.card-alarm:hover{--ix-card-background:var(--theme-color-alarm--hover)}:host(:hover) ix-card.card-critical:hover{--ix-card-background:var(--theme-color-critical--hover)}:host(:hover) ix-card.card-warning:hover{--ix-card-background:var(--theme-color-warning--hover)}:host(:hover) ix-card.card-success:hover{--ix-card-background:var(--theme-color-success--hover)}:host(:hover) ix-card.card-info:hover{--ix-card-background:var(--theme-color-info--hover)}:host(:hover) ix-card.card-neutral:hover{--ix-card-background:var(--theme-color-neutral--hover)}:host(:active) ix-card.card-insight:active{--ix-card-background:var(--theme-color-ghost--active)}:host(:active) ix-card.card-notification:active{--ix-card-background:var(--theme-color-component-1--active)}:host(:active) ix-card.card-alarm:active{--ix-card-background:var(--theme-color-alarm--active)}:host(:active) ix-card.card-critical:active{--ix-card-background:var(--theme-color-critical--active)}:host(:active) ix-card.card-warning:active{--ix-card-background:var(--theme-color-warning--active)}:host(:active) ix-card.card-success:active{--ix-card-background:var(--theme-color-success--active)}:host(:active) ix-card.card-info:active{--ix-card-background:var(--theme-color-info--active)}:host(:active) ix-card.card-neutral:active{--ix-card-background:var(--theme-color-neutral--active)}:host(.selected) ix-card{--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected) ix-card.card-insight{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected) ix-card.card-notification{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected) ix-card.card-alarm{--ix-card-background:var(--theme-color-alarm--active)}:host(.selected) ix-card.card-critical{--ix-card-background:var(--theme-color-critical--active)}:host(.selected) ix-card.card-warning{--ix-card-background:var(--theme-color-warning--active)}:host(.selected) ix-card.card-success{--ix-card-background:var(--theme-color-success--active)}:host(.selected) ix-card.card-info{--ix-card-background:var(--theme-color-info--active)}:host(.selected) ix-card.card-neutral{--ix-card-background:var(--theme-color-neutral--active)}";const e=class{constructor(a){r(this,a);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}render(){return a(c,{class:{selected:this.selected}},a("ix-card",{variant:this.variant,class:"pointer"},a("ix-card-content",null,this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"24"}):"",this.heading?a("ix-typography",{variant:"large-title"},this.heading):"",this.subheading?a("ix-typography",{variant:"default-title-single",color:this.variant==="insight"?"soft":undefined},this.subheading):null,a("slot",null))))}};e.style=o;export{e as ix_action_card};
+//# sourceMappingURL=p-904aa275.entry.js.map

package/dist/siemens-ix/{p-cd3cfc78.entry.js → p-918450cd.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as o}from"./p-1c64b073.js";const i=":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";const e=class{constructor(t){s(this,t);this.itemName=undefined}render(){const s={};s["grid-area"]=this.itemName;return t(o,{style:s},t("slot",null))}};e.style=i;export{e as ix_css_grid_item};
-//# sourceMappingURL=p-cd3cfc78.entry.js.map
+import{r as s,h as t,H as o}from"./p-b899b25b.js";const i=":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";const e=class{constructor(t){s(this,t);this.itemName=undefined}render(){const s={};s["grid-area"]=this.itemName;return t(o,{style:s},t("slot",null))}};e.style=i;export{e as ix_css_grid_item};
+//# sourceMappingURL=p-918450cd.entry.js.map

package/dist/siemens-ix/p-9547706d.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as t}from"./p-b899b25b.js";const s=":host{display:block;position:relative;overflow:auto;padding:0.125rem 0.625rem 0.125rem 0.625rem}:host *,:host *::after,:host *::before{box-sizing:border-box}";const e=class{constructor(r){o(this,r)}render(){return r(t,null,r("slot",null))}};e.style=s;export{e as ix_modal_content};
+//# sourceMappingURL=p-9547706d.entry.js.map

package/dist/siemens-ix/p-9547706d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["modalContentCss","ModalContent","render","h","Host"],"sources":["./src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","./src/components/modal-content/modal-content.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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n  overflow: auto;\n  padding: 0.125rem 0.625rem 0.125rem 0.625rem;\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 } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-modal-content',\n  styleUrl: 'modal-content.scss',\n  shadow: true,\n})\nexport class ModalContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,gK,MCmBXC,EAAY,M,yBACvBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/siemens-ix/p-9903e755.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as o}from"./p-b899b25b.js";import{m as s}from"./p-d43bf856.js";import{s as n}from"./p-f22423c2.js";import"./p-9ee41861.js";const a=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .content{display:flex;height:100%;width:100%;position:relative;margin-left:3.25rem;overflow:auto}:host .navigation-content{display:flex;position:relative;flex-direction:row;height:calc(100% - 2.75rem);width:100%}:host(.hide-header) .content{height:100%}:host(.mode-large) .content{margin-left:0rem}:host(.mode-small) .content{margin-left:0px;width:100%}";const l=class{constructor(e){t(this,e);this.applicationName=undefined;this.hideHeader=false;this.mode="large"}get menu(){return this.hostElement.querySelector("ix-menu")}onContentClick(){var t;if(s.isPinned){return}(t=this.menu)===null||t===void 0?void 0:t.toggleMenu(false)}componentWillLoad(){if(this.hideHeader===false){this.modeDisposable=n.onChange.on((t=>this.mode=t));this.mode=n.mode}}componentDidRender(){if(this.menu){this.menu.applicationName=this.applicationName}}disconnectedCallback(){var t;(t=this.modeDisposable)===null||t===void 0?void 0:t.dispose()}render(){return e(i,{"data-role":"",class:{"hide-header":this.hideHeader,[`mode-${this.mode}`]:true}},!this.hideHeader?e("ix-application-header",{name:this.applicationName,mode:this.mode},e("slot",{name:"logo",slot:"logo"})):null,e("div",{class:"navigation-content"},e("slot",{name:"menu"}),e("div",{class:"content",onClick:()=>this.onContentClick()},e("slot",null))))}get hostElement(){return o(this)}};l.style=a;export{l as ix_basic_navigation};
+//# sourceMappingURL=p-9903e755.entry.js.map

package/dist/siemens-ix/p-9903e755.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["basicNavigationCss","BasicNavigation","menu","this","hostElement","querySelector","onContentClick","menuController","isPinned","_a","toggleMenu","componentWillLoad","hideHeader","modeDisposable","screenMode","onChange","on","mode","componentDidRender","applicationName","disconnectedCallback","dispose","render","h","Host","class","name","slot","onClick"],"sources":["./src/components/basic-navigation/basic-navigation.scss?tag=ix-basic-navigation&encapsulation=shadow","./src/components/basic-navigation/basic-navigation.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 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  flex-direction: column;\n\n  ix-application-header {\n    z-index: calc(var(--theme-z-index-sticky) + 1);\n  }\n\n  .logo-wrapper {\n    display: contents;\n  }\n\n  .content {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    position: relative;\n    margin-left: 3.25rem;\n    overflow: auto;\n  }\n\n  .navigation-content {\n    display: flex;\n    position: relative;\n\n    flex-direction: row;\n\n    height: calc(100% - 2.75rem);\n    width: 100%;\n  }\n}\n\n:host(.hide-header) {\n  .content {\n    height: 100%;\n  }\n}\n\n:host(.mode-large) {\n  .content {\n    margin-left: 0rem;\n  }\n}\n\n:host(.mode-small) {\n  .content {\n    margin-left: 0px;\n    width: 100%;\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, Element, h, Host, Prop, State } from '@stencil/core';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Mode } from '../utils/screen/mode';\nimport { screenMode } from '../utils/screen/service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-basic-navigation',\n  styleUrl: 'basic-navigation.scss',\n  shadow: true,\n})\nexport class BasicNavigation {\n  @Element() hostElement: HTMLIxBasicNavigationElement;\n\n  /**\n   * Application name\n   */\n  @Prop() applicationName: string;\n\n  /**\n   * Hide application header. Will disable responsive feature of basic navigation.\n   */\n  @Prop() hideHeader = false;\n\n  @State() mode: Mode = 'large';\n\n  get menu(): HTMLIxMenuElement | null {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  private modeDisposable: Disposable;\n\n  private onContentClick() {\n    if (menuController.isPinned) {\n      return;\n    }\n    this.menu?.toggleMenu(false);\n  }\n\n  componentWillLoad() {\n    if (this.hideHeader === false) {\n      this.modeDisposable = screenMode.onChange.on(\n        (mode) => (this.mode = mode)\n      );\n      this.mode = screenMode.mode;\n    }\n  }\n\n  componentDidRender() {\n    if (this.menu) {\n      this.menu.applicationName = this.applicationName;\n    }\n  }\n\n  disconnectedCallback() {\n    this.modeDisposable?.dispose();\n  }\n\n  render() {\n    return (\n      <Host\n        data-role=\"\"\n        class={{\n          'hide-header': this.hideHeader,\n          [`mode-${this.mode}`]: true,\n        }}\n      >\n        {!this.hideHeader ? (\n          <ix-application-header name={this.applicationName} mode={this.mode}>\n            <slot name=\"logo\" slot=\"logo\"></slot>\n          </ix-application-header>\n        ) : null}\n        <div class=\"navigation-content\">\n          <slot name=\"menu\"></slot>\n          <div class=\"content\" onClick={() => this.onContentClick()}>\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAqB,wmB,MCoBdC,EAAe,M,wEAWL,M,UAEC,O,CAElBC,WACF,OAAOC,KAAKC,YAAYC,cAAc,U,CAKhCC,iB,MACN,GAAIC,EAAeC,SAAU,CAC3B,M,EAEFC,EAAAN,KAAKD,QAAI,MAAAO,SAAA,SAAAA,EAAEC,WAAW,M,CAGxBC,oBACE,GAAIR,KAAKS,aAAe,MAAO,CAC7BT,KAAKU,eAAiBC,EAAWC,SAASC,IACvCC,GAAUd,KAAKc,KAAOA,IAEzBd,KAAKc,KAAOH,EAAWG,I,EAI3BC,qBACE,GAAIf,KAAKD,KAAM,CACbC,KAAKD,KAAKiB,gBAAkBhB,KAAKgB,e,EAIrCC,uB,OACEX,EAAAN,KAAKU,kBAAc,MAAAJ,SAAA,SAAAA,EAAEY,S,CAGvBC,SACE,OACEC,EAACC,EAAI,aACO,GACVC,MAAO,CACL,cAAetB,KAAKS,WACpB,CAAC,QAAQT,KAAKc,QAAS,QAGvBd,KAAKS,WACLW,EAAA,yBAAuBG,KAAMvB,KAAKgB,gBAAiBF,KAAMd,KAAKc,MAC5DM,EAAA,QAAMG,KAAK,OAAOC,KAAK,UAEvB,KACJJ,EAAA,OAAKE,MAAM,sBACTF,EAAA,QAAMG,KAAK,SACXH,EAAA,OAAKE,MAAM,UAAUG,QAAS,IAAMzB,KAAKG,kBACvCiB,EAAA,e"}

package/dist/siemens-ix/p-9c030990.js

@@ -0,0 +1,2 @@
+import{T as e}from"./p-9ee41861.js";class o{async attachView(e,o){var t;const n=(t=o===null||o===void 0?void 0:o.parentElement)!==null&&t!==void 0?t:document.body;n.appendChild(e);return e}async removeView(e){e.remove()}}const t=new o;let n=t;function a(e){n=e}const i=()=>n;const s=()=>t;function c(e,o){const t=o.ariaDescribedby;const n=o.ariaLabelledby;delete o["ariaDescribedby"];delete o["ariaLabelledby"];if(t){e.setAttribute("aria-describedby",t)}if(n){e.setAttribute("aria-labelledby",n)}}function l(e,o,t,n){let a=[];if(o!==undefined){a=[...a,{id:"cancel",text:o,type:"cancel",payload:n}]}return[...a,{id:"okay",text:e,type:"okay",payload:t}]}async function r(o){const t=new e;const n=document.createElement("ix-modal");const a=document.createElement("ix-modal-header");const i=document.createElement("ix-modal-content");const l=document.createElement("ix-modal-footer");c(n,o);Object.assign(a,o);Object.assign(i,o);Object.assign(l,o);a.innerText=o.messageTitle;i.innerText=o.message;o.actions.forEach((({id:e,text:o,type:t,payload:a})=>{const i=document.createElement("ix-button");i.innerText=o;l.appendChild(i);if(t==="okay"){i.variant="primary";i.addEventListener("click",(()=>n.closeModal({actionId:e,payload:a})));return}if(t==="cancel"){i.variant="primary";i.outline=true;i.addEventListener("click",(()=>n.dismissModal({actionId:e,payload:a})));return}}));n.appendChild(a);n.appendChild(i);n.appendChild(l);const r=await s().attachView(n);r.addEventListener("dialogClose",(e=>{t.emit(e.detail);r.remove()}));r.addEventListener("dialogDismiss",(e=>{t.emit(e.detail);r.remove()}));r.showModal();return t}r.info=(e,o,t,n,a,i)=>r({message:o,messageTitle:e,icon:"info",actions:l(t,n,a,i)});r.warning=(e,o,t,n,a,i)=>r({message:o,messageTitle:e,icon:"warning",iconColor:"color-warning",actions:l(t,n,a,i)});r.error=(e,o,t,n,a,i)=>r({message:o,messageTitle:e,icon:"error",iconColor:"color-alarm",actions:l(t,n,a,i)});r.success=(e,o,t,n,a,i)=>r({message:o,messageTitle:e,icon:"success",iconColor:"color-success",actions:l(t,n,a,i)});r.question=(e,o,t,n,a,i)=>r({message:o,messageTitle:e,icon:"question",actions:l(t,n,a,i)});function d(e,o){const t=o.ariaDescribedby;const n=o.ariaLabelledby;delete o["ariaDescribedby"];delete o["ariaLabelledby"];if(t){e.setAttribute("aria-describedby",t)}if(n){e.setAttribute("aria-labelledby",n)}}function m(e){return e.closest("ix-modal")}function u(e,o){const t=m(e);if(t){t.closeModal(o);return}}function f(e,o){const t=m(e);if(t){t.dismissModal(o);return}}async function y(o){const t=i();let n;const a=new e;const c=new e;if(typeof o.content==="string"){const e=document.createElement("ix-modal");e.innerText=o.content;n=await s().attachView(e)}if(o.content instanceof HTMLElement&&o.content.tagName!=="IX-MODAL"){const e=document.createElement("ix-modal");e.appendChild(o.content);n=await s().attachView(e)}if(!n){n=await t.attachView(o.content)}d(n,o);Object.assign(n,o);n.setAttribute("ariaDescribedby","Test");n.showModal();n.addEventListener("dialogClose",(async({detail:e})=>{a.emit(e);await t.removeView(n)}));n.addEventListener("dialogDismiss",(async({detail:e})=>{c.emit(e);await t.removeView(n)}));return{htmlElement:n,onClose:a,onDismiss:c}}export{i as a,y as b,u as c,f as d,s as g,a as r,r as s};
+//# sourceMappingURL=p-9c030990.js.map

package/dist/siemens-ix/p-9c030990.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DefaultFrameworkDelegate","async","view","config","attachToElement","_a","parentElement","document","body","appendChild","remove","coreDelegate","currentDelegate","registerFrameworkDelegate","delegate","resolveDelegate","getCoreDelegate","setA11yAttributes","element","ariaDescribedby","ariaLabelledby","setAttribute","createConfirmButtons","textOkay","textCancel","payloadOkay","payloadCancel","actions","undefined","id","text","type","payload","showMessage","onMessageAction","TypedEvent","dialog","createElement","header","content","footer","Object","assign","innerText","messageTitle","message","forEach","button","variant","addEventListener","closeModal","actionId","outline","dismissModal","dialogRef","attachView","event","emit","detail","showModal","info","title","icon","warning","iconColor","error","success","question","getIxModal","closest","closeResult","dismissResult","onClose","onDismiss","HTMLElement","tagName","removeView","htmlElement"],"sources":["./src/components/utils/delegate.ts","./src/components/utils/modal/message.ts","./src/components/utils/modal/modal.ts"],"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\nexport type DelegateConfig = {\n  parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n  attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n  removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n  async attachView<R = HTMLElement>(\n    view: any,\n    config?: DelegateConfig\n  ): Promise<R> {\n    const attachToElement = config?.parentElement ?? document.body;\n    attachToElement.appendChild(view);\n    return view;\n  }\n\n  async removeView(view: any) {\n    view.remove();\n  }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n  currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n  return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\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 { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n  const ariaDescribedby = config.ariaDescribedby;\n  const ariaLabelledby = config.ariaLabelledby;\n\n  delete config['ariaDescribedby'];\n  delete config['ariaLabelledby'];\n\n  if (ariaDescribedby) {\n    element.setAttribute('aria-describedby', ariaDescribedby);\n  }\n\n  if (ariaLabelledby) {\n    element.setAttribute('aria-labelledby', ariaLabelledby);\n  }\n}\n\nfunction createConfirmButtons(\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) {\n  let actions = [];\n  if (textCancel !== undefined) {\n    actions = [\n      ...actions,\n      {\n        id: 'cancel',\n        text: textCancel,\n        type: 'cancel',\n        payload: payloadCancel,\n      },\n    ];\n  }\n  return [\n    ...actions,\n    {\n      id: 'okay',\n      text: textOkay,\n      type: 'okay',\n      payload: payloadOkay,\n    },\n  ];\n}\n\nexport type MessageContent = {\n  icon: string;\n  iconColor?: string;\n  messageTitle: string;\n  message: string;\n  actions: {\n    id: string;\n    type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n    text: string;\n    payload?: any;\n  }[];\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageContent) {\n  const onMessageAction = new TypedEvent<{\n    actionId: string;\n    payload: T;\n  }>();\n  const dialog = document.createElement('ix-modal');\n  const header = document.createElement('ix-modal-header');\n  const content = document.createElement('ix-modal-content');\n  const footer = document.createElement('ix-modal-footer');\n\n  setA11yAttributes(dialog, config);\n\n  Object.assign(header, config);\n  Object.assign(content, config);\n  Object.assign(footer, config);\n\n  header.innerText = config.messageTitle;\n  content.innerText = config.message;\n\n  config.actions.forEach(({ id, text, type, payload }) => {\n    const button = document.createElement('ix-button');\n    button.innerText = text;\n    footer.appendChild(button);\n\n    if (type === 'okay') {\n      button.variant = 'primary';\n      button.addEventListener('click', () =>\n        dialog.closeModal({\n          actionId: id,\n          payload,\n        })\n      );\n      return;\n    }\n    if (type === 'cancel') {\n      button.variant = 'primary';\n      button.outline = true;\n      button.addEventListener('click', () =>\n        dialog.dismissModal({\n          actionId: id,\n          payload,\n        })\n      );\n      return;\n    }\n  });\n\n  dialog.appendChild(header);\n  dialog.appendChild(content);\n  dialog.appendChild(footer);\n\n  const dialogRef = await getCoreDelegate().attachView<HTMLIxModalElement>(\n    dialog\n  );\n\n  dialogRef.addEventListener(\n    'dialogClose',\n    (\n      event: CustomEvent<{\n        actionId: string;\n        payload: T;\n      }>\n    ) => {\n      onMessageAction.emit(event.detail);\n      dialogRef.remove();\n    }\n  );\n\n  dialogRef.addEventListener(\n    'dialogDismiss',\n    (\n      event: CustomEvent<{\n        actionId: string;\n        payload: T;\n      }>\n    ) => {\n      onMessageAction.emit(event.detail);\n      dialogRef.remove();\n    }\n  );\n\n  dialogRef.showModal();\n  return onMessageAction;\n}\n\nshowMessage.info = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'info',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.warning = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'warning',\n    iconColor: 'color-warning',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.error = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'error',\n    iconColor: 'color-alarm',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.success = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'success',\n    iconColor: 'color-success',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\n    ),\n  });\n};\n\nshowMessage.question = (\n  title: string,\n  message: string,\n  textOkay: string,\n  textCancel?: string,\n  payloadOkay?: any,\n  payloadCancel?: any\n) => {\n  return showMessage({\n    message,\n    messageTitle: title,\n    icon: 'question',\n    actions: createConfirmButtons(\n      textOkay,\n      textCancel,\n      payloadOkay,\n      payloadCancel\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\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n  const ariaDescribedby = config.ariaDescribedby;\n  const ariaLabelledby = config.ariaLabelledby;\n\n  delete config['ariaDescribedby'];\n  delete config['ariaLabelledby'];\n\n  if (ariaDescribedby) {\n    element.setAttribute('aria-describedby', ariaDescribedby);\n  }\n\n  if (ariaLabelledby) {\n    element.setAttribute('aria-labelledby', ariaLabelledby);\n  }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n  animation?: boolean;\n  ariaDescribedby?: string;\n  ariaLabelledby?: string;\n  backdrop?: boolean;\n  closeOnBackdropClick?: boolean;\n  beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n  centered?: boolean;\n  container?: string | HTMLElement;\n  content: CONTENT | string;\n  keyboard?: boolean;\n  size?: IxModalSize;\n  title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n  htmlElement: HTMLIxModalElement;\n  onClose: TypedEvent<TReason>;\n  onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n  return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n  element: Element,\n  closeResult: TClose\n) {\n  const dialog = getIxModal(element);\n  if (dialog) {\n    dialog.closeModal(closeResult);\n    return;\n  }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n  const dialog = getIxModal(element);\n  if (dialog) {\n    dialog.dismissModal(dismissResult);\n    return;\n  }\n}\n\nexport async function showModal<T>(\n  config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n  const delegate = resolveDelegate();\n  let dialogRef: HTMLIxModalElement;\n  const onClose = new TypedEvent<T>();\n  const onDismiss = new TypedEvent<T>();\n\n  if (typeof config.content === 'string') {\n    const dialog = document.createElement('ix-modal');\n    dialog.innerText = config.content;\n    dialogRef = await getCoreDelegate().attachView(dialog);\n  }\n\n  if (\n    config.content instanceof HTMLElement &&\n    config.content.tagName !== 'IX-MODAL'\n  ) {\n    const dialog = document.createElement('ix-modal');\n    dialog.appendChild(config.content);\n    dialogRef = await getCoreDelegate().attachView(dialog);\n  }\n\n  if (!dialogRef) {\n    dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n  }\n\n  setA11yAttributes(dialogRef, config);\n  Object.assign(dialogRef, config);\n\n  dialogRef.setAttribute('ariaDescribedby', 'Test');\n\n  dialogRef.showModal();\n  dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n    onClose.emit(detail);\n    await delegate.removeView(dialogRef);\n  });\n\n  dialogRef.addEventListener(\n    'dialogDismiss',\n    async ({ detail }: CustomEvent) => {\n      onDismiss.emit(detail);\n      await delegate.removeView(dialogRef);\n    }\n  );\n\n  return {\n    htmlElement: dialogRef,\n    onClose,\n    onDismiss,\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,F as o,H as r,g as i}from"./p-b899b25b.js";import{c as l}from"./p-c0454c9a.js";const a=":host *,:host *::after,:host *::before{box-sizing:border-box}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:auto;padding:0 0.5rem}:host .step.vertical{flex-direction:row;padding:0}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:4rem}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin-top:0;margin-left:1rem;padding:0}:host .step:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const c=class{constructor(s){e(this,s);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconName="circle";this.iconColor="workflow-step-icon-default--color"}select(){if(!this.clickable)return;if(this.disabled)return;this.selected=true;this.selectedHandler()}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?"circle-dot":"circle";this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName="circle";this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success";this.iconColor="color-success";break;case"done":this.iconName="success";this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning";this.iconColor="color-warning";break;case"error":this.iconName="error";this.iconColor="color-alarm";break;default:this.iconName="circle";break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentDidLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?s(o,null,s("ix-icon",{color:"color-1",name:this.iconName==="warning"?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),s("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):"";return s(r,{onClick:()=>this.onStepClick()},s("div",{tabIndex:0,onClick:()=>this.select(),class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled}},s("div",{class:"wrapper"},s("div",{class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),s("div",{class:"iconWrapper"},e,s("slot",{name:"custom-icon"}))),s("div",{class:"text"},s("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedHandler"],status:["watchPropHandler"]}}};c.style=a;const n=":host *,:host *::after,:host *::before{box-sizing:border-box}:host .steps{display:flex}:host .steps.vertical{display:block}";const h=class{constructor(s){e(this,s);this.stepSelected=t(this,"stepSelected",7);this.vertical=false;this.linear=false;this.clickable=false;this.selectedIndex=0}getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}updateSteps(){let e=this.getSteps();e.forEach(((t,s)=>{t.vertical=this.vertical;t.clickable=this.clickable;t.selected=this.selectedIndex===s;if(e.length===1){t.position="single";return}if(s===0){t.position="first"}else if(s===e.length-1){t.position="last"}else{t.position="undefined"}}))}onStepSelectionChanged(e){const t=this.getSteps();t.forEach((t=>{if(t!==e.target){t.selected=false}}))}componentDidLoad(){this.observer=l((e=>{for(let t of e){if(t.type==="childList"){this.updateSteps()}}}));this.observer.observe(this.hostElement,{childList:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}componentDidRender(){this.updateSteps()}render(){return s(r,null,s("div",{class:{steps:true,vertical:this.vertical}},s("slot",null)))}get hostElement(){return i(this)}};h.style=n;export{c as ix_workflow_step,h as ix_workflow_steps};
+//# sourceMappingURL=p-9d264ca8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["workflowStepCss","WorkflowStep","select","this","clickable","disabled","selected","selectedHandler","selectedStyle","status","iconName","iconColor","watchPropHandler","componentDidLoad","customIconSlot","hostElement","querySelector","onStepClick","selectedChanged","emit","render","icons","h","Fragment","color","name","class","size","Host","onClick","tabIndex","step","vertical","line","position","workflowStepsCss","WorkflowSteps","getSteps","Array","from","querySelectorAll","updateSteps","steps","forEach","element","index","selectedIndex","length","onStepSelectionChanged","event","target","observer","createMutationObserver","mutations","mutation","type","observe","childList","disconnectedCallback","disconnect","componentDidRender"],"sources":["./src/components/workflow-step/workflow-step.scss?tag=ix-workflow-step&encapsulation=shadow","./src/components/workflow-step/workflow-step.tsx","./src/components/workflow-steps/workflow-steps.scss?tag=ix-workflow-steps&encapsulation=shadow","./src/components/workflow-steps/workflow-steps.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/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  .step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: var(--theme-workflow-step--background);\n    border-radius: var(--theme-workflow--border-radius);\n    width: auto;\n    padding: 1.125rem 0 $small-space 0;\n    height: 4rem;\n    width: 12.75rem;\n\n    .wrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .line {\n        width: 100%;\n        height: 0.125rem;\n        background-color: var(--theme-workflow-step-icon-default--color);\n\n        &.first,\n        &.last {\n          width: 50%;\n          margin: 0 0 0 auto;\n        }\n\n        &.last {\n          margin: 0 auto 0 0;\n        }\n\n        &.single {\n          width: 0;\n        }\n\n        &.selected {\n          background-color: var(\n            --theme-workflow-step-icon-default--color--selected\n          );\n        }\n\n        &.done {\n          background-color: var(--theme-workflow-step-icon-done--color);\n\n          &.selected {\n            background-color: var(\n              --theme-workflow-step-icon-done--color--selected\n            );\n          }\n        }\n\n        &.warning {\n          background-color: var(--theme-color-warning);\n        }\n\n        &.success {\n          background-color: var(--theme-color-success);\n        }\n\n        &.error {\n          background-color: var(--theme-color-alarm);\n        }\n      }\n\n      .iconWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n\n        .absolute {\n          position: absolute;\n        }\n      }\n    }\n\n    .text {\n      margin-top: $default-space;\n      width: auto;\n      padding: 0 $small-space;\n    }\n\n    &.vertical {\n      flex-direction: row;\n      padding: 0;\n\n      .wrapper {\n        width: auto;\n        padding-left: 1.125rem;\n        height: 4rem;\n\n        .line {\n          width: 0.125rem;\n          height: 100%;\n\n          &.first,\n          &.last {\n            height: 50%;\n            margin: auto 0 0 0;\n          }\n\n          &.last {\n            margin: 0 0 auto 0;\n          }\n\n          &.single {\n            width: 0;\n          }\n        }\n      }\n\n      .text {\n        margin-top: 0;\n        margin-left: $default-space;\n        padding: 0;\n      }\n    }\n\n    &:hover {\n      background-color: var(--theme-workflow-step--background--hover);\n    }\n\n    &:active {\n      background-color: var(--theme-workflow-step--background--active);\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--focus--border-color);\n      border-radius: 0;\n    }\n\n    &.selected {\n      background-color: var(--theme-workflow-step--background--selected);\n    }\n\n    &.disabled {\n      background-color: var(--theme-workflow-step--background--disabled);\n\n      .line {\n        background-color: var(\n          --theme-workflow-step-icon-default--color--disabled\n        ) !important;\n      }\n\n      .text {\n        color: var(--theme-workflow-step--color--disabled);\n      }\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\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-workflow-step',\n  styleUrl: 'workflow-step.scss',\n  shadow: true,\n})\nexport class WorkflowStep {\n  @Element() hostElement: HTMLIxWorkflowStepElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Set disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Set status\n   */\n  @Prop() status: 'open' | 'success' | 'done' | 'warning' | 'error' = 'open';\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Set selected\n   */\n  @Prop({ mutable: true }) selected: boolean = false;\n\n  /**\n   * Activate navigation click\n   *\n   * @deprecated Will be changed to '@internal' in 2.0.0\n   */\n  @Prop() position: 'first' | 'last' | 'single' | 'undefined' = 'undefined';\n\n  @State() iconName: 'circle' | 'circle-dot' | 'success' | 'warning' | 'error' =\n    'circle';\n  @State() iconColor: string = 'workflow-step-icon-default--color';\n\n  /**\n   * @internal\n   */\n  @Event() selectedChanged: EventEmitter<HTMLIxWorkflowStepElement>;\n\n  private customIconSlot: boolean;\n\n  private select() {\n    if (!this.clickable) return;\n    if (this.disabled) return;\n\n    this.selected = true;\n    this.selectedHandler();\n  }\n\n  @Watch('selected')\n  selectedHandler() {\n    const selectedStyle = this.selected ? '--selected' : '';\n\n    if (this.status === 'open') {\n      this.iconName = this.selected ? 'circle-dot' : 'circle';\n      this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n    }\n\n    if (this.status === 'done' && !this.disabled) {\n      this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n    }\n  }\n\n  @Watch('status')\n  watchPropHandler() {\n    switch (this.status) {\n      case 'open':\n        this.iconName = 'circle';\n        this.iconColor = 'workflow-step-icon-default--color';\n        break;\n      case 'success':\n        this.iconName = 'success';\n        this.iconColor = 'color-success';\n        break;\n      case 'done':\n        this.iconName = 'success';\n        this.iconColor = 'workflow-step-icon-done--color';\n        break;\n      case 'warning':\n        this.iconName = 'warning';\n        this.iconColor = 'color-warning';\n        break;\n      case 'error':\n        this.iconName = 'error';\n        this.iconColor = 'color-alarm';\n        break;\n\n      default:\n        this.iconName = 'circle';\n        break;\n    }\n\n    if (this.disabled) {\n      this.iconColor = 'workflow-step-icon-success--color--disabled';\n    }\n  }\n\n  componentDidLoad() {\n    this.watchPropHandler();\n    this.selectedHandler();\n\n    this.customIconSlot = !!this.hostElement.querySelector(\n      '[slot=\"custom-icon\"]'\n    );\n  }\n\n  onStepClick() {\n    if (!this.disabled && this.clickable) {\n      this.selectedChanged.emit(this.hostElement);\n    }\n  }\n\n  render() {\n    const icons = !this.customIconSlot ? (\n      <Fragment>\n        <ix-icon\n          color=\"color-1\"\n          name={\n            this.iconName === 'warning' ? 'triangle-filled' : 'circle-filled'\n          }\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n        <ix-icon\n          color={this.iconColor}\n          name={this.iconName}\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n      </Fragment>\n    ) : (\n      ''\n    );\n\n    return (\n      <Host onClick={() => this.onStepClick()}>\n        <div\n          tabIndex={0}\n          onClick={() => this.select()}\n          class={{\n            step: true,\n            selected: this.selected,\n            vertical: this.vertical,\n            disabled: this.disabled,\n          }}\n        >\n          <div class=\"wrapper\">\n            <div\n              class={{\n                line: true,\n                selected: this.selected,\n                [this.status]: true,\n                [this.position]: true,\n              }}\n            ></div>\n            <div class=\"iconWrapper\">\n              {icons}\n              <slot name=\"custom-icon\"></slot>\n            </div>\n          </div>\n          <div class=\"text\">\n            <slot></slot>\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\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  .steps {\n    display: flex;\n\n    &.vertical {\n      display: block;\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\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-workflow-steps',\n  styleUrl: 'workflow-steps.scss',\n  shadow: true,\n})\nexport class WorkflowSteps {\n  @Element() hostElement!: HTMLIxWorkflowStepsElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Select linear mode\n   * @deprecated Has no effect on component. Will get removed in 2.0.0\n   */\n  @Prop() linear: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() selectedIndex: number = 0;\n\n  /**\n   * On step selected event\n   */\n  @Event() stepSelected: EventEmitter<number>;\n\n  private getSteps() {\n    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));\n  }\n\n  updateSteps() {\n    let steps = this.getSteps();\n    steps.forEach((element, index) => {\n      element.vertical = this.vertical;\n      element.clickable = this.clickable;\n      element.selected = this.selectedIndex === index;\n\n      if (steps.length === 1) {\n        element.position = 'single';\n        return;\n      }\n\n      if (index === 0) {\n        element.position = 'first';\n      } else if (index === steps.length - 1) {\n        element.position = 'last';\n      } else {\n        element.position = 'undefined';\n      }\n    });\n  }\n\n  private observer: MutationObserver;\n\n  @Listen('selectedChanged')\n  onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>) {\n    const steps = this.getSteps();\n    steps.forEach((element) => {\n      if (element !== event.target) {\n        element.selected = false;\n      }\n    });\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.updateSteps();\n        }\n      }\n    });\n\n    this.observer.observe(this.hostElement, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  componentDidRender() {\n    this.updateSteps();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ steps: true, vertical: this.vertical }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-a64d88de.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-b899b25b.js";const r=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}";const s=class{constructor(e){t(this,e);this.label=undefined}render(){return e(o,null,e("ix-typography",{class:"category-text",variant:"default-title"},this.label))}};s.style=r;export{s as ix_dropdown_header};
+//# sourceMappingURL=p-a64d88de.entry.js.map

package/dist/siemens-ix/p-a64d88de.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","Host","class","variant","this","label"],"sources":["./src/components/dropdown-header/dropdown-header.scss?tag=ix-dropdown-header&encapsulation=shadow","./src/components/dropdown-header/dropdown-header.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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 2.5rem;\n  width: auto;\n\n  padding: 0.25rem 1rem;\n\n  overflow: hidden;\n  cursor: default;\n\n  color: var(--theme-color-soft-text);\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/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-dropdown-header',\n  styleUrl: 'dropdown-header.scss',\n  shadow: true,\n})\nexport class DropdownHeader {\n  /**\n   * Display name of the header\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <Host>\n        <ix-typography class={'category-text'} variant={'default-title'}>\n          {this.label}\n        </ix-typography>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,wO,MCmBbC,EAAc,M,8CAMzBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,iBAAeE,MAAO,gBAAiBC,QAAS,iBAC7CC,KAAKC,O"}

package/dist/siemens-ix/p-a8e8a942.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as e,g as r}from"./p-b899b25b.js";import{g as s}from"./p-d737ad96.js";const n=":host{display:block;position:relative;height:2rem;width:2rem;-webkit-margin-before:0.3125rem;margin-block-start:0.3125rem;-webkit-margin-end:0.3125rem;margin-inline-end:0.3125rem;-webkit-margin-start:auto;margin-inline-start:auto}:host .hide{visibility:collapse}";const o=class{constructor(i){t(this,i);this.showContextMenu=false}getTrigger(){return this.hostElement}configureDropdown(t,i){t.positioningStrategy="fixed";t.trigger=i}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t){return}const i=s(t);this.showContextMenu=i.length!==0;const e=i.find((t=>t.tagName==="IX-DROPDOWN"));const r=this.getTrigger();if(!r){return}if(!e){return}this.configureDropdown(e,r)}render(){return i(e,null,i("ix-icon-button",{class:{hide:!this.showContextMenu},size:"24",ghost:true,icon:"context-menu"}),i("slot",{onSlotchange:()=>this.onSlotChange()}))}get hostElement(){return r(this)}};o.style=n;export{o as ix_group_context_menu};
+//# sourceMappingURL=p-a8e8a942.entry.js.map

package/dist/siemens-ix/p-a8e8a942.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["groupContextMenuCss","GroupContextMenu","getTrigger","this","hostElement","configureDropdown","dropdownElement","triggerElement","positioningStrategy","trigger","onSlotChange","slot","shadowRoot","querySelector","elements","getSlottedElements","showContextMenu","length","find","elm","tagName","render","h","Host","class","hide","size","ghost","icon","onSlotchange"],"sources":["./src/components/group/group-context-menu.scss?tag=ix-group-context-menu&encapsulation=shadow","./src/components/group/group-context-menu.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:host {\n  display: block;\n  position: relative;\n\n  height: 2rem;\n  width: 2rem;\n\n  margin-block-start: 0.3125rem;\n  margin-inline-end: 0.3125rem;\n  margin-inline-start: auto;\n\n  .hide {\n    visibility: collapse;\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, Element, h, Host, State } from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n@Component({\n  tag: 'ix-group-context-menu',\n  styleUrl: './group-context-menu.scss',\n  shadow: true,\n})\nexport class GroupContextMenu {\n  @Element() hostElement!: HTMLIxGroupContextMenuElement;\n\n  @State() showContextMenu = false;\n\n  private getTrigger() {\n    return this.hostElement;\n  }\n\n  private configureDropdown(\n    dropdownElement: HTMLIxDropdownElement,\n    triggerElement: HTMLElement\n  ) {\n    dropdownElement.positioningStrategy = 'fixed';\n    dropdownElement.trigger = triggerElement;\n  }\n\n  private onSlotChange() {\n    const slot = this.hostElement.shadowRoot.querySelector('slot');\n    if (!slot) {\n      return;\n    }\n    const elements = getSlottedElements(slot);\n    this.showContextMenu = elements.length !== 0;\n\n    const dropdownElement = elements.find(\n      (elm: Element) => elm.tagName === 'IX-DROPDOWN'\n    );\n\n    const triggerElement = this.getTrigger();\n\n    if (!triggerElement) {\n      return;\n    }\n\n    if (!dropdownElement) {\n      return;\n    }\n\n    this.configureDropdown(dropdownElement, triggerElement);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-icon-button\n          class={{ hide: !this.showContextMenu }}\n          size=\"24\"\n          ghost={true}\n          icon=\"context-menu\"\n        ></ix-icon-button>\n        <slot onSlotchange={() => this.onSlotChange()}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAsB,yQ,MCiBfC,EAAgB,M,8CAGA,K,CAEnBC,aACN,OAAOC,KAAKC,W,CAGNC,kBACNC,EACAC,GAEAD,EAAgBE,oBAAsB,QACtCF,EAAgBG,QAAUF,C,CAGpBG,eACN,MAAMC,EAAOR,KAAKC,YAAYQ,WAAWC,cAAc,QACvD,IAAKF,EAAM,CACT,M,CAEF,MAAMG,EAAWC,EAAmBJ,GACpCR,KAAKa,gBAAkBF,EAASG,SAAW,EAE3C,MAAMX,EAAkBQ,EAASI,MAC9BC,GAAiBA,EAAIC,UAAY,gBAGpC,MAAMb,EAAiBJ,KAAKD,aAE5B,IAAKK,EAAgB,CACnB,M,CAGF,IAAKD,EAAiB,CACpB,M,CAGFH,KAAKE,kBAAkBC,EAAiBC,E,CAG1Cc,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,kBACEE,MAAO,CAAEC,MAAOtB,KAAKa,iBACrBU,KAAK,KACLC,MAAO,KACPC,KAAK,iBAEPN,EAAA,QAAMO,aAAc,IAAM1B,KAAKO,iB"}

package/dist/siemens-ix/p-a9619a92.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as o,g as n}from"./p-b899b25b.js";const e=":host{display:flex;padding:2px 16px 16px 10px;align-items:center;align-self:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .modal-close{margin-left:auto;margin-right:-20px}:host .modal-icon{margin-right:1rem}";const h=class{constructor(s){t(this,s);this.closeClick=i(this,"closeClick",7);this.hideClose=false;this.icon=undefined;this.iconColor=undefined}onIconChange(t){if(t){this.parentDialog.classList.add("with-icon")}else{this.parentDialog.classList.remove("with-icon")}}componentDidLoad(){this.parentDialog=this.hostElement.closest("ix-modal");this.onIconChange(this.icon)}onCloseClick(t){const i=this.closeClick.emit(t);if(i.defaultPrevented||t.defaultPrevented){return}this.parentDialog.dismissModal()}render(){return s(o,null,this.icon?s("ix-icon",{class:"modal-icon",name:this.icon,color:this.iconColor}):null,s("ix-typography",{variant:"default-title"},s("slot",null)),!this.hideClose?s("ix-icon-button",{onClick:t=>this.onCloseClick(t),ghost:true,icon:"close",class:"modal-close"}):null)}get hostElement(){return n(this)}static get watchers(){return{icon:["onIconChange"]}}};h.style=e;export{h as ix_modal_header};
+//# sourceMappingURL=p-a9619a92.entry.js.map

package/dist/siemens-ix/p-a9619a92.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["modalHeaderCss","ModalHeader","onIconChange","icon","this","parentDialog","classList","add","remove","componentDidLoad","hostElement","closest","onCloseClick","event","ce","closeClick","emit","defaultPrevented","dismissModal","render","h","Host","class","name","color","iconColor","variant","hideClose","onClick","ghost"],"sources":["./src/components/modal-header/modal-header.scss?tag=ix-modal-header&encapsulation=shadow","./src/components/modal-header/modal-header.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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  padding: 2px 16px 16px 10px;\n  align-items: center;\n  align-self: stretch;\n\n  .modal-close {\n    margin-left: auto;\n    margin-right: -20px;\n  }\n\n  .modal-icon {\n    margin-right: 1rem;\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  Watch,\n} from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-modal-header',\n  styleUrl: 'modal-header.scss',\n  shadow: true,\n})\nexport class ModalHeader {\n  @Element() hostElement!: HTMLIxModalHeaderElement;\n\n  /**\n   * Hide the close button\n   */\n  @Prop() hideClose = false;\n\n  /**\n   * Icon of the Header\n   */\n  @Prop() icon: string;\n  @Watch('icon')\n  onIconChange(icon: string) {\n    if (icon) {\n      this.parentDialog.classList.add('with-icon');\n    } else {\n      this.parentDialog.classList.remove('with-icon');\n    }\n  }\n\n  /**\n   * Icon color\n   */\n  @Prop() iconColor: string;\n\n  /**\n   * Close icon is clicked\n   */\n  @Event() closeClick: EventEmitter<MouseEvent>;\n\n  private parentDialog: HTMLIxModalElement;\n\n  componentDidLoad() {\n    this.parentDialog = this.hostElement.closest('ix-modal');\n    this.onIconChange(this.icon);\n  }\n\n  private onCloseClick(event: MouseEvent) {\n    const ce = this.closeClick.emit(event);\n    if (ce.defaultPrevented || event.defaultPrevented) {\n      return;\n    }\n\n    this.parentDialog.dismissModal();\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.icon ? (\n          <ix-icon\n            class={'modal-icon'}\n            name={this.icon}\n            color={this.iconColor}\n          ></ix-icon>\n        ) : null}\n        <ix-typography variant={'default-title'}>\n          <slot></slot>\n        </ix-typography>\n        {!this.hideClose ? (\n          <ix-icon-button\n            onClick={(event) => this.onCloseClick(event)}\n            ghost\n            icon=\"close\"\n            class={'modal-close'}\n          ></ix-icon-button>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,+O,MC4BVC,EAAW,M,+EAMF,M,6CAOpBC,aAAaC,GACX,GAAIA,EAAM,CACRC,KAAKC,aAAaC,UAAUC,IAAI,Y,KAC3B,CACLH,KAAKC,aAAaC,UAAUE,OAAO,Y,EAgBvCC,mBACEL,KAAKC,aAAeD,KAAKM,YAAYC,QAAQ,YAC7CP,KAAKF,aAAaE,KAAKD,K,CAGjBS,aAAaC,GACnB,MAAMC,EAAKV,KAAKW,WAAWC,KAAKH,GAChC,GAAIC,EAAGG,kBAAoBJ,EAAMI,iBAAkB,CACjD,M,CAGFb,KAAKC,aAAaa,c,CAGpBC,SACE,OACEC,EAACC,EAAI,KACFjB,KAAKD,KACJiB,EAAA,WACEE,MAAO,aACPC,KAAMnB,KAAKD,KACXqB,MAAOpB,KAAKqB,YAEZ,KACJL,EAAA,iBAAeM,QAAS,iBACtBN,EAAA,eAEAhB,KAAKuB,UACLP,EAAA,kBACEQ,QAAUf,GAAUT,KAAKQ,aAAaC,GACtCgB,MAAK,KACL1B,KAAK,QACLmB,MAAO,gBAEP,K"}

package/dist/siemens-ix/{p-a7212f01.entry.js → p-b21bc31c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as s,H as t}from"./p-1c64b073.js";import{a as o}from"./p-810b5232.js";const i=":host *,:host *::after,:host *::before{box-sizing:border-box}:host .message-container{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)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .message-content{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}:host ix-icon{margin-top:0.25rem}";const a=class{constructor(s){e(this,s);this.closedChange=r(this,"closedChange",7);this.type="info";this.dismissible=true;this.icon=undefined;this.color=undefined}componentWillRender(){if(this.type==="danger"){this.icon="error";this.color="color-alarm"}if(this.type==="info"){this.icon="info";this.color="color-info"}if(this.type==="warning"){this.icon="warning";this.color="color-warning"}}closeAlert(e){o({targets:e,duration:a.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}});this.closedChange.emit()}render(){return s(t,null,s("div",{class:{"message-container":true,[this.type]:true},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{color:this.color,name:this.icon}),s("div",{class:"message-content"},s("slot",null)),this.dismissible?s("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};a.duration=300;a.style=i;export{a as ix_message_bar};
-//# sourceMappingURL=p-a7212f01.entry.js.map
+import{r as e,c as r,h as s,H as t}from"./p-b899b25b.js";import{a as o}from"./p-810b5232.js";const i=":host *,:host *::after,:host *::before{box-sizing:border-box}:host .message-container{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)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .message-content{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}:host ix-icon{margin-top:0.25rem}";const a=class{constructor(s){e(this,s);this.closedChange=r(this,"closedChange",7);this.type="info";this.dismissible=true;this.icon=undefined;this.color=undefined}componentWillRender(){if(this.type==="danger"){this.icon="error";this.color="color-alarm"}if(this.type==="info"){this.icon="info";this.color="color-info"}if(this.type==="warning"){this.icon="warning";this.color="color-warning"}}closeAlert(e){o({targets:e,duration:a.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}});this.closedChange.emit()}render(){return s(t,null,s("div",{class:{"message-container":true,[this.type]:true},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{color:this.color,name:this.icon}),s("div",{class:"message-content"},s("slot",null)),this.dismissible?s("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};a.duration=300;a.style=i;export{a as ix_message_bar};
+//# sourceMappingURL=p-b21bc31c.entry.js.map

package/dist/siemens-ix/p-b6d52b6f.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as t,g as e}from"./p-b899b25b.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{width:0px;margin-right:0px}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.icon{padding-left:0.75rem;padding-right:0.75rem}.container.closable{padding-right:0.25rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem}:host(.align-left) .container{justify-content:flex-start}";const i=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.alignLeft=false}render(){let o={};if(this.variant==="custom"){o={color:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{style:this.variant==="custom"?{"--ix-icon-button-color":this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{style:Object.assign({},o),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",closable:false,icon:!!this.icon}},r("ix-icon",{class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{class:"slot-container"},r("slot",null))))}get el(){return e(this)}};i.style=n;export{i as ix_pill};
+//# sourceMappingURL=p-b6d52b6f.entry.js.map

package/dist/siemens-ix/p-b6d52b6f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pillCss","Pill","render","customStyle","this","variant","color","outline","background","h","Host","style","title","el","textContent","class","alignLeft","Object","assign","container","inactive","alarm","critical","info","neutral","primary","success","warning","closable","icon","hidden","undefined","name","size"],"sources":["./src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","./src/components/pill/pill.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@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n    padding-right: 0.5rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\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, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill {\n  @Element() el: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() color: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.color,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.color,\n              }\n            : {}\n        }\n        title={this.el.textContent}\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            closable: false,\n            icon: !!this.icon,\n          }}\n        >\n          <ix-icon\n            class={{\n              'with-icon': true,\n              hidden: this.icon === undefined || this.icon === '',\n            }}\n            name={this.icon}\n            size={'16'}\n          />\n          <span class=\"slot-container\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,0rH,MCgBHC,EAAI,M,sCAcA,U,aAKG,M,kFAoBE,K,CAEpBC,SACE,IAAIC,EAAc,GAElB,GAAIC,KAAKC,UAAY,SAAU,CAC7BF,EAAc,CACZG,MAAOF,KAAKE,MACZ,CAACF,KAAKG,QAAU,cAAgB,mBAAoBH,KAAKI,W,CAG7D,OACEC,EAACC,EAAI,CACHC,MACEP,KAAKC,UAAY,SACb,CACE,yBAA0BD,KAAKE,OAEjC,GAENM,MAAOR,KAAKS,GAAGC,YACfC,MAAO,CACL,aAAcX,KAAKY,YAGrBP,EAAA,OACEE,MAAKM,OAAAC,OAAA,GAAOf,GACZY,MAAO,CACLI,UAAW,KACXZ,QAASH,KAAKG,QACda,SAAU,MACVC,MAAOjB,KAAKC,UAAY,QACxBiB,SAAUlB,KAAKC,UAAY,WAC3BkB,KAAMnB,KAAKC,UAAY,OACvBmB,QAASpB,KAAKC,UAAY,UAC1BoB,QAASrB,KAAKC,UAAY,UAC1BqB,QAAStB,KAAKC,UAAY,UAC1BsB,QAASvB,KAAKC,UAAY,UAC1BuB,SAAU,MACVC,OAAQzB,KAAKyB,OAGfpB,EAAA,WACEM,MAAO,CACL,YAAa,KACbe,OAAQ1B,KAAKyB,OAASE,WAAa3B,KAAKyB,OAAS,IAEnDG,KAAM5B,KAAKyB,KACXI,KAAM,OAERxB,EAAA,QAAMM,MAAM,kBACVN,EAAA,e"}

package/dist/siemens-ix/{p-6c033b08.entry.js → p-b89172b4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as n}from"./p-1c64b073.js";function e(t){let s="";t.forEach((t=>{s+='"';s=t.reduce(((t,s)=>`${t} ${s}`),s);s+='"\n'}));return s}const i=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const o="only screen and (max-width: 576px)";const r="only screen and (max-width: 768px)";const c="only screen and (max-width: 992px)";const h=[{name:"sm",query:o},{name:"md",query:r},{name:"lg",query:c}];const a=class{constructor(s){t(this,s);this.disposeMediaQueryListener=[];this.mediaQueries=[];this.templates=undefined;this.currentTemplate=undefined}componentWillRender(){this.mediaQueries=h.map((t=>{const s=window.matchMedia(t.query);const n=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(n);s.addEventListener("change",n);return Object.assign(Object.assign({},t),{mediaQuery:s})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,s)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[s])}))}findNextTemplate(t){const s=this.mediaQueries.findIndex((s=>s.name===t));const n=this.templates[this.mediaQueries[s+1].name];if(!n){return this.findNextTemplate(this.mediaQueries[s+1].name)}return n}applyTemplate(){let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const s=this.templates[t.name];if(s){this.currentTemplate=s}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){var t;const i={};if(((t=this.currentTemplate)===null||t===void 0?void 0:t.length)!==0){i["grid-template-areas"]=e(this.currentTemplate)}return s(n,{style:i},s("slot",null))}};a.style=i;export{a as ix_css_grid};
-//# sourceMappingURL=p-6c033b08.entry.js.map
+import{r as t,h as s,H as n}from"./p-b899b25b.js";function e(t){let s="";t.forEach((t=>{s+='"';s=t.reduce(((t,s)=>`${t} ${s}`),s);s+='"\n'}));return s}const i=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const o="only screen and (max-width: 576px)";const r="only screen and (max-width: 768px)";const h="only screen and (max-width: 992px)";const c=[{name:"sm",query:o},{name:"md",query:r},{name:"lg",query:h}];const a=class{constructor(s){t(this,s);this.disposeMediaQueryListener=[];this.mediaQueries=[];this.templates=undefined;this.currentTemplate=undefined}componentWillRender(){this.mediaQueries=c.map((t=>{const s=window.matchMedia(t.query);const n=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(n);s.addEventListener("change",n);return Object.assign(Object.assign({},t),{mediaQuery:s})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,s)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[s])}))}findNextTemplate(t){const s=this.mediaQueries.findIndex((s=>s.name===t));const n=this.templates[this.mediaQueries[s+1].name];if(!n){return this.findNextTemplate(this.mediaQueries[s+1].name)}return n}applyTemplate(){let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const s=this.templates[t.name];if(s){this.currentTemplate=s}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){var t;const i={};if(((t=this.currentTemplate)===null||t===void 0?void 0:t.length)!==0){i["grid-template-areas"]=e(this.currentTemplate)}return s(n,{style:i},s("slot",null))}};a.style=i;export{a as ix_css_grid};
+//# sourceMappingURL=p-b89172b4.entry.js.map

package/dist/siemens-ix/p-b899b25b.js

@@ -0,0 +1,3 @@
+const t="siemens-ix";let e;let n;let s;let l=false;let o=false;let i=false;let c=false;let f=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d="http://www.w3.org/1999/xlink";const h={};const p="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const m=t=>t!=null;const y=t=>{t=typeof t;return t==="object"||t==="function"};function w(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const $=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!y(s)){s=String(s)}if(i&&c){f[f.length-1].t+=s}else{f.push(i?v(null,s):s)}c=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,k)}const u=v(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const v=(t,e)=>{const n={h:0,p:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const g={};const j=t=>t&&t.p===g;const k={forEach:(t,e)=>t.map(O).forEach(e),map:(t,e)=>t.map(O).map(e).map(S)};const O=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.p,vtext:t.t});const S=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return $(t.vtag,e,...t.vchildren||[])}const e=v(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const C=(t,e)=>{if(t!=null&&!y(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const x=t=>Tt(t).$;const M=(t,e,n)=>{const s=x(t);return{emit:t=>N(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const N=(t,e,n)=>{const s=Vt.ce(e,n);t.dispatchEvent(s);return s};const R=new WeakMap;const P=(t,e,n)=>{let s=Dt.get(t);if(Bt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Dt.set(t,s)};const E=(t,e,n,s)=>{var l;let o=L(e);const i=Dt.get(o);t=t.nodeType===11?t:qt;if(i){if(typeof i==="string"){t=t.head||t;let e=R.get(t);let n;if(!e){R.set(t,e=new Set)}if(!e.has(o)){{{n=qt.createElement("style");n.innerHTML=i}const e=(l=Vt.v)!==null&&l!==void 0?l:w(qt);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(i)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}}return o};const T=t=>{const e=t.g;const n=t.$;const s=e.h;const l=r("attachStyles",e.j);const o=E(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const L=(t,e)=>"sc-"+t.j;const U=(t,e,n,s,l,o)=>{if(n!==s){let i=Wt(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const l=A(n);const o=A(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Wt(Ht,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n){Vt.rel(t,e,n,false)}if(s){Vt.ael(t,e,s,false)}}else{const f=y(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(d,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(d,e,s)}else{t.setAttribute(e,s)}}}}};const W=/\s/;const A=t=>!t?[]:t.split(W);const F=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||h;const i=e.l||h;{for(s in o){if(!(s in i)){U(l,s,o[s],undefined,n,e.h)}}}for(s in i){U(l,s,o[s],i[s],n,e.h)}};const _=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let h;let y;if(!l){i=true;if(u.p==="slot"){if(e){r.classList.add(e+"-s")}u.h|=u.o?2:1}}if(u.t!==null){d=u.m=qt.createTextNode(u.t)}else if(u.h&1){d=u.m=qt.createTextNode("")}else{if(!c){c=u.p==="svg"}d=u.m=qt.createElementNS(c?p:b,u.h&2?"slot-fb":u.p);if(c&&u.p==="foreignObject"){c=false}{F(null,u,c)}if(m(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){h=_(t,u,a,d);if(h){d.appendChild(h)}}}{if(u.p==="svg"){c=false}else if(d.tagName==="foreignObject"){c=true}}}{d["s-hn"]=s;if(u.h&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.u||"";y=t&&t.o&&t.o[f];if(y&&y.p===u.p&&t.m){D(t.m,false)}}}return d};const D=(t,e)=>{Vt.h|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){B(l).insertBefore(l,z(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){D(l,e)}}Vt.h&=~1};const H=(t,e,n,l,o,i)=>{let c=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(c.shadowRoot&&c.tagName===s){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=_(null,n,o,t);if(f){l[o].m=f;c.insertBefore(f,z(e))}}}};const q=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.m;Y(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{D(t,true)}}t.remove()}}}};const I=(t,e,n,s)=>{let l=0;let o=0;let i=0;let c=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let h=s[a];let p;let b;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(h==null){h=s[--a]}else if(V(r,d)){G(r,d);r=e[++l];d=s[++o]}else if(V(u,h)){G(u,h);u=e[--f];h=s[--a]}else if(V(r,h)){if(r.p==="slot"||h.p==="slot"){D(r.m.parentNode,false)}G(r,h);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];h=s[--a]}else if(V(u,d)){if(r.p==="slot"||h.p==="slot"){D(u.m.parentNode,false)}G(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(e[c]&&e[c].i!==null&&e[c].i===d.i){i=c;break}}}if(i>=0){b=e[i];if(b.p!==d.p){p=_(e&&e[o],n,i,t)}else{G(b,d);e[i]=undefined;p=b.m}d=s[++o]}else{p=_(e&&e[o],n,o,t);d=s[++o]}if(p){{B(r.m).insertBefore(p,z(r.m))}}}}if(l>f){H(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){q(e,l,f)}};const V=(t,e)=>{if(t.p===e.p){if(t.p==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const z=t=>t&&t["s-ol"]||t;const B=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const G=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.p;const i=e.t;let f;if(i===null){{c=o==="svg"?true:o==="foreignObject"?false:c}{if(o==="slot");else{F(t,e,c)}}if(s!==null&&l!==null){I(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}H(n,null,e,l,0,l.length-1)}else if(s!==null){q(s,0,s.length-1)}if(c&&o==="svg"){c=false}}else if(f=n["s-cr"]){f.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const J=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let c;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){c=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(c===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(c===1||c===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}J(n)}}};const K=[];const Q=t=>{let e;let n;let s;let l;let i;let c;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(c=s.length-1;c>=0;c--){n=s[c];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(X(n,l)){i=K.find((t=>t.k===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.O=e}else{K.push({O:e,k:n})}if(n["s-sr"]){K.map((t=>{if(X(t.k,n["s-sn"])){i=K.find((t=>t.k===n));if(i&&!t.O){t.O=i.O}}}))}}else if(!K.some((t=>t.k===n))){K.push({k:n})}}}}if(e.nodeType===1){Q(e)}}};const X=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const Y=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(Y)}};const Z=(t,c)=>{const f=t.$;const r=t.g;const u=t.S||v(null,null);const a=j(c)?c:$(null,null,c);s=f.tagName;if(r.C){a.l=a.l||{};r.C.map((([t,e])=>a.l[e]=f[t]))}a.p=null;a.h|=4;t.S=a;a.m=u.m=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.h&1)!==0;o=false}G(u,a);{Vt.h|=1;if(i){Q(a.m);let t;let e;let n;let s;let l;let o;let i=0;for(;i<K.length;i++){t=K[i];e=t.k;if(!e["s-ol"]){n=qt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<K.length;i++){t=K[i];e=t.k;if(t.O){s=t.O.parentNode;l=t.O.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){J(a.m)}Vt.h&=~1;K.length=0}};const tt=(t,e)=>{if(e&&!t.M&&e["s-p"]){e["s-p"].push(new Promise((e=>t.M=e)))}};const et=(t,e)=>{{t.h|=16}if(t.h&4){t.h|=512;return}tt(t,t.N);const n=()=>nt(t,e);return Zt(n)};const nt=(t,e)=>{const n=r("scheduleUpdate",t.g.j);const s=t.R;let l;if(e){{t.h|=256;if(t.P){t.P.map((([t,e])=>rt(s,t,e)));t.P=null}}{l=rt(s,"componentWillLoad")}}{l=st(l,(()=>rt(s,"componentWillRender")))}n();return st(l,(()=>lt(t,s,e)))};const st=(t,e)=>t instanceof Promise?t.then(e):e();const lt=async(t,e,n)=>{const s=t.$;const l=r("update",t.g.j);const o=s["s-rc"];if(n){T(t)}const i=r("render",t.g.j);{ot(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}i();l();{const e=s["s-p"];const n=()=>it(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.h|=4;e.length=0}}};const ot=(t,e,n)=>{try{e=e.render();{t.h&=~16}{t.h|=2}{{{Z(t,e)}}}}catch(e){At(e,t.$)}return null};const it=t=>{const e=t.g.j;const n=t.$;const s=r("postUpdate",e);const l=t.R;const o=t.N;{rt(l,"componentDidRender")}if(!(t.h&64)){t.h|=64;{ut(n)}{rt(l,"componentDidLoad")}s();{t.T(n);if(!o){ft()}}}else{s()}{t.L(n)}{if(t.M){t.M();t.M=undefined}if(t.h&512){Yt((()=>et(t,false)))}t.h&=~(4|512)}};const ct=t=>{{const e=Tt(t);const n=e.$.isConnected;if(n&&(e.h&(2|16))===2){et(e,false)}return n}};const ft=e=>{{ut(qt.documentElement)}Yt((()=>N(Ht,"appload",{detail:{namespace:t}})))};const rt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){At(t)}}return undefined};const ut=t=>t.classList.add("hydrated");const at=(t,e)=>Tt(t).U.get(e);const dt=(t,e,n,s)=>{const l=Tt(t);const o=l.$;const i=l.U.get(e);const c=l.h;const f=l.R;n=C(n,s.W[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.U.set(e,n);if(f){if(s.A&&c&128){const t=s.A[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){At(t,o)}}))}}if((c&(2|16))===2){et(l,false)}}}};const ht=(t,e,n)=>{if(e.W){if(t.watchers){e.A=t.watchers}const s=Object.entries(e.W);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return at(this,t)},set(n){dt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Tt(this);return n.F.then((()=>n.R[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Vt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))}}return t};const pt=async(t,e,n,s,l)=>{if((e.h&32)===0){e.h|=32;{l=_t(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.A=l.watchers}ht(l,n,2);l.isProxied=true}const t=r("createInstance",n.j);{e.h|=8}try{new l(e)}catch(t){At(t)}{e.h&=~8}{e.h|=128}t();bt(e.R)}if(l.style){let t=l.style;const e=L(n);if(!Dt.has(e)){const s=r("registerStyles",n.j);P(e,t,!!(n.h&1));s()}}}const o=e.N;const i=()=>et(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const bt=t=>{{rt(t,"connectedCallback")}};const mt=t=>{if((Vt.h&1)===0){const e=Tt(t);const n=e.g;const s=r("connectedCallback",n.j);if(!(e.h&1)){e.h|=1;{if(n.h&(4|8)){yt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){tt(e,e.N=n);break}}}if(n.W){Object.entries(n.W).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{pt(t,e,n)}}else{xt(t,e,n._);bt(e.R)}s()}};const yt=t=>{const e=t["s-cr"]=qt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const wt=t=>{if((Vt.h&1)===0){const e=Tt(t);const n=e.R;{if(e.D){e.D.map((t=>t()));e.D=undefined}}{rt(n,"disconnectedCallback")}}};const $t=t=>{t.__appendChild=t.appendChild;t.appendChild=function(t){const e=t["s-sn"]=jt(t);const n=kt(this.childNodes,e);if(n){const s=Ot(n,e);const l=s[s.length-1];return l.parentNode.insertBefore(t,l.nextSibling)}return this.__appendChild(t)}};const vt=(t,e)=>{if(e.h&2){const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(t,"__textContent",e);Object.defineProperty(t,"textContent",{get(){var t;const e=kt(this.childNodes,"");if(((t=e===null||e===void 0?void 0:e.nextSibling)===null||t===void 0?void 0:t.nodeType)===3){return e.nextSibling.textContent}else if(e){return e.textContent}else{return this.__textContent}},set(t){var e;const n=kt(this.childNodes,"");if(((e=n===null||n===void 0?void 0:n.nextSibling)===null||e===void 0?void 0:e.nodeType)===3){n.nextSibling.textContent=t}else if(n){n.textContent=t}else{this.__textContent=t;const e=this["s-cr"];if(e){this.insertBefore(e,this.firstChild)}}}})}};const gt=(t,e)=>{class n extends Array{item(t){return this[t]}}if(e.h&8){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>t.nodeType===1))}});Object.defineProperty(t,"childElementCount",{get(){return t.children.length}});Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if((Vt.h&1)===0&&Tt(this).h&2){const e=new n;for(let n=0;n<t.length;n++){const s=t[n]["s-nr"];if(s){e.push(s)}}return e}return n.from(t)}})}};const jt=t=>t["s-sn"]||t.nodeType===1&&t.getAttribute("slot")||"";const kt=(t,e)=>{let n=0;let s;for(;n<t.length;n++){s=t[n];if(s["s-sr"]&&s["s-sn"]===e){return s}s=kt(s.childNodes,e);if(s){return s}}return null};const Ot=(t,e)=>{const n=[t];while((t=t.nextSibling)&&t["s-sn"]===e){n.push(t)}return n};const St=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=Ht.customElements;const c=qt.head;const f=c.querySelector("meta[charset]");const u=qt.createElement("style");const d=[];let h;let p=true;Object.assign(Vt,e);Vt.H=new URL(e.resourcesUrl||"./",qt.baseURI).href;t.map((t=>{t[1].map((e=>{const n={h:e[0],j:e[1],W:e[2],_:e[3]};{n.W=e[2]}{n._=e[3]}{n.C=[]}{n.A={}}const s=n.j;const c=class extends HTMLElement{constructor(t){super(t);t=this;Ut(t,n);if(n.h&1){{{t.attachShadow({mode:"open"})}}}{gt(t,n)}}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{Vt.jmp((()=>mt(this)))}}disconnectedCallback(){Vt.jmp((()=>wt(this)))}componentOnReady(){return Tt(this).q}};{$t(c.prototype)}{vt(c.prototype,n)}n.I=t[0];if(!o.includes(s)&&!i.get(s)){l.push(s);i.define(s,ht(c,n,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Vt.v)!==null&&n!==void 0?n:w(qt);if(t!=null){u.setAttribute("nonce",t)}c.insertBefore(u,f?f.nextSibling:c.firstChild)}p=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Vt.jmp((()=>h=setTimeout(ft,30)))}}s()};const Ct=(t,e)=>e;const xt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Nt(t,n);const i=Mt(e,l);const c=Rt(n);Vt.ael(o,s,i,c);(e.D=e.D||[]).push((()=>Vt.rel(o,s,i,c)))}))}};const Mt=(t,e)=>n=>{try{{if(t.h&256){t.R[e](n)}else{(t.P=t.P||[]).push([e,n])}}}catch(t){At(t)}};const Nt=(t,e)=>{if(e&8)return Ht;return t};const Rt=t=>(t&2)!==0;const Pt=t=>Vt.v=t;const Et=new WeakMap;const Tt=t=>Et.get(t);const Lt=(t,e)=>Et.set(e.R=t,e);const Ut=(t,e)=>{const n={h:0,$:t,g:e,U:new Map};{n.F=new Promise((t=>n.L=t))}{n.q=new Promise((t=>n.T=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,n,e._);return Et.set(t,n)};const Wt=(t,e)=>e in t;const At=(t,e)=>(0,console.error)(t,e);const Ft=new Map;const _t=(t,e,n)=>{const s=t.j.replace(/-/g,"_");const l=t.I;const o=Ft.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ft.set(l,t)}return t[s]}),At)};const Dt=new Map;const Ht=typeof window!=="undefined"?window:{};const qt=Ht.document||{head:{}};const It=Ht.HTMLElement||class{};const Vt={h:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const zt=t=>Promise.resolve(t);const Bt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Gt=[];const Jt=[];const Kt=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&Vt.h&4){Yt(Xt)}else{Vt.raf(Xt)}}};const Qt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){At(t)}}t.length=0};const Xt=()=>{Qt(Gt);{Qt(Jt);if(f=Gt.length>0){Vt.raf(Xt)}}};const Yt=t=>zt().then(t);const Zt=Kt(Jt,true);export{Ct as F,g as H,It as a,St as b,M as c,ct as f,x as g,$ as h,zt as p,Lt as r,Pt as s};
+//# sourceMappingURL=p-b899b25b.js.map