npm - @siemens/ix - Versions diffs - 3.0.0-alpha.4 → 3.0.0 - Mend

@siemens/ix 3.0.0-alpha.4 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1093) hide show

package/dist/siemens-ix/p-DHml78Yc.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{g as i}from"./p-BNpBEtDH.js";async function n(i){if(typeof i.isTouched==="function"){return i.isTouched()}}async function t(i){if(i.getAssociatedFormElement&&typeof i.getAssociatedFormElement==="function"){const n=await i.getAssociatedFormElement();if(!n){return false}return n.noValidate}return false}function e(i,n,t){const e=new MutationObserver(n);e.observe(i,{subtree:t===null\|\|t===void 0?void 0:t.includeChildren,childList:t===null\|\|t===void 0?void 0:t.includeChildren,attributes:true,attributeFilter:["class"]});return{destroy(){e.disconnect()}}}function o(i,n,t){return i.classList.contains(`${n}`)\|\|(t?!!i.querySelector(`.${n}`):false)}function a(i,n=false){return{isInvalid:o(i,"ix-invalid",n),isInvalidByRequired:o(i,"ix-invalid--required",n),isValid:o(i,"ix-valid",n),isInfo:o(i,"ix-info",n),isWarning:o(i,"ix-warning",n)}}function s(o){return(s,l)=>{let u;let r;const{componentWillLoad:c,disconnectedCallback:d,connectedCallback:f}=s;s.connectedCallback=function(){const e=i(this);u=async()=>{const i=await t(e);if(i){return}if(e.hasValidValue&&typeof e.hasValidValue==="function"){const i=await e.hasValidValue();const t=await n(e);if(e.required){e.classList.toggle("ix-invalid--required",!i&&t)}else{e.classList.remove("ix-invalid--required")}}if(e.getValidityState&&typeof e.getValidityState==="function"){const i=await e.getValidityState();e.classList.toggle(`ix-invalid--validity-patternMismatch`,i.patternMismatch)}};e.addEventListener("checkedChange",u);e.addEventListener("valueChange",u);e.addEventListener("ixBlur",u);setTimeout(u);return f===null\|\|f===void 0?void 0:f.call(this)};s.componentWillLoad=function(){const n=i(this);r=e(n,(()=>{const i=a(n,o===null\|\|o===void 0?void 0:o.includeChildren);s[l].call(this,i)}),o);const t=a(n,o===null\|\|o===void 0?void 0:o.includeChildren);s[l].call(this,t);return c===null\|\|c===void 0?void 0:c.call(this)};s.disconnectedCallback=function(){const n=i(this);if(n&&r){r.destroy();r=null}if(n&&u){n.removeEventListener("checkedChange",u);n.removeEventListener("valueChange",u);n.removeEventListener("ixBlur",u);u=null}return d===null\|\|d===void 0?void 0:d.call(this)}}}export{s as H,a,e as c,t as s};
2	+ //# sourceMappingURL=p-DHml78Yc.js.map

package/dist/siemens-ix/p-DHml78Yc.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-DHml78Yc.js","sources":["src/components/utils/input/validation.ts"],"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 { getElement } from '@stencil/core';\nimport { HTMLIxFormComponentElement, IxFormComponent } from '.';\nimport { IxComponent } from '../internal';\n\nexport type ClassMutationObserver = {\n destroy: () => void;\n};\n\nexport async function isTouched<T>(host: IxFormComponent<T>) {\n if (typeof host.isTouched === 'function') {\n return host.isTouched();\n }\n}\n\nexport async function shouldSuppressInternalValidation<T>(\n host: IxFormComponent<T>\n) {\n if (\n host.getAssociatedFormElement &&\n typeof host.getAssociatedFormElement === 'function'\n ) {\n const form = await host.getAssociatedFormElement();\n\n if (!form) {\n return false;\n }\n\n return form.noValidate;\n }\n\n return false;\n}\n\nexport function createClassMutationObserver(\n element: HTMLElement,\n callback: () => void,\n options?: {\n includeChildren?: boolean;\n }\n): ClassMutationObserver {\n const observer = new MutationObserver(callback);\n observer.observe(element, {\n subtree: options?.includeChildren,\n childList: options?.includeChildren,\n attributes: true,\n attributeFilter: ['class'],\n });\n\n return {\n destroy() {\n observer.disconnect();\n },\n };\n}\n\nexport type ValidationResultProperty =\n | 'isInvalid'\n | 'isInvalidByRequired'\n | 'isValid'\n | 'isInfo'\n | 'isWarning';\nexport type ValidationResults = Record<ValidationResultProperty, boolean>;\n\nfunction containsClass(\n hostElement: HTMLIxFormComponentElement<unknown>,\n className: string,\n includeChildren: boolean\n) {\n return (\n hostElement.classList.contains(`${className}`) ||\n (includeChildren ? !!hostElement.querySelector(`.${className}`) : false)\n );\n}\n\nexport function checkFieldClasses(\n hostElement: HTMLIxFormComponentElement<unknown>,\n includeChildren = false\n): ValidationResults {\n return {\n isInvalid: containsClass(hostElement, 'ix-invalid', includeChildren),\n isInvalidByRequired: containsClass(\n hostElement,\n 'ix-invalid--required',\n includeChildren\n ),\n isValid: containsClass(hostElement, 'ix-valid', includeChildren),\n isInfo: containsClass(hostElement, 'ix-info', includeChildren),\n isWarning: containsClass(hostElement, 'ix-warning', includeChildren),\n };\n}\n\nexport function HookValidationLifecycle(options?: {\n includeChildren?: boolean;\n}) {\n return (proto: IxComponent, methodName: string) => {\n let checkIfRequiredFunction: (() => Promise<void>) | null;\n let classMutationObserver: ClassMutationObserver | null;\n const { componentWillLoad, disconnectedCallback, connectedCallback } =\n proto;\n\n proto.connectedCallback = function () {\n const host = getElement(\n this\n ) as unknown as HTMLIxFormComponentElement<unknown>;\n\n checkIfRequiredFunction = async () => {\n const skipValidation = await shouldSuppressInternalValidation(host);\n if (skipValidation) {\n return;\n }\n\n if (host.hasValidValue && typeof host.hasValidValue === 'function') {\n const hasValue = await host.hasValidValue();\n const touched = await isTouched(host);\n\n if (host.required) {\n host.classList.toggle('ix-invalid--required', !hasValue && touched);\n } else {\n host.classList.remove('ix-invalid--required');\n }\n }\n\n if (\n host.getValidityState &&\n typeof host.getValidityState === 'function'\n ) {\n const validityState = await host.getValidityState();\n\n host.classList.toggle(\n `ix-invalid--validity-patternMismatch`,\n validityState.patternMismatch\n );\n }\n };\n\n host.addEventListener('checkedChange', checkIfRequiredFunction);\n host.addEventListener('valueChange', checkIfRequiredFunction);\n host.addEventListener('ixBlur', checkIfRequiredFunction);\n setTimeout(checkIfRequiredFunction);\n return connectedCallback?.call(this);\n };\n\n proto.componentWillLoad = function () {\n const host = getElement(\n this\n ) as unknown as HTMLIxFormComponentElement<unknown>;\n classMutationObserver = createClassMutationObserver(\n host,\n () => {\n const result = checkFieldClasses(host, options?.includeChildren);\n proto[methodName].call(this, result);\n },\n options\n );\n const result = checkFieldClasses(host, options?.includeChildren);\n proto[methodName].call(this, result);\n return componentWillLoad?.call(this);\n };\n\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n\n if (host && classMutationObserver) {\n classMutationObserver.destroy();\n classMutationObserver = null;\n }\n\n if (host && checkIfRequiredFunction) {\n host.removeEventListener('checkedChange', checkIfRequiredFunction);\n host.removeEventListener('valueChange', checkIfRequiredFunction);\n host.removeEventListener('ixBlur', checkIfRequiredFunction);\n checkIfRequiredFunction = null;\n }\n\n return disconnectedCallback?.call(this);\n };\n };\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AASI,eAAe,SAAS,CAAI,IAAwB,EAAA;AACzD,IAAA,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE;AACxC,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;;AAE3B;AAEO,eAAe,gCAAgC,CACpD,IAAwB,EAAA;IAExB,IACE,IAAI,CAAC,wBAAwB;AAC7B,QAAA,OAAO,IAAI,CAAC,wBAAwB,KAAK,UAAU,EACnD;AACA,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,wBAAwB,EAAE;QAElD,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,KAAK;;QAGd,OAAO,IAAI,CAAC,UAAU;;AAGxB,IAAA,OAAO,KAAK;AACd;SAEgB,2BAA2B,CACzC,OAAoB,EACpB,QAAoB,EACpB,OAEC,EAAA;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,QAAQ,CAAC;AAC/C,IAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;AACxB,QAAA,OAAO,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,eAAe;AACjC,QAAA,SAAS,EAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,eAAe;AACnC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,OAAO,CAAC;AAC3B,KAAA,CAAC;IAEF,OAAO;QACL,OAAO,GAAA;YACL,QAAQ,CAAC,UAAU,EAAE;SACtB;KACF;AACH;AAUA,SAAS,aAAa,CACpB,WAAgD,EAChD,SAAiB,EACjB,eAAwB,EAAA;IAExB,QACE,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;SAC7C,eAAe,GAAG,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,SAAS,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC;AAE5E;SAEgB,iBAAiB,CAC/B,WAAgD,EAChD,eAAe,GAAG,KAAK,EAAA;IAEvB,OAAO;QACL,SAAS,EAAE,aAAa,CAAC,WAAW,EAAE,YAAY,EAAE,eAAe,CAAC;QACpE,mBAAmB,EAAE,aAAa,CAChC,WAAW,EACX,sBAAsB,EACtB,eAAe,CAChB;QACD,OAAO,EAAE,aAAa,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;QAChE,MAAM,EAAE,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,eAAe,CAAC;QAC9D,SAAS,EAAE,aAAa,CAAC,WAAW,EAAE,YAAY,EAAE,eAAe,CAAC;KACrE;AACH;AAEM,SAAU,uBAAuB,CAAC,OAEvC,EAAA;AACC,IAAA,OAAO,CAAC,KAAkB,EAAE,UAAkB,KAAI;AAChD,QAAA,IAAI,uBAAqD;AACzD,QAAA,IAAI,qBAAmD;QACvD,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,GAClE,KAAK;QAEP,KAAK,CAAC,iBAAiB,GAAG,YAAA;AACxB,YAAA,MAAM,IAAI,GAAG,UAAU,CACrB,IAAI,CAC6C;YAEnD,uBAAuB,GAAG,YAAW;AACnC,gBAAA,MAAM,cAAc,GAAG,MAAM,gCAAgC,CAAC,IAAI,CAAC;gBACnE,IAAI,cAAc,EAAE;oBAClB;;gBAGF,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,UAAU,EAAE;AAClE,oBAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE;AAC3C,oBAAA,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC;AAErC,oBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,wBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC;;yBAC9D;AACL,wBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC;;;gBAIjD,IACE,IAAI,CAAC,gBAAgB;AACrB,oBAAA,OAAO,IAAI,CAAC,gBAAgB,KAAK,UAAU,EAC3C;AACA,oBAAA,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,gBAAgB,EAAE;oBAEnD,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAsC,oCAAA,CAAA,EACtC,aAAa,CAAC,eAAe,CAC9B;;AAEL,aAAC;AAED,YAAA,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,uBAAuB,CAAC;AAC/D,YAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC;AAC7D,YAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,CAAC;YACxD,UAAU,CAAC,uBAAuB,CAAC;YACnC,OAAO,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,MAAA,GAAA,MAAA,GAAA,iBAAiB,CAAE,IAAI,CAAC,IAAI,CAAC;AACtC,SAAC;QAED,KAAK,CAAC,iBAAiB,GAAG,YAAA;AACxB,YAAA,MAAM,IAAI,GAAG,UAAU,CACrB,IAAI,CAC6C;AACnD,YAAA,qBAAqB,GAAG,2BAA2B,CACjD,IAAI,EACJ,MAAK;AACH,gBAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,eAAe,CAAC;gBAChE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;aACrC,EACD,OAAO,CACR;AACD,YAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,eAAe,CAAC;YAChE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;YACpC,OAAO,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,MAAA,GAAA,MAAA,GAAA,iBAAiB,CAAE,IAAI,CAAC,IAAI,CAAC;AACtC,SAAC;QAED,KAAK,CAAC,oBAAoB,GAAG,YAAA;AAC3B,YAAA,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;AAE7B,YAAA,IAAI,IAAI,IAAI,qBAAqB,EAAE;gBACjC,qBAAqB,CAAC,OAAO,EAAE;gBAC/B,qBAAqB,GAAG,IAAI;;AAG9B,YAAA,IAAI,IAAI,IAAI,uBAAuB,EAAE;AACnC,gBAAA,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,uBAAuB,CAAC;AAClE,gBAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,uBAAuB,CAAC;AAChE,gBAAA,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,CAAC;gBAC3D,uBAAuB,GAAG,IAAI;;YAGhC,OAAO,oBAAoB,KAApB,IAAA,IAAA,oBAAoB,KAApB,MAAA,GAAA,MAAA,GAAA,oBAAoB,CAAE,IAAI,CAAC,IAAI,CAAC;AACzC,SAAC;AACH,KAAC;AACH;;;;"}

package/dist/siemens-ix/{p-3a0a5bc2.entry.js → p-a289764d.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as r,H as a,g as o}from"./p-BNpBEtDH.js";import{b as i}from"./p-Bb7pDeaQ.js";import{O as s}from"./p-MzQjR-h5.js";import{m as n}from"./p-bcj7UEIC.js";const c=':host{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4);}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host .ticks{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-alarm)}:host(.disabled){pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-7)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-7)}';var l=undefined&&undefined.__decorate||function(t,e,r,a){var o=arguments.length,i=o<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)if(s=t[n])i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i;return o>3&&i&&Object.defineProperty(e,r,i),i};function h(t,e,r){if(e<t){return t}else if(e>r){return r}else{return e}}const b=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",7);this.step=1;this.min=0;this.max=100;this.value=0;this.trace=false;this.traceReference=0;this.disabled=false;this.rangeInput=0;this.rangeMin=0;this.rangeMax=100;this.rangeTraceReference=0;this.showTooltip=false;this.thumbRef=n();this.tooltipRef=n()}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){var t;return(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.getElementById("slider")}onShowTooltipChange(){var t,e;if(this.showTooltip){(t=this.tooltip)===null||t===void 0?void 0:t.showTooltip(this.pseudoThumb);return}(e=this.tooltip)===null||e===void 0?void 0:e.hideTooltip()}componentWillLoad(){this.a11yAttributes=i(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]);this.updateRangeVariables()}updateRangeVariables(){this.rangeInput=h(this.min,this.value,this.max);this.rangeTraceReference=h(this.min,this.traceReference,this.max);this.rangeMin=Math.min(this.min,this.max);this.rangeMax=Math.max(this.min,this.max)}onInput(t){t.stopPropagation();const e=parseFloat(this.slider.value);if(!isNaN(e)){const t=this.rangeInput;this.rangeInput=e;const{defaultPrevented:r}=this.emitInputEvent();if(r){this.rangeInput=t;this.slider.value=t.toString()}}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(t){const e=Math.min(this.traceReference,this.rangeInput);const r=Math.max(this.traceReference,this.rangeInput);const a=t;return a>=e&&a<=r}onPointerUp(){this.showTooltip=false}render(){const t=this.rangeMax-this.rangeMin;let e=(this.rangeTraceReference-this.rangeMin)/t;let o=(this.rangeInput-this.rangeMin)/t;const i=o-e;let s=e;let n=o;if(i<=0){s=o;n=e}return r(a,{key:"568077c2ec218ec59fcc8c5b71ee995f67b81c50",class:{disabled:this.disabled,error:!!this.error},onPointerDown:()=>setTimeout((()=>this.showTooltip=true))},r("div",{key:"5d90d4707432d082c643226572ba0df57fb31ecb",class:"slider"},r("div",{key:"6fa7862803ce7f774e33088866ffede29ec30ef8",class:"track"},r("div",{key:"c24021f42964edbb0fcba1b722ef1ad8bb1bfcfb",ref:this.thumbRef,class:"thumb",style:{left:`calc(${o} * 100% - 8px)`}}),r("div",{key:"610aaa115ad035cd656dfc92140c5b9219146396",class:"ticks"},this.marker?this.marker.map((e=>{if(e>this.max||e<this.min){return}let a=(e-this.rangeMin)/t;return r("div",{class:{tick:true,"tick-active":this.isMarkerActive(e)&&this.trace},style:{"--tick-value":`${a}`}})})):null)),r("input",Object.assign({key:"6bccbc2d6f5fcea8b5d0e4f99a2e3839d01d5013",id:"slider",type:"range",list:this.marker?"markers":undefined,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),style:{"--value":`${o}`,"--trace-reference":`${e}`,"--trace-start":`${s}`,"--trace-end":`${n}`},class:{trace:this.trace&&e!==o,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},onFocus:()=>{this.showTooltip=true},onBlur:()=>{this.showTooltip=false},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max},this.a11yAttributes)),r("ix-tooltip",{key:"b948f1c61df20d1b091b8cd398cf3d6abff256d9",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:true,for:this.thumbRef.waitForCurrent()},this.rangeInput)),r("div",{key:"491a6efb7dbdc1c6df81571f45d1a3b6ec8e43ce",class:"label"},r("div",{key:"eceecfa340c3d7b1a7bf586935355ba21af71beb",class:"label-start"},r("slot",{key:"f29a5cccc390e0d16e125bf81e01ba0b9df93849",name:"label-start"})),r("div",{key:"7998cbb60c5a97ba20f23353bf34a661a8ff8198",class:"label-end"},r("slot",{key:"70e919a1b865884929945807fd3b36155e6da8b4",name:"label-end"}))),this.error?r("ix-typography",{class:"label-error",textColor:"alarm"},this.error):null)}get hostElement(){return o(this)}static get watchers(){return{showTooltip:["onShowTooltipChange"],value:["updateRangeVariables"],max:["updateRangeVariables"],min:["updateRangeVariables"],traceReference:["updateRangeVariables"]}}};l([s("pointerup",(t=>t.showTooltip))],b.prototype,"onPointerUp",null);b.style=c;export{b as ix_slider};
-//# sourceMappingURL=p-3a0a5bc2.entry.js.map
+import{r as t,c as e,h as r,H as a,g as o}from"./p-BNpBEtDH.js";import{b as i}from"./p-Bb7pDeaQ.js";import{O as s}from"./p-MzQjR-h5.js";import{m as n}from"./p-bcj7UEIC.js";const c=':host{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4);}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host .ticks{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-alarm)}:host(.disabled){pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-7)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-7)}';var l=undefined&&undefined.__decorate||function(t,e,r,a){var o=arguments.length,i=o<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)if(s=t[n])i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i;return o>3&&i&&Object.defineProperty(e,r,i),i};function h(t,e,r){if(e<t){return t}else if(e>r){return r}else{return e}}const d=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",7);this.step=1;this.min=0;this.max=100;this.value=0;this.trace=false;this.traceReference=0;this.disabled=false;this.rangeInput=0;this.rangeMin=0;this.rangeMax=100;this.rangeTraceReference=0;this.showTooltip=false;this.thumbRef=n();this.tooltipRef=n()}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){var t;return(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.getElementById("slider")}onShowTooltipChange(){var t,e;if(this.showTooltip){(t=this.tooltip)===null||t===void 0?void 0:t.showTooltip(this.pseudoThumb);return}(e=this.tooltip)===null||e===void 0?void 0:e.hideTooltip()}componentWillLoad(){this.a11yAttributes=i(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]);this.updateRangeVariables()}updateRangeVariables(){this.rangeInput=h(this.min,this.value,this.max);this.rangeTraceReference=h(this.min,this.traceReference,this.max);this.rangeMin=Math.min(this.min,this.max);this.rangeMax=Math.max(this.min,this.max)}onInput(t){t.stopPropagation();const e=parseFloat(this.slider.value);if(!isNaN(e)){const t=this.rangeInput;this.rangeInput=e;const{defaultPrevented:r}=this.emitInputEvent();if(r){this.rangeInput=t;this.slider.value=t.toString()}}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(t){const e=Math.min(this.traceReference,this.rangeInput);const r=Math.max(this.traceReference,this.rangeInput);const a=t;return a>=e&&a<=r}onPointerUp(){this.showTooltip=false}render(){const t=this.rangeMax-this.rangeMin;let e=(this.rangeTraceReference-this.rangeMin)/t;let o=(this.rangeInput-this.rangeMin)/t;const i=o-e;let s=e;let n=o;if(i<=0){s=o;n=e}return r(a,{key:"f8af597967df65e91e20aa98b8c1d62b25654020",class:{disabled:this.disabled,error:!!this.error},onPointerDown:()=>setTimeout((()=>this.showTooltip=true))},r("div",{key:"abd6c96ccbc9050fea8eaee5a5055c3f7ea8b572",class:"slider"},r("div",{key:"5aeb899f3c66634fb81df75a8740c3f120d7df04",class:"track"},r("div",{key:"ae71a66855444d3ca1ebcb0631af0398bc593805",ref:this.thumbRef,class:"thumb",style:{left:`calc(${o} * 100% - 8px)`}}),r("div",{key:"3f43211a7bdc6a7044fd646ed92cc69dc37e1f40",class:"ticks"},this.marker?this.marker.map((e=>{if(e>this.max||e<this.min){return}let a=(e-this.rangeMin)/t;return r("div",{class:{tick:true,"tick-active":this.isMarkerActive(e)&&this.trace},style:{"--tick-value":`${a}`}})})):null)),r("input",Object.assign({key:"92efe17bd3f1290ebc77312614a7a06942ceb578",id:"slider",type:"range",list:this.marker?"markers":undefined,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),style:{"--value":`${o}`,"--trace-reference":`${e}`,"--trace-start":`${s}`,"--trace-end":`${n}`},class:{trace:this.trace&&e!==o,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},onFocus:()=>{this.showTooltip=true},onBlur:()=>{this.showTooltip=false},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max},this.a11yAttributes)),r("ix-tooltip",{key:"83f2a16a4173e4b74cd65477e1836cd7ceb81360",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:true,for:this.thumbRef.waitForCurrent()},this.rangeInput)),r("div",{key:"d6c77a4cd5032e5c598cc111be77639e454017da",class:"label"},r("div",{key:"ca56de00794f0916ac97d1d34530c8e39fcdc4a0",class:"label-start"},r("slot",{key:"bd44b330b62518c60c246c76817e635cdb6c45d4",name:"label-start"})),r("div",{key:"27a643a4790d01aa23364fc8eeb605a8f8adfa69",class:"label-end"},r("slot",{key:"3cd0d7f9d369df1b68d8ea7c775c296ad1525b32",name:"label-end"}))),this.error?r("ix-typography",{class:"label-error",textColor:"alarm"},this.error):null)}get hostElement(){return o(this)}static get watchers(){return{showTooltip:["onShowTooltipChange"],value:["updateRangeVariables"],max:["updateRangeVariables"],min:["updateRangeVariables"],traceReference:["updateRangeVariables"]}}};l([s("pointerup",(t=>t.showTooltip))],d.prototype,"onPointerUp",null);d.style=c;export{d as ix_slider};
+//# sourceMappingURL=p-a289764d.entry.js.map

package/dist/siemens-ix/p-a289764d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sliderCss","between","min","value","max","Slider","constructor","hostRef","this","step","trace","traceReference","disabled","rangeInput","rangeMin","rangeMax","rangeTraceReference","showTooltip","thumbRef","makeRef","tooltipRef","tooltip","current","pseudoThumb","slider","_a","hostElement","shadowRoot","getElementById","onShowTooltipChange","_b","hideTooltip","componentWillLoad","a11yAttributes","a11yHostAttributes","updateRangeVariables","Math","onInput","event","stopPropagation","parseFloat","isNaN","oldValue","defaultPrevented","emitInputEvent","toString","valueChange","emit","isMarkerActive","markerValue","start","end","onPointerUp","render","range","traceReferenceInPercentage","valueInPercentage","distance","traceStart","traceEnd","h","Host","key","class","error","onPointerDown","setTimeout","ref","style","left","marker","map","tick","Object","assign","id","type","list","undefined","tabindex","onFocus","onBlur","role","animationFrame","for","waitForCurrent","name","textColor","__decorate","OnListener","self","prototype"],"sources":["src/components/slider/slider.scss?tag=ix-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@mixin track {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']::-webkit-slider-runnable-track {\n @content;\n }\n\n // Firefox\n input[type='range']::-moz-range-track {\n @content;\n }\n}\n\n@mixin clear-browser-thumb {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range' i]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: -6px;\n }\n\n // Firefox\n input[type='range' i]::-moz-range-thumb {\n border: none;\n border-radius: 0;\n }\n}\n\n@mixin thumb {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-hover {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:hover::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:hover::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-active {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:active::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:active::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-focus {\n input[type='range']:focus {\n outline: none;\n }\n\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:focus-visible::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:focus-visible::-moz-range-thumb {\n @content;\n }\n}\n\n:host {\n @include ix-component;\n display: flex;\n flex-direction: column;\n min-height: 2rem;\n --thumb-size: 1rem;\n --value: 0;\n --trace-start: 0;\n --trace-end: 0;\n --trace-reference: 0;\n --trace-reference-color: var(--theme-color-8);\n --trace-color: var(--theme-color-dynamic);\n --tick-color: var(--theme-color-8);\n --tick-color--active: var(--theme-color-dynamic);\n --track-color: var(--theme-color-component-4);\n\n input[type='range'] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n height: 1rem;\n margin: 0;\n }\n\n // Trace line\n input[type='range'].trace::before {\n content: '';\n position: absolute;\n display: block;\n z-index: -1;\n\n width: calc(\n calc(7px + calc(100% * var(--trace-end)) - calc(16px * var(--trace-end))) -\n calc(\n 7px + calc(100% * var(--trace-start)) -\n calc(16px * var(--trace-start))\n )\n );\n\n left: calc(\n 7px + calc(100% * var(--trace-start)) - calc(16px * var(--trace-start))\n );\n\n height: 4px;\n background-color: var(--trace-color);\n top: 50%;\n transform: translateY(-50%);\n }\n\n // Trace reference\n input[type='range'].trace:not(.hide-trace-reference)::after {\n content: '';\n position: absolute;\n display: block;\n width: 2px;\n height: 16px;\n background-color: var(--trace-reference-color);\n top: 50%;\n transform: translateY(-50%);\n left: calc(\n 7px + calc(100% * var(--trace-reference)) -\n calc(16px * var(--trace-reference))\n );\n }\n\n @include track() {\n background: transparent;\n height: 0.25rem;\n }\n\n @include clear-browser-thumb();\n\n @include thumb() {\n border-radius: 100px;\n background-color: var(--theme-color-dynamic);\n height: var(--thumb-size);\n width: var(--thumb-size);\n transition: all var(--theme-default-time) ease-in-out;\n z-index: 10;\n }\n\n @include thumb-hover() {\n transform: scale(1.2);\n background-color: var(--theme-color-dynamic);\n }\n\n @include thumb-active() {\n transform: scale(1.2);\n\n background-color: var(--theme-color-dynamic);\n }\n\n @include thumb-focus() {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: 0.125rem;\n }\n\n /* style datalist */\n .ticks {\n display: flex;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n .ticks .tick {\n display: block;\n position: absolute;\n width: 8px;\n height: 8px;\n background-color: var(--tick-color);\n border-radius: 100px;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--tick-value) * 100% - 4px);\n }\n\n .ticks .tick.tick-active {\n background-color: var(--tick-color--active);\n }\n\n .slider {\n position: relative;\n display: block;\n width: 100%;\n height: 1.5rem;\n }\n\n .track {\n position: absolute;\n background-color: var(--track-color);\n height: 4px;\n width: calc(100% - 1rem);\n margin-left: 0.5rem;\n top: 50%;\n transform: translateY(-50%);\n left: 0px;\n }\n\n .thumb {\n display: block;\n position: absolute;\n background-color: transparent;\n height: 1rem;\n width: 1rem;\n border-radius: 100px;\n left: 0px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .hide-tooltip {\n display: none;\n }\n\n .label {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.5rem;\n\n min-height: 0px;\n }\n\n .label-start {\n margin-left: 0.5rem;\n }\n\n .label-end {\n margin-right: 0.5rem;\n }\n\n .label-error {\n margin-left: 0.5rem;\n }\n}\n\n:host(.error) {\n --trace-color: var(--theme-color-alarm-40);\n --tick-color--active: var(--theme-color-alarm);\n\n @include thumb() {\n background-color: var(--theme-color-alarm);\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\n\n --track-color: var(--theme-color-component-3);\n --trace-color: var(--theme-color-3);\n --tick-color: var(--theme-color-7);\n --tick-color--active: var(--theme-color-7);\n\n @include thumb() {\n background-color: var(--theme-color-7);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\n\nexport type SliderMarker = Array<number>;\n\nfunction between(min: number, value: number, max: number) {\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n } else {\n return value;\n }\n}\n\n/**\n * @slot label-start - Element will be displayed at the start of the slider\n * @slot label-end - Element will be displayed at the end of the slider\n */\n@Component({\n tag: 'ix-slider',\n styleUrl: 'slider.scss',\n shadow: true,\n})\nexport class Slider {\n @Element() hostElement!: HTMLIxSliderElement;\n\n /**\n * Legal number intervals\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step\n */\n @Prop() step: number = 1;\n\n /**\n * Minimum slider value\n */\n @Prop() min = 0;\n\n /**\n * Maximum slider value\n */\n @Prop() max = 100;\n\n /**\n * Current value of the slider\n */\n @Prop() value = 0;\n\n /**\n * Define tick marker on the slider. Marker has to be within slider min/max\n */\n @Prop() marker?: SliderMarker;\n\n /**\n * Show a trace line\n */\n @Prop() trace = false;\n\n /**\n * Define the start point of the trace line\n */\n @Prop() traceReference = 0;\n\n /**\n * Show control as disabled\n */\n @Prop() disabled = false;\n\n /**\n * Show error state and message\n */\n @Prop() error?: boolean | string;\n\n /**\n *\n */\n @Event() valueChange!: EventEmitter<number>;\n\n @State() rangeInput = 0;\n @State() rangeMin = 0;\n @State() rangeMax = 100;\n @State() rangeTraceReference = 0;\n @State() showTooltip = false;\n\n private a11yAttributes?: A11yAttributes;\n\n private readonly thumbRef = makeRef<HTMLDivElement>();\n private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n get tooltip() {\n return this.tooltipRef.current;\n }\n\n get pseudoThumb() {\n return this.thumbRef.current;\n }\n\n get slider() {\n return this.hostElement.shadowRoot?.getElementById(\n 'slider'\n ) as HTMLInputElement;\n }\n\n @Watch('showTooltip')\n onShowTooltipChange() {\n if (this.showTooltip) {\n this.tooltip?.showTooltip(this.pseudoThumb);\n return;\n }\n\n this.tooltip?.hideTooltip();\n }\n\n componentWillLoad() {\n this.a11yAttributes = a11yHostAttributes(this.hostElement, [\n 'role',\n 'aria-valuemin',\n 'aria-valuemax',\n 'aria-valuenow',\n ]);\n this.updateRangeVariables();\n }\n\n @Watch('value')\n @Watch('max')\n @Watch('min')\n @Watch('traceReference')\n private updateRangeVariables() {\n this.rangeInput = between(this.min, this.value, this.max);\n this.rangeTraceReference = between(this.min, this.traceReference, this.max);\n this.rangeMin = Math.min(this.min, this.max);\n this.rangeMax = Math.max(this.min, this.max);\n }\n\n private onInput(event: InputEvent) {\n event.stopPropagation();\n const value = parseFloat(this.slider.value);\n\n if (!isNaN(value)) {\n const oldValue = this.rangeInput;\n this.rangeInput = value;\n\n const { defaultPrevented } = this.emitInputEvent();\n\n if (defaultPrevented) {\n this.rangeInput = oldValue;\n this.slider.value = oldValue.toString();\n }\n }\n }\n\n private emitInputEvent() {\n return this.valueChange.emit(this.rangeInput);\n }\n\n private isMarkerActive(markerValue: number) {\n const start = Math.min(this.traceReference, this.rangeInput);\n const end = Math.max(this.traceReference, this.rangeInput);\n const value = markerValue;\n\n return value >= start && value <= end;\n }\n\n // Listen globally on window because sometimes the event listener\n // of the DOM element input itself is not called if the release\n // click is not inside the element anymore\n @OnListener<Slider>('pointerup', (self) => self.showTooltip)\n onPointerUp() {\n this.showTooltip = false;\n }\n\n render() {\n const range = this.rangeMax - this.rangeMin;\n\n let traceReferenceInPercentage =\n (this.rangeTraceReference - this.rangeMin) / range;\n\n let valueInPercentage = (this.rangeInput - this.rangeMin) / range;\n\n const distance = valueInPercentage - traceReferenceInPercentage;\n\n let traceStart = traceReferenceInPercentage;\n let traceEnd = valueInPercentage;\n\n if (distance <= 0) {\n traceStart = valueInPercentage;\n traceEnd = traceReferenceInPercentage;\n }\n\n return (\n <Host\n class={{\n disabled: this.disabled,\n error: !!this.error,\n }}\n onPointerDown={() => setTimeout(() => (this.showTooltip = true))}\n >\n <div class=\"slider\">\n <div class=\"track\">\n <div\n ref={this.thumbRef}\n class=\"thumb\"\n style={{\n left: `calc(${valueInPercentage} * 100% - 8px)`,\n }}\n ></div>\n <div class=\"ticks\">\n {this.marker\n ? this.marker.map((markerValue) => {\n if (markerValue > this.max || markerValue < this.min) {\n return;\n }\n\n let left = (markerValue - this.rangeMin) / range;\n\n return (\n <div\n class={{\n tick: true,\n 'tick-active':\n this.isMarkerActive(markerValue) && this.trace,\n }}\n style={{\n '--tick-value': `${left}`,\n }}\n ></div>\n );\n })\n : null}\n </div>\n </div>\n\n <input\n id=\"slider\"\n type=\"range\"\n list={this.marker ? 'markers' : undefined}\n step={this.step}\n min={this.min}\n max={this.max}\n value={this.rangeInput}\n tabindex={this.disabled ? -1 : 0}\n onInput={(event) => this.onInput(event)}\n style={{\n '--value': `${valueInPercentage}`,\n '--trace-reference': `${traceReferenceInPercentage}`,\n '--trace-start': `${traceStart}`,\n '--trace-end': `${traceEnd}`,\n }}\n class={{\n trace:\n this.trace && traceReferenceInPercentage !== valueInPercentage,\n 'hide-trace-reference':\n this.trace &&\n (this.traceReference <= this.min ||\n this.traceReference >= this.max),\n }}\n onFocus={() => {\n this.showTooltip = true;\n }}\n onBlur={() => {\n this.showTooltip = false;\n }}\n role=\"slider\"\n aria-valuenow={this.rangeInput}\n aria-valuemin={this.min}\n aria-valuemax={this.max}\n {...this.a11yAttributes}\n />\n\n <ix-tooltip\n ref={this.tooltipRef}\n class={{\n 'hide-tooltip': !this.showTooltip,\n }}\n animationFrame={true}\n for={this.thumbRef.waitForCurrent()}\n >\n {this.rangeInput}\n </ix-tooltip>\n </div>\n <div class=\"label\">\n <div class=\"label-start\">\n <slot name=\"label-start\"></slot>\n </div>\n <div class=\"label-end\">\n <slot name=\"label-end\"></slot>\n </div>\n </div>\n {this.error ? (\n <ix-typography class={'label-error'} textColor=\"alarm\">\n {this.error}\n </ix-typography>\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-e6c7e87a.entry.js → p-ac4548a8.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as i,g as r}from"./p-BNpBEtDH.js";import{c as a}from"./p-CX81WQtk.js";import{F as s}from"./p-BQ6999e5.js";import{s as n}from"./p-CrTP-icT.js";const l=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const h=class{constructor(o){t(this,o);this.toggle=e(this,"toggle",7);this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=false;this.ANIMATION_DURATION=150;this.contentItems=[]}watchIndex(t,e){if(t===e){return}this.doFlipAnimation(t)}componentDidLoad(){this.observer=a((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){let t;if(this.index>=this.contentItems.length-1){t=0}else{t=this.index+1}const{defaultPrevented:e}=this.toggle.emit(t);if(e){return}this.doFlipAnimation(t)}doFlipAnimation(t){if(this.isFlipAnimationActive){return}this.isFlipAnimationActive=true;setTimeout((()=>{this.index=t;this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return o(i,{key:"56ac52c0846a09ebbabe445a7b472d8163249d0f",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},o("div",{key:"63bd41182f32389d24f06a65934fa1fdf613814e",class:{"flip-tile-container":true,info:this.state===s.Info,warning:this.state===s.Warning,alarm:this.state===s.Alarm,primary:this.state===s.Primary,"flip-animation-active":this.isFlipAnimationActive}},o("div",{key:"b14e594b79d762dc1e1861f053fca55527205099",class:"flip-tile-header"},o("div",{key:"71294a8041516ded7a7e22be40b779d242958db8",class:"header-slot-container text-l-title"},o("slot",{key:"015f97f7f35ed25d0c808457a8d1a5b1055d0f3e",name:"header"})),o("ix-icon-button",{key:"4ada116aa7ad0ae8b1499b7a3c142eaee3f8320e",icon:n,variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),o("div",{key:"0c30a20df8eff93c9433fad1a157311d185e342f",class:"content-container"},o("slot",{key:"471ebb3a8619bdb35d4db4c7c6f63065d446116a"})),o("div",{key:"4c4a45e81c365670d4b7f1d7cbb4838778dd96c3",class:{footer:true,"contrast-light":this.state===s.Warning,"contrast-dark":this.state===s.Info||this.state===s.Alarm}},o("slot",{key:"39be6dc2a46af588318fe63beceae81dfafc0eec",name:"footer"}))))}get hostElement(){return r(this)}static get watchers(){return{index:["watchIndex"]}}};h.style=l;export{h as ix_flip_tile};
-//# sourceMappingURL=p-e6c7e87a.entry.js.map
+import{r as t,c as e,h as o,H as i,g as r}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{F as a}from"./p-BQ6999e5.js";import{s as n}from"./p-CrTP-icT.js";const l=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}:host{display:flex;flex-direction:column;perspective:1000px}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}:host .flip-tile-container.flip-animation-active{animation:flip-animation 300ms, ease-in-out}:host .flip-tile-container .footer{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}:host .flip-tile-container .footer :first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}:host .flip-tile-container ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}:host .flip-tile-container.primary{border-color:var(--theme-color-primary)}:host .flip-tile-container.primary .footer{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}:host .flip-tile-container.info{border-color:var(--theme-color-info)}:host .flip-tile-container.info .footer{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host .flip-tile-container.warning{border-color:var(--theme-color-warning)}:host .flip-tile-container.warning .footer{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host .flip-tile-container.alarm{border-color:var(--theme-color-alarm)}:host .flip-tile-container.alarm .footer{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}";const h=class{constructor(o){t(this,o);this.toggle=e(this,"toggle",7);this.height=15.125;this.width=16;this.index=0;this.isFlipAnimationActive=false;this.ANIMATION_DURATION=150;this.contentItems=[]}watchIndex(t,e){if(t===e){return}this.doFlipAnimation(t)}componentDidLoad(){this.observer=s((()=>this.updateContentItems()));this.observer.observe(this.hostElement,{childList:true})}componentWillLoad(){this.updateContentItems();this.updateContentVisibility(this.index)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(t){this.contentItems.forEach(((e,o)=>e.contentVisible=o===t))}toggleIndex(){let t;if(this.index>=this.contentItems.length-1){t=0}else{t=this.index+1}const{defaultPrevented:e}=this.toggle.emit(t);if(e){return}this.doFlipAnimation(t)}doFlipAnimation(t){if(this.isFlipAnimationActive){return}this.isFlipAnimationActive=true;setTimeout((()=>{this.index=t;this.updateContentVisibility(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return o(i,{key:"8892b7907bdfb0a5f0c2d7cc19c4d29fdf956d81",style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},o("div",{key:"e322ed0cad19e1e2c2c287555c1d613cccce965b",class:{"flip-tile-container":true,info:this.state===a.Info,warning:this.state===a.Warning,alarm:this.state===a.Alarm,primary:this.state===a.Primary,"flip-animation-active":this.isFlipAnimationActive}},o("div",{key:"b9722c9baa43b7022aef0ae6f1511d72b9b6ef27",class:"flip-tile-header"},o("div",{key:"05360f768bbfc11656404ff7078d5fc2e27c793a",class:"header-slot-container text-l-title"},o("slot",{key:"84f83de8ac0e872b339099632ba71c77562235e5",name:"header"})),o("ix-icon-button",{key:"7ff6a1faaf174da2427b5bbba382ecd10a22e2be",icon:n,variant:"primary",ghost:true,onClick:()=>this.toggleIndex()})),o("div",{key:"dd88100383ddbb0b4d58c0a281905cdec370c79f",class:"content-container"},o("slot",{key:"f39529910e08e2757a2a6a2db9b1b021fe301c77"})),o("div",{key:"2d17fc0f712da5707cd81d5bc69a7ca2a9097bd6",class:{footer:true,"contrast-light":this.state===a.Warning,"contrast-dark":this.state===a.Info||this.state===a.Alarm}},o("slot",{key:"3c3b397cf51c71b3d45802f6e69ddb877d1ee3ef",name:"footer"}))))}get hostElement(){return r(this)}static get watchers(){return{index:["watchIndex"]}}};h.style=l;export{h as ix_flip_tile};
+//# sourceMappingURL=p-ac4548a8.entry.js.map

package/dist/siemens-ix/p-ac4548a8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["flipTileCss","FlipTile","constructor","hostRef","this","height","width","index","isFlipAnimationActive","ANIMATION_DURATION","contentItems","watchIndex","newIndex","oldIndex","doFlipAnimation","componentDidLoad","observer","createMutationObserver","updateContentItems","observe","hostElement","childList","componentWillLoad","updateContentVisibility","disconnectedCallback","disconnect","Array","from","querySelectorAll","indexVisible","forEach","content","contentVisible","toggleIndex","length","defaultPrevented","toggle","emit","setTimeout","render","h","Host","key","style","class","info","state","FlipTileState","Info","warning","Warning","alarm","Alarm","primary","Primary","name","icon","iconEye","variant","ghost","onClick","footer"],"sources":["src/components/flip-tile/flip-tile.scss?tag=ix-flip-tile&encapsulation=shadow","src/components/flip-tile/flip-tile.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/animations';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/fonts';\n\n@include keyframes(flip-animation) {\n 0% {\n transform: rotateY(0);\n }\n 50% {\n transform: rotateY(90deg);\n }\n 51% {\n transform: rotateY(270deg);\n }\n 100% {\n transform: rotateY(360deg);\n }\n}\n\n:host {\n @include ix-component;\n display: flex;\n flex-direction: column;\n perspective: 1000px;\n\n .flip-tile-header {\n display: flex;\n align-items: center;\n height: $large-control-height;\n padding: 0 $small-space 0 $default-space;\n\n .header-slot-container {\n @include ellipsis;\n flex-grow: 1;\n min-width: 0;\n }\n }\n\n .content-container {\n flex-grow: 1;\n margin: $default-space;\n }\n\n .flip-tile-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--theme-blind-base--background);\n border: solid 1px var(--theme-blind-base--border-color);\n border-radius: var(--theme-flip-tile--border-radius)\n var(--theme-flip-tile--border-radius) 0 0;\n transform-style: preserve-3d;\n\n &.flip-animation-active {\n @include animation(flip-animation, 2 * $default-time, ease-in-out);\n }\n\n .footer {\n display: flex;\n height: 3rem;\n align-items: center;\n justify-content: center;\n padding: 0 $small-space;\n color: var(--theme-flip-footer--color);\n background-color: var(--theme-blind-base--background);\n\n :first-child {\n @include ellipsis;\n height: 100%;\n }\n }\n\n ::slotted(*) {\n @include ellipsis;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n }\n\n &.primary {\n border-color: var(--theme-color-primary);\n\n .footer {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-primary--contrast);\n }\n }\n\n &.info {\n border-color: var(--theme-color-info);\n\n .footer {\n background-color: var(--theme-color-info);\n color: var(--theme-color-info--contrast);\n }\n }\n\n &.warning {\n border-color: var(--theme-color-warning);\n\n .footer {\n background-color: var(--theme-color-warning);\n color: var(--theme-color-warning--contrast);\n }\n }\n\n &.alarm {\n border-color: var(--theme-color-alarm);\n\n .footer {\n background-color: var(--theme-color-alarm);\n color: var(--theme-color-alarm--contrast);\n }\n }\n }\n\n &:hover .flip-tile-container .footer ix-icon {\n color: var(--theme-color-std-text);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { FlipTileState } from './flip-tile-state';\nimport { iconEye } from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-flip-tile',\n styleUrl: 'flip-tile.scss',\n shadow: true,\n})\nexport class FlipTile {\n @Element() hostElement!: HTMLIxFlipTileElement;\n\n /**\n * Variation of the Flip\n */\n @Prop() state?: FlipTileState;\n\n /**\n * Height interpreted as REM\n */\n @Prop() height: number | 'auto' = 15.125;\n\n /**\n * Width interpreted as REM\n */\n @Prop() width: number | 'auto' = 16;\n\n /**\n * Index of the currently visible content\n * @since 3.0.0\n */\n @Prop() index = 0;\n\n /**\n * Event emitted when the index changes\n * @since 3.0.0\n */\n @Event() toggle!: EventEmitter<number>;\n\n @State() isFlipAnimationActive: boolean = false;\n\n private readonly ANIMATION_DURATION = 150;\n private contentItems: Array<HTMLIxFlipTileContentElement> = [];\n private observer?: MutationObserver;\n\n @Watch('index')\n watchIndex(newIndex: number, oldIndex: number) {\n if (newIndex === oldIndex) {\n return;\n }\n\n this.doFlipAnimation(newIndex);\n }\n\n componentDidLoad() {\n this.observer = createMutationObserver(() => this.updateContentItems());\n this.observer.observe(this.hostElement, {\n childList: true,\n });\n }\n\n componentWillLoad() {\n this.updateContentItems();\n this.updateContentVisibility(this.index);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private updateContentItems() {\n this.contentItems = Array.from(\n this.hostElement.querySelectorAll('ix-flip-tile-content')\n );\n }\n\n private updateContentVisibility(indexVisible: number) {\n this.contentItems.forEach(\n (content, index) => (content.contentVisible = index === indexVisible)\n );\n }\n\n private toggleIndex() {\n let newIndex;\n\n if (this.index >= this.contentItems.length - 1) {\n newIndex = 0;\n } else {\n newIndex = this.index + 1;\n }\n\n const { defaultPrevented } = this.toggle.emit(newIndex);\n\n if (defaultPrevented) {\n return;\n }\n\n this.doFlipAnimation(newIndex);\n }\n\n private doFlipAnimation(index: number) {\n if (this.isFlipAnimationActive) {\n return;\n }\n\n this.isFlipAnimationActive = true;\n\n setTimeout(() => {\n this.index = index;\n\n this.updateContentVisibility(this.index);\n }, this.ANIMATION_DURATION);\n\n setTimeout(() => {\n this.isFlipAnimationActive = false;\n }, 2 * this.ANIMATION_DURATION);\n }\n\n render() {\n return (\n <Host\n style={{\n height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n 'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n 'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n }}\n >\n <div\n class={{\n 'flip-tile-container': true,\n info: this.state === FlipTileState.Info,\n warning: this.state === FlipTileState.Warning,\n alarm: this.state === FlipTileState.Alarm,\n primary: this.state === FlipTileState.Primary,\n 'flip-animation-active': this.isFlipAnimationActive,\n }}\n >\n <div class=\"flip-tile-header\">\n <div class=\"header-slot-container text-l-title\">\n <slot name=\"header\"></slot>\n </div>\n <ix-icon-button\n icon={iconEye}\n variant=\"primary\"\n ghost\n onClick={() => this.toggleIndex()}\n ></ix-icon-button>\n </div>\n\n <div class=\"content-container\">\n <slot></slot>\n </div>\n <div\n class={{\n footer: true,\n 'contrast-light': this.state === FlipTileState.Warning,\n 'contrast-dark':\n this.state === FlipTileState.Info ||\n this.state === FlipTileState.Alarm,\n }}\n >\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-aee95ea9.entry.js → p-aca27756.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as r,g as i}from"./p-BNpBEtDH.js";import{A as a,B as n}from"./p-CrTP-icT.js";import{H as d}from"./p-2j3Ly91D.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,d as u,o as m,S as v,e as f}from"./p-BPfEX8mR.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const x='input{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;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)}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{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;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)}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]){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{border-color:var(--theme-input--border-color--warning--active) !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{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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}: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{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input: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{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,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a;return i>3&&a&&Object.defineProperty(t,o,a),a};let y=0;const k=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.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}updateClassMappings(e){s(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(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}updateFormInternalValue(e){this.formInternals.setFormValue(e.toString());this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&(this.disabled||this.readonly)===false;return o(r,{key:"d4634b3d7387e9403d4096dad8b64cdf86ddc0b2",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"ca8e3d7619f510b33ceca78b34babae22c8a5c2d",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:"601c1efa7d76fccf3b0531ba5838dff6ac9ef988",class:{"input-wrapper":true,"show-stepper-buttons":!!this.showStepperButtons}},o(c,{key:"6227a18e452b881a6f0105371903db926de6be97",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"b1cf7b50b9081d242886b5c8e8fd17ec18af632e",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>u(this,e),valueChange:e=>this.valueChange.emit(Number(e)),updateFormInternalValue:e=>this.updateFormInternalValue(Number(e)),onBlur:()=>{m(this,this.inputRef.current);this.touched=true}}),o(v,{key:"ac36b5e13529d3289ead6bfe3a0df8a8a01968d3",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("div",{key:"2945f7bb4991960113e0b546fafb350840118fd0",class:{"number-stepper-container":true,"container-hidden":!e}},o("ix-icon-button",{key:"87d23accd5a945e28ce9e327eaee2a3eaccd42a7",ghost:true,icon:a,size:"16",class:"number-stepper-button step-minus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepDown();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}),o("ix-icon-button",{key:"8f1a862f4ef4a87593fb24cf1d1d993c85f3855e",ghost:true,icon:n,size:"16",class:"number-stepper-button step-plus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepUp();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}))))))}static get formAssociated(){return true}get hostElement(){return i(this)}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_number_input};
-//# sourceMappingURL=p-aee95ea9.entry.js.map
+import{r as e,c as t,h as o,H as r,g as i}from"./p-BNpBEtDH.js";import{A as a,B as n}from"./p-CrTP-icT.js";import{H as d}from"./p-DHml78Yc.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,d as u,o as m,S as f,e as v}from"./p-CASZsflI.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const x='input{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;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)}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{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;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)}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]){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{border-color:var(--theme-input--border-color--warning--active) !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{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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}: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{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input: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{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,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a;return i>3&&a&&Object.defineProperty(t,o,a),a};let y=0;const k=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.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}updateClassMappings(e){s(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(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}updateFormInternalValue(e){this.formInternals.setFormValue(e.toString());this.value=e}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();if(e.value===""){return Promise.resolve(false)}return Promise.resolve(this.value!==null&&this.value!==undefined&&!isNaN(this.value))}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&(this.disabled||this.readonly)===false;return o(r,{key:"ef8acf686290210f136f6915caaf93519742a5c6",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"fb332a250f3b89cd9ba913ce0d73ae769e1f7d11",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:"f75e95a23010f6227413ef8f3e845f881526feb2",class:{"input-wrapper":true,"show-stepper-buttons":!!this.showStepperButtons}},o(c,{key:"35361c9e391c2b2fcf47115ede6f7e66cfff7e3a",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"2c9255c6d904488f2969723bada4d5ce4164b44f",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.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>u(this,e),valueChange:e=>this.valueChange.emit(Number(e)),updateFormInternalValue:e=>this.updateFormInternalValue(Number(e)),onBlur:()=>{m(this,this.inputRef.current);this.touched=true}}),o(f,{key:"5574b0ab18e81036f16c89c4b1bd84f1ae636385",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("div",{key:"8e78f12da4ea4130333542bf49f238b02a7d808e",class:{"number-stepper-container":true,"container-hidden":!e}},o("ix-icon-button",{key:"d44b7b3032860d9590bc22ef582fc4b8406a7ac0",ghost:true,icon:a,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepDown();v(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}),o("ix-icon-button",{key:"f862e0c47f85486018eace274092f8eab9ff029d",ghost:true,icon:n,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepUp();v(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}))))))}static get formAssociated(){return true}get hostElement(){return i(this)}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_number_input};
+//# sourceMappingURL=p-aca27756.entry.js.map

package/dist/siemens-ix/p-aca27756.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["numberInputCss","numberInputIds","NumberInput","constructor","hostRef","this","value","required","disabled","readonly","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputRef","makeRef","slotEndRef","slotStartRef","numberInputId","touched","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","connectedCallback","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","disconnectedCallback","_a","call","adjustPaddingForStartAndEnd","current","formInternals","setFormValue","toString","getAssociatedFormElement","form","hasValidValue","nativeInput","getNativeInputElement","Promise","resolve","undefined","isNaN","waitForCurrent","focusInput","focus","isTouched","render","showStepperButtons","h","Host","key","class","id","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","SlotStart","onSlotChange","InputElement","step","min","max","pattern","type","placeholder","onKeyPress","event","checkAllowedKeys","valueChange","emit","Number","onBlur","onInputBlur","SlotEnd","ghost","icon","iconMinus","size","onClick","stepDown","checkInternalValidity","iconPlus","stepUp","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/input/number-input.scss?tag=ix-number-input&encapsulation=shadow","src/components/input/number-input.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 */\n@import './input.mixins.scss';\n\n@include input-field;\n\n:host {\n .input-wrapper.show-stepper-buttons {\n input[type='number'] {\n min-width: 6rem;\n }\n }\n\n .number-stepper-container {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n margin-right: 0.25rem;\n\n &.container-hidden {\n display: none;\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 { iconMinus, iconPlus } from '@siemens/ix-icons/icons';\nimport {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport {\n HookValidationLifecycle,\n IxInputFieldComponent,\n ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { InputElement, SlotEnd, SlotStart } from './input.fc';\nimport {\n addDisposableChangesAndVisibilityObservers,\n adjustPaddingForStartAndEnd,\n checkAllowedKeys,\n checkInternalValidity,\n DisposableChangesAndVisibilityObservers,\n mapValidationResult,\n onInputBlur,\n} from './input.util';\n\nlet numberInputIds = 0;\n\n/**\n * @form-ready\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n tag: 'ix-number-input',\n styleUrl: 'number-input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NumberInput implements IxInputFieldComponent<number> {\n @Element() hostElement!: HTMLIxNumberInputElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /**\n * name of the input element\n */\n @Prop({ reflect: true }) name?: string;\n\n /**\n * placeholder of the input element\n */\n @Prop({ reflect: true }) placeholder?: string;\n\n /**\n * The value of the input field\n */\n @Prop({ reflect: true, mutable: true }) value: number = 0;\n\n /**\n * Indicates if the field is required\n */\n @Prop({ reflect: true }) required: boolean = false;\n\n /**\n * Disables the input field\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Indicates if the field is read-only\n */\n @Prop() readonly: boolean = false;\n\n /**\n * The helper text for the input field\n */\n @Prop() helperText?: string;\n\n /**\n * The info text for the input field\n */\n @Prop() infoText?: string;\n\n /**\n * Indicates if the text should be shown as a tooltip\n */\n @Prop() showTextAsTooltip?: boolean;\n\n /**\n * The valid text for the input field\n */\n @Prop() validText?: string;\n\n /**\n * The warning text for the input field\n */\n @Prop() warningText?: string;\n\n /**\n * The label for the input field\n */\n @Prop({ reflect: true }) label?: string;\n\n /**\n * The error text for the input field\n */\n @Prop() invalidText?: string;\n\n /**\n * The pattern for the input field\n */\n @Prop() pattern?: string;\n\n /**\n * The minimum value for the input field\n */\n @Prop() min?: string | number;\n\n /**\n * The maximum value for the input field\n */\n @Prop() max?: string | number;\n\n /**\n * The allowed characters pattern for the input field\n */\n @Prop() allowedCharactersPattern?: string;\n\n /**\n * Indicates if the stepper buttons should be shown\n */\n @Prop() showStepperButtons?: boolean;\n\n /**\n * Step value to increment or decrement the input value\n *\n * @since 3.0.0\n */\n @Prop() step?: string | number;\n\n /**\n * Event emitted when the value of the input field changes\n */\n @Event() valueChange!: EventEmitter<number>;\n\n /**\n * Event emitted when the validity state of the input field changes\n */\n @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n /**\n * Event emitted when the input field loses focus\n */\n @Event() ixBlur!: EventEmitter<void>;\n\n @State() isInvalid = false;\n @State() isValid = false;\n @State() isInfo = false;\n @State() isWarning = false;\n @State() isInvalidByRequired = false;\n\n private readonly inputRef = makeRef<HTMLInputElement>();\n private readonly slotEndRef = makeRef<HTMLDivElement>();\n private readonly slotStartRef = makeRef<HTMLDivElement>();\n private readonly numberInputId = `number-input-${numberInputIds++}`;\n private touched = false;\n\n private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n @HookValidationLifecycle()\n updateClassMappings(result: ValidationResults) {\n mapValidationResult(this, result);\n }\n\n componentWillLoad() {\n this.updateFormInternalValue(this.value);\n }\n\n connectedCallback() {\n this.disposableChangesAndVisibilityObservers =\n addDisposableChangesAndVisibilityObservers(\n this.hostElement,\n this.updatePaddings.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.disposableChangesAndVisibilityObservers?.();\n }\n\n private updatePaddings() {\n adjustPaddingForStartAndEnd(\n this.slotStartRef.current,\n this.slotEndRef.current,\n this.inputRef.current\n );\n }\n\n updateFormInternalValue(value: number) {\n this.formInternals.setFormValue(value.toString());\n this.value = value;\n }\n\n /** @internal */\n @Method()\n async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n return this.formInternals.form;\n }\n\n /** @internal */\n @Method()\n async hasValidValue(): Promise<boolean> {\n const nativeInput = await this.getNativeInputElement();\n if (nativeInput.value === '') {\n return Promise.resolve(false);\n }\n\n return Promise.resolve(\n this.value !== null && this.value !== undefined && !isNaN(this.value)\n );\n }\n\n /**\n * Returns the native input element used under the hood\n */\n @Method()\n getNativeInputElement(): Promise<HTMLInputElement> {\n return this.inputRef.waitForCurrent();\n }\n\n /**\n * Focuses the input field\n */\n @Method()\n async focusInput(): Promise<void> {\n return (await this.getNativeInputElement()).focus();\n }\n\n /**\n * Returns true if the input field has been touched\n * @internal\n */\n @Method()\n isTouched(): Promise<boolean> {\n return Promise.resolve(this.touched);\n }\n\n render() {\n const showStepperButtons =\n this.showStepperButtons && (this.disabled || this.readonly) === false;\n\n return (\n <Host\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n >\n <ix-field-wrapper\n id={this.numberInputId}\n required={this.required}\n label={this.label}\n helperText={this.helperText}\n invalidText={this.invalidText}\n infoText={this.infoText}\n warningText={this.warningText}\n validText={this.validText}\n showTextAsTooltip={this.showTextAsTooltip}\n isInvalid={this.isInvalid}\n isValid={this.isValid}\n isInfo={this.isInfo}\n isWarning={this.isWarning}\n controlRef={this.inputRef}\n >\n <div\n class={{\n 'input-wrapper': true,\n 'show-stepper-buttons': !!this.showStepperButtons,\n }}\n >\n <SlotStart\n slotStartRef={this.slotStartRef}\n onSlotChange={() => this.updatePaddings()}\n ></SlotStart>\n\n <InputElement\n id={this.numberInputId}\n readonly={this.readonly}\n disabled={this.disabled}\n step={this.step}\n min={this.min}\n max={this.max}\n pattern={this.pattern}\n type={'number'}\n isInvalid={this.isInvalid}\n required={this.required}\n value={this.value}\n placeholder={this.placeholder}\n inputRef={this.inputRef}\n onKeyPress={(event) => checkAllowedKeys(this, event)}\n valueChange={(value) => this.valueChange.emit(Number(value))}\n updateFormInternalValue={(value) =>\n this.updateFormInternalValue(Number(value))\n }\n onBlur={() => {\n onInputBlur(this, this.inputRef.current);\n this.touched = true;\n }}\n ></InputElement>\n <SlotEnd\n slotEndRef={this.slotEndRef}\n onSlotChange={() => this.updatePaddings()}\n >\n <div\n class={{\n 'number-stepper-container': true,\n 'container-hidden': !showStepperButtons,\n }}\n >\n <ix-icon-button\n ghost\n icon={iconMinus}\n size=\"16\"\n class=\"number-stepper-button step-minus\"\n aria-label=\"decrement number\"\n onClick={() => {\n if (!this.inputRef.current) {\n return;\n }\n this.inputRef.current.stepDown();\n checkInternalValidity(this, this.inputRef.current);\n this.updateFormInternalValue(\n Number(this.inputRef.current.value)\n );\n this.valueChange.emit(this.value);\n }}\n ></ix-icon-button>\n <ix-icon-button\n ghost\n icon={iconPlus}\n size=\"16\"\n class=\"number-stepper-button step-plus\"\n aria-label=\"increment number\"\n onClick={() => {\n if (!this.inputRef.current) {\n return;\n }\n this.inputRef.current.stepUp();\n checkInternalValidity(this, this.inputRef.current);\n this.updateFormInternalValue(\n Number(this.inputRef.current.value)\n );\n this.valueChange.emit(this.value);\n }}\n ></ix-icon-button>\n </div>\n </SlotEnd>\n </div>\n </ix-field-wrapper>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-c0e4bf8a.entry.js → p-b35df537.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,H as r}from"./p-BNpBEtDH.js";const o=":host{}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";const c=class{constructor(a){t(this,a);this.actionClick=e(this,"actionClick",7);this.layout="large"}render(){return a(r,{key:"cbbe07a75484734b5db14c89545fe55efdf37d27",class:`emptyState emptyState--${this.layout}`},this.icon&&a("div",{key:"e415e4efa5f20e90618624d543dd133178867eef",class:"emptyState__icon"},a("ix-icon",{key:"ce08a515b0200a8bf6edf46a548c3ab3c48bcc0d",name:this.icon,size:this.layout==="large"?"32":"32",color:"color-soft-text"})),a("div",{key:"8ec2947856676415c31a7d931bf9ab17f15b4d17",class:"emptyState__content"},a("div",{key:"82d5af7c13358d8aa1a92db475c489cf6ad84583",class:"content__label"},a("ix-typography",{key:"b70f6a9386fb7de4edd5642f45c1966ba84c8981",format:this.layout==="large"?"h3":"body"},this.header),this.subHeader&&a("div",{key:"b2e7dec12f70f9676d47e34bb84edefd14101956",class:"label__subHeader"},this.subHeader)),this.action&&a("div",{key:"e7c5229d9de24354d25b35cfaf921a1e25b7eab3",class:"content__action"},a("ix-button",{key:"30f464a500dde5debb39be4672d99f07097eac4b",onClick:()=>this.actionClick.emit()},this.action))))}};c.style=o;export{c as ix_empty_state};
-//# sourceMappingURL=p-c0e4bf8a.entry.js.map
+import{r as t,c as e,h as a,H as r}from"./p-BNpBEtDH.js";const o=":host{}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";const c=class{constructor(a){t(this,a);this.actionClick=e(this,"actionClick",7);this.layout="large"}render(){return a(r,{key:"f0f9a5786f47ea5654e3405c3f1801f7eef2b727",class:`emptyState emptyState--${this.layout}`},this.icon&&a("div",{key:"c228337793db4b012a629b9f3dba46414d1c99a3",class:"emptyState__icon"},a("ix-icon",{key:"21230467c73a20358675e9897209764de04322dc",name:this.icon,size:this.layout==="large"?"32":"32",color:"color-soft-text"})),a("div",{key:"91f38de4d8a4f6a0425917aa193bf4a2a21d5a44",class:"emptyState__content"},a("div",{key:"211d263089f8c10cc13c8af246de3c33525916b8",class:"content__label"},a("ix-typography",{key:"43cc10b9a788b39b9328981e2ad2ec046d5e25c4",format:this.layout==="large"?"h3":"body"},this.header),this.subHeader&&a("div",{key:"ed87bc328617986beb763f73559cbf958d561f9e",class:"label__subHeader"},this.subHeader)),this.action&&a("div",{key:"bb81fe8c36ecbc257528ae4b61f76345062a5292",class:"content__action"},a("ix-button",{key:"e7ea2c3f9534c20cbbfded277c77eadca1db302a",onClick:()=>this.actionClick.emit()},this.action))))}};c.style=o;export{c as ix_empty_state};
+//# sourceMappingURL=p-b35df537.entry.js.map

package/dist/siemens-ix/{p-c0e4bf8a.entry.js.map → p-b35df537.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["emptyStateCss","EmptyState","constructor","hostRef","this","layout","render","h","Host","key","class","icon","name","size","color","format","header","subHeader","action","onClick","actionClick","emit"],"sources":["src/components/empty-state/empty-state.scss?tag=ix-empty-state&encapsulation=shadow","src/components/empty-state/empty-state.tsx"],"sourcesContent":["@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n .label__subHeader {\n color: var(--theme-color-soft-text);\n }\n}\n\n:host(.emptyState.emptyState--large) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n\n .emptyState__icon {\n width: 3.5rem;\n height: 3.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n\n ix-icon {\n transform: scale(1.75);\n }\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $large-space;\n\n .content__label {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $small-space;\n }\n }\n\n .label__subHeader,\n ix-typography {\n text-align: center;\n }\n}\n\n:host(.emptyState.emptyState--compact) {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n\n .emptyState__icon {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: $large-control-height;\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n }\n}\n\n:host(.emptyState.emptyState--compactBreak) {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: $default-space;\n\n .emptyState__icon {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: $large-control-height;\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: $small-space;\n }\n}\n","/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type EmptyStateLayout = 'large' \| 'compact' \| 'compactBreak';\n\n/\n @~~since 1.6.0\n /\n@~~Component({\n tag: 'ix-empty-state',\n styleUrl: 'empty-state.scss',\n shadow: true,\n})\nexport class EmptyState {\n /\n Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n /\n @Prop() layout: EmptyStateLayout = 'large';\n\n /\n Optional empty state icon\n /\n @Prop() icon?: string;\n\n /\n Empty state header\n /\n @Prop() header!: string;\n\n /\n Optional empty state sub header\n /\n @Prop() subHeader?: string;\n\n /\n Optional empty state action\n /\n @Prop() action?: string;\n\n /\n Empty state action click event\n /\n @Event() actionClick!: EventEmitter<void>;\n\n render() {\n return (\n <Host class={`emptyState emptyState--${this.layout}`}>\n {this.icon && (\n <div class=\"emptyState__icon\">\n {/ TODO: replace size for large layout with '56' if available */}\n <ix-icon\n name={this.icon}\n size={this.layout === 'large' ? '32' : '32'}\n color=\"color-soft-text\"\n />\n </div>\n )}\n\n <div class=\"emptyState__content\">\n <div class=\"content__label\">\n <ix-typography format={this.layout === 'large' ? 'h3' : 'body'}>\n {this.header}\n </ix-typography>\n\n {this.subHeader && (\n <div class=\"label__subHeader\">{this.subHeader}</div>\n )}\n </div>\n\n {this.action && (\n <div class=\"content__action\">\n <ix-button onClick={() => this.actionClick.emit()}>\n {this.action}\n </ix-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,0zE,~~MCqBTC~~,EAAU,MALvB,WAAAC,CAAAC,G,mDASUC,KAAMC,OAAqB,OA+DpC,CApCC,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAO,0BAA0BN,KAAKC,UACzCD,KAAKO,MACJJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAETH,EACE,WAAAE,IAAA,2CAAAG,KAAMR,KAAKO,KACXE,KAAMT,KAAKC,SAAW,QAAU,KAAO,KACvCS,MAAM,qBAKZP,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,iBAAAE,IAAA,2CAAeM,OAAQX,KAAKC,SAAW,QAAU,KAAO,QACrDD,KAAKY,QAGPZ,KAAKa,WACJV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAoBN,KAAKa,YAIvCb,KAAKc,QACJX,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EAAW,aAAAE,IAAA,2CAAAU,QAAS,IAAMf,KAAKgB,YAAYC,QACxCjB,KAAKc,U","ignoreList":[]}
1	+ {"version":3,"names":["emptyStateCss","EmptyState","constructor","hostRef","this","layout","render","h","Host","key","class","icon","name","size","color","format","header","subHeader","action","onClick","actionClick","emit"],"sources":["src/components/empty-state/empty-state.scss?tag=ix-empty-state&encapsulation=shadow","src/components/empty-state/empty-state.tsx"],"sourcesContent":["@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n .label__subHeader {\n color: var(--theme-color-soft-text);\n }\n}\n\n:host(.emptyState.emptyState--large) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n\n .emptyState__icon {\n width: 3.5rem;\n height: 3.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n\n ix-icon {\n transform: scale(1.75);\n }\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $large-space;\n\n .content__label {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: $small-space;\n }\n }\n\n .label__subHeader,\n ix-typography {\n text-align: center;\n }\n}\n\n:host(.emptyState.emptyState--compact) {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n\n .emptyState__icon {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: $large-control-height;\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: $default-space;\n }\n}\n\n:host(.emptyState.emptyState--compactBreak) {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: $default-space;\n\n .emptyState__icon {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: $large-control-height;\n }\n\n .emptyState__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: $small-space;\n }\n}\n","/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type EmptyStateLayout = 'large' \| 'compact' \| 'compactBreak';\n\n@Component({\n tag: 'ix-empty-state',\n styleUrl: 'empty-state.scss',\n shadow: true,\n})\nexport class EmptyState {\n /\n Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n /\n @Prop() layout: EmptyStateLayout = 'large';\n\n /\n Optional empty state icon\n /\n @Prop() icon?: string;\n\n /\n Empty state header\n /\n @Prop() header!: string;\n\n /\n Optional empty state sub header\n /\n @Prop() subHeader?: string;\n\n /\n Optional empty state action\n /\n @Prop() action?: string;\n\n /\n Empty state action click event\n /\n @Event() actionClick!: EventEmitter<void>;\n\n render() {\n return (\n <Host class={`emptyState emptyState--${this.layout}`}>\n {this.icon && (\n <div class=\"emptyState__icon\">\n {/ TODO: replace size for large layout with '56' if available */}\n <ix-icon\n name={this.icon}\n size={this.layout === 'large' ? '32' : '32'}\n color=\"color-soft-text\"\n />\n </div>\n )}\n\n <div class=\"emptyState__content\">\n <div class=\"content__label\">\n <ix-typography format={this.layout === 'large' ? 'h3' : 'body'}>\n {this.header}\n </ix-typography>\n\n {this.subHeader && (\n <div class=\"label__subHeader\">{this.subHeader}</div>\n )}\n </div>\n\n {this.action && (\n <div class=\"content__action\">\n <ix-button onClick={() => this.actionClick.emit()}>\n {this.action}\n </ix-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,0zE,MCkBTC,EAAU,MALvB,WAAAC,CAAAC,G,mDASUC,KAAMC,OAAqB,OA+DpC,CApCC,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAO,0BAA0BN,KAAKC,UACzCD,KAAKO,MACJJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAETH,EACE,WAAAE,IAAA,2CAAAG,KAAMR,KAAKO,KACXE,KAAMT,KAAKC,SAAW,QAAU,KAAO,KACvCS,MAAM,qBAKZP,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,iBAAAE,IAAA,2CAAeM,OAAQX,KAAKC,SAAW,QAAU,KAAO,QACrDD,KAAKY,QAGPZ,KAAKa,WACJV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAoBN,KAAKa,YAIvCb,KAAKc,QACJX,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EAAW,aAAAE,IAAA,2CAAAU,QAAS,IAAMf,KAAKgB,YAAYC,QACxCjB,KAAKc,U","ignoreList":[]}

package/dist/siemens-ix/{p-c93a8094.entry.js → p-b6966cc0.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as a,g as r}from"./p-BNpBEtDH.js";import{f as n}from"./p-CrTP-icT.js";const i=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:hover{background:var(--theme-color-component-1--hover)}:host .expand-action:active{background:var(--theme-color-component-1--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}';let s=0;const c=(t="expand-content")=>[t,s++].join("-");const d=class{constructor(o){t(this,o);this.accordionExpand=e(this,"accordionExpand",7);this.collapse=false;this.expandContent=false}onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(t){t.preventDefault();t.stopPropagation();this.expandContent=!this.expandContent;this.accordionExpand.emit({expand:this.expandContent,nativeEvent:t});if(this.expandContent){this.scrollExpandedContentIntoView()}}scrollExpandedContentIntoView(){setTimeout((()=>{const t=this.expandedContent.getBoundingClientRect();if(t.bottom>window.innerHeight){this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(false)}}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return o(a,{key:"491fb99db65dab3492d23e3122ca9da2c899b232",slot:"card-accordion"},o("button",{key:"b498d87343ed4e70ef4a094642fc4906b309f5b3",tabIndex:0,class:{"expand-action":true,show:this.expandContent},onClick:t=>this.onExpandActionClick(t),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":c()},o("ix-icon",{key:"eb8b3af0c8ded220c6c8d62b3c9da45ba302c5d6",name:n,class:{"expand-icon":true,show:this.expandContent}})),o("div",{key:"9b0b53385f7b0b7f3365c89e7134869990c6270a",class:{"expand-content":true,show:this.expandContent}},o("div",{key:"a79520b455e3d344aca02ca70a9b7ff3262c76f8",class:"expand-content-inner"},o("div",{key:"c0798bb66e28ca6e2a5d6ee38b21222677d5a09a",class:"expand-content-body"},o("slot",{key:"01f775b08d53d8ea428b35d972d75af719006e8c"})),o("div",{key:"df5f62b0667977076557472c5713e30a7840a1a4",class:"expand-content-footer"}))))}get hostElement(){return r(this)}static get watchers(){return{collapse:["onInitialExpandChange"]}}};d.style=i;const l=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";const h=class{constructor(e){t(this,e)}render(){return o(a,{key:"0f4e8785e6861fa9151cece5946a7b33e85bd7fd"},o("slot",{key:"d8909ebe344940cda53d4076ccd1291eb1240f8b"}),o("div",{key:"f87b52b2b467664d6e9d886d358b1c6b5403aae8",class:"title-actions"},o("slot",{key:"9e45b897368e305f0ce1e66b47424360c44c148d",name:"title-actions"})))}};h.style=l;export{d as ix_card_accordion,h as ix_card_title};
-//# sourceMappingURL=p-c93a8094.entry.js.map
+import{r as t,c as e,h as o,H as a,g as r}from"./p-BNpBEtDH.js";import{f as n}from"./p-CrTP-icT.js";const i=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:hover{background:var(--theme-color-component-1--hover)}:host .expand-action:active{background:var(--theme-color-component-1--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}';let s=0;const c=(t="expand-content")=>[t,s++].join("-");const d=class{constructor(o){t(this,o);this.accordionExpand=e(this,"accordionExpand",7);this.collapse=false;this.expandContent=false}onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(t){t.preventDefault();t.stopPropagation();this.expandContent=!this.expandContent;this.accordionExpand.emit({expand:this.expandContent,nativeEvent:t});if(this.expandContent){this.scrollExpandedContentIntoView()}}scrollExpandedContentIntoView(){setTimeout((()=>{const t=this.expandedContent.getBoundingClientRect();if(t.bottom>window.innerHeight){this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(false)}}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return o(a,{key:"7c185cd6dce5848a156f7cda3e1330e1d044eaf7",slot:"card-accordion"},o("button",{key:"e69a169703eda0fd0298745c8792a387181f5a55",tabIndex:0,class:{"expand-action":true,show:this.expandContent},onClick:t=>this.onExpandActionClick(t),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":c()},o("ix-icon",{key:"69c0621b1014d6a7bdc876d82f6ab14c52018aab",name:n,class:{"expand-icon":true,show:this.expandContent}})),o("div",{key:"884b7e0f360ad133ce8a3eb76c32ed34f435135f",class:{"expand-content":true,show:this.expandContent}},o("div",{key:"6cfc7fccccb7758e3cc73e7eb6c067763b3b4268",class:"expand-content-inner"},o("div",{key:"fd050651e883930641383c19fa02b49e68c6f7b5",class:"expand-content-body"},o("slot",{key:"7c5fb593f6cb6745a99ad546d840b1044038e288"})),o("div",{key:"ee9bd3cebe0d9c9ea1967fa9f121018ff487a5fb",class:"expand-content-footer"}))))}get hostElement(){return r(this)}static get watchers(){return{collapse:["onInitialExpandChange"]}}};d.style=i;const l=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";const h=class{constructor(e){t(this,e)}render(){return o(a,{key:"d4531b8777d3c33b0ebede19cbb7b0a57aac530d"},o("slot",{key:"66864059494bc518dae8ebe6cb77d3a33adbf00f"}),o("div",{key:"bf48c597921cf044b83500d1725c740a3ad05b84",class:"title-actions"},o("slot",{key:"628a31f58859cf14f210fade064526e7fd09b517",name:"title-actions"})))}};h.style=l;export{d as ix_card_accordion,h as ix_card_title};
+//# sourceMappingURL=p-b6966cc0.entry.js.map

package/dist/siemens-ix/p-b6966cc0.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["cardAccordionCss","accordionControlId","getAriaControlsId","prefix","join","CardAccordion","constructor","hostRef","this","collapse","expandContent","onInitialExpandChange","expandedContent","hostElement","shadowRoot","querySelector","onExpandActionClick","event","preventDefault","stopPropagation","accordionExpand","emit","expand","nativeEvent","scrollExpandedContentIntoView","setTimeout","rect","getBoundingClientRect","bottom","window","innerHeight","scrollIntoView","componentWillLoad","render","h","Host","key","slot","tabIndex","class","show","onClick","role","type","name","iconChevronRightSmall","cardTitleCss","CardHeader"],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n transition: var(--theme-default-time) ease-in-out;\n\n .expand-action {\n all: unset;\n display: flex;\n position: relative;\n\n appearance: button;\n\n height: 2.5rem;\n width: 100%;\n\n background-color: var(--theme-color-component-1);\n align-items: center;\n justify-content: flex-start;\n\n &:hover {\n background: var(--theme-color-component-1--hover);\n }\n\n &:active {\n background: var(--theme-color-component-1--active);\n }\n\n @include focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-btn--focus--outline-offset);\n }\n }\n\n .expand-action::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--ix-card-background);\n z-index: -1;\n }\n\n .expand-action:not(.show),\n .expand-action:not(.show)::before {\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n\n .expand-icon {\n margin-left: 0.5rem;\n transition: var(--theme-default-time) transform ease-in-out;\n }\n\n .expand-icon.show {\n transform: rotate(90deg);\n }\n\n .expand-content {\n display: grid;\n position: relative;\n grid-template-rows: 0fr;\n transition: var(--theme-default-time) ease-in-out;\n width: 100%;\n max-height: 14.75rem;\n opacity: 0;\n background-color: var(--theme-color-component-1);\n }\n\n .expand-content.show {\n grid-template-rows: 14.75rem;\n opacity: 1;\n }\n\n .expand-content-inner {\n position: relative;\n height: 100%;\n overflow: hidden;\n }\n\n .expand-content.show .expand-content-body {\n display: none;\n overflow: hidden;\n color: var(--theme-color-std-text);\n }\n\n .expand-content.show .expand-content-body {\n display: block;\n overflow: auto;\n height: calc(100% - 1rem);\n }\n\n .expand-content-footer {\n display: block;\n position: relative;\n width: 100%;\n height: 1rem;\n\n margin-top: auto;\n margin-bottom: 0px;\n\n background-color: var(--theme-color-component-1);\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n}\n","import { iconChevronRightSmall } from '@siemens/ix-icons/icons';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n expand: boolean;\n nativeEvent: Event;\n};\n\n@Component({\n tag: 'ix-card-accordion',\n styleUrl: 'card-accordion.scss',\n shadow: true,\n})\nexport class CardAccordion {\n /**\n * Collapse the card\n */\n @Prop() collapse = false;\n\n @Element() hostElement!: HTMLIxCardAccordionElement;\n\n /**\n * @internal\n */\n @Event() accordionExpand!: EventEmitter<CardAccordionExpandChangeEvent>;\n\n @State() expandContent = false;\n\n @Watch('collapse')\n onInitialExpandChange() {\n this.expandContent = !this.collapse;\n }\n\n get expandedContent() {\n return this.hostElement.shadowRoot!.querySelector('.expand-content');\n }\n\n onExpandActionClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.expandContent = !this.expandContent;\n this.accordionExpand.emit({\n expand: this.expandContent,\n nativeEvent: event,\n });\n\n if (this.expandContent) {\n this.scrollExpandedContentIntoView();\n }\n }\n\n private scrollExpandedContentIntoView() {\n setTimeout(() => {\n const rect = this.expandedContent!.getBoundingClientRect();\n if (rect.bottom > window.innerHeight) {\n this.hostElement\n .shadowRoot!.querySelector('.expand-content')!\n .scrollIntoView(false);\n }\n }, 150);\n }\n\n componentWillLoad() {\n this.onInitialExpandChange();\n }\n\n render() {\n return (\n <Host slot=\"card-accordion\">\n <button\n tabIndex={0}\n class={{ 'expand-action': true, show: this.expandContent }}\n onClick={(event) => this.onExpandActionClick(event)}\n role=\"button\"\n type=\"button\"\n aria-expanded={this.expandContent}\n aria-controls={getAriaControlsId()}\n >\n <ix-icon\n name={iconChevronRightSmall}\n class={{\n 'expand-icon': true,\n show: this.expandContent,\n }}\n ></ix-icon>\n </button>\n <div\n class={{\n 'expand-content': true,\n show: this.expandContent,\n }}\n >\n <div class=\"expand-content-inner\">\n <div class=\"expand-content-body\">\n <slot></slot>\n </div>\n <div class=\"expand-content-footer\"></div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import 'common-variables';\n\n:host {\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n gap: $default-space;\n\n width: 100%;\n\n .title-actions {\n display: flex;\n position: relative;\n flex-direction: row;\n gap: 0.25rem;\n margin-left: auto;\n margin-right: 0;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n */\n@Component({\n tag: 'ix-card-title',\n styleUrl: 'card-title.scss',\n shadow: true,\n})\nexport class CardHeader {\n render() {\n return (\n <Host>\n <slot></slot>\n <div class=\"title-actions\">\n <slot name=\"title-actions\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAmB,4tFCazB,IAAIC,EAAqB,EACzB,MAAMC,EAAoB,CAACC,EAAiB,mBACnC,CAACA,EAAQF,KAAsBG,KAAK,K,MAahCC,EAAa,MAL1B,WAAAC,CAAAC,G,2DASUC,KAAQC,SAAG,MASVD,KAAaE,cAAG,KA4E1B,CAzEC,qBAAAC,GACEH,KAAKE,eAAiBF,KAAKC,Q,CAG7B,mBAAIG,GACF,OAAOJ,KAAKK,YAAYC,WAAYC,cAAc,kB,CAGpD,mBAAAC,CAAoBC,GAClBA,EAAMC,iBACND,EAAME,kBACNX,KAAKE,eAAiBF,KAAKE,cAC3BF,KAAKY,gBAAgBC,KAAK,CACxBC,OAAQd,KAAKE,cACba,YAAaN,IAGf,GAAIT,KAAKE,cAAe,CACtBF,KAAKgB,+B,EAID,6BAAAA,GACNC,YAAW,KACT,MAAMC,EAAOlB,KAAKI,gBAAiBe,wBACnC,GAAID,EAAKE,OAASC,OAAOC,YAAa,CACpCtB,KAAKK,YACFC,WAAYC,cAAc,mBAC1BgB,eAAe,M,IAEnB,I,CAGL,iBAAAC,GACExB,KAAKG,uB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,kBACTH,EACE,UAAAE,IAAA,2CAAAE,SAAU,EACVC,MAAO,CAAE,gBAAiB,KAAMC,KAAMhC,KAAKE,eAC3C+B,QAAUxB,GAAUT,KAAKQ,oBAAoBC,GAC7CyB,KAAK,SACLC,KAAK,SAAQ,gBACEnC,KAAKE,cACL,gBAAAR,KAEfgC,EAAA,WAAAE,IAAA,2CACEQ,KAAMC,EACNN,MAAO,CACL,cAAe,KACfC,KAAMhC,KAAKE,kBAIjBwB,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL,iBAAkB,KAClBC,KAAMhC,KAAKE,gBAGbwB,EAAK,OAAAE,IAAA,2CAAAG,MAAM,wBACTL,EAAK,OAAAE,IAAA,2CAAAG,MAAM,uBACTL,EAAA,QAAAE,IAAA,8CAEFF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,4B,+GC/GvB,MAAMO,EAAe,8P,MCURC,EAAU,M,yBACrB,MAAAd,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6CACbF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,iBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,mB","ignoreList":[]}

package/dist/siemens-ix/{p-9e83986f.entry.js → p-b78847d5.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as n,H as t}from"./p-BNpBEtDH.js";const r=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";const s=class{constructor(n){e(this,n)}render(){return n(t,{key:"061157db21ab43a8655d1e5bc3cc834dc1470e38"},n("slot",{key:"c5af168d94e40f1deb0e82558778e43a9f5c684f"}))}};s.style=r;export{s as ix_dropdown_quick_actions};
-//# sourceMappingURL=p-9e83986f.entry.js.map
+import{r as e,h as n,H as t}from"./p-BNpBEtDH.js";const r=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";const s=class{constructor(n){e(this,n)}render(){return n(t,{key:"f38082cc18541cb25cbb27e53e8071ab087ea7bf"},n("slot",{key:"57d7abc976bbfe107bf2297fcb0d5db1aec29294"}))}};s.style=r;export{s as ix_dropdown_quick_actions};
+//# sourceMappingURL=p-b78847d5.entry.js.map

package/dist/siemens-ix/{p-9e83986f.entry.js.map → p-b78847d5.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["dropdownQuickActionsCss","DropdownQuickActions","render","h","Host","key"],"sources":["src/components/dropdown-quick-actions/dropdown-quick-actions.scss?tag=ix-dropdown-quick-actions&encapsulation=shadow","src/components/dropdown-quick-actions/dropdown-quick-actions.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n@import 'common-variables';\n\n:host {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: $large-space;\n margin-inline-end: $large-space;\n margin-block-end: $tiny-space;\n\n slot::slotted() {\n display: flex;\n margin-inline-end: 0.625rem;\n }\n}\n","/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { Component, h, Host } from '@stencil/core';\n\n/\n @~~since 1.4.0\n */\n@~~Component({\n tag: 'ix-dropdown-quick-actions',\n styleUrl: 'dropdown-quick-actions.scss',\n shadow: true,\n})\nexport class DropdownQuickActions {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,4M,~~MCkBnBC~~,EAAoB,M,yBAC/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["dropdownQuickActionsCss","DropdownQuickActions","render","h","Host","key"],"sources":["src/components/dropdown-quick-actions/dropdown-quick-actions.scss?tag=ix-dropdown-quick-actions&encapsulation=shadow","src/components/dropdown-quick-actions/dropdown-quick-actions.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n@import 'common-variables';\n\n:host {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: $large-space;\n margin-inline-end: $large-space;\n margin-block-end: $tiny-space;\n\n slot::slotted() {\n display: flex;\n margin-inline-end: 0.625rem;\n }\n}\n","/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'ix-dropdown-quick-actions',\n styleUrl: 'dropdown-quick-actions.scss',\n shadow: true,\n})\nexport class DropdownQuickActions {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,4M,MCenBC,EAAoB,M,yBAC/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/siemens-ix/{p-3edc7dd2.entry.js → p-beed1dd8.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,h as t,H as e}from"./p-BNpBEtDH.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const a=class{constructor(t){r(this,t);this.variant="outline";this.icon=undefined;this.selected=false}render(){return t(e,{key:"39a646f71db64b59ba53a54805663851a8f3e284"},t("ix-card",{key:"e5eb68de78c4773d001bbabfc99f7bfbad374fe0",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"5da654e9f30859b19243fef30e5d60dc545a2463"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,t("div",{key:"8377281c7516efa2c0bd9dfce86b92aa01fb62f1"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5"},this.subheading):null,t("slot",{key:"f56da3824a2f808dc547044ae87afce70e3673ef"})))))}};a.style=o;export{a as ix_action_card};
-//# sourceMappingURL=p-3edc7dd2.entry.js.map
+import{r,h as t,H as a}from"./p-BNpBEtDH.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const e=class{constructor(t){r(this,t);this.variant="outline";this.icon=undefined;this.selected=false}render(){return t(a,{key:"611489a81be0dda6b92579bc5a8b6442f9c8ba14"},t("ix-card",{key:"442340c0b4dcf3424187966ca06bf4b329cecda7",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"755a4d6236f9e89e9c7207c6a16cf90696b0a6dc"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,t("div",{key:"9482063b3546639e35ae0b6ae88c359fa79587d5"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5"},this.subheading):null,t("slot",{key:"8b2f720026a55e8b40a829f2c93a003b40cc8f3a"})))))}};e.style=o;export{e as ix_action_card};
+//# sourceMappingURL=p-beed1dd8.entry.js.map

package/dist/siemens-ix/p-beed1dd8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["actionCardCss","IxActionCard","constructor","hostRef","this","variant","icon","undefined","selected","render","h","Host","key","class","name","size","heading","format","subheading"],"sources":["src/components/action-card/action-card.scss?tag=ix-action-card&encapsulation=shadow","src/components/action-card/action-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: block;\n position: relative;\n min-width: 13.375rem;\n width: 13.375rem;\n height: 7.5rem;\n min-height: 7.5rem;\n cursor: pointer;\n\n margin: 0.25rem 0;\n\n ix-card {\n width: 100%;\n height: 100%;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type ActionCardVariant = CardVariant;\n\n@Component({\n tag: 'ix-action-card',\n styleUrl: 'action-card.scss',\n shadow: true,\n})\nexport class IxActionCard {\n /**\n * Card variant\n */\n @Prop() variant: ActionCardVariant = 'outline';\n\n /**\n * Card icon\n */\n @Prop() icon: string | undefined = undefined;\n\n /**\n * Card heading\n */\n @Prop() heading?: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading?: string;\n\n /**\n * Card selection\n */\n @Prop() selected = false;\n\n render() {\n return (\n <Host>\n <ix-card\n selected={this.selected}\n variant={this.variant}\n class={'pointer'}\n >\n <ix-card-content>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <div>\n {this.heading ? (\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n ) : null}\n {this.subheading ? (\n <ix-typography format=\"h5\">{this.subheading}</ix-typography>\n ) : null}\n <slot></slot>\n </div>\n </ix-card-content>\n </ix-card>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,06B,MCmBTC,EAAY,MALzB,WAAAC,CAAAC,G,UASUC,KAAOC,QAAsB,UAK7BD,KAAIE,KAAuBC,UAe3BH,KAAQI,SAAG,KA4BpB,CA1BC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CACEJ,SAAUJ,KAAKI,SACfH,QAASD,KAAKC,QACdQ,MAAO,WAEPH,EAAA,mBAAAE,IAAA,4CACGR,KAAKE,KACJI,EAAS,WAAAG,MAAO,OAAQC,KAAMV,KAAKE,KAAMS,KAAK,OAC5C,KACJL,EAAA,OAAAE,IAAA,4CACGR,KAAKY,QACJN,EAAA,iBAAeO,OAAO,MAAMb,KAAKY,SAC/B,KACHZ,KAAKc,WACJR,EAAA,iBAAeO,OAAO,MAAMb,KAAKc,YAC/B,KACJR,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/siemens-ix/p-c1b10464.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as o,H as i,g as e}from"./p-BNpBEtDH.js";import{i as s,s as n,o as a,f as l,a as r,b as h,c as m}from"./p-CAqtPJ4-.js";const f='.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%;z-index:var(--theme-z-index-tooltip)}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';const d=class{constructor(o){t(this,o);this.placement="top";this.suppressAutomaticPlacement=false;this.isInputValid=true;this.onSubmitBind=this.onSubmit.bind(this);this.onInputFocusBind=this.onInputFocus.bind(this)}get arrow(){return this.hostElement.shadowRoot.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){var t;return(t=this.inputElement)===null\|\|t===void 0?void 0:t.form}get tooltipElement(){return this.hostElement.shadowRoot.querySelector(".validation-tooltip")}destroyAutoUpdate(){if(this.tooltipElement){this.tooltipElement.style.display="none"}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),n(),a({mainAxis:8})]};if(!t.middleware){t.middleware=[]}if(!this.suppressAutomaticPlacement){t.middleware.push(l({fallbackStrategy:"initialPlacement"}))}t.placement=this.placement;this.autoUpdateCleanup=r(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,h({element:this.arrow})];const o=await m(this.inputElement,this.tooltipElement,t);if(o.middlewareData.arrow){const{x:t,y:i}=o.middlewareData.arrow;this.arrowPosition={x:t,y:i};Object.assign(this.arrow.style,{left:t!=null?`${t}px`:"",top:i!=null?`${i}px`:""})}this.tooltipPosition={x:o.x,y:o.y}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}componentDidLoad(){if(!this.inputElement){throw Error("Validation tooltip is only working with an direct input child.")}if(!this.formElement){throw Error("Validation tooltip is only working with an form element.")}this.formElement.addEventListener("submit",this.onSubmitBind);this.inputElement.addEventListener("focus",this.onInputFocusBind);this.observer=new MutationObserver((()=>{if(this.inputElement.classList.contains("is-invalid")){this.isInputValid=false;this.validationChanged()}}));this.observer.observe(this.inputElement,{childList:false,subtree:false,attributes:true,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=true}onSubmit(){if(this.formElement.classList.contains("needs-validation")){this.isInputValid=this.inputElement.validity.valid}}disconnectedCallback(){var t,o,i;(t=this.observer)===null\|\|t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();(o=this.formElement)===null\|\|o===void 0?void 0:o.removeEventListener("submit",this.onSubmitBind);(i=this.inputElement)===null\|\|i===void 0?void 0:i.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){if(!this.isInputValid){this.applyTooltipPosition()}else{this.destroyAutoUpdate()}}render(){var t,e,s,n;return o(i,{key:"0582af013fdb45fa89977b01550230df8ad2e613"},o("slot",{key:"900e30ced560b90ad4495ab63a117c7f5e285632"}),o("div",{key:"2196bc1ba0b51c93fc7e1705b8ce08aa76e8285e",role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round((e=(t=this.tooltipPosition)===null\|\|t===void 0?void 0:t.x)!==null&&e!==void 0?e:0)}px,${Math.round((n=(s=this.tooltipPosition)===null\|\|s===void 0?void 0:s.y)!==null&&n!==void 0?n:0)}px)`},class:"validation-tooltip text-default"},this.message,o("slot",{key:"0c0607ed1e4a966ae8a10da7b4e467adc18ff6e4",name:"tooltip-message"}),o("div",{key:"ce75800f7e47c71196e442a0387111ef0b19ad10",id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};d.style=f;export{d as ix_validation_tooltip};
2	+ //# sourceMappingURL=p-c1b10464.entry.js.map