@siemens/ix 4.0.0 → 4.1.0

package/dist/siemens-ix/{p-a53d7dbb.entry.js → p-4e4d792d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-CtoreFVF.js";import{d as n}from"./p-D3K9vmFp.js";import{r as h,d as r}from"./p-DSTYytot.js";const c=t=>!Number.isNaN(Number(t));const l=(t,i)=>{t.classList.add(i)};class a{static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let s in i){if(t.style[s]!==i[s]){t.style[s]=i[s]}}}static getMaxBrowserHeight(){const t=document.createElement("div");const i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0});a.mergeStyle(i,{height:"1e7px"});t.appendChild(i);document.body.appendChild(t);const s=i.offsetHeight;document.body.removeChild(t);return s}constructor(t,i){this._lastRepaint=null;this._maxElementHeight=a.getMaxBrowserHeight();this.refresh(t,i);const s=this._config;const e=()=>{const t=this._getScrollPosition();const i=this._lastRepaint;this._renderAnimationFrame=window.requestAnimationFrame(e);if(t===i){return}const o=i?t-i:0;if(!i||o<0||o>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t;if(i!==false&&typeof s.afterRender==="function"){s.afterRender()}}};e()}destroy(){window.cancelAnimationFrame(this._renderAnimationFrame)}refresh(t,i=a.defaultConfig){this._config=i;if(!t||t.nodeType!==1){throw new Error("HyperList requires a valid DOM Node container")}this._element=t;const s=this._config;const e=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if(typeof s.useFragment!=="boolean"){this._config.useFragment=true}if(!s.generate){throw new Error("Missing required `generate` function")}if(!c(s.total)){throw new Error("Invalid required `total` value, expected number")}if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight)){throw new Error(`\n        Invalid required \`itemHeight\` value, expected number or array\n      `.trim())}else if(c(s.itemHeight)){this._itemHeights=Array(s.total).fill(s.itemHeight)}else{this._itemHeights=[s.itemHeight]}Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t];const e=c(i);if(i&&typeof i!=="string"&&typeof i!=="number"){let i=`Invalid optional \`${t}\`, expected string or number`;throw new Error(i)}else if(e){s[t]=`${i}px`}}));const o=Boolean(s.horizontal);const n=s[o?"width":"height"];if(n){const t=c(n);const i=t?false:n.slice(-1)==="%";const s=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10);const e=window[o?"innerWidth":"innerHeight"];if(i){this._containerSize=e*s/100}else{this._containerSize=c(n)?n:s}}const h=s.scrollContainer;const r=s.itemHeight*s.total;const l=this._maxElementHeight;if(r>l){console.warn(["HyperList: The maximum element height",l+"px has","been exceeded; please reduce your item height."].join(" "))}const d={width:`${s.width}`,height:h?`${r}px`:`${s.height}`,overflow:h?"none":"auto",position:"relative"};a.mergeStyle(t,d);if(h){a.mergeStyle(s.scrollContainer,{overflow:"auto"})}const f={opacity:"0",position:"absolute",[o?"height":"width"]:"1px",[o?"width":"height"]:`${r}px`};a.mergeStyle(e,f);if(!this._scroller){t.appendChild(e)}const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom;this._scrollPaddingTop=u.top;this._scroller=e;this._scrollHeight=this._computeScrollHeight();this._itemPositions=this._itemPositions||Array(s.total).fill(0);this._computePositions(0);this._renderChunk(this._lastRepaint!==null);if(typeof s.afterRender==="function"){s.afterRender()}}_getRow(t){const i=this._config;let s=i.generate(t);let e=s.height;if(e!==undefined&&c(e)){s=s.element;if(e!==this._itemHeights[t]){this._itemHeights[t]=e;this._computePositions(t);this._scrollHeight=this._computeScrollHeight()}}else{e=this._itemHeights[t]}if(!s||s.nodeType!==1){throw new Error(`Generator did not return a DOM Node for index: ${t}`)}l(s,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;a.mergeStyle(s,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`});return s}_getScrollPosition(){const t=this._config;if(typeof t.overrideScrollPosition==="function"){return t.overrideScrollPosition()}return this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=false){const i=this._config;const s=this._element;const e=this._getScrollPosition();const o=i.total;let n=this._getFrom(e)-1;if(n<0||n-this._screenItemsLen<0){n=0}if(!t&&this._lastFrom===n){return false}this._lastFrom=n;let h=n+this._cachedItemsLen;if(h>o||h+this._cachedItemsLen>o){h=o}const r=i.useFragment?document.createDocumentFragment():[];const c=this._scroller;r[i.useFragment?"appendChild":"push"](c);for(let t=n;t<h;t++){let s=this._getRow(t);r[i.useFragment?"appendChild":"push"](s)}if(i.applyPatch){return i.applyPatch(s,r)}s.innerHTML="";s.appendChild(r)}_computePositions(t=1){const i=this._config;const s=i.total;if(t<1){t=1}for(let i=t;i<s;i++){this._itemPositions[i]=this._itemHeights[i-1]+this._itemPositions[i-1]}}_computeScrollHeight(){const t=this._config;const i=Boolean(t.horizontal);const s=t.total;const e=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${e}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i));const n=Math.floor(s/2);const h=s%2===0?(o[n]+o[n-1])/2:o[n];const r=i?"clientWidth":"clientHeight";const c=t.scrollContainer?t.scrollContainer:this._element;const l=c[r]?c[r]:this._containerSize;this._screenItemsLen=Math.ceil(l/h);this._containerSize=l;this._cachedItemsLen=Math.max(this._cachedItemsLen||0,this._screenItemsLen*3);this._averageHeight=h;return e}_computeScrollPadding(){const t=this._config;const i=Boolean(t.horizontal);const s=window.getComputedStyle(this._element);const e=t=>{const i=s.getPropertyValue(`padding-${t}`);return parseInt(i,10)||0};if(i){return{bottom:e("right"),top:e("left")}}else{return{bottom:e("bottom"),top:e("top")}}}_getFrom(t){let i=0;while(this._itemPositions[i]<t){i++}return i}}a.defaultConfig={width:"100%",height:"100%"};const d=":host{display:block}";const f=class{constructor(s){t(this,s);this.contextChange=i(this,"contextChange",7);this.nodeToggled=i(this,"nodeToggled",7);this.nodeClicked=i(this,"nodeClicked",7);this.nodeRemoved=i(this,"nodeRemoved",7);this.root="root";this.model={};this.context={};this.updates=new Map;this.hasFirstRender=false;this.dirtyItems=new Set}updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,total:i.length,generate:s=>{const e=i[s];const o=this.hostElement.querySelector(`[data-tree-node-id="${e.id}"]`);const n=this.getContext(e.id);if(o&&t.force===false){o.hasChildren=e.hasChildren;o.context=Object.assign({},n);let t=this.dirtyItems.has(e.id);if(this.updates.has(e.id)){const i=this.updates.get(e.id);if(i){const s=i(e,Object.assign({},this.context));if(typeof s==="boolean"){t=s}}}this.updatePadding(o,e);if(!t){return o}}const r=t=>{this.updates.set(e.id,t)};let c=null;if(this.renderItem){c=this.renderItem(s,e,i,Object.assign({},this.context),r)}if(c===null){c=h(e,n,r)}const l=c;l.setAttribute("data-tree-node-id",e.id);l.style.paddingRight="1rem";this.updatePadding(l,e);this.dirtyItems.delete(e.id);return l}}}setContext(t,i){this.context=Object.assign(Object.assign({},this.context),{[t]:i});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,i=0){const s=[];if(t===null||t===void 0?void 0:t.hasChildren){const e=i+1;t.children.forEach((t=>{const o=this.model[t];const n=this.getContext(t);s.push(Object.assign(Object.assign({},o),{level:i}));if(o.hasChildren&&n.isExpanded){s.push(...this.buildTreeList(o,e))}}))}return s}componentDidLoad(){this.initList();this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)];t.addedNodes.forEach((t=>{const s=i.indexOf(t);if(s>=0){i.splice(s,1)}}))}));this.nodeRemoved.emit(i)}));this.observer.observe(this.hostElement,{childList:true})}componentWillRender(){this.hasFirstRender=true;if(this.isListInitialized()){this.refreshTree()}else{this.initList()}}connectedCallback(){if(this.hasFirstRender){this.initList()}}disconnectedCallback(){var t,i;(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();(i=this.observer)===null||i===void 0?void 0:i.disconnect()}onModelChange(){if(this.hasFirstRender&&!this.isListInitialized()){this.initList()}}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){var t;const i=(t=this.hyperlist)===null||t===void 0?void 0:t._itemPositions;return i!==undefined&&i.length&&!(i===null||i===void 0?void 0:i.some((t=>t===undefined||Number.isNaN(t))))}async refreshTree(t=r){if(this.hyperlist){this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}}initList(){var t;if(!this.model){return}(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();const i=this.getVirtualizerOptions(r);this.hyperlist=new a(this.hostElement,i)}onToggle(t){const{target:i}=t;t.preventDefault();t.stopPropagation();if(!(i instanceof HTMLElement)){return}const s=i.getAttribute("data-tree-node-id");if(!s){return}const e=this.model[s];if(!e.hasChildren){return}const o=this.getContext(s);o.isExpanded=!o.isExpanded;this.nodeToggled.emit({id:s,isExpanded:o.isExpanded});this.setContext(s,o)}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement)){return}const s=i.getAttribute("data-tree-node-id");if(!s){return}const e=this.model[s];const o=t.composedPath();const h=o.indexOf(this.hostElement);const r=o.slice(0,h);const c=n.pathIncludesTrigger(r);if(c){return}if(!t.defaultPrevented){Object.values(this.context).forEach((t=>t.isSelected=false));const t=this.getContext(s);t.isSelected=true;this.setContext(s,t)}if(this.toggleOnItemClick&&e.hasChildren){const t=this.getContext(s);t.isExpanded=!t.isExpanded;this.nodeToggled.emit({id:s,isExpanded:t.isExpanded});this.setContext(s,t)}this.nodeClicked.emit(s)}render(){return s(e,{key:"1ef871a4ff980e0e231e1fb2544444d49318612c",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"00178bcb7596a1f28f24df7bda0bac88d7455b00"}))}get hostElement(){return o(this)}static get watchers(){return{model:["onModelChange"]}}};f.style=d;export{f as ix_tree};
-//# sourceMappingURL=p-a53d7dbb.entry.js.map
+import{r as t,c as i,h as s,H as e,g as o}from"./p-CtoreFVF.js";import{d as n}from"./p-D3K9vmFp.js";import{r as h,d as r}from"./p-DSTYytot.js";const c=t=>!Number.isNaN(Number(t));const l=(t,i)=>{t.classList.add(i)};class d{static create(t,i=d.defaultConfig){return new d(t,i)}static mergeStyle(t,i){for(let s in i){if(t.style[s]!==i[s]){t.style[s]=i[s]}}}static getMaxBrowserHeight(){const t=document.createElement("div");const i=document.createElement("div");d.mergeStyle(t,{position:"absolute",height:"1px",opacity:0});d.mergeStyle(i,{height:"1e7px"});t.appendChild(i);document.body.appendChild(t);const s=i.offsetHeight;document.body.removeChild(t);return s}constructor(t,i){this._lastRepaint=null;this._maxElementHeight=d.getMaxBrowserHeight();this.refresh(t,i);const s=this._config;const e=()=>{const t=this._getScrollPosition();const i=this._lastRepaint;this._renderAnimationFrame=window.requestAnimationFrame(e);if(t===i){return}const o=i?t-i:0;if(!i||o<0||o>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t;if(i!==false&&typeof s.afterRender==="function"){s.afterRender()}}};e()}destroy(){window.cancelAnimationFrame(this._renderAnimationFrame)}refresh(t,i=d.defaultConfig){this._config=i;if(!t||t.nodeType!==1){throw new Error("HyperList requires a valid DOM Node container")}this._element=t;const s=this._config;const e=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if(typeof s.useFragment!=="boolean"){this._config.useFragment=true}if(!s.generate){throw new Error("Missing required `generate` function")}if(!c(s.total)){throw new Error("Invalid required `total` value, expected number")}if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight)){throw new Error(`\n        Invalid required \`itemHeight\` value, expected number or array\n      `.trim())}else if(c(s.itemHeight)){this._itemHeights=Array(s.total).fill(s.itemHeight)}else{this._itemHeights=[s.itemHeight]}Object.keys(d.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t];const e=c(i);if(i&&typeof i!=="string"&&typeof i!=="number"){let i=`Invalid optional \`${t}\`, expected string or number`;throw new Error(i)}else if(e){s[t]=`${i}px`}}));const o=Boolean(s.horizontal);const n=s[o?"width":"height"];if(n){const t=c(n);const i=t?false:n.slice(-1)==="%";const s=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10);const e=window[o?"innerWidth":"innerHeight"];if(i){this._containerSize=e*s/100}else{this._containerSize=c(n)?n:s}}const h=s.scrollContainer;const r=s.itemHeight*s.total;const l=this._maxElementHeight;if(r>l){console.warn(["HyperList: The maximum element height",l+"px has","been exceeded; please reduce your item height."].join(" "))}const a={width:`${s.width}`,height:h?`${r}px`:`${s.height}`,overflow:h?"none":"auto",position:"relative"};d.mergeStyle(t,a);if(h){d.mergeStyle(s.scrollContainer,{overflow:"auto"})}const f={opacity:"0",position:"absolute",[o?"height":"width"]:"1px",[o?"width":"height"]:`${r}px`};d.mergeStyle(e,f);if(!this._scroller){t.appendChild(e)}const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom;this._scrollPaddingTop=u.top;this._scroller=e;this._scrollHeight=this._computeScrollHeight();this._itemPositions=this._itemPositions||Array(s.total).fill(0);this._computePositions(0);this._renderChunk(this._lastRepaint!==null);if(typeof s.afterRender==="function"){s.afterRender()}}_getRow(t){const i=this._config;let s=i.generate(t);let e=s.height;if(e!==undefined&&c(e)){s=s.element;if(e!==this._itemHeights[t]){this._itemHeights[t]=e;this._computePositions(t);this._scrollHeight=this._computeScrollHeight()}}else{e=this._itemHeights[t]}if(!s||s.nodeType!==1){throw new Error(`Generator did not return a DOM Node for index: ${t}`)}l(s,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;d.mergeStyle(s,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`});return s}_getScrollPosition(){const t=this._config;if(typeof t.overrideScrollPosition==="function"){return t.overrideScrollPosition()}return this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=false){const i=this._config;const s=this._element;const e=this._getScrollPosition();const o=i.total;let n=this._getFrom(e)-1;if(n<0||n-this._screenItemsLen<0){n=0}if(!t&&this._lastFrom===n){return false}this._lastFrom=n;let h=n+this._cachedItemsLen;if(h>o||h+this._cachedItemsLen>o){h=o}const r=i.useFragment?document.createDocumentFragment():[];const c=this._scroller;r[i.useFragment?"appendChild":"push"](c);for(let t=n;t<h;t++){let s=this._getRow(t);r[i.useFragment?"appendChild":"push"](s)}if(i.applyPatch){return i.applyPatch(s,r)}s.innerHTML="";s.appendChild(r)}_computePositions(t=1){const i=this._config;const s=i.total;if(t<1){t=1}for(let i=t;i<s;i++){this._itemPositions[i]=this._itemHeights[i-1]+this._itemPositions[i-1]}}_computeScrollHeight(){const t=this._config;const i=Boolean(t.horizontal);const s=t.total;const e=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;d.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${e}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i));const n=Math.floor(s/2);const h=s%2===0?(o[n]+o[n-1])/2:o[n];const r=i?"clientWidth":"clientHeight";const c=t.scrollContainer?t.scrollContainer:this._element;const l=c[r]?c[r]:this._containerSize;this._screenItemsLen=Math.ceil(l/h);this._containerSize=l;this._cachedItemsLen=Math.max(this._cachedItemsLen||0,this._screenItemsLen*3);this._averageHeight=h;return e}_computeScrollPadding(){const t=this._config;const i=Boolean(t.horizontal);const s=window.getComputedStyle(this._element);const e=t=>{const i=s.getPropertyValue(`padding-${t}`);return parseInt(i,10)||0};if(i){return{bottom:e("right"),top:e("left")}}else{return{bottom:e("bottom"),top:e("top")}}}_getFrom(t){let i=0;while(this._itemPositions[i]<t){i++}return i}}d.defaultConfig={width:"100%",height:"100%"};const a=":host{display:block}";const f=class{constructor(s){t(this,s);this.contextChange=i(this,"contextChange",7);this.nodeToggled=i(this,"nodeToggled",7);this.nodeClicked=i(this,"nodeClicked",7);this.nodeRemoved=i(this,"nodeRemoved",7);this.root="root";this.model={};this.context={};this.updates=new Map;this.hasFirstRender=false;this.dirtyItems=new Set}updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,total:i.length,generate:s=>{const e=i[s];const o=this.hostElement.querySelector(`[data-tree-node-id="${e.id}"]`);const n=this.getContext(e.id);if(o&&t.force===false){o.hasChildren=e.hasChildren;o.context=Object.assign({},n);let t=this.dirtyItems.has(e.id);if(this.updates.has(e.id)){const i=this.updates.get(e.id);if(i){const s=i(e,Object.assign({},this.context));if(typeof s==="boolean"){t=s}}}this.updatePadding(o,e);if(!t){return o}}const r=t=>{this.updates.set(e.id,t)};let c=null;if(this.renderItem){c=this.renderItem(s,e,i,Object.assign({},this.context),r)}if(c===null){c=h(e,n,r)}const l=c;l.setAttribute("data-tree-node-id",e.id);l.style.paddingRight="1rem";this.updatePadding(l,e);this.dirtyItems.delete(e.id);return l}}}setContext(t,i){this.context=Object.assign(Object.assign({},this.context),{[t]:i});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,i=0){const s=[];if(t===null||t===void 0?void 0:t.hasChildren){const e=i+1;t.children.forEach((t=>{const o=this.model[t];const n=this.getContext(t);s.push(Object.assign(Object.assign({},o),{level:i}));if(o.hasChildren&&n.isExpanded){s.push(...this.buildTreeList(o,e))}}))}return s}componentDidLoad(){this.initList();this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)];t.addedNodes.forEach((t=>{const s=i.indexOf(t);if(s>=0){i.splice(s,1)}}))}));this.nodeRemoved.emit(i)}));this.observer.observe(this.hostElement,{childList:true})}componentWillRender(){this.hasFirstRender=true;if(this.isListInitialized()){this.refreshTree()}else{this.initList()}}connectedCallback(){if(this.hasFirstRender){this.initList()}}disconnectedCallback(){var t,i;(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();(i=this.observer)===null||i===void 0?void 0:i.disconnect()}onModelChange(){if(this.hasFirstRender&&!this.isListInitialized()){this.initList()}}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){var t;const i=(t=this.hyperlist)===null||t===void 0?void 0:t._itemPositions;return i!==undefined&&i.length&&!(i===null||i===void 0?void 0:i.some((t=>t===undefined||Number.isNaN(t))))}async refreshTree(t=r){if(this.hyperlist){this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}}initList(){var t;if(!this.model){return}(t=this.hyperlist)===null||t===void 0?void 0:t.destroy();const i=this.getVirtualizerOptions(r);this.hyperlist=new d(this.hostElement,i)}onToggle(t){const{target:i}=t;t.preventDefault();t.stopPropagation();if(!(i instanceof HTMLElement)){return}const s=i.getAttribute("data-tree-node-id");if(!s){return}const e=this.model[s];if(!e.hasChildren){return}const o=this.getContext(s);o.isExpanded=!o.isExpanded;this.nodeToggled.emit({id:s,isExpanded:o.isExpanded});this.setContext(s,o)}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement)){return}const s=i.getAttribute("data-tree-node-id");if(!s){return}const e=this.model[s];const o=t.composedPath();const h=o.indexOf(this.hostElement);const r=o.slice(0,h);const c=n.pathIncludesTrigger(r);if(c){return}if(!t.defaultPrevented){Object.values(this.context).forEach((t=>t.isSelected=false));const t=this.getContext(s);t.isSelected=true;this.setContext(s,t)}if(this.toggleOnItemClick&&e.hasChildren){const t=this.getContext(s);t.isExpanded=!t.isExpanded;this.nodeToggled.emit({id:s,isExpanded:t.isExpanded});this.setContext(s,t)}this.nodeClicked.emit(s)}render(){return s(e,{key:"ca0d582877d3b2877a1090cc0aeb40f38617cef9",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"2d8f21165234243b6d2e2f7c99696fc7343d79f2"}))}get hostElement(){return o(this)}static get watchers(){return{model:["onModelChange"]}}};f.style=a;export{f as ix_tree};
+//# sourceMappingURL=p-4e4d792d.entry.js.map

package/dist/siemens-ix/p-51ae739e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as r,g as i}from"./p-CtoreFVF.js";import{A as n,B as a}from"./p-8HpPmDK_.js";import{H as d}from"./p-CAj3Tlcn.js";import{m as l}from"./p-bcj7UEIC.js";import{o as s,m as h,a as b,b as c,e as u,c as p,I as m,d as v,S as f}from"./p-5iwF1M9X.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const x='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}:host .number-stepper-container.container-hidden{display:none}';var g=undefined&&undefined.__decorate||function(e,t,o,r){var i=arguments.length,n=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(a=e[d])n=(i<3?a(n):i>3?a(t,o,n):a(t,o))||n;return i>3&&n&&Object.defineProperty(t,o,n),n};let y=0;const k=/[^\dEe+\-.,]/;const w=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.value=0;this.required=false;this.disabled=false;this.readonly=false;this.step=1;this.suppressSubmitOnEnter=false;this.textAlignment="end";this.allowEmptyValueChange=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.numberInputId=`number-input-${y++}`;this.touched=false;this.handleInputChange=e=>{const t=this.convertNumberStringToFloat(e);const o=this.isScientificNotation(e.trim());if(o){this.formInternals.setFormValue(e)}this.handleValueChangeEvent(t)};this.handleBlur=()=>{if(!this.inputRef.current)return;const e=this.inputRef.current.value;const t=this.convertNumberStringToFloat(e);if(t!==undefined){this.inputRef.current.value=this.formatValue(t)}this.updateFormInternalValue(t);s(this,this.inputRef.current);this.touched=true};this.handleKeyDown=e=>{if(this.disabled||this.readonly){return}switch(e.key){case"ArrowUp":e.preventDefault();this.handleStepOperation("up");break;case"ArrowDown":e.preventDefault();this.handleStepOperation("down");break}};this.handleBeforeInput=e=>{var t,o;if(this.disabled||this.readonly)return;if(e.inputType==="insertText"){const t=e.data;if(t&&k.test(t)){e.preventDefault()}}if(e.inputType==="insertFromPaste"){const r=e.dataTransfer||e.clipboardData;const i=(o=(t=r===null||r===void 0?void 0:r.getData)===null||t===void 0?void 0:t.call(r,"text"))!==null&&o!==void 0?o:"";if(k.test(i)){e.preventDefault()}}};this.handlePaste=e=>{var t,o;const r=(o=(t=e.clipboardData)===null||t===void 0?void 0:t.getData("text"))!==null&&o!==void 0?o:"";if(k.test(r)){e.preventDefault()}}}onValueChange(e){this.updateFormInternalValue(e)}updateClassMappings(e){h(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}connectedCallback(){this.disposableChangesAndVisibilityObservers=b(this.hostElement,this.updatePaddings.bind(this))}disconnectedCallback(){var e;(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}convertNumberStringToFloat(e){if(!e||e.trim()===""){return undefined}const t=Number.parseFloat(e);return Number.isNaN(t)?undefined:t}isScientificNotation(e){const t=Number.parseFloat(e);return!Number.isNaN(t)&&Number.isFinite(t)&&/[eE]/.test(e)}formatValue(e){if(e===undefined||e===null){return""}return e.toString()}handleValueChangeEvent(e){this.valueChange.emit(this.allowEmptyValueChange?e:e!==null&&e!==void 0?e:0)}updateFormInternalValue(e){const t=e!==undefined&&e!==null?e.toString():"";this.formInternals.setFormValue(t);this.value=e}handleStepOperation(e){var t,o;if(!this.inputRef.current){return}const r=(t=this.value)!==null&&t!==void 0?t:0;const i=typeof this.step==="string"?Number.parseFloat(this.step):(o=this.step)!==null&&o!==void 0?o:1;let n;if(e==="up"){n=r+i}else{n=r-i}if(this.min!==undefined){const e=typeof this.min==="string"?Number.parseFloat(this.min):this.min;n=Math.max(n,e)}if(this.max!==undefined){const e=typeof this.max==="string"?Number.parseFloat(this.max):this.max;n=Math.min(n,e)}this.inputRef.current.value=n.toString();this.updateFormInternalValue(n);u(this,this.inputRef.current);this.handleValueChangeEvent(n)}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();if(e.value===""){return!this.required}const t=this.convertNumberStringToFloat(e.value);return t!==undefined}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=this.showStepperButtons&&(this.disabled||this.readonly)===false;return o(r,{key:"4b541dbe6fe2b32b5158eed8f398de300ea71bb4",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"7ef2bb50ba7c9b3b24612752155a2072329e4b61",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"7e71d63d2a9ecbb16550925e68f3dc8dd76c3968",class:{"input-wrapper":true,"show-stepper-buttons":!!this.showStepperButtons}},o(p,{key:"8d936c9126f94c42db87b2d95d34ab178eadd31d",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(m,{key:"c56f510ea8a519204d3d36136d4b0a5a17246370",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,step:this.step,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.formatValue(this.value),placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>v(this,e),onKeyDown:e=>this.handleKeyDown(e),onBeforeInput:e=>this.handleBeforeInput(e),onPaste:e=>this.handlePaste(e),valueChange:this.handleInputChange,updateFormInternalValue:e=>{const t=this.isScientificNotation(e.trim());if(!t){const t=this.convertNumberStringToFloat(e);this.updateFormInternalValue(t)}},onBlur:this.handleBlur,form:(e=this.formInternals.form)!==null&&e!==void 0?e:undefined,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),o(f,{key:"2d7e82c421d51985c9d24c69b6f641279e3e84aa",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("div",{key:"5b1e6f03bf456305386537428b23b3fc2706e411",class:{"number-stepper-container":true,"container-hidden":!t}},o("ix-icon-button",{key:"44a5f583fb174c556a063f384174883ec307f9f4",variant:"subtle-tertiary",icon:n,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>this.handleStepOperation("down")}),o("ix-icon-button",{key:"c007fe5451c3f124e61214160c7ebc8cc1150b25",variant:"subtle-tertiary",icon:a,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>this.handleStepOperation("up")}))))))}static get formAssociated(){return true}get hostElement(){return i(this)}static get watchers(){return{value:["onValueChange"]}}};g([d()],w.prototype,"updateClassMappings",null);w.style=x;export{w as ix_number_input};
+//# sourceMappingURL=p-51ae739e.entry.js.map

package/dist/siemens-ix/p-51ae739e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconMinus","iconPlus","HookValidationLifecycle","makeRef","onInputBlur","mapValidationResult","addDisposableChangesAndVisibilityObservers","adjustPaddingForStartAndEnd","checkInternalValidity","SlotStart","InputElement","checkAllowedKeys","SlotEnd","numberInputCss","__decorate","undefined","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","numberInputIds","INVALID_NUMBER_INPUT_REGEX","NumberInput","constructor","hostRef","this","valueChange","validityStateChange","ixBlur","$hostElement$","formInternals","attachInternals","value","required","disabled","readonly","step","suppressSubmitOnEnter","textAlignment","allowEmptyValueChange","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputRef","slotEndRef","slotStartRef","numberInputId","touched","handleInputChange","inputValue","parsedValue","convertNumberStringToFloat","isScientificNotation","trim","setFormValue","handleValueChangeEvent","handleBlur","current","formatValue","updateFormInternalValue","handleKeyDown","event","preventDefault","handleStepOperation","handleBeforeInput","e","_a","_b","inputType","character","data","test","dt","dataTransfer","clipboardData","text","getData","call","handlePaste","onValueChange","newValue","updateClassMappings","result","componentWillLoad","connectedCallback","disposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","disconnectedCallback","input","parsed","Number","parseFloat","isNaN","isFinite","toString","emit","formValue","operation","currentValue","stepValue","min","minValue","Math","max","maxValue","getAssociatedFormElement","form","hasValidValue","nativeInput","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","Promise","resolve","render","showStepperButtons","class","id","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","onSlotChange","pattern","type","placeholder","onKeyPress","onKeyDown","onBeforeInput","onPaste","onBlur","variant","icon","size","onClick","formAssociated","watchers","prototype","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-80981f03.entry.js → p-5779f16e.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,H as r,g as e}from"./p-CtoreFVF.js";import{m as n}from"./p-bcj7UEIC.js";const i=":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}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.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.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.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-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:1px;border-style:solid}.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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";const c=class{constructor(t){o(this,t);this.variant="primary";this.outline=false;this.alignLeft=false;this.tooltipText=false;this.iconOnly=false;this.containerElementRef=n()}componentWillLoad(){this.checkIfContentAvailable()}checkIfContentAvailable(){const o=this.hostElement.children.length>0;const t=!!this.hostElement.textContent;this.iconOnly=!o&&!t}getTooltip(){var o;if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text")){return null}const r=typeof this.tooltipText==="string"&&this.tooltipText.trim()?this.tooltipText:(o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim();return t("ix-tooltip",{for:this.containerElementRef.waitForCurrent()},r)}render(){let o={};if(this.variant==="custom"){o={color:this.pillColor,[this.outline?"borderColor":"backgroundColor"]:this.background}}return t(r,{key:"95aefc19a906deedb01249939024ad937f82f212",style:this.variant==="custom"?{"--ix-icon-button-color":this.pillColor}:{},class:{"align-left":this.alignLeft}},t("div",{key:"2e056a3b7a048b087ea1cd7cfbfed90a899cb5b1",ref:this.containerElementRef,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",custom:this.variant==="custom",closable:false,icon:!!this.icon,"with-gap":!this.iconOnly}},this.icon&&t("ix-icon",{key:"7ad101403100e938791c5f6c8c1ea5df7bc9097f",class:{"with-icon":true},name:this.icon,size:"16","aria-label":this.ariaLabelIcon}),t("span",{key:"5a7fafab5c670fb778febc21477eefe42475aea3",class:"slot-container"},t("slot",{key:"595de03aae3978e6b40674adf16ffb3b47db1e6d",onSlotchange:()=>this.checkIfContentAvailable()}))),this.getTooltip())}get hostElement(){return e(this)}};c.style=i;export{c as ix_pill};
-//# sourceMappingURL=p-80981f03.entry.js.map
+import{r as o,h as t,H as r,g as e}from"./p-CtoreFVF.js";import{m as n}from"./p-bcj7UEIC.js";const i=":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}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.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.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.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-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:1px;border-style:solid}.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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color: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);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";const c=class{constructor(t){o(this,t);this.variant="primary";this.outline=false;this.alignLeft=false;this.tooltipText=false;this.iconOnly=false;this.containerElementRef=n()}componentWillLoad(){this.checkIfContentAvailable()}checkIfContentAvailable(){const o=this.hostElement.children.length>0;const t=!!this.hostElement.textContent;this.iconOnly=!o&&!t}getTooltip(){var o;if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text")){return null}const r=typeof this.tooltipText==="string"&&this.tooltipText.trim()?this.tooltipText:(o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim();return t("ix-tooltip",{for:this.containerElementRef.waitForCurrent()},r)}render(){let o={};if(this.variant==="custom"){o={color:this.pillColor,[this.outline?"borderColor":"backgroundColor"]:this.background}}return t(r,{key:"aa669a2d03f9fc237cc40003d5a28718a403b764",style:this.variant==="custom"?{"--ix-icon-button-color":this.pillColor}:{},class:{"align-left":this.alignLeft}},t("div",{key:"0e15da18791505629957df85918d7752cfa62662",ref:this.containerElementRef,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",custom:this.variant==="custom",closable:false,icon:!!this.icon,"with-gap":!this.iconOnly}},this.icon&&t("ix-icon",{key:"49abe1808017f85a25fb2d8abd24db421f43f762",class:{"with-icon":true},name:this.icon,size:"16","aria-label":this.ariaLabelIcon}),t("span",{key:"582ec1baae99962550035f613a8f74d9d8d9f56e",class:"slot-container"},t("slot",{key:"46c0481383cfbc55dcb60981cb10dd2b460930eb",onSlotchange:()=>this.checkIfContentAvailable()}))),this.getTooltip())}get hostElement(){return e(this)}};c.style=i;export{c as ix_pill};
+//# sourceMappingURL=p-5779f16e.entry.js.map

package/dist/siemens-ix/{p-4d0e900c.entry.js → p-5b57bde1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,g as i}from"./p-CtoreFVF.js";import{c as s}from"./p-CX81WQtk.js";import{m as a}from"./p-bcj7UEIC.js";import{m as r}from"./p-BncjKdXL.js";import{T as h}from"./p-8HpPmDK_.js";import{a as n}from"./p-Bb7pDeaQ.js";import"./p-BdCnOrqW.js";const l=(t,e)=>`${t}-${e++}`;const c=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';let b=0;const d=class{constructor(e){t(this,e);this.home=false;this.bottom=false;this.active=false;this.disabled=false;this.target="_self";this.isCategory=false;this.ariaHiddenTooltip=false;this.menuExpanded=false;this.internalItemId=l("ix-menu-item-",b++);this.buttonRef=a();this.isHostedInsideCategory=false;this.observer=s((()=>{this.setTooltip()}))}componentWillLoad(){var t;this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");this.onIconChange();this.menuExpanded=((t=r.nativeElement)===null||t===void 0?void 0:t.expand)||false;this.menuExpandedDisposer=r.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){var t,e,o;this.tooltip=(o=(e=(t=this.tooltipText)!==null&&t!==void 0?t:this.label)!==null&&e!==void 0?e:this.hostElement.textContent)!==null&&o!==void 0?o:undefined;this.ariaHiddenTooltip=this.tooltipText===this.label||this.tooltipText===this.hostElement.textContent}connectedCallback(){this.observer.observe(this.hostElement,{subtree:true,childList:true,characterData:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.menuExpandedDisposer){this.menuExpandedDisposer.dispose()}}onIconChange(){if(!this.isHostedInsideCategory&&!this.hostElement.icon){this.icon=h}}render(){let t={};if(this.home){t={slot:"home"}}if(this.bottom){t={slot:"bottom"}}const i={class:"tab",tabIndex:this.disabled?-1:0};const s=[this.icon&&e("ix-icon",{key:"2c1c698aadcb3dd8090c067c3dd746e8a9baaf93",class:"tab-icon",name:this.icon}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"c02f479113a2c1914df317d21561b657acf6af92",id:this.internalItemId,class:"tab-text text-default"},this.label,e("slot",{key:"33f38c81be26d10edc993efd1a7434e04678e2c1"}))];return e(o,Object.assign({key:"58699b09d27cd2caa4d688378e1bd274b9467ee7",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory}},t),this.href?e("a",Object.assign({},i,{href:this.disabled?undefined:this.href,target:this.target,rel:this.rel,role:"button",ref:this.buttonRef,onClick:t=>{if(this.disabled){t.preventDefault();t.stopPropagation()}}}),s):e("button",Object.assign({},i,{ref:this.buttonRef}),s),e("ix-tooltip",{key:"f7d1c226c4cde303427a1b38c85bdf93693807b4",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:false,"aria-hidden":n(this.ariaHiddenTooltip),"aria-labelledby":this.internalItemId},this.tooltip))}get hostElement(){return i(this)}static get watchers(){return{icon:["onIconChange"]}}};d.style=c;export{d as ix_menu_item};
-//# sourceMappingURL=p-4d0e900c.entry.js.map
+import{r as t,h as e,H as o,g as i}from"./p-CtoreFVF.js";import{c as s}from"./p-CX81WQtk.js";import{m as a}from"./p-bcj7UEIC.js";import{m as r}from"./p-BncjKdXL.js";import{T as h}from"./p-8HpPmDK_.js";import{a as n}from"./p-Bb7pDeaQ.js";import"./p-BdCnOrqW.js";const l=(t,e)=>`${t}-${e++}`;const c=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';let b=0;const d=class{constructor(e){t(this,e);this.home=false;this.bottom=false;this.active=false;this.disabled=false;this.target="_self";this.isCategory=false;this.ariaHiddenTooltip=false;this.menuExpanded=false;this.internalItemId=l("ix-menu-item-",b++);this.buttonRef=a();this.isHostedInsideCategory=false;this.observer=s((()=>{this.setTooltip()}))}componentWillLoad(){var t;this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");this.onIconChange();this.menuExpanded=((t=r.nativeElement)===null||t===void 0?void 0:t.expand)||false;this.menuExpandedDisposer=r.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){var t,e,o;this.tooltip=(o=(e=(t=this.tooltipText)!==null&&t!==void 0?t:this.label)!==null&&e!==void 0?e:this.hostElement.textContent)!==null&&o!==void 0?o:undefined;this.ariaHiddenTooltip=this.tooltipText===this.label||this.tooltipText===this.hostElement.textContent}connectedCallback(){this.observer.observe(this.hostElement,{subtree:true,childList:true,characterData:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.menuExpandedDisposer){this.menuExpandedDisposer.dispose()}}onIconChange(){if(!this.isHostedInsideCategory&&!this.hostElement.icon){this.icon=h}}render(){let t={};if(this.home){t={slot:"home"}}if(this.bottom){t={slot:"bottom"}}const i={class:"tab",tabIndex:this.disabled?-1:0};const s=[this.icon&&e("ix-icon",{key:"cf444eeb0b3478721a77ee1dc52436689e4c0102",class:"tab-icon",name:this.icon}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"93ac9e24f2c8634f9bfcef42c8a167d219ff764e",id:this.internalItemId,class:"tab-text text-default"},this.label,e("slot",{key:"c98d81e6a16ff3304c1c2c489a71cc892fc6e287"}))];return e(o,Object.assign({key:"2bed98070395e9df578f968f317a16f214bf5627",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory}},t),this.href?e("a",Object.assign({},i,{href:this.disabled?undefined:this.href,target:this.target,rel:this.rel,role:"button",ref:this.buttonRef,onClick:t=>{if(this.disabled){t.preventDefault();t.stopPropagation()}}}),s):e("button",Object.assign({},i,{ref:this.buttonRef}),s),e("ix-tooltip",{key:"691d40c1d8df8ab9111165be8320190a5c893de0",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:false,"aria-hidden":n(this.ariaHiddenTooltip),"aria-labelledby":this.internalItemId},this.tooltip))}get hostElement(){return i(this)}static get watchers(){return{icon:["onIconChange"]}}};d.style=c;export{d as ix_menu_item};
+//# sourceMappingURL=p-5b57bde1.entry.js.map

package/dist/siemens-ix/{p-6045dce9.entry.js → p-5d6f43fd.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as r,g as a}from"./p-CtoreFVF.js";import{H as i}from"./p-CAj3Tlcn.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-DS9crO46.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const b='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var h=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};const c=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n((()=>{this.initResizeObserver()}));this.touched=false;this.isManuallyResized=false;this.isProgrammaticResize=false}updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.isManuallyResized=false;this.manualHeight=undefined;this.manualWidth=undefined;this.isProgrammaticResize=true}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}initResizeObserver(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();const o=this.textAreaRef.current;if(!o)return;if(this.resizeBehavior==="none")return;let t=true;this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(t){t=false;return}if(this.isProgrammaticResize){this.isProgrammaticResize=false;return}this.isManuallyResized=true;this.manualHeight=e.style.height;this.manualWidth=e.style.width}));this.resizeObserver.observe(o)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;return t(r,{key:"886249f3b150fd8d45ef69d6e9e91ade0213aa10",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"178c631726c9e1db43f0d2041f3adca9d4587c78",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"83f426ae1fe578142232fb71e3ae40820d55954f",class:"bottom-text",slot:"bottom-right",textColor:"soft"},((e=this.value)!==null&&e!==void 0?e:"").length,"/",this.maxLength),t("div",{key:"17a8fe75f5f9248fc6559ecf8298e62a4d959f02",class:"input-wrapper"},t(l,{key:"d9e284e0357cb2608f7b4d1a1fc220dc92ccf4d8",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.isManuallyResized?this.manualHeight:this.textareaHeight,textareaWidth:this.isManuallyResized?this.manualWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{textareaHeight:["onDimensionPropsChange"],textareaWidth:["onDimensionPropsChange"],resizeBehavior:["onResizeBehaviorChange"]}}};h([i()],c.prototype,"updateClassMappings",null);c.style=b;export{c as ix_textarea};
-//# sourceMappingURL=p-6045dce9.entry.js.map
+import{r as e,c as o,h as t,H as r,g as a}from"./p-CtoreFVF.js";import{H as i}from"./p-CAj3Tlcn.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-5iwF1M9X.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const b='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var h=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};const c=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n((()=>{this.initResizeObserver()}));this.touched=false;this.isManuallyResized=false;this.isProgrammaticResize=false}updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.isManuallyResized=false;this.manualHeight=undefined;this.manualWidth=undefined;this.isProgrammaticResize=true}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}initResizeObserver(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();const o=this.textAreaRef.current;if(!o)return;if(this.resizeBehavior==="none")return;let t=true;this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(t){t=false;return}if(this.isProgrammaticResize){this.isProgrammaticResize=false;return}this.isManuallyResized=true;this.manualHeight=e.style.height;this.manualWidth=e.style.width}));this.resizeObserver.observe(o)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;return t(r,{key:"50700f0fe24415eff151875bc3dc2a5d53a8f879",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"9a59b1c2632f975c3a754978c616bb80fc419fc3",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"931e49d6a0fd853745f3f46b88f25b087b2038af",class:"bottom-text",slot:"bottom-right",textColor:"soft"},((e=this.value)!==null&&e!==void 0?e:"").length,"/",this.maxLength),t("div",{key:"ef476a8a1bb52f9b21d93bd1b4d46b6b91a40872",class:"input-wrapper"},t(l,{key:"b2b7006983d16c7c99f2229097aa3e45ecee5c15",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.isManuallyResized?this.manualHeight:this.textareaHeight,textareaWidth:this.isManuallyResized?this.manualWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{textareaHeight:["onDimensionPropsChange"],textareaWidth:["onDimensionPropsChange"],resizeBehavior:["onResizeBehaviorChange"]}}};h([i()],c.prototype,"updateClassMappings",null);c.style=b;export{c as ix_textarea};
+//# sourceMappingURL=p-5d6f43fd.entry.js.map

package/dist/siemens-ix/p-5iwF1M9X.js

@@ -0,0 +1,2 @@
+import{h as n}from"./p-CtoreFVF.js";import{a as t}from"./p-Bb7pDeaQ.js";import{s as e}from"./p-CAj3Tlcn.js";import{c as i}from"./p-CX81WQtk.js";import{c as o}from"./p-pXYAoEyc.js";import{a as r}from"./p-DhE1t8Qh.js";import{A as a}from"./p-C5MWUgDN.js";function s(n){const t=5;r(n,{duration:a.defaultTime,easing:"easeInOutSine",loop:2,translateX:[{value:t*-1},{value:t},{value:t/-2},{value:t/2},{value:0}]})}function u(n,t){n.isInvalid=t.isInvalid||t.isInvalidByRequired;n.isValid=t.isValid;n.isInfo=t.isInfo;n.isWarning=t.isWarning}function l(n,t){if(n.allowedCharactersPattern){const e=new RegExp(n.allowedCharactersPattern);if(!e.test(t.key)){t.preventDefault();s(n.inputRef.current)}}}async function c(n,t){const i=t.validity;const o=!n.hostElement.classList.contains("ix-invalid--validity-invalid");const r=i.valid;if(o!==r){const t=n.validityStateChange.emit(i);if(t.defaultPrevented){return}}if(n.value===null||n.value===undefined){return}const a=await e(n);if(a){return}const{valid:s}=i;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!s)}function f(n,t){n.ixBlur.emit();if(!t){throw new Error("Input element is not available")}t.setAttribute("data-ix-touched","true");c(n,t)}function d(n,t,e){var i;if(!n){return}const r=16;const a=o(t+r/2);if(e.slotEnd){n.style.paddingRight=`calc(${a} + ${(i=e.additionalPaddingRight)!==null&&i!==void 0?i:"0rem"})`}else{n.style.paddingLeft=a}}function m(n,t,e){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const t=n.getBoundingClientRect();if(t){d(e,t.width,{slotEnd:false})}}if(t){const n=t.getBoundingClientRect();if(n){d(e,n.width,{slotEnd:true})}}}))}))}function p(n){const e={"aria-invalid":`${t(n.isInvalid)}`,"aria-required":`${t(n.required)}`};if(n.isInvalid&&n.invalidText){e["aria-errormessage"]=n.invalidText}return e}const v=(n,t)=>{const e=b(n,t);const o=i(t);o.observe(n,{subtree:true,attributes:true});return()=>{e.disconnect();o.disconnect()}};function b(n,t){const e=new IntersectionObserver((n=>{n.forEach((n=>{if(n.isIntersecting){t()}}))}));e.observe(n);return e}function h(n,t,e){if(t||n.key!=="Enter"||!e){return}n.preventDefault();const i=e.querySelector('button[type="submit"], ix-button[type="submit"]');if(i){e.requestSubmit(i)}if(e.length===1){e.requestSubmit()}}function y(t){return n("textarea",Object.assign({readOnly:t.readonly,disabled:t.disabled,maxLength:t.maxLength,minLength:t.minLength,cols:t.textareaCols,rows:t.textareaRows,ref:t.textAreaRef,class:{"is-invalid":t.isInvalid},required:t.required,value:t.value,placeholder:t.placeholder,onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value);t.valueChange(e.value)},onBlur:()=>t.onBlur(),style:{resize:t.resizeBehavior,height:t.textareaHeight,width:t.textareaWidth}},t.ariaAttributes))}function g(t){return n("input",Object.assign({id:t.id,autoComplete:"off",readOnly:t.readonly,disabled:t.disabled,step:t.step,min:t.min,max:t.max,maxLength:t.maxLength?Number(t.maxLength):undefined,minLength:t.minLength?Number(t.minLength):undefined,ref:t.inputRef,pattern:t.pattern,type:t.type,class:{"is-invalid":t.isInvalid},style:{textAlign:t.textAlignment},required:t.required,value:t.value,placeholder:t.placeholder,onKeyPress:n=>t.onKeyPress(n),onKeyDown:n=>{var e;(e=t.onKeyDown)===null||e===void 0?void 0:e.call(t,n);h(n,!!t.suppressSubmitOnEnter,t.form)}},{onBeforeInput:n=>{var e;return(e=t.onBeforeInput)===null||e===void 0?void 0:e.call(t,n)}},{onPaste:n=>{var e;return(e=t.onPaste)===null||e===void 0?void 0:e.call(t,n)},onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value);t.valueChange(e.value)},onBlur:()=>t.onBlur()},t.ariaAttributes))}const x=(t,e)=>n("div",{class:"end-container",ref:t.slotEndRef},n("slot",{name:"end",onSlotchange:t.onSlotChange}),e);const j=t=>n("div",{class:"start-container",ref:t.slotStartRef},n("slot",{name:"start",onSlotchange:t.onSlotChange}));export{g as I,x as S,y as T,v as a,m as b,j as c,l as d,c as e,p as g,h,u as m,f as o};
+//# sourceMappingURL=p-5iwF1M9X.js.map

package/dist/siemens-ix/p-5iwF1M9X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-5iwF1M9X.js","sources":["src/components/input/input.animation.ts","src/components/input/input.util.ts","src/components/input/input.fc.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 */\nimport { animate } from 'animejs';\nimport Animation from '../utils/animation';\n\nexport function shakeInput(input: HTMLInputElement) {\n  const xMax = 5;\n  animate(input, {\n    duration: Animation.defaultTime,\n    easing: 'easeInOutSine',\n    loop: 2,\n    translateX: [\n      {\n        value: xMax * -1,\n      },\n      {\n        value: xMax,\n      },\n      {\n        value: xMax / -2,\n      },\n      {\n        value: xMax / 2,\n      },\n      {\n        value: 0,\n      },\n    ],\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 { A11yAttributes, a11yBoolean } from '../utils/a11y';\nimport {\n  IxFormComponent,\n  IxInputFieldComponent,\n  ValidationResults,\n  shouldSuppressInternalValidation,\n} from '../utils/input';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { generateUUID } from '../utils/uuid';\nimport { shakeInput } from './input.animation';\n\nexport function createIdIfNotExists(\n  element: IxFormComponent,\n  idPrefix: string = 'input'\n) {\n  return element.hasAttribute('id')\n    ? element.getAttribute('id')\n    : `${idPrefix}-${generateUUID()}`;\n}\n\nexport function mapValidationResult<T>(\n  ref: IxInputFieldComponent<T>,\n  result: ValidationResults\n) {\n  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;\n  ref.isValid = result.isValid;\n  ref.isInfo = result.isInfo;\n  ref.isWarning = result.isWarning;\n}\n\nexport function checkAllowedKeys<T>(\n  comp: IxInputFieldComponent<T>,\n  event: KeyboardEvent\n) {\n  if (comp.allowedCharactersPattern) {\n    const regex = new RegExp(comp.allowedCharactersPattern);\n    if (!regex.test(event.key)) {\n      event.preventDefault();\n      shakeInput(comp.inputRef.current);\n    }\n  }\n}\n\nexport async function checkInternalValidity<T>(\n  comp: IxFormComponent<T>,\n  input: HTMLInputElement | HTMLTextAreaElement\n) {\n  const validityState = input.validity;\n  const currentValidityState = !comp.hostElement.classList.contains(\n    'ix-invalid--validity-invalid'\n  );\n  const newValidityState = validityState.valid;\n\n  if (currentValidityState !== newValidityState) {\n    const eventResult = comp.validityStateChange.emit(validityState);\n    if (eventResult.defaultPrevented) {\n      return;\n    }\n  }\n\n  if (comp.value === null || comp.value === undefined) {\n    return;\n  }\n\n  const skipValidation = await shouldSuppressInternalValidation(comp);\n  if (skipValidation) {\n    return;\n  }\n\n  const { valid } = validityState;\n  comp.hostElement.classList.toggle('ix-invalid--validity-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n  comp: IxFormComponent<T>,\n  input?: HTMLInputElement | HTMLTextAreaElement | null\n) {\n  comp.ixBlur.emit();\n\n  if (!input) {\n    throw new Error('Input element is not available');\n  }\n\n  input.setAttribute('data-ix-touched', 'true');\n  checkInternalValidity(comp, input);\n}\n\nexport function applyPaddingEnd(\n  inputElement: HTMLElement | null,\n  width: number,\n  options: {\n    slotEnd: boolean;\n    additionalPaddingRight?: string;\n  }\n) {\n  if (!inputElement) {\n    return;\n  }\n\n  const remInPixels = 16;\n  const padding = convertToRemString(width + remInPixels / 2);\n\n  if (options.slotEnd) {\n    inputElement.style.paddingRight = `calc(${padding} + ${\n      options.additionalPaddingRight ?? '0rem'\n    })`;\n  } else {\n    inputElement.style.paddingLeft = padding;\n  }\n}\n\nexport function adjustPaddingForStartAndEnd(\n  startElement: HTMLElement | null,\n  endElement: HTMLElement | null,\n  inputElement: HTMLElement | null\n) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      if (startElement) {\n        const startBoundingRect = startElement.getBoundingClientRect();\n        if (startBoundingRect) {\n          applyPaddingEnd(inputElement, startBoundingRect.width, {\n            slotEnd: false,\n          });\n        }\n      }\n\n      if (endElement) {\n        const endBoundingRect = endElement.getBoundingClientRect();\n        if (endBoundingRect) {\n          applyPaddingEnd(inputElement, endBoundingRect.width, {\n            slotEnd: true,\n          });\n        }\n      }\n    });\n  });\n}\n\nexport function getAriaAttributesForInput(\n  component: IxInputFieldComponent\n): A11yAttributes {\n  const inputAria: A11yAttributes = {\n    'aria-invalid': `${a11yBoolean(component.isInvalid)}`,\n    'aria-required': `${a11yBoolean(component.required)}`,\n  };\n\n  if (component.isInvalid && component.invalidText) {\n    inputAria['aria-errormessage'] = component.invalidText;\n  }\n  return inputAria;\n}\n\nexport type DisposableChangesAndVisibilityObservers = () => void;\n\nexport const addDisposableChangesAndVisibilityObservers = (\n  element: HTMLElement,\n  callback: () => void\n): DisposableChangesAndVisibilityObservers => {\n  const intersectionObserver = observeElementUntilVisible(element, callback);\n  const mutationObserver = createMutationObserver(callback);\n\n  mutationObserver.observe(element, {\n    subtree: true,\n    attributes: true,\n  });\n\n  return () => {\n    intersectionObserver.disconnect();\n    mutationObserver.disconnect();\n  };\n};\n\nfunction observeElementUntilVisible(\n  hostElement: HTMLElement,\n  updateCallback: () => void\n): IntersectionObserver {\n  const intersectionObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        updateCallback();\n      }\n    });\n  });\n\n  intersectionObserver.observe(hostElement);\n  return intersectionObserver;\n}\n\nexport function handleSubmitOnEnterKeydown(\n  event: KeyboardEvent,\n  suppressSubmitOnEnter: boolean,\n  form: HTMLFormElement | null | undefined\n) {\n  if (suppressSubmitOnEnter || event.key !== 'Enter' || !form) {\n    return;\n  }\n\n  event.preventDefault();\n  const submitButton = form.querySelector<HTMLElement>(\n    'button[type=\"submit\"], ix-button[type=\"submit\"]'\n  );\n\n  if (submitButton) {\n    form.requestSubmit(submitButton);\n  }\n\n  if (form.length === 1) {\n    form.requestSubmit();\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { handleSubmitOnEnterKeydown } from './input.util';\nimport { MakeRef } from '../utils/make-ref';\n\nexport function TextareaElement(\n  props: Readonly<{\n    resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';\n    textareaHeight?: string;\n    textareaWidth?: string;\n    textareaRows?: number;\n    textareaCols?: number;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: number;\n    minLength?: number;\n    isInvalid: boolean;\n    required: boolean;\n    value: string;\n    placeholder?: string;\n    textAreaRef: (el: HTMLTextAreaElement | undefined) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n  }>\n) {\n  return (\n    <textarea\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      maxLength={props.maxLength}\n      minLength={props.minLength}\n      cols={props.textareaCols}\n      rows={props.textareaRows}\n      ref={props.textAreaRef}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      style={{\n        resize: props.resizeBehavior,\n        height: props.textareaHeight,\n        width: props.textareaWidth,\n      }}\n      {...props.ariaAttributes}\n    ></textarea>\n  );\n}\n\nexport function InputElement(\n  props: Readonly<{\n    id: string;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: string | number;\n    minLength?: string | number;\n    max?: string | number;\n    min?: string | number;\n    step?: string | number;\n    pattern?: string;\n    type: string;\n    isInvalid: boolean;\n    required: boolean;\n    value: string | number;\n    placeholder?: string;\n    textAlignment?: 'start' | 'end';\n    inputRef: (el: HTMLInputElement | undefined) => void;\n    onKeyPress: (event: KeyboardEvent) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onBeforeInput?: (event: InputEvent) => void;\n    onPaste?: (event: ClipboardEvent) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n    form?: HTMLFormElement;\n    suppressSubmitOnEnter?: boolean;\n  }>\n) {\n  return (\n    <input\n      id={props.id}\n      autoComplete=\"off\"\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      step={props.step}\n      min={props.min}\n      max={props.max}\n      maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n      minLength={props.minLength ? Number(props.minLength) : undefined}\n      ref={props.inputRef}\n      pattern={props.pattern}\n      type={props.type}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      style={{\n        textAlign: props.textAlignment,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onKeyPress={(event) => props.onKeyPress(event)}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        handleSubmitOnEnterKeydown(\n          e,\n          !!props.suppressSubmitOnEnter,\n          props.form\n        );\n      }}\n      {...({\n        onBeforeInput: (event: InputEvent) => props.onBeforeInput?.(event),\n      } as any)}\n      onPaste={(event) => props.onPaste?.(event)}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      {...props.ariaAttributes}\n    ></input>\n  );\n}\n\nexport const SlotEnd: FunctionalComponent<{\n  slotEndRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props, children) => {\n  return (\n    <div class=\"end-container\" ref={props.slotEndRef}>\n      <slot name=\"end\" onSlotchange={props.onSlotChange}></slot>\n      {children}\n    </div>\n  );\n};\n\nexport const SlotStart: FunctionalComponent<{\n  slotStartRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props) => {\n  return (\n    <div class=\"start-container\" ref={props.slotStartRef}>\n      <slot name=\"start\" onSlotchange={props.onSlotChange}></slot>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/{p-2b2f339e.entry.js → p-6445a54f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i,g as s}from"./p-CtoreFVF.js";import{b as o}from"./p-Bb7pDeaQ.js";import{m as a}from"./p-bcj7UEIC.js";import{c as r}from"./p-CAj3Tlcn.js";import{h as n,H as c}from"./p-DXAZefAa.js";import"./p-8HpPmDK_.js";function l(t){return t&&"getAssociatedFormElement"in t&&typeof t.getAssociatedFormElement==="function"&&"getNativeInputElement"in t&&typeof t.getNativeInputElement==="function"}const h=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";const f=class{constructor(e){t(this,e);this.isInvalid=false;this.htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));this.a11yAttributes={};this.labelRef=a()}connectedCallback(){this.registerHtmlForObserver();this.registerControlRefObserver()}disconnectedCallback(){if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}}componentWillRender(){this.checkForInternalState()}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){if(typeof window==="undefined"){return}if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlFor){this.htmlForObserver.observe(window.document,{childList:true,subtree:true})}}async registerControlRefObserver(){if(typeof window==="undefined"){return}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=r(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}this.htmlForClassObserver=r(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){this.isInvalid=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid")}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){if(typeof t.required==="boolean"){this.required=t.required}this.registerHtmlForClassObserver(t);this.checkForInvalidState(t)}}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;if(l(t)){e=await t.getNativeInputElement()}else{e=t}if(typeof e.focus==="function"){e.focus()}}}if(this.controlRef){(await this.controlRef.waitForCurrent()).focus()}}render(){return e(i,{key:"8b95961ee8dde015e7be8c9b5d5b0c742abc66a2",onClick:()=>this.focusOnClick()},e("label",Object.assign({key:"94e23159d8cfc8366628245ff88c66a75114ddcd",htmlFor:this.htmlFor},this.a11yAttributes,{ref:this.labelRef}),e("ix-typography",{key:"71d0e1969ab2ffbc95366c256f22412caeca51a4",textColor:this.isInvalid?"alarm":"soft",format:"label"},e("slot",{key:"73d15d7c64df8d301cbe1a0d5158c459273d90ed"}),this.required&&e("span",{key:"adfe97c75781edcf3a3d84c463f019afff623765"},"*"))))}get hostElement(){return s(this)}static get watchers(){return{htmlFor:["registerHtmlForObserver"],controlRef:["registerControlRefObserver"]}}};f.style=h;const d=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";const m=class{constructor(e){t(this,e);this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.showTextAsTooltip=false;this.required=false;this.slotRef=a()}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};return e(i,{key:"3e4d4cc4d1825e7c882844497a14c683e6fa4984"},this.label&&e("div",{key:"14c73ca16fca119c7ae3b57406fed9d06c92682b",class:"field-top"},e("ix-field-label",{key:"528080fc33fbba4af32b995c2a5b812cbe546c3c",required:this.required,htmlFor:this.htmlForLabel,controlRef:this.controlRef,isInvalid:this.isInvalid},this.label)),e("div",{key:"07dd086cb873468943feddd633ff9487c4ac28ad",class:{"slot-wrapper":true},ref:this.slotRef},e("slot",{key:"b7cd2920a4ddfcd8c89c661a516169f965956150"})),e("div",{key:"f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16",class:"field-bottom"},!this.showTextAsTooltip&&e(c,Object.assign({key:"aec1f83ed3e30742d7e3d50e5287b3585cfff158"},t)),e("div",{key:"a89b5e7a6485fd220b5b1b0fa68eda56fe77367c",class:"bottom-right"},e("slot",{key:"079a9c2ad3694da127bc03324764a317d0ad97a3",name:"bottom-right"}))),this.showTextAsTooltip===true&&n(t)&&e("ix-tooltip",{key:"c43740e25841a7e14069b0f666ede1e3d3a38e35",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},e(c,Object.assign({key:"8cffb6fb825da3d30f8b0362359d305c53a99c93"},t))))}get hostElement(){return s(this)}};m.style=d;export{f as ix_field_label,m as ix_field_wrapper};
-//# sourceMappingURL=p-2b2f339e.entry.js.map
+import{r as t,h as e,H as i,g as s}from"./p-CtoreFVF.js";import{b as o}from"./p-Bb7pDeaQ.js";import{m as a}from"./p-bcj7UEIC.js";import{c as r}from"./p-CAj3Tlcn.js";import{h as n,H as c}from"./p-Cn013Iz8.js";import"./p-8HpPmDK_.js";function l(t){return t&&"getAssociatedFormElement"in t&&typeof t.getAssociatedFormElement==="function"&&"getNativeInputElement"in t&&typeof t.getNativeInputElement==="function"}const h=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";const f=class{constructor(e){t(this,e);this.isInvalid=false;this.htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));this.a11yAttributes={};this.labelRef=a()}connectedCallback(){this.registerHtmlForObserver();this.registerControlRefObserver()}disconnectedCallback(){if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}}componentWillRender(){this.checkForInternalState()}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){if(typeof window==="undefined"){return}if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlFor){this.htmlForObserver.observe(window.document,{childList:true,subtree:true})}}async registerControlRefObserver(){if(typeof window==="undefined"){return}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=r(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}this.htmlForClassObserver=r(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){this.isInvalid=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid")}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){if(typeof t.required==="boolean"){this.required=t.required}this.registerHtmlForClassObserver(t);this.checkForInvalidState(t)}}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;if(l(t)){e=await t.getNativeInputElement()}else{e=t}if(typeof e.focus==="function"){e.focus()}}}if(this.controlRef){(await this.controlRef.waitForCurrent()).focus()}}render(){return e(i,{key:"ca4f1ba84a3a19a4d15aa517272c90bebf782e13",onClick:()=>this.focusOnClick()},e("label",Object.assign({key:"44e2386d5dd7c51d3b5a9e1530e986b15ba64d23",htmlFor:this.htmlFor},this.a11yAttributes,{ref:this.labelRef}),e("ix-typography",{key:"ab97048f7a521ad398438795ba7a5ccba2571f4c",textColor:this.isInvalid?"alarm":"soft",format:"label"},e("slot",{key:"faf628440f832acb412c7f5b40dab4620da785d7"}),this.required&&e("span",{key:"d15676e3bf2d645ce2e1fc8f3bd91af23b6ec725"},"*"))))}get hostElement(){return s(this)}static get watchers(){return{htmlFor:["registerHtmlForObserver"],controlRef:["registerControlRefObserver"]}}};f.style=h;const d=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";const b=class{constructor(e){t(this,e);this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.showTextAsTooltip=false;this.required=false;this.slotRef=a()}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};return e(i,{key:"a27a9cefcce30e8dc30ca6a3fd72164227e86fdf"},this.label&&e("div",{key:"ef4a8585d24c3b0400e85b1a21bd9344e01bcb47",class:"field-top"},e("ix-field-label",{key:"93c9f7cfbbde681956a7676721f1dd0821907e89",required:this.required,htmlFor:this.htmlForLabel,controlRef:this.controlRef,isInvalid:this.isInvalid},this.label)),e("div",{key:"3a26cb08a91fc7c0f10de83a5b722b5af66f059f",class:{"slot-wrapper":true},ref:this.slotRef},e("slot",{key:"fe73a444a23928cee7f7899cc3bb6aef76eefa68"})),e("div",{key:"bc5fa34c5a05e49427e63a87d70db0735a0a0b80",class:"field-bottom"},!this.showTextAsTooltip&&e(c,Object.assign({key:"67abdfcf2448d8df422cd0ee39c162f423e5c564"},t)),e("div",{key:"fecb02a2e534980491ea776cdc952b1aeea41286",class:"bottom-right"},e("slot",{key:"9a958f810edf477be93394d887724c9763c57f17",name:"bottom-right"}))),this.showTextAsTooltip===true&&n(t)&&e("ix-tooltip",{key:"d3d8810548d267811e5f298fbb41f657abbae27d",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},e(c,Object.assign({key:"44c241959d5db7e91c00a08a843a51dfc9307256"},t))))}get hostElement(){return s(this)}};b.style=d;export{f as ix_field_label,b as ix_field_wrapper};
+//# sourceMappingURL=p-6445a54f.entry.js.map

package/dist/siemens-ix/{p-acb7c236.entry.js → p-667e3184.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as t}from"./p-CtoreFVF.js";const a=":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const e=class{constructor(o){r(this,o)}render(){return o(t,{key:"bab5a43ac92a13caca46d241091c27c773990aba"},o("slot",{key:"fefe386636d486a7e1d4b35a23eafe0d04b7270c"}))}};e.style=a;export{e as ix_modal_footer};
-//# sourceMappingURL=p-acb7c236.entry.js.map
+import{r,h as o,H as t}from"./p-CtoreFVF.js";const e=":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const a=class{constructor(o){r(this,o)}render(){return o(t,{key:"11eb649edd163b25fdeb4b533bf513a861c1d7ec"},o("slot",{key:"9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b"}))}};a.style=e;export{a as ix_modal_footer};
+//# sourceMappingURL=p-667e3184.entry.js.map

package/dist/siemens-ix/{p-92e0ebf1.entry.js → p-6a4bc78a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as a}from"./p-CtoreFVF.js";import{p as o,D as h,E as r,F as n,G as l}from"./p-8HpPmDK_.js";import{a as d}from"./p-DhE1t8Qh.js";import{A as p}from"./p-C5MWUgDN.js";import{a as c}from"./p-gkooEHol.js";import{m as b}from"./p-D_Hmobxf.js";import{a as m}from"./p-CKoABG1h.js";import{a as f}from"./p-Bb7pDeaQ.js";import"./p-BdCnOrqW.js";const g=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const v=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.closeOnClickOutside=false;this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0;this.animations=new Map;this.animationCounter=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}disconnectedCallback(){var t,e,i;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();(i=this.disposableWindowClick)===null||i===void 0?void 0:i.call(this)}onExpandedChange(){var t;if(!this.closeOnClickOutside||!this.expanded){(t=this.disposableWindowClick)===null||t===void 0?void 0:t.call(this);return}this.disposableWindowClick=m(window,"click",(t=>{var e;const i=((e=t.composedPath)===null||e===void 0?void 0:e.call(t))||[];if(!i.includes(this.hostElement)){this.dispatchExpandedChangedEvent()}}))}componentWillLoad(){this.onExpandedChange();this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=b("sm");c.onChange.on((()=>{this.isMobile=b("sm")}));if(this.currentSlot){this.setPosition(this.currentSlot)}this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i!==null&&i!==void 0?i:"",newSlot:e!==null&&e!==void 0?e:""});if(e){this.setPosition(e)}}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}setPosition(t){if(v.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?h:l;e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n;e=this.isMobile?h:l;break;case"bottom":t=r;e=h;break;case"top":t=h;e=r;break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=d(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=d(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},onComplete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey();let s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey();let s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){var e;this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",hideOnCollapse:t})}onVariantChange(t){var e;this.floating=t==="floating";this.variantChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",variant:t})}onBorderlessChange(t){var e;this.borderlessChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",borderless:t})}dispatchExpandedChangedEvent(){var t;const e=this.expandedChanged.emit({slot:(t=this.currentSlot)!==null&&t!==void 0?t:"",expanded:!this.expanded});if(!e.defaultPrevented){this.expanded=!this.expanded}}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=v.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(v.collapsedPane)}else{this.animateVerticalFadeIn(v.collapsedPane)}}}}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;return i(s,{key:"d90ef7a63b141b3af9c9f04aba41cf8ef13c448a",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},i("aside",{key:"02cb43bcca7a7d6acf5d341f9a4e7ee5739f72c1",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"be05dfaf0f1080ad0bcdbd41ea01ac151b2aeb86",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"767886aea1428fdc4c10875de8eb0dd3750b5cdf",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?o:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":undefined,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":this.ariaLabelCollapseCloseButton}),i("div",{key:"5fd6b9619ce193b891fd98a9bee39aad31f3747d",class:{"title-text":true,rotate:t}},this.icon&&i("ix-icon",{key:"38d9ad10b7d61868aa94b9b02ca3f74063e1f6e8",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),i("div",{key:"4b69e18d0297c51b814531353192a2199477ca29",class:"title-text-overflow"},i("ix-typography",{key:"fe5a51d0b8189484c85c7e373e4144aacdda2605",format:"h4"},this.heading)),this.expanded&&i("div",{key:"39edc85909cabbbc8103d6a322c0385ae9d495b5",class:"slot-header"},i("slot",{key:"886bd5bc2aad66c103698cf38259072ca524563a",name:"header"})))),i("div",{key:"e4bdfa446878efd622c8d1c10ad53f94caf0da9d",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"967fed090b6ab347a2140815dd93a29dee023b54"}))))}get hostElement(){return a(this)}static get watchers(){return{expanded:["onExpandedChange","onSizeChange"],isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],size:["onSizeChange"]}}};v.validPositions=["top","left","bottom","right"];v.collapsedPane="40px";v.collapsedPaneMobile="48px";v.style=g;export{v as ix_pane};
-//# sourceMappingURL=p-92e0ebf1.entry.js.map
+import{r as t,c as e,h as i,H as s,g as a}from"./p-CtoreFVF.js";import{p as o,D as h,E as r,F as n,G as l}from"./p-8HpPmDK_.js";import{a as d}from"./p-DhE1t8Qh.js";import{A as p}from"./p-C5MWUgDN.js";import{a as c}from"./p-gkooEHol.js";import{m as b}from"./p-D_Hmobxf.js";import{a as m}from"./p-CKoABG1h.js";import{a as f}from"./p-Bb7pDeaQ.js";import"./p-BdCnOrqW.js";const g=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const v=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.closeOnClickOutside=false;this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0;this.animations=new Map;this.animationCounter=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}disconnectedCallback(){var t,e,i;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();(i=this.disposableWindowClick)===null||i===void 0?void 0:i.call(this)}onExpandedChange(){var t;if(!this.closeOnClickOutside||!this.expanded){(t=this.disposableWindowClick)===null||t===void 0?void 0:t.call(this);return}this.disposableWindowClick=m(window,"click",(t=>{var e;const i=((e=t.composedPath)===null||e===void 0?void 0:e.call(t))||[];if(!i.includes(this.hostElement)){this.dispatchExpandedChangedEvent()}}))}componentWillLoad(){this.onExpandedChange();this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=b("sm");c.onChange.on((()=>{this.isMobile=b("sm")}));if(this.currentSlot){this.setPosition(this.currentSlot)}this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i!==null&&i!==void 0?i:"",newSlot:e!==null&&e!==void 0?e:""});if(e){this.setPosition(e)}}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}setPosition(t){if(v.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?h:l;e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n;e=this.isMobile?h:l;break;case"bottom":t=r;e=h;break;case"top":t=h;e=r;break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=d(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=d(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},onComplete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey();let s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey();let s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){var e;this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",hideOnCollapse:t})}onVariantChange(t){var e;this.floating=t==="floating";this.variantChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",variant:t})}onBorderlessChange(t){var e;this.borderlessChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",borderless:t})}dispatchExpandedChangedEvent(){var t;const e=this.expandedChanged.emit({slot:(t=this.currentSlot)!==null&&t!==void 0?t:"",expanded:!this.expanded});if(!e.defaultPrevented){this.expanded=!this.expanded}}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=v.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(v.collapsedPane)}else{this.animateVerticalFadeIn(v.collapsedPane)}}}}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;return i(s,{key:"d4dcd94494a7a1a20cb9ce1613f60b07708a1a6a",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},i("aside",{key:"16c38b4a2706ee2cc82975e7cc8f48434997d668",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"e4f68f0ab4d1c720bd2bbd2c8a3362e8c1166216",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"3d6a8b606b790e4a0401de198dd7f96536cff5a9",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?o:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":undefined,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":this.ariaLabelCollapseCloseButton}),i("div",{key:"e7410bc38e5c387ac6b92d7805cd4b82a4e5517e",class:{"title-text":true,rotate:t}},this.icon&&i("ix-icon",{key:"0429aadaabf1c6ff85d2858530d134884dde885a",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),i("div",{key:"a1f91e5bfc947a90423df8706bc97c13c5fe8f5b",class:"title-text-overflow"},i("ix-typography",{key:"c7e45df0f33e0ca37fe1ca02ed552c7602e241f4",format:"h4"},this.heading)),this.expanded&&i("div",{key:"1780fd1205121d168c240ef7f2990318f42cef52",class:"slot-header"},i("slot",{key:"ff9c90ed6e1c9fd23850168a0cb6457aeb27663f",name:"header"})))),i("div",{key:"67ce0be6d20ecbaf426f6d11acf9bdfab14d9945",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"d5ee452fe64264f93ba57300a099abbaa89cfbd5"}))))}get hostElement(){return a(this)}static get watchers(){return{expanded:["onExpandedChange","onSizeChange"],isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],size:["onSizeChange"]}}};v.validPositions=["top","left","bottom","right"];v.collapsedPane="40px";v.collapsedPaneMobile="48px";v.style=g;export{v as ix_pane};
+//# sourceMappingURL=p-6a4bc78a.entry.js.map

package/dist/siemens-ix/p-6dc6eb63.entry.js

@@ -0,0 +1,2 @@
+import{r,c as e,h as o,H as s}from"./p-CtoreFVF.js";import{a}from"./p-DhE1t8Qh.js";import{p as t,y as c,b as i,c as l,a as n,z as h,i as b}from"./p-8HpPmDK_.js";const d=":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;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 .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";const m=class{constructor(o){r(this,o);this.closedChange=e(this,"closedChange",7);this.closeAnimationCompleted=e(this,"closeAnimationCompleted",7);this.type="info";this.persistent=false}componentWillRender(){const r=m.messageTypeConfigs[this.type];if(r){this.icon=r.icon;this.color=r.color}}closeAlert(r){const{defaultPrevented:e}=this.closedChange.emit();if(!e){a(r,{duration:m.duration,opacity:[1,0],easing:"easeOutSine",onComplete:()=>{r.classList.add("message-bar-hidden");this.closeAnimationCompleted.emit()}})}}render(){return o(s,{key:"538fcc08ad07fe808f424e067a361f4a56f4c0ec"},o("div",{key:"4a75052efe1b22c247dcfcd298aabbd1098ff7b6",class:{"message-container":true,[this.type]:true},role:"alert",ref:r=>this.divElement=r},o("ix-icon",{key:"d348829692e38a1023e044834aefa45516b4d916",color:this.color,name:this.icon}),o("div",{key:"0ac0a509efe1dd246f7732660e4cf16416c8655d",class:"message-content"},o("slot",{key:"6143bfa9cf39d32d149c2893b7712358337833c9"})),!this.persistent&&o("ix-icon-button",{key:"b118c91956af0fd00d02cfefdb7da36d46f2d360",icon:t,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>{if(this.divElement){this.closeAlert(this.divElement)}},"data-testid":"close-btn"})))}};m.duration=300;m.messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:n,color:"color-warning-text"},success:{icon:l,color:"color-success"},info:{icon:i,color:"color-info"},neutral:{icon:c,color:"color-neutral"},primary:{icon:c,color:"color-primary"}};m.style=d;export{m as ix_message_bar};
+//# sourceMappingURL=p-6dc6eb63.entry.js.map

package/dist/siemens-ix/{p-453aa17a.entry.js.map → p-6dc6eb63.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","animate","iconClose","iconNotification","iconInfo","iconSuccess","iconWarning","iconWarningRhomb","iconError","messageBarCss","MessageBar","constructor","hostRef","this","closedChange","closeAnimationCompleted","type","persistent","componentWillRender","config","messageTypeConfigs","icon","color","closeAlert","el","defaultPrevented","emit","duration","opacity","easing","onComplete","classList","add","render","key","class","role","ref","divElement","name","iconColor","size","variant","onClick","alarm","critical","warning","success","info","neutral","primary","style"],"sources":["0"],"mappings":"OAAcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAe,8BACfC,OAAgBC,OAAuBC,OAAeC,OAAkBC,OAAkBC,OAAuBC,MAAiB,kBAEhJ,MAAMC,EAAgB,2sEAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRf,EAAiBgB,KAAMD,GACvBC,KAAKC,aAAehB,EAAYe,KAAM,eAAgB,GACtDA,KAAKE,wBAA0BjB,EAAYe,KAAM,0BAA2B,GAI5EA,KAAKG,KAAO,OAIZH,KAAKI,WAAa,KACtB,CACA,mBAAAC,GACI,MAAMC,EAAST,EAAWU,mBAAmBP,KAAKG,MAClD,GAAIG,EAAQ,CACRN,KAAKQ,KAAOF,EAAOE,KACnBR,KAAKS,MAAQH,EAAOG,KACxB,CACJ,CACA,UAAAC,CAAWC,GACP,MAAMC,iBAAEA,GAAqBZ,KAAKC,aAAaY,OAC/C,IAAKD,EAAkB,CACnBxB,EAAQuB,EAAI,CACRG,SAAUjB,EAAWiB,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,WAAY,KACRN,EAAGO,UAAUC,IAAI,sBACjBnB,KAAKE,wBAAwBW,MAAM,GAG/C,CACJ,CACA,MAAAO,GACI,OAAQlC,EAAEC,EAAM,CAAEkC,IAAK,4CAA8CnC,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,CAAE,oBAAqB,KAAM,CAACtB,KAAKG,MAAO,MAAQoB,KAAM,QAASC,IAAMb,GAAQX,KAAKyB,WAAad,GAAOzB,EAAE,UAAW,CAAEmC,IAAK,2CAA4CZ,MAAOT,KAAKS,MAAOiB,KAAM1B,KAAKQ,OAAStB,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,mBAAqBpC,EAAE,OAAQ,CAAEmC,IAAK,+CAAiDrB,KAAKI,YAAelB,EAAE,iBAAkB,CAAEmC,IAAK,2CAA4Cb,KAAMnB,EAAWsC,UAAW,kBAAmBC,KAAM,KAAMC,QAAS,WAAYC,QAAS,KAC7pB,GAAI9B,KAAKyB,WAAY,CACjBzB,KAAKU,WAAWV,KAAKyB,WACzB,GACD,cAAe,eAC1B,GAEJ5B,EAAWiB,SAAW,IACtBjB,EAAWU,mBAAqB,CAE5BwB,MAAO,CAAEvB,KAAMb,EAAWc,MAAO,eACjCuB,SAAU,CAAExB,KAAMd,EAAkBe,MAAO,kBAC3CwB,QAAS,CAAEzB,KAAMf,EAAagB,MAAO,sBACrCyB,QAAS,CAAE1B,KAAMhB,EAAaiB,MAAO,iBACrC0B,KAAM,CAAE3B,KAAMjB,EAAUkB,MAAO,cAC/B2B,QAAS,CAAE5B,KAAMlB,EAAkBmB,MAAO,iBAC1C4B,QAAS,CAAE7B,KAAMlB,EAAkBmB,MAAO,kBAE9CZ,EAAWyC,MAAQ1C,SAEVC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","animate","iconClose","iconNotification","iconInfo","iconSuccess","iconWarning","iconWarningRhomb","iconError","messageBarCss","MessageBar","constructor","hostRef","this","closedChange","closeAnimationCompleted","type","persistent","componentWillRender","config","messageTypeConfigs","icon","color","closeAlert","el","defaultPrevented","emit","duration","opacity","easing","onComplete","classList","add","render","key","class","role","ref","divElement","name","iconColor","size","variant","onClick","alarm","critical","warning","success","info","neutral","primary","style"],"sources":["0"],"mappings":"OAAcA,OAAuBC,OAAaC,OAAQC,MAAY,yBACxDC,MAAe,8BACfC,OAAgBC,OAAuBC,OAAeC,OAAkBC,OAAkBC,OAAuBC,MAAiB,kBAEhJ,MAAMC,EAAgB,2sEAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRf,EAAiBgB,KAAMD,GACvBC,KAAKC,aAAehB,EAAYe,KAAM,eAAgB,GACtDA,KAAKE,wBAA0BjB,EAAYe,KAAM,0BAA2B,GAI5EA,KAAKG,KAAO,OAIZH,KAAKI,WAAa,KACtB,CACA,mBAAAC,GACI,MAAMC,EAAST,EAAWU,mBAAmBP,KAAKG,MAClD,GAAIG,EAAQ,CACRN,KAAKQ,KAAOF,EAAOE,KACnBR,KAAKS,MAAQH,EAAOG,KACxB,CACJ,CACA,UAAAC,CAAWC,GACP,MAAMC,iBAAEA,GAAqBZ,KAAKC,aAAaY,OAC/C,IAAKD,EAAkB,CACnBxB,EAAQuB,EAAI,CACRG,SAAUjB,EAAWiB,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,WAAY,KACRN,EAAGO,UAAUC,IAAI,sBACjBnB,KAAKE,wBAAwBW,MAAM,GAG/C,CACJ,CACA,MAAAO,GACI,OAAQlC,EAAEC,EAAM,CAAEkC,IAAK,4CAA8CnC,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,CAAE,oBAAqB,KAAM,CAACtB,KAAKG,MAAO,MAAQoB,KAAM,QAASC,IAAMb,GAAQX,KAAKyB,WAAad,GAAOzB,EAAE,UAAW,CAAEmC,IAAK,2CAA4CZ,MAAOT,KAAKS,MAAOiB,KAAM1B,KAAKQ,OAAStB,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,mBAAqBpC,EAAE,OAAQ,CAAEmC,IAAK,+CAAiDrB,KAAKI,YAAelB,EAAE,iBAAkB,CAAEmC,IAAK,2CAA4Cb,KAAMnB,EAAWsC,UAAW,kBAAmBC,KAAM,KAAMC,QAAS,WAAYC,QAAS,KAC7pB,GAAI9B,KAAKyB,WAAY,CACjBzB,KAAKU,WAAWV,KAAKyB,WACzB,GACD,cAAe,eAC1B,GAEJ5B,EAAWiB,SAAW,IACtBjB,EAAWU,mBAAqB,CAE5BwB,MAAO,CAAEvB,KAAMb,EAAWc,MAAO,eACjCuB,SAAU,CAAExB,KAAMd,EAAkBe,MAAO,kBAC3CwB,QAAS,CAAEzB,KAAMf,EAAagB,MAAO,sBACrCyB,QAAS,CAAE1B,KAAMhB,EAAaiB,MAAO,iBACrC0B,KAAM,CAAE3B,KAAMjB,EAAUkB,MAAO,cAC/B2B,QAAS,CAAE5B,KAAMlB,EAAkBmB,MAAO,iBAC1C4B,QAAS,CAAE7B,KAAMlB,EAAkBmB,MAAO,kBAE9CZ,EAAWyC,MAAQ1C,SAEVC","ignoreList":[]}