@siemens/ix 2.6.0 → 2.7.0

package/dist/siemens-ix/{p-475ac85f.entry.js → p-08168e53.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as e,h as t,H as r,g as n}from"./p-5806df2b.js";import{B as i}from"./p-35e14912.js";import{L as a,I as d}from"./p-4ac31849.js";import{m as l}from"./p-ce563a48.js";import{a as s}from"./p-178ce002.js";import{b as c}from"./p-5fe87e71.js";const b=":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-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)}: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 button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);-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);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:0.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}.form-control,.form-control-plaintext{-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);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}.form-control::-moz-placeholder,.form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.form-control::placeholder,.form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.form-control.readonly,.form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only,.form-control[readonly],.form-control[readOnly],.form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only::-moz-placeholder,.form-control[readonly]::-moz-placeholder,.form-control[readOnly]::-moz-placeholder,.form-control.readonly::-moz-placeholder{color:transparent}.form-control:-moz-read-only::placeholder{color:transparent}.form-control:read-only::placeholder,.form-control[readonly]::placeholder,.form-control[readOnly]::placeholder,.form-control.readonly::placeholder{color:transparent}.form-control:disabled,.form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.form-control:disabled::-moz-placeholder,.form-control.disabled::-moz-placeholder{color:transparent}.form-control:disabled::placeholder,.form-control.disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 0.312rem}textarea.form-control{padding:0.375rem 0.5rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input:-moz-read-only{cursor:default}input:read-only,input.readonly{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}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:100%;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:-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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}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:100%;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:-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~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;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}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}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:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}:host .input-container:not(.readonly):not(.disabled){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:100%;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)}:host .input-container:not(.readonly):not(.disabled):-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}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill,:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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)}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled):disabled,:host .input-container:not(.readonly):not(.disabled).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)}:host .input-container:not(.readonly):not(.disabled):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):disabled::placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly{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:100%;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)}:host .input-container.readonly:-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}:host .input-container.readonly:-webkit-autofill,:host .input-container.readonly: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}:host .input-container.readonly::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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)}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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}:host .input-container.readonly:-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)}:host .input-container.readonly.read-only,:host .input-container.readonly: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)}:host .input-container.readonly.read-only::-moz-placeholder,:host .input-container.readonly:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.read-only::placeholder,:host .input-container.readonly:read-only::placeholder{color:transparent}:host .input-container.readonly:disabled,:host .input-container.readonly.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)}:host .input-container.readonly:disabled::-moz-placeholder,:host .input-container.readonly.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:disabled::placeholder,:host .input-container.readonly.disabled::placeholder{color:transparent}:host .input-container.no-icon{padding-left:0.25rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none}:host .text-input,:host .text-input:hover,:host .text-input:focus :host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{-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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .d-none{display:none}";const h=b;const u=class{constructor(t){o(this,t);this.categoryChanged=e(this,"categoryChanged",7);this.inputChanged=e(this,"inputChanged",7);this.filterChanged=e(this,"filterChanged",7);this.filterCleared=e(this,"filterCleared",7);this.ID_CUSTOM_FILTER_VALUE="CW_CUSTOM_FILTER_VALUE";this.textInput=l();this.showDropdown=false;this.hasFocus=false;this.categoryLogicalOperator=a.EQUAL;this.inputValue="";this.category="";this.filterTokens=[];this.disabled=false;this.readonly=false;this.filterState=undefined;this.placeholder=undefined;this.categories=undefined;this.nonSelectableCategories={};this.suggestions=undefined;this.icon="search";this.hideIcon=false;this.staticOperator=undefined;this.repeatCategories=true;this.tmpDisableScrollIntoView=true;this.labelCategories="Categories";this.i18nPlainText="Filter by text"}get dropdown(){return this.hostElement.shadowRoot.querySelector("ix-dropdown")}watchFilterState(o){this.setFilterState(o)}preventDefault(o){o.preventDefault()}onFocusIn(){this.hasFocus=true}onFocusOut(){this.hasFocus=false}onInput(){var o,e,t;this.inputValue=((e=(o=this.textInput)===null||o===void 0?void 0:o.current)===null||e===void 0?void 0:e.value)||"";const r=new d(this.inputValue,this.category);this.inputChanged.emit(r);if(!((t=this.dropdown)===null||t===void 0?void 0:t.show)){this.openDropdown()}}componentWillLoad(){this.a11yAttributes=c(this.hostElement)}componentDidLoad(){var o;setTimeout((()=>{if(this.filterState!==undefined){this.setFilterState(this.filterState)}}));if(this.formElement!==undefined){this.formKeyDownListener=s(this.formElement,"keydown",(o=>this.handleFormElementKeyDown(o)));this.preventDefaultListener=s(this.formElement,"submit",this.preventDefault)}if(((o=this.textInput)===null||o===void 0?void 0:o.current)==null){console.warn("ix-category-filter - unable to add event listeners to native input element");return}this.inputKeyDownListener=s(this.textInput.current,"keydown",(o=>this.handleInputElementKeyDown(o)));this.focusInListener=s(this.textInput.current,"focusin",(()=>this.onFocusIn()));this.focusOutListener=s(this.textInput.current,"focusout",(()=>this.onFocusOut()));this.inputListener=s(this.textInput.current,"input",(()=>this.onInput()))}setFilterState(o){this.filterTokens=[];for(const e of o.tokens){this.addToken(e,this.ID_CUSTOM_FILTER_VALUE,this.categoryLogicalOperator,false)}for(const e of o.categories){this.addToken(e.value,e.id,e.operator,false)}this.emitFilterEvent()}closeDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=false}}openDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=true}}handleFormElementKeyDown(o){var e;switch(o.code){case"Enter":case"NumpadEnter":if(!((e=document.activeElement)===null||e===void 0?void 0:e.classList.contains("dropdown-item"))){return}const t=document.activeElement.getAttribute("data-id");if(t===null){break}if(this.hasCategorySelection()){if(this.category!==""){this.addToken(t,this.category)}else if(document.activeElement.classList.contains("category-item-id")){this.selectCategory(t)}}else{this.addToken(t)}o.preventDefault();break;case"ArrowUp":this.focusPreviousItem();o.preventDefault();break;case"ArrowDown":this.showDropdown=true;this.focusNextItem();o.preventDefault();break;case"Escape":this.closeDropdown();break}}focusPreviousItem(){var o;const e=(o=document.activeElement)===null||o===void 0?void 0:o.previousSibling;if(e instanceof HTMLElement){e.focus()}}focusNextItem(){var o;const e=(o=document.activeElement)===null||o===void 0?void 0:o.nextSibling;if(e instanceof HTMLElement){e.focus()}}focusElement(o){const e=this.hostElement.shadowRoot.querySelector(o);if(e instanceof HTMLElement){e.focus();return true}return false}onArrowDown(o){var e;const t=`.category-item-${this.category!==""?"value":"id"}`;const r=".category-item";if(this.focusElement(t)){o.stopPropagation();return}if(((e=this.suggestions)===null||e===void 0?void 0:e.length)&&this.focusElement(r)){o.stopPropagation()}}handleInputElementKeyDown(o){var e,t;switch(o.code){case"ArrowDown":{this.onArrowDown(o);break}case"Backspace":if(((t=(e=this.textInput)===null||e===void 0?void 0:e.current)===null||t===void 0?void 0:t.value)!==""){return}if(this.category!==""){this.category="";return}const r=this.filterTokens.length;if(r>0){this.removeToken(r-1)}break;case"Enter":case"NumpadEnter":this.addToken(this.inputValue,this.category||this.ID_CUSTOM_FILTER_VALUE);o.preventDefault();break}}emitFilterEvent(){const o=this.filterTokens.filter((o=>o.id===this.ID_CUSTOM_FILTER_VALUE)).map((o=>o.value));const e=this.filterTokens.filter((o=>o.id!==this.ID_CUSTOM_FILTER_VALUE));const t={tokens:o,categories:e};this.filterChanged.emit(t)}addToken(o,e=this.ID_CUSTOM_FILTER_VALUE,t=this.categoryLogicalOperator,r=true){var n,i,d;if(o===undefined||o===null){return}const l=o.trim();if(l===""){return}if(this.hasToken(l)){return}const s={id:e,value:l,operator:t};this.filterTokens=[...this.filterTokens,s];if((n=this.textInput)===null||n===void 0?void 0:n.current){this.textInput.current.value=""}this.inputValue="";this.categoryLogicalOperator=a.EQUAL;if(this.category!==""){this.category=""}this.isScrollStateDirty=true;(d=(i=this.textInput)===null||i===void 0?void 0:i.current)===null||d===void 0?void 0:d.focus();if(r){this.emitFilterEvent()}}removeToken(o){this.filterTokens=this.filterTokens.filter(((e,t)=>t!==o));this.emitFilterEvent()}getCategoryIds(){const o=[];for(const e in this.categories){if(Object.prototype.hasOwnProperty.call(this.categories,e)){o.push(e)}}return o}selectCategory(o){var e,t,r;this.category=o;if((e=this.textInput)===null||e===void 0?void 0:e.current){this.textInput.current.value=""}this.inputValue="";(r=(t=this.textInput)===null||t===void 0?void 0:t.current)===null||r===void 0?void 0:r.focus();this.categoryChanged.emit(o)}resetFilter(o){const{defaultPrevented:e}=this.filterCleared.emit();if(e){return}o.stopPropagation();this.closeDropdown();this.filterTokens=[];if(this.category){this.category="";this.categoryChanged.emit(undefined)}this.emitFilterEvent()}filterMultiples(o){if(this.repeatCategories){return true}const e=this.filterTokens.find((e=>e.id===o));return!e}hasToken(o){return this.filterTokens.some((e=>{const t=e.value===o;if(!t){return false}if(this.category!==""){return this.category===e.id}if(e.id){return e.id===this.ID_CUSTOM_FILTER_VALUE}return t}))}filterDuplicateTokens(o){return!this.hasToken(o)}filterByInput(o){if(this.inputValue===undefined||this.inputValue===""){return true}return o.toLowerCase().indexOf(this.inputValue.toLowerCase())!==-1}toggleCategoryOperator(){switch(this.categoryLogicalOperator){case a.EQUAL:this.categoryLogicalOperator=a.NOT_EQUAL;break;case a.NOT_EQUAL:this.categoryLogicalOperator=a.EQUAL;break}}getFilterChipLabel(o){var e,t,r,n,i;if(o.id===this.ID_CUSTOM_FILTER_VALUE){return o.value}const d=o.operator===a.EQUAL?"=":"!=";const l=(i=(r=(t=(e=this.categories)===null||e===void 0?void 0:e[o.id])===null||t===void 0?void 0:t.label)!==null&&r!==void 0?r:(n=this.nonSelectableCategories)===null||n===void 0?void 0:n[o.id])!==null&&i!==void 0?i:o.id;return`${l} ${d} ${o.value}`}getFilteredSuggestions(){var o,e;if(!((o=this.suggestions)===null||o===void 0?void 0:o.length)){return[]}return(e=this.suggestions)===null||e===void 0?void 0:e.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o)))}hasCategorySelection(){return this.categories!==undefined}renderPlainSuggestions(){return t("div",{class:"dropdown-item-container"},this.getFilteredSuggestions().map((o=>t("button",{class:"dropdown-item","data-id":o,onClick:()=>this.addToken(o),key:o,title:o},o))))}renderOperatorButton(){if(this.staticOperator){return""}const o={type:"button",variant:"secondary",outline:false,ghost:true,iconOnly:true,iconOval:false,selected:false,disabled:this.disabled||this.staticOperator!==undefined,loading:false,icon:"",onClick:o=>{o.stopPropagation();this.toggleCategoryOperator()},extraClasses:{"btn-icon-32":true,"btn-toggle-operator":true}};return t(i,Object.assign({},o),this.categoryLogicalOperator===a.NOT_EQUAL?"=":"!=")}getFilterOperatorString(){let o;if(this.staticOperator!==undefined){o=this.staticOperator}else{o=this.categoryLogicalOperator}return`${o===a.EQUAL?"=":"!="} `}renderCategoryValues(){var o,e;if(this.categories===undefined){return}return t("div",{class:"dropdown-item-container"},this.renderOperatorButton(),t("div",{class:"dropdown-header"},(o=this.categories[this.category])===null||o===void 0?void 0:o.label),(e=this.categories[this.category])===null||e===void 0?void 0:e.options.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o))).map((o=>t("button",{class:"dropdown-item category-item-value","data-id":o,title:o,key:o,onClick:e=>{e.preventDefault();this.addToken(o,this.category)}},`${this.getFilterOperatorString()} ${o}`))))}renderDropdownContent(){if(this.hasCategorySelection()){if(this.category!==""){return this.renderCategoryValues()}else{return this.renderCategorySelection()}}else return this.renderPlainSuggestions()}renderCategorySelection(){var o;return t("div",{class:"dropdown-item-container"},(o=this.getCategoryIds())===null||o===void 0?void 0:o.filter((o=>this.categories&&this.filterByInput(this.categories[o].label))).filter((o=>this.filterMultiples(o))).map((o=>{var e,r,n,i;return t("button",{class:"dropdown-item category-item category-item-id","data-id":o,title:(r=(e=this.categories)===null||e===void 0?void 0:e[o])===null||r===void 0?void 0:r.label,key:o,onClick:e=>{e.preventDefault();this.selectCategory(o)},tabindex:"0"},(i=(n=this.categories)===null||n===void 0?void 0:n[o])===null||i===void 0?void 0:i.label)})))}getDropdownHeader(){if(this.categories!==undefined){if(this.category!==""){return undefined}else{return this.labelCategories}}return this.i18nPlainText}componentDidRender(){var o,e;if(this.isScrollStateDirty){if(!this.tmpDisableScrollIntoView){(e=(o=this.textInput)===null||o===void 0?void 0:o.current)===null||e===void 0?void 0:e.scrollIntoView()}this.isScrollStateDirty=false}}disconnectedCallback(){var o;if(this.preventDefaultListener){this.preventDefaultListener()}if(this.formKeyDownListener){this.formKeyDownListener()}if(this.inputKeyDownListener){(o=this.inputKeyDownListener)===null||o===void 0?void 0:o.call(this)}if(this.focusInListener){this.focusInListener()}if(this.focusOutListener){this.focusOutListener()}if(this.inputListener){this.inputListener()}}getResetButton(){return t("ix-icon-button",{onClick:o=>this.resetFilter(o),class:{"reset-button":true,"hide-reset-button":!this.filterTokens.length&&this.category===""},ghost:true,oval:true,icon:"clear",size:"16"})}getIconColor(){if(this.disabled){return"color-componentn-1"}if(this.readonly){return"color-std-txt"}return"color-primary"}render(){var o,e;return t(r,{key:"b93cf0144501eec0bf4d09c7e9218f9b79c92412"},t("form",{key:"9f54025b49b7e371f8b39ee189ef219cdddb10c1",ref:o=>this.formElement=o},t("div",{key:"068d7ad268dcd96e56a63c2793907caefe4d6072","read-only":this.readonly,class:{"input-container":true,disabled:this.disabled,focus:this.hasFocus,readonly:this.readonly,"no-icon":this.hideIcon}},t("ix-icon",{key:"4f8e7941360a304b980429496103ebf0e1229f7c",color:this.getIconColor(),class:{"d-none":this.hideIcon},name:this.icon,size:"16"}),t("div",{key:"d263342567b510f7cd22bca4baa92ba49e8cfc9f",class:"token-container"},t("div",{key:"a7233e969fd11966d6a658d778589a234ad629fa",class:"list-unstyled"},this.filterTokens.map(((o,e)=>t("span",{key:o.toString(),class:{animate__animated:true,animate__fadein:true}},t("ix-filter-chip",{disabled:this.disabled,readonly:this.readonly,onClick:o=>o.stopPropagation(),onCloseClick:()=>this.removeToken(e)},this.getFilterChipLabel(o))))),this.categories===undefined?"":t("span",{class:{"category-preview":true,"d-none":this.category===""}},(o=this.categories[this.category])===null||o===void 0?void 0:o.label),t("input",Object.assign({key:"049176b6ce4a85860039f23258cea7b2aacab9a9",class:{"text-input":true,"hide-placeholder":this.readonly||this.disabled||this.category!==""},autocomplete:"off",name:"category-filter-input",disabled:this.disabled,readonly:this.readonly,ref:this.textInput,type:"text",placeholder:this.placeholder},this.a11yAttributes)))),!this.readonly&&!this.disabled&&this.getResetButton())),this.disabled||this.readonly?"":t("ix-dropdown",{show:this.showDropdown,closeBehavior:"outside",offset:{mainAxis:2},anchor:(e=this.textInput)===null||e===void 0?void 0:e.waitForCurrent(),trigger:this.hostElement,header:this.getDropdownHeader()},this.renderDropdownContent()))}get hostElement(){return n(this)}static get watchers(){return{filterState:["watchFilterState"]}}};u.style=h;export{u as ix_category_filter};
-//# sourceMappingURL=p-475ac85f.entry.js.map
+import{r as o,c as e,h as t,H as r,g as n}from"./p-5806df2b.js";import{B as i}from"./p-35e14912.js";import{L as a,I as d}from"./p-4ac31849.js";import{m as l}from"./p-ce563a48.js";import{a as s}from"./p-178ce002.js";import{b as c}from"./p-5fe87e71.js";const b=":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-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)}: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 button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);-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);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:0.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}.form-control,.form-control-plaintext{-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);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}.form-control::-moz-placeholder,.form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.form-control::placeholder,.form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.form-control.readonly,.form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only,.form-control[readonly],.form-control[readOnly],.form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only::-moz-placeholder,.form-control[readonly]::-moz-placeholder,.form-control[readOnly]::-moz-placeholder,.form-control.readonly::-moz-placeholder{color:transparent}.form-control:-moz-read-only::placeholder{color:transparent}.form-control:read-only::placeholder,.form-control[readonly]::placeholder,.form-control[readOnly]::placeholder,.form-control.readonly::placeholder{color:transparent}.form-control:disabled,.form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.form-control:disabled::-moz-placeholder,.form-control.disabled::-moz-placeholder{color:transparent}.form-control:disabled::placeholder,.form-control.disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 0.312rem}textarea.form-control{padding:0.375rem 0.5rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input:-moz-read-only{cursor:default}input:read-only,input.readonly{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}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:100%;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:-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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}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:100%;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:-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{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;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}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}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:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}:host .input-container:not(.readonly):not(.disabled){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:100%;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)}:host .input-container:not(.readonly):not(.disabled):-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}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill,:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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)}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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}:host .input-container:not(.readonly):not(.disabled):disabled,:host .input-container:not(.readonly):not(.disabled).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)}:host .input-container:not(.readonly):not(.disabled):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):disabled::placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly{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:100%;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)}:host .input-container.readonly:-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}:host .input-container.readonly:-webkit-autofill,:host .input-container.readonly: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}:host .input-container.readonly::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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)}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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}:host .input-container.readonly:-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)}:host .input-container.readonly.read-only,:host .input-container.readonly: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)}:host .input-container.readonly.read-only::-moz-placeholder,:host .input-container.readonly:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.read-only::placeholder,:host .input-container.readonly:read-only::placeholder{color:transparent}:host .input-container.readonly:disabled,:host .input-container.readonly.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)}:host .input-container.readonly:disabled::-moz-placeholder,:host .input-container.readonly.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:disabled::placeholder,:host .input-container.readonly.disabled::placeholder{color:transparent}:host .input-container.no-icon{padding-left:0.25rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none}:host .text-input,:host .text-input:hover,:host .text-input:focus :host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{-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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .d-none{display:none}";const h=b;const u=class{constructor(t){o(this,t);this.categoryChanged=e(this,"categoryChanged",7);this.inputChanged=e(this,"inputChanged",7);this.filterChanged=e(this,"filterChanged",7);this.filterCleared=e(this,"filterCleared",7);this.ID_CUSTOM_FILTER_VALUE="CW_CUSTOM_FILTER_VALUE";this.textInput=l();this.showDropdown=false;this.hasFocus=false;this.categoryLogicalOperator=a.EQUAL;this.inputValue="";this.category="";this.filterTokens=[];this.disabled=false;this.readonly=false;this.filterState=undefined;this.placeholder=undefined;this.categories=undefined;this.nonSelectableCategories={};this.suggestions=undefined;this.icon="search";this.hideIcon=false;this.staticOperator=undefined;this.repeatCategories=true;this.tmpDisableScrollIntoView=true;this.labelCategories="Categories";this.i18nPlainText="Filter by text"}get dropdown(){return this.hostElement.shadowRoot.querySelector("ix-dropdown")}watchFilterState(o){this.setFilterState(o)}preventDefault(o){o.preventDefault()}onFocusIn(){this.hasFocus=true}onFocusOut(){this.hasFocus=false}onInput(){var o,e,t;this.inputValue=((e=(o=this.textInput)===null||o===void 0?void 0:o.current)===null||e===void 0?void 0:e.value)||"";const r=new d(this.inputValue,this.category);this.inputChanged.emit(r);if(!((t=this.dropdown)===null||t===void 0?void 0:t.show)){this.openDropdown()}}componentWillLoad(){this.a11yAttributes=c(this.hostElement)}componentDidLoad(){var o;setTimeout((()=>{if(this.filterState!==undefined){this.setFilterState(this.filterState)}}));if(this.formElement!==undefined){this.formKeyDownListener=s(this.formElement,"keydown",(o=>this.handleFormElementKeyDown(o)));this.preventDefaultListener=s(this.formElement,"submit",this.preventDefault)}if(((o=this.textInput)===null||o===void 0?void 0:o.current)==null){console.warn("ix-category-filter - unable to add event listeners to native input element");return}this.inputKeyDownListener=s(this.textInput.current,"keydown",(o=>this.handleInputElementKeyDown(o)));this.focusInListener=s(this.textInput.current,"focusin",(()=>this.onFocusIn()));this.focusOutListener=s(this.textInput.current,"focusout",(()=>this.onFocusOut()));this.inputListener=s(this.textInput.current,"input",(()=>this.onInput()))}setFilterState(o){this.filterTokens=[];for(const e of o.tokens){this.addToken(e,this.ID_CUSTOM_FILTER_VALUE,this.categoryLogicalOperator,false)}for(const e of o.categories){this.addToken(e.value,e.id,e.operator,false)}this.emitFilterEvent()}closeDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=false}}openDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=true}}handleFormElementKeyDown(o){var e;switch(o.code){case"Enter":case"NumpadEnter":if(!((e=document.activeElement)===null||e===void 0?void 0:e.classList.contains("dropdown-item"))){return}const t=document.activeElement.getAttribute("data-id");if(t===null){break}if(this.hasCategorySelection()){if(this.category!==""){this.addToken(t,this.category)}else if(document.activeElement.classList.contains("category-item-id")){this.selectCategory(t)}}else{this.addToken(t)}o.preventDefault();break;case"ArrowUp":this.focusPreviousItem();o.preventDefault();break;case"ArrowDown":this.showDropdown=true;this.focusNextItem();o.preventDefault();break;case"Escape":this.closeDropdown();break}}focusPreviousItem(){var o;const e=(o=document.activeElement)===null||o===void 0?void 0:o.previousSibling;if(e instanceof HTMLElement){e.focus()}}focusNextItem(){var o;const e=(o=document.activeElement)===null||o===void 0?void 0:o.nextSibling;if(e instanceof HTMLElement){e.focus()}}focusElement(o){const e=this.hostElement.shadowRoot.querySelector(o);if(e instanceof HTMLElement){e.focus();return true}return false}onArrowDown(o){var e;const t=`.category-item-${this.category!==""?"value":"id"}`;const r=".category-item";if(this.focusElement(t)){o.stopPropagation();return}if(((e=this.suggestions)===null||e===void 0?void 0:e.length)&&this.focusElement(r)){o.stopPropagation()}}handleInputElementKeyDown(o){var e,t;switch(o.code){case"ArrowDown":{this.onArrowDown(o);break}case"Backspace":if(((t=(e=this.textInput)===null||e===void 0?void 0:e.current)===null||t===void 0?void 0:t.value)!==""){return}if(this.category!==""){this.category="";return}const r=this.filterTokens.length;if(r>0){this.removeToken(r-1)}break;case"Enter":case"NumpadEnter":this.addToken(this.inputValue,this.category||this.ID_CUSTOM_FILTER_VALUE);o.preventDefault();break}}emitFilterEvent(){const o=this.filterTokens.filter((o=>o.id===this.ID_CUSTOM_FILTER_VALUE)).map((o=>o.value));const e=this.filterTokens.filter((o=>o.id!==this.ID_CUSTOM_FILTER_VALUE));const t={tokens:o,categories:e};this.filterChanged.emit(t)}addToken(o,e=this.ID_CUSTOM_FILTER_VALUE,t=this.categoryLogicalOperator,r=true){var n,i,d;if(o===undefined||o===null){return}const l=o.trim();if(l===""){return}if(this.hasToken(l)){return}const s={id:e,value:l,operator:t};this.filterTokens=[...this.filterTokens,s];if((n=this.textInput)===null||n===void 0?void 0:n.current){this.textInput.current.value=""}this.inputValue="";this.categoryLogicalOperator=a.EQUAL;if(this.category!==""){this.category=""}this.isScrollStateDirty=true;(d=(i=this.textInput)===null||i===void 0?void 0:i.current)===null||d===void 0?void 0:d.focus();if(r){this.emitFilterEvent()}}removeToken(o){this.filterTokens=this.filterTokens.filter(((e,t)=>t!==o));this.emitFilterEvent()}getCategoryIds(){const o=[];for(const e in this.categories){if(Object.prototype.hasOwnProperty.call(this.categories,e)){o.push(e)}}return o}selectCategory(o){var e,t,r;this.category=o;if((e=this.textInput)===null||e===void 0?void 0:e.current){this.textInput.current.value=""}this.inputValue="";(r=(t=this.textInput)===null||t===void 0?void 0:t.current)===null||r===void 0?void 0:r.focus();this.categoryChanged.emit(o)}resetFilter(o){const{defaultPrevented:e}=this.filterCleared.emit();if(e){return}o.stopPropagation();this.closeDropdown();this.filterTokens=[];if(this.category){this.category="";this.categoryChanged.emit(undefined)}this.emitFilterEvent()}filterMultiples(o){if(this.repeatCategories){return true}const e=this.filterTokens.find((e=>e.id===o));return!e}hasToken(o){return this.filterTokens.some((e=>{const t=e.value===o;if(!t){return false}if(this.category!==""){return this.category===e.id}if(e.id){return e.id===this.ID_CUSTOM_FILTER_VALUE}return t}))}filterDuplicateTokens(o){return!this.hasToken(o)}filterByInput(o){if(this.inputValue===undefined||this.inputValue===""){return true}return o.toLowerCase().indexOf(this.inputValue.toLowerCase())!==-1}toggleCategoryOperator(){switch(this.categoryLogicalOperator){case a.EQUAL:this.categoryLogicalOperator=a.NOT_EQUAL;break;case a.NOT_EQUAL:this.categoryLogicalOperator=a.EQUAL;break}}getFilterChipLabel(o){var e,t,r,n,i;if(o.id===this.ID_CUSTOM_FILTER_VALUE){return o.value}const d=o.operator===a.EQUAL?"=":"!=";const l=(i=(r=(t=(e=this.categories)===null||e===void 0?void 0:e[o.id])===null||t===void 0?void 0:t.label)!==null&&r!==void 0?r:(n=this.nonSelectableCategories)===null||n===void 0?void 0:n[o.id])!==null&&i!==void 0?i:o.id;return`${l} ${d} ${o.value}`}getFilteredSuggestions(){var o,e;if(!((o=this.suggestions)===null||o===void 0?void 0:o.length)){return[]}return(e=this.suggestions)===null||e===void 0?void 0:e.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o)))}hasCategorySelection(){return this.categories!==undefined}renderPlainSuggestions(){return t("div",{class:"dropdown-item-container"},this.getFilteredSuggestions().map((o=>t("button",{class:"dropdown-item","data-id":o,onClick:()=>this.addToken(o),key:o,title:o},o))))}renderOperatorButton(){if(this.staticOperator){return""}const o={type:"button",variant:"secondary",outline:false,ghost:true,iconOnly:true,iconOval:false,selected:false,disabled:this.disabled||this.staticOperator!==undefined,loading:false,icon:"",onClick:o=>{o.stopPropagation();this.toggleCategoryOperator()},extraClasses:{"btn-icon-32":true,"btn-toggle-operator":true}};return t(i,Object.assign({},o),this.categoryLogicalOperator===a.NOT_EQUAL?"=":"!=")}getFilterOperatorString(){let o;if(this.staticOperator!==undefined){o=this.staticOperator}else{o=this.categoryLogicalOperator}return`${o===a.EQUAL?"=":"!="} `}renderCategoryValues(){var o,e;if(this.categories===undefined){return}return t("div",{class:"dropdown-item-container"},this.renderOperatorButton(),t("div",{class:"dropdown-header"},(o=this.categories[this.category])===null||o===void 0?void 0:o.label),(e=this.categories[this.category])===null||e===void 0?void 0:e.options.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o))).map((o=>t("button",{class:"dropdown-item category-item-value","data-id":o,title:o,key:o,onClick:e=>{e.preventDefault();this.addToken(o,this.category)}},`${this.getFilterOperatorString()} ${o}`))))}renderDropdownContent(){if(this.hasCategorySelection()){if(this.category!==""){return this.renderCategoryValues()}else{return this.renderCategorySelection()}}else return this.renderPlainSuggestions()}renderCategorySelection(){var o;return t("div",{class:"dropdown-item-container"},(o=this.getCategoryIds())===null||o===void 0?void 0:o.filter((o=>this.categories&&this.filterByInput(this.categories[o].label))).filter((o=>this.filterMultiples(o))).map((o=>{var e,r,n,i;return t("button",{class:"dropdown-item category-item category-item-id","data-id":o,title:(r=(e=this.categories)===null||e===void 0?void 0:e[o])===null||r===void 0?void 0:r.label,key:o,onClick:e=>{e.preventDefault();this.selectCategory(o)},tabindex:"0"},(i=(n=this.categories)===null||n===void 0?void 0:n[o])===null||i===void 0?void 0:i.label)})))}getDropdownHeader(){if(this.categories!==undefined){if(this.category!==""){return undefined}else{return this.labelCategories}}return this.i18nPlainText}componentDidRender(){var o,e;if(this.isScrollStateDirty){if(!this.tmpDisableScrollIntoView){(e=(o=this.textInput)===null||o===void 0?void 0:o.current)===null||e===void 0?void 0:e.scrollIntoView()}this.isScrollStateDirty=false}}disconnectedCallback(){var o;if(this.preventDefaultListener){this.preventDefaultListener()}if(this.formKeyDownListener){this.formKeyDownListener()}if(this.inputKeyDownListener){(o=this.inputKeyDownListener)===null||o===void 0?void 0:o.call(this)}if(this.focusInListener){this.focusInListener()}if(this.focusOutListener){this.focusOutListener()}if(this.inputListener){this.inputListener()}}getResetButton(){return t("ix-icon-button",{onClick:o=>this.resetFilter(o),class:{"reset-button":true,"hide-reset-button":!this.filterTokens.length&&this.category===""},ghost:true,oval:true,icon:"clear",size:"16"})}getIconColor(){if(this.disabled){return"color-componentn-1"}if(this.readonly){return"color-std-txt"}return"color-primary"}render(){var o,e;return t(r,{key:"0699ab3852828ebab616e66e11186338e84859ce"},t("form",{key:"db8980ec7f54ddd77eee511c2d50a1d575d41afd",ref:o=>this.formElement=o},t("div",{key:"f5f0993cd2d3f0a1955f05ba46b001317fb68841","read-only":this.readonly,class:{"input-container":true,disabled:this.disabled,focus:this.hasFocus,readonly:this.readonly,"no-icon":this.hideIcon}},t("ix-icon",{key:"4b2f2b4bfbde91fec3753ac0e2fae58433c57466",color:this.getIconColor(),class:{"d-none":this.hideIcon},name:this.icon,size:"16"}),t("div",{key:"d56117442c296412a0aef515e713c1e44aa60006",class:"token-container"},t("div",{key:"d494fd637dbba4cea32d4d7c014bd7369b16292d",class:"list-unstyled"},this.filterTokens.map(((o,e)=>t("span",{key:o.toString(),class:{animate__animated:true,animate__fadein:true}},t("ix-filter-chip",{disabled:this.disabled,readonly:this.readonly,onClick:o=>o.stopPropagation(),onCloseClick:()=>this.removeToken(e)},this.getFilterChipLabel(o))))),this.categories===undefined?"":t("span",{class:{"category-preview":true,"d-none":this.category===""}},(o=this.categories[this.category])===null||o===void 0?void 0:o.label),t("input",Object.assign({key:"43ff6f2894aeb82fae918dfc698f9d5acb57d740",class:{"text-input":true,"hide-placeholder":this.readonly||this.disabled||this.category!==""},autocomplete:"off",name:"category-filter-input",disabled:this.disabled,readonly:this.readonly,ref:this.textInput,type:"text",placeholder:this.placeholder},this.a11yAttributes)))),!this.readonly&&!this.disabled&&this.getResetButton())),this.disabled||this.readonly?"":t("ix-dropdown",{show:this.showDropdown,closeBehavior:"outside",offset:{mainAxis:2},anchor:(e=this.textInput)===null||e===void 0?void 0:e.waitForCurrent(),trigger:this.hostElement,header:this.getDropdownHeader()},this.renderDropdownContent()))}get hostElement(){return n(this)}static get watchers(){return{filterState:["watchFilterState"]}}};u.style=h;export{u as ix_category_filter};
+//# sourceMappingURL=p-08168e53.entry.js.map

package/dist/siemens-ix/{p-475ac85f.entry.js.map → p-08168e53.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["categoryFilterCss","IxCategoryFilterStyle0","CategoryFilter","this","ID_CUSTOM_FILTER_VALUE","textInput","makeRef","LogicalFilterOperator","EQUAL","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","hasFocus","onFocusOut","onInput","inputValue","_b","_a","current","value","inputState","InputState","category","inputChanged","emit","_c","show","openDropdown","componentWillLoad","a11yAttributes","a11yHostAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","addDisposableEventListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","filterTokens","token","tokens","addToken","categoryLogicalOperator","categories","id","operator","emitFilterEvent","closeDropdown","disabled","readonly","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","showDropdown","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","filterChanged","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","categoryChanged","resetFilter","defaultPrevented","filterCleared","filterMultiples","repeatCategories","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","operatorString","label","_e","_d","nonSelectableCategories","getFilteredSuggestions","renderPlainSuggestions","h","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","outline","ghost","iconOnly","iconOval","selected","loading","icon","extraClasses","BaseButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","labelCategories","i18nPlainText","componentDidRender","tmpDisableScrollIntoView","scrollIntoView","disconnectedCallback","getResetButton","oval","size","getIconColor","render","Host","ref","el","hideIcon","color","name","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header"],"sources":["src/components/category-filter/category-filter.scss?tag=ix-category-filter&encapsulation=shadow","src/components/category-filter/category-filter.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 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n@import '../button/button';\n@import 'legacy/components/dropdown';\n@import 'legacy/components/forms';\n@import 'components/form/input';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n  height: auto;\n\n  .reset-button {\n    position: absolute;\n    top: $tiny-space;\n    right: $tiny-space;\n  }\n\n  .reset-button.hide-reset-button {\n    display: none;\n  }\n\n  .input-container {\n    &:not(.readonly):not(.disabled) {\n      @include element-input('false');\n    }\n\n    &:not(.readonly):not(.disabled):hover {\n      border-color: var(--theme-input--border-color--hover) !important;\n      background-color: var(--theme-input--background--hover);\n    }\n\n    &:not(.readonly):not(.disabled).focus {\n      outline: 1px solid var(--theme-color-focus-bdr);\n      outline-offset: var(--theme-input--focus--outline-offset);\n      border-color: var(--theme-input--border-color--focus) !important;\n    }\n\n    &.disabled {\n      color: var(--theme-input--color--disabled);\n      border-bottom: var(--theme-input--border-thickness, 1px) solid\n        var(--theme-input--border-color-bottom--disabled);\n    }\n\n    &.readonly {\n      @include element-input;\n    }\n\n    display: flex;\n    height: auto;\n    max-height: 3.75rem;\n    padding: 1px $large-space 1px 1.75rem !important;\n\n    &.no-icon {\n      padding-left: $tiny-space;\n    }\n  }\n\n  .token-container {\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .text-input {\n    @include ellipsis;\n    @include text-default;\n    width: auto;\n    height: 1.75rem;\n    min-height: $large-space;\n    background: transparent;\n    flex-grow: 1;\n    box-shadow: none;\n\n    &,\n    &:hover,\n    &:focus\n    &:focus-visible {\n      border: none !important;\n      outline: none !important;\n    }\n\n    &.hide-placeholder::placeholder {\n      opacity: 0;\n    }\n  }\n\n  .list-unstyled {\n    display: flex;\n    flex-wrap: wrap;\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  ix-icon {\n    position: absolute;\n    top: $small-space;\n    left: $small-space;\n  }\n\n  ix-filter-chip {\n    margin-right: $tiny-space;\n  }\n\n  .category-preview {\n    display: flex;\n    align-items: center;\n    height: $large-space;\n    background-color: var(--theme-bg-3);\n    border-top-left-radius: $default-space;\n    border-bottom-left-radius: $default-space;\n    padding: $small-space;\n    margin: 2px 0;\n  }\n\n  ul {\n    height: 100%;\n  }\n\n  .list-unstyled > span:not(.category-preview),\n  input {\n    padding-inline-start: 0;\n    padding-top: 2px;\n    padding-bottom: 2px;\n  }\n\n  ix-dropdown {\n    min-width: 10rem !important;\n\n    .dropdown-item-container {\n      display: flex;\n      flex-direction: column;\n\n      .dropdown-item {\n        @include text-default-single;\n        @include ellipsis;\n        @include focus-visible {\n          border-color: var(--theme-color-focus-bdr);\n        }\n\n        height: $large-control-height;\n        margin: $tiny-space $small-space;\n        padding-inline: $small-space;\n        border: 1px solid transparent;\n        border-radius: 100rem;\n        width: auto;\n        justify-content: flex-start;\n        flex-grow: 1;\n      }\n\n      .category-item {\n        border-end-end-radius: 0;\n        border-start-end-radius: 0;\n      }\n\n      .category-item-value {\n        border-start-start-radius: 0;\n        border-end-start-radius: 0;\n      }\n    }\n\n    .btn-toggle-operator {\n      width: 2rem;\n      height: 2rem;\n      margin-inline: $small-space;\n    }\n  }\n\n  .d-none {\n    display: none;\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 { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { FilterState } from './filter-state';\nimport { InputState } from './input-state';\nimport { LogicalFilterOperator } from './logical-filter-operator';\nimport { makeRef } from '../utils/make-ref';\nimport {\n  addDisposableEventListener,\n  DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-category-filter',\n  styleUrl: 'category-filter.scss',\n  shadow: true,\n})\nexport class CategoryFilter {\n  private readonly ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';\n\n  private formKeyDownListener?: DisposableEventListener;\n  private preventDefaultListener?: DisposableEventListener;\n  private inputKeyDownListener?: DisposableEventListener;\n  private focusInListener?: DisposableEventListener;\n  private focusOutListener?: DisposableEventListener;\n  private inputListener?: DisposableEventListener;\n\n  private readonly textInput? = makeRef<HTMLInputElement>();\n  private formElement?: HTMLFormElement;\n  private isScrollStateDirty?: boolean;\n  private a11yAttributes?: A11yAttributes;\n\n  @Element() hostElement!: HTMLIxCategoryFilterElement;\n\n  @State() showDropdown = false;\n  @State() hasFocus = false;\n  @State() categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n  @State() inputValue: string = '';\n  @State() category: string = '';\n  @State() filterTokens: Array<{\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }> = [];\n\n  /**\n   * If true the filter will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the filter will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A set of search criteria to populate the component with.\n   */\n  @Prop() filterState?: FilterState;\n\n  /**\n   * Placeholder text to be displayed in an empty input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.\n   * Each ID maps to an object with a label and an array of options to select from.\n   */\n  @Prop() categories?: {\n    [id: string]: {\n      label: string;\n      options: string[];\n    };\n  };\n\n  /**\n   * In certain use cases some categories may not be available for selection anymore.\n   * To allow proper display of set filters with these categories this ID to label mapping can be populated.\n   *\n   * Configuration object hash used to supply labels to the filter chips in the input field.\n   * Each ID maps to a string representing the label to display.\n   */\n  @Prop() nonSelectableCategories?: {\n    [id: string]: string;\n  } = {};\n\n  /**\n   * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.\n   */\n  @Prop() suggestions?: string[];\n\n  /**\n   * The icon next to the actual text input\n   * Defaults to 'search'\n   */\n  @Prop() icon = 'search';\n\n  /**\n   * Allows to hide the icon inside the text input.\n   * Defaults to false\n   */\n  @Prop() hideIcon: boolean = false;\n\n  /**\n   * If set categories will always be filtered via the respective logical operator.\n   * Toggling of the operator will not be available to the user.\n   *\n   * @since 2.2.0\n   */\n  @Prop() staticOperator?: LogicalFilterOperator;\n\n  /**\n   * If set to true, allows that a single category can be set more than once.\n   * An already set category will not appear in the category dropdown if set to false.\n   *\n   * Defaults to true\n   */\n  @Prop() repeatCategories = true;\n\n  /**\n   * @internal For debugging purposes only!\n   */\n  @Prop() tmpDisableScrollIntoView = true;\n\n  /**\n   * i18n\n   */\n  @Prop() labelCategories = 'Categories';\n\n  /**\n   * i18n\n   */\n  @Prop() i18nPlainText = 'Filter by text';\n\n  /**\n   * Event dispatched whenever a category gets selected in the dropdown\n   */\n  @Event() categoryChanged!: EventEmitter<string>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   */\n  @Event() inputChanged!: EventEmitter<InputState>;\n\n  /**\n   * Event dispatched whenever the filter state changes.\n   */\n  @Event() filterChanged!: EventEmitter<FilterState>;\n\n  /**\n   * Event dispatched whenever the filter gets cleared.\n   */\n  @Event() filterCleared!: EventEmitter<void>;\n\n  get dropdown() {\n    return this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n  }\n\n  @Watch('filterState')\n  watchFilterState(newValue: FilterState) {\n    this.setFilterState(newValue);\n  }\n\n  private preventDefault(e: Event) {\n    e.preventDefault();\n  }\n\n  private onFocusIn() {\n    this.hasFocus = true;\n  }\n\n  private onFocusOut() {\n    this.hasFocus = false;\n  }\n\n  private onInput() {\n    this.inputValue = this.textInput?.current?.value || '';\n    const inputState = new InputState(this.inputValue, this.category);\n    this.inputChanged.emit(inputState);\n\n    if (!this.dropdown?.show) {\n      this.openDropdown();\n    }\n  }\n\n  componentWillLoad() {\n    this.a11yAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      if (this.filterState !== undefined) {\n        this.setFilterState(this.filterState);\n      }\n    });\n\n    if (this.formElement !== undefined) {\n      this.formKeyDownListener = addDisposableEventListener(\n        this.formElement,\n        'keydown',\n        ((e: KeyboardEvent) =>\n          this.handleFormElementKeyDown(e)) as EventListener\n      );\n\n      this.preventDefaultListener = addDisposableEventListener(\n        this.formElement,\n        'submit',\n        this.preventDefault\n      );\n    }\n\n    if (this.textInput?.current == null) {\n      console.warn(\n        'ix-category-filter - unable to add event listeners to native input element'\n      );\n      return;\n    }\n\n    this.inputKeyDownListener = addDisposableEventListener(\n      this.textInput.current,\n      'keydown',\n      ((e: KeyboardEvent) => this.handleInputElementKeyDown(e)) as EventListener\n    );\n\n    this.focusInListener = addDisposableEventListener(\n      this.textInput.current,\n      'focusin',\n      () => this.onFocusIn()\n    );\n\n    this.focusOutListener = addDisposableEventListener(\n      this.textInput.current,\n      'focusout',\n      () => this.onFocusOut()\n    );\n\n    this.inputListener = addDisposableEventListener(\n      this.textInput.current,\n      'input',\n      () => this.onInput()\n    );\n  }\n\n  private setFilterState(state: FilterState) {\n    this.filterTokens = [];\n\n    for (const token of state.tokens) {\n      this.addToken(\n        token,\n        this.ID_CUSTOM_FILTER_VALUE,\n        this.categoryLogicalOperator,\n        false\n      );\n    }\n\n    for (const category of state.categories) {\n      this.addToken(category.value, category.id, category.operator, false);\n    }\n\n    this.emitFilterEvent();\n  }\n\n  private closeDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.dropdown) {\n      this.dropdown.show = false;\n    }\n  }\n\n  private openDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.dropdown) {\n      this.dropdown.show = true;\n    }\n  }\n\n  private handleFormElementKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'Enter':\n      case 'NumpadEnter':\n        if (!document.activeElement?.classList.contains('dropdown-item')) {\n          return;\n        }\n\n        const token = document.activeElement.getAttribute('data-id');\n\n        if (token === null) {\n          break;\n        }\n\n        if (this.hasCategorySelection()) {\n          if (this.category !== '') {\n            this.addToken(token, this.category);\n          } else if (\n            document.activeElement.classList.contains('category-item-id')\n          ) {\n            this.selectCategory(token);\n          }\n        } else {\n          this.addToken(token);\n        }\n\n        e.preventDefault();\n        break;\n\n      case 'ArrowUp':\n        this.focusPreviousItem();\n        e.preventDefault();\n        break;\n\n      case 'ArrowDown':\n        this.showDropdown = true;\n        this.focusNextItem();\n        e.preventDefault();\n        break;\n\n      case 'Escape':\n        this.closeDropdown();\n        break;\n    }\n  }\n\n  private focusPreviousItem() {\n    const sibling = document.activeElement?.previousSibling;\n    if (sibling instanceof HTMLElement) {\n      sibling.focus();\n    }\n  }\n\n  private focusNextItem() {\n    const sibling = document.activeElement?.nextSibling;\n    if (sibling instanceof HTMLElement) {\n      sibling.focus();\n    }\n  }\n\n  private focusElement(selector: string): boolean {\n    const item = this.hostElement.shadowRoot!.querySelector(selector);\n    if (item instanceof HTMLElement) {\n      item.focus();\n      return true;\n    }\n    return false;\n  }\n\n  private onArrowDown(e: KeyboardEvent) {\n    const baseSelector = `.category-item-${\n      this.category !== '' ? 'value' : 'id'\n    }`;\n    const fallbackSelector = '.category-item';\n\n    if (this.focusElement(baseSelector)) {\n      e.stopPropagation();\n      return;\n    }\n\n    if (this.suggestions?.length && this.focusElement(fallbackSelector)) {\n      e.stopPropagation();\n    }\n  }\n\n  private handleInputElementKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'ArrowDown': {\n        this.onArrowDown(e);\n        break;\n      }\n\n      case 'Backspace':\n        if (this.textInput?.current?.value !== '') {\n          return;\n        }\n\n        if (this.category !== '') {\n          this.category = '';\n          return;\n        }\n\n        const tokenCount = this.filterTokens.length;\n        if (tokenCount > 0) {\n          this.removeToken(tokenCount - 1);\n        }\n        break;\n\n      case 'Enter':\n      case 'NumpadEnter':\n        this.addToken(\n          this.inputValue,\n          this.category || this.ID_CUSTOM_FILTER_VALUE\n        );\n        e.preventDefault();\n        break;\n    }\n  }\n\n  private emitFilterEvent() {\n    const tokens = this.filterTokens\n      .filter((item) => item.id === this.ID_CUSTOM_FILTER_VALUE)\n      .map((item) => item.value);\n    const categories = this.filterTokens.filter(\n      (item) => item.id !== this.ID_CUSTOM_FILTER_VALUE\n    );\n    const filterState: FilterState = {\n      tokens,\n      categories,\n    };\n\n    this.filterChanged.emit(filterState);\n  }\n\n  private addToken(\n    token: string,\n    category: string = this.ID_CUSTOM_FILTER_VALUE,\n    operator = this.categoryLogicalOperator,\n    emitEvent = true\n  ) {\n    if (token === undefined || token === null) {\n      return;\n    }\n\n    const newToken = token.trim();\n\n    if (newToken === '') {\n      return;\n    }\n\n    if (this.hasToken(newToken)) {\n      return;\n    }\n\n    const pair = { id: category, value: newToken, operator };\n    this.filterTokens = [...this.filterTokens, pair];\n    if (this.textInput?.current) {\n      this.textInput.current.value = '';\n    }\n    this.inputValue = '';\n    this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n\n    if (this.category !== '') {\n      this.category = '';\n    }\n\n    this.isScrollStateDirty = true;\n\n    this.textInput?.current?.focus();\n\n    if (emitEvent) {\n      this.emitFilterEvent();\n    }\n  }\n\n  private removeToken(index: number) {\n    this.filterTokens = this.filterTokens.filter((_, i) => i !== index);\n    this.emitFilterEvent();\n  }\n\n  private getCategoryIds() {\n    const ids = [];\n    for (const id in this.categories) {\n      if (Object.prototype.hasOwnProperty.call(this.categories, id)) {\n        ids.push(id);\n      }\n    }\n\n    return ids;\n  }\n\n  private selectCategory(category: string) {\n    this.category = category;\n    if (this.textInput?.current) {\n      this.textInput.current.value = '';\n    }\n    this.inputValue = '';\n    this.textInput?.current?.focus();\n    this.categoryChanged.emit(category);\n  }\n\n  private resetFilter(e: Event) {\n    const { defaultPrevented } = this.filterCleared.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    e.stopPropagation();\n    this.closeDropdown();\n    this.filterTokens = [];\n    if (this.category) {\n      this.category = '';\n      this.categoryChanged.emit(undefined);\n    }\n\n    this.emitFilterEvent();\n  }\n\n  private filterMultiples(value: string) {\n    if (this.repeatCategories) {\n      return true;\n    }\n\n    const isCategoryAlreadySet = this.filterTokens.find(\n      (token) => token.id === value\n    );\n\n    return !isCategoryAlreadySet;\n  }\n\n  private hasToken(token: string) {\n    return this.filterTokens.some((filterToken) => {\n      const hasSameValue = filterToken.value === token;\n\n      if (!hasSameValue) {\n        return false;\n      }\n\n      if (this.category !== '') {\n        return this.category === filterToken.id;\n      }\n\n      if (filterToken.id) {\n        return filterToken.id === this.ID_CUSTOM_FILTER_VALUE;\n      }\n\n      return hasSameValue;\n    });\n  }\n\n  private filterDuplicateTokens(value: string) {\n    return !this.hasToken(value);\n  }\n\n  private filterByInput(value: string) {\n    if (this.inputValue === undefined || this.inputValue === '') {\n      return true;\n    }\n\n    return value.toLowerCase().indexOf(this.inputValue.toLowerCase()) !== -1;\n  }\n\n  private toggleCategoryOperator() {\n    switch (this.categoryLogicalOperator) {\n      case LogicalFilterOperator.EQUAL:\n        this.categoryLogicalOperator = LogicalFilterOperator.NOT_EQUAL;\n        break;\n\n      case LogicalFilterOperator.NOT_EQUAL:\n        this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n        break;\n    }\n  }\n\n  private getFilterChipLabel(value: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }): string {\n    if (value.id === this.ID_CUSTOM_FILTER_VALUE) {\n      return value.value;\n    }\n\n    const operatorString =\n      value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';\n    const label =\n      this.categories?.[value.id]?.label ??\n      this.nonSelectableCategories?.[value.id] ??\n      value.id;\n\n    return `${label} ${operatorString} ${value.value}`;\n  }\n\n  private getFilteredSuggestions() {\n    if (!this.suggestions?.length) {\n      return [];\n    }\n\n    return this.suggestions\n      ?.filter((value) => this.filterByInput(value))\n      .filter((value) => this.filterDuplicateTokens(value));\n  }\n\n  private hasCategorySelection() {\n    return this.categories !== undefined;\n  }\n\n  private renderPlainSuggestions() {\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.getFilteredSuggestions().map((suggestion) => (\n          <button\n            class=\"dropdown-item\"\n            data-id={suggestion}\n            onClick={() => this.addToken(suggestion)}\n            key={suggestion}\n            title={suggestion}\n          >\n            {suggestion}\n          </button>\n        ))}\n      </div>\n    );\n  }\n\n  private renderOperatorButton() {\n    if (this.staticOperator) {\n      return '';\n    }\n\n    const params: BaseButtonProps = {\n      type: 'button',\n      variant: 'secondary',\n      outline: false,\n      ghost: true,\n      iconOnly: true,\n      iconOval: false,\n      selected: false,\n      disabled: this.disabled || this.staticOperator !== undefined,\n      loading: false,\n      icon: '',\n      onClick: (e: Event) => {\n        e.stopPropagation();\n        this.toggleCategoryOperator();\n      },\n      extraClasses: {\n        'btn-icon-32': true,\n        'btn-toggle-operator': true,\n      },\n    };\n\n    return (\n      <BaseButton {...params}>\n        {this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL\n          ? '='\n          : '!='}\n      </BaseButton>\n    );\n  }\n\n  private getFilterOperatorString() {\n    let operator: LogicalFilterOperator;\n    if (this.staticOperator !== undefined) {\n      operator = this.staticOperator;\n    } else {\n      operator = this.categoryLogicalOperator;\n    }\n    return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;\n  }\n\n  private renderCategoryValues() {\n    if (this.categories === undefined) {\n      return;\n    }\n\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.renderOperatorButton()}\n        <div class=\"dropdown-header\">\n          {this.categories[this.category]?.label}\n        </div>\n        {this.categories[this.category]?.options\n          .filter((value) => this.filterByInput(value))\n          .filter((value) => this.filterDuplicateTokens(value))\n          .map((id) => (\n            <button\n              class=\"dropdown-item category-item-value\"\n              data-id={id}\n              title={id}\n              key={id}\n              onClick={(e) => {\n                e.preventDefault();\n                this.addToken(id, this.category);\n              }}\n            >\n              {`${this.getFilterOperatorString()} ${id}`}\n            </button>\n          ))}\n      </div>\n    );\n  }\n\n  private renderDropdownContent() {\n    if (this.hasCategorySelection()) {\n      if (this.category !== '') {\n        return this.renderCategoryValues();\n      } else {\n        return this.renderCategorySelection();\n      }\n    } else return this.renderPlainSuggestions();\n  }\n\n  private renderCategorySelection() {\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.getCategoryIds()\n          ?.filter(\n            (id) =>\n              this.categories && this.filterByInput(this.categories[id].label)\n          )\n          .filter((id) => this.filterMultiples(id))\n          .map((id) => (\n            <button\n              class=\"dropdown-item category-item category-item-id\"\n              data-id={id}\n              title={this.categories?.[id]?.label}\n              key={id}\n              onClick={(e) => {\n                e.preventDefault();\n                this.selectCategory(id);\n              }}\n              tabindex=\"0\"\n            >\n              {this.categories?.[id]?.label}\n            </button>\n          ))}\n      </div>\n    );\n  }\n\n  private getDropdownHeader() {\n    if (this.categories !== undefined) {\n      if (this.category !== '') {\n        return undefined;\n      } else {\n        return this.labelCategories;\n      }\n    }\n\n    return this.i18nPlainText;\n  }\n\n  componentDidRender() {\n    if (this.isScrollStateDirty) {\n      if (!this.tmpDisableScrollIntoView) {\n        this.textInput?.current?.scrollIntoView();\n      }\n      this.isScrollStateDirty = false;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.preventDefaultListener) {\n      this.preventDefaultListener();\n    }\n    if (this.formKeyDownListener) {\n      this.formKeyDownListener();\n    }\n    if (this.inputKeyDownListener) {\n      this.inputKeyDownListener?.();\n    }\n    if (this.focusInListener) {\n      this.focusInListener();\n    }\n    if (this.focusOutListener) {\n      this.focusOutListener();\n    }\n    if (this.inputListener) {\n      this.inputListener();\n    }\n  }\n\n  private getResetButton() {\n    return (\n      <ix-icon-button\n        onClick={(e) => this.resetFilter(e)}\n        class={{\n          'reset-button': true,\n          'hide-reset-button':\n            !this.filterTokens.length && this.category === '',\n        }}\n        ghost\n        oval\n        icon={'clear'}\n        size=\"16\"\n      ></ix-icon-button>\n    );\n  }\n\n  private getIconColor() {\n    if (this.disabled) {\n      return 'color-componentn-1';\n    }\n\n    if (this.readonly) {\n      return 'color-std-txt';\n    }\n\n    return 'color-primary';\n  }\n\n  render() {\n    return (\n      <Host>\n        <form ref={(el) => (this.formElement = el)}>\n          <div\n            read-only={this.readonly}\n            class={{\n              'input-container': true,\n              disabled: this.disabled,\n              focus: this.hasFocus,\n              readonly: this.readonly,\n              'no-icon': this.hideIcon,\n            }}\n          >\n            <ix-icon\n              color={this.getIconColor()}\n              class={{ 'd-none': this.hideIcon }}\n              name={this.icon}\n              size=\"16\"\n            ></ix-icon>\n            <div class=\"token-container\">\n              <div class=\"list-unstyled\">\n                {this.filterTokens.map((value, index) => (\n                  <span\n                    key={value.toString()}\n                    class={{\n                      animate__animated: true,\n                      animate__fadein: true,\n                    }}\n                  >\n                    <ix-filter-chip\n                      disabled={this.disabled}\n                      readonly={this.readonly}\n                      onClick={(e) => e.stopPropagation()}\n                      onCloseClick={() => this.removeToken(index)}\n                    >\n                      {this.getFilterChipLabel(value)}\n                    </ix-filter-chip>\n                  </span>\n                ))}\n                {this.categories === undefined ? (\n                  ''\n                ) : (\n                  <span\n                    class={{\n                      'category-preview': true,\n                      'd-none': this.category === '',\n                    }}\n                  >\n                    {this.categories[this.category]?.label}\n                  </span>\n                )}\n                <input\n                  class={{\n                    'text-input': true,\n                    'hide-placeholder':\n                      this.readonly || this.disabled || this.category !== '',\n                  }}\n                  autocomplete=\"off\"\n                  name=\"category-filter-input\"\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  ref={this.textInput}\n                  type=\"text\"\n                  placeholder={this.placeholder}\n                  {...this.a11yAttributes}\n                ></input>\n              </div>\n            </div>\n            {!this.readonly && !this.disabled && this.getResetButton()}\n          </div>\n        </form>\n\n        {this.disabled || this.readonly ? (\n          ''\n        ) : (\n          <ix-dropdown\n            show={this.showDropdown}\n            closeBehavior=\"outside\"\n            offset={{ mainAxis: 2 }}\n            anchor={this.textInput?.waitForCurrent()}\n            trigger={this.hostElement}\n            header={this.getDropdownHeader()}\n          >\n            {this.renderDropdownContent()}\n          </ix-dropdown>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["categoryFilterCss","IxCategoryFilterStyle0","CategoryFilter","this","ID_CUSTOM_FILTER_VALUE","textInput","makeRef","LogicalFilterOperator","EQUAL","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","hasFocus","onFocusOut","onInput","inputValue","_b","_a","current","value","inputState","InputState","category","inputChanged","emit","_c","show","openDropdown","componentWillLoad","a11yAttributes","a11yHostAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","addDisposableEventListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","filterTokens","token","tokens","addToken","categoryLogicalOperator","categories","id","operator","emitFilterEvent","closeDropdown","disabled","readonly","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","showDropdown","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","filterChanged","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","categoryChanged","resetFilter","defaultPrevented","filterCleared","filterMultiples","repeatCategories","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","operatorString","label","_e","_d","nonSelectableCategories","getFilteredSuggestions","renderPlainSuggestions","h","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","outline","ghost","iconOnly","iconOval","selected","loading","icon","extraClasses","BaseButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","labelCategories","i18nPlainText","componentDidRender","tmpDisableScrollIntoView","scrollIntoView","disconnectedCallback","getResetButton","oval","size","getIconColor","render","Host","ref","el","hideIcon","color","name","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header"],"sources":["src/components/category-filter/category-filter.scss?tag=ix-category-filter&encapsulation=shadow","src/components/category-filter/category-filter.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 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n@import '../button/button';\n@import 'legacy/components/dropdown';\n@import 'legacy/components/forms';\n@import 'components/form/input';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n  height: auto;\n\n  .reset-button {\n    position: absolute;\n    top: $tiny-space;\n    right: $tiny-space;\n  }\n\n  .reset-button.hide-reset-button {\n    display: none;\n  }\n\n  .input-container {\n    &:not(.readonly):not(.disabled) {\n      @include element-input('false');\n    }\n\n    &:not(.readonly):not(.disabled):hover {\n      border-color: var(--theme-input--border-color--hover) !important;\n      background-color: var(--theme-input--background--hover);\n    }\n\n    &:not(.readonly):not(.disabled).focus {\n      outline: 1px solid var(--theme-color-focus-bdr);\n      outline-offset: var(--theme-input--focus--outline-offset);\n      border-color: var(--theme-input--border-color--focus) !important;\n    }\n\n    &.disabled {\n      color: var(--theme-input--color--disabled);\n      border-bottom: var(--theme-input--border-thickness, 1px) solid\n        var(--theme-input--border-color-bottom--disabled);\n    }\n\n    &.readonly {\n      @include element-input;\n    }\n\n    display: flex;\n    height: auto;\n    max-height: 3.75rem;\n    padding: 1px $large-space 1px 1.75rem !important;\n\n    &.no-icon {\n      padding-left: $tiny-space;\n    }\n  }\n\n  .token-container {\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .text-input {\n    @include ellipsis;\n    @include text-default;\n    width: auto;\n    height: 1.75rem;\n    min-height: $large-space;\n    background: transparent;\n    flex-grow: 1;\n    box-shadow: none;\n\n    &,\n    &:hover,\n    &:focus\n    &:focus-visible {\n      border: none !important;\n      outline: none !important;\n    }\n\n    &.hide-placeholder::placeholder {\n      opacity: 0;\n    }\n  }\n\n  .list-unstyled {\n    display: flex;\n    flex-wrap: wrap;\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  ix-icon {\n    position: absolute;\n    top: $small-space;\n    left: $small-space;\n  }\n\n  ix-filter-chip {\n    margin-right: $tiny-space;\n  }\n\n  .category-preview {\n    display: flex;\n    align-items: center;\n    height: $large-space;\n    background-color: var(--theme-bg-3);\n    border-top-left-radius: $default-space;\n    border-bottom-left-radius: $default-space;\n    padding: $small-space;\n    margin: 2px 0;\n  }\n\n  ul {\n    height: 100%;\n  }\n\n  .list-unstyled > span:not(.category-preview),\n  input {\n    padding-inline-start: 0;\n    padding-top: 2px;\n    padding-bottom: 2px;\n  }\n\n  ix-dropdown {\n    min-width: 10rem !important;\n\n    .dropdown-item-container {\n      display: flex;\n      flex-direction: column;\n\n      .dropdown-item {\n        @include text-default-single;\n        @include ellipsis;\n        @include focus-visible {\n          border-color: var(--theme-color-focus-bdr);\n        }\n\n        height: $large-control-height;\n        margin: $tiny-space $small-space;\n        padding-inline: $small-space;\n        border: 1px solid transparent;\n        border-radius: 100rem;\n        width: auto;\n        justify-content: flex-start;\n        flex-grow: 1;\n      }\n\n      .category-item {\n        border-end-end-radius: 0;\n        border-start-end-radius: 0;\n      }\n\n      .category-item-value {\n        border-start-start-radius: 0;\n        border-end-start-radius: 0;\n      }\n    }\n\n    .btn-toggle-operator {\n      width: 2rem;\n      height: 2rem;\n      margin-inline: $small-space;\n    }\n  }\n\n  .d-none {\n    display: none;\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 { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { FilterState } from './filter-state';\nimport { InputState } from './input-state';\nimport { LogicalFilterOperator } from './logical-filter-operator';\nimport { makeRef } from '../utils/make-ref';\nimport {\n  addDisposableEventListener,\n  DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-category-filter',\n  styleUrl: 'category-filter.scss',\n  shadow: true,\n})\nexport class CategoryFilter {\n  private readonly ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';\n\n  private formKeyDownListener?: DisposableEventListener;\n  private preventDefaultListener?: DisposableEventListener;\n  private inputKeyDownListener?: DisposableEventListener;\n  private focusInListener?: DisposableEventListener;\n  private focusOutListener?: DisposableEventListener;\n  private inputListener?: DisposableEventListener;\n\n  private readonly textInput? = makeRef<HTMLInputElement>();\n  private formElement?: HTMLFormElement;\n  private isScrollStateDirty?: boolean;\n  private a11yAttributes?: A11yAttributes;\n\n  @Element() hostElement!: HTMLIxCategoryFilterElement;\n\n  @State() showDropdown = false;\n  @State() hasFocus = false;\n  @State() categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n  @State() inputValue: string = '';\n  @State() category: string = '';\n  @State() filterTokens: Array<{\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }> = [];\n\n  /**\n   * If true the filter will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the filter will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * A set of search criteria to populate the component with.\n   */\n  @Prop() filterState?: FilterState;\n\n  /**\n   * Placeholder text to be displayed in an empty input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.\n   * Each ID maps to an object with a label and an array of options to select from.\n   */\n  @Prop() categories?: {\n    [id: string]: {\n      label: string;\n      options: string[];\n    };\n  };\n\n  /**\n   * In certain use cases some categories may not be available for selection anymore.\n   * To allow proper display of set filters with these categories this ID to label mapping can be populated.\n   *\n   * Configuration object hash used to supply labels to the filter chips in the input field.\n   * Each ID maps to a string representing the label to display.\n   */\n  @Prop() nonSelectableCategories?: {\n    [id: string]: string;\n  } = {};\n\n  /**\n   * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.\n   */\n  @Prop() suggestions?: string[];\n\n  /**\n   * The icon next to the actual text input\n   * Defaults to 'search'\n   */\n  @Prop() icon = 'search';\n\n  /**\n   * Allows to hide the icon inside the text input.\n   * Defaults to false\n   */\n  @Prop() hideIcon: boolean = false;\n\n  /**\n   * If set categories will always be filtered via the respective logical operator.\n   * Toggling of the operator will not be available to the user.\n   *\n   * @since 2.2.0\n   */\n  @Prop() staticOperator?: LogicalFilterOperator;\n\n  /**\n   * If set to true, allows that a single category can be set more than once.\n   * An already set category will not appear in the category dropdown if set to false.\n   *\n   * Defaults to true\n   */\n  @Prop() repeatCategories = true;\n\n  /**\n   * @internal For debugging purposes only!\n   */\n  @Prop() tmpDisableScrollIntoView = true;\n\n  /**\n   * i18n\n   */\n  @Prop() labelCategories = 'Categories';\n\n  /**\n   * i18n\n   */\n  @Prop() i18nPlainText = 'Filter by text';\n\n  /**\n   * Event dispatched whenever a category gets selected in the dropdown\n   */\n  @Event() categoryChanged!: EventEmitter<string>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   */\n  @Event() inputChanged!: EventEmitter<InputState>;\n\n  /**\n   * Event dispatched whenever the filter state changes.\n   */\n  @Event() filterChanged!: EventEmitter<FilterState>;\n\n  /**\n   * Event dispatched whenever the filter gets cleared.\n   */\n  @Event() filterCleared!: EventEmitter<void>;\n\n  get dropdown() {\n    return this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n  }\n\n  @Watch('filterState')\n  watchFilterState(newValue: FilterState) {\n    this.setFilterState(newValue);\n  }\n\n  private preventDefault(e: Event) {\n    e.preventDefault();\n  }\n\n  private onFocusIn() {\n    this.hasFocus = true;\n  }\n\n  private onFocusOut() {\n    this.hasFocus = false;\n  }\n\n  private onInput() {\n    this.inputValue = this.textInput?.current?.value || '';\n    const inputState = new InputState(this.inputValue, this.category);\n    this.inputChanged.emit(inputState);\n\n    if (!this.dropdown?.show) {\n      this.openDropdown();\n    }\n  }\n\n  componentWillLoad() {\n    this.a11yAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      if (this.filterState !== undefined) {\n        this.setFilterState(this.filterState);\n      }\n    });\n\n    if (this.formElement !== undefined) {\n      this.formKeyDownListener = addDisposableEventListener(\n        this.formElement,\n        'keydown',\n        ((e: KeyboardEvent) =>\n          this.handleFormElementKeyDown(e)) as EventListener\n      );\n\n      this.preventDefaultListener = addDisposableEventListener(\n        this.formElement,\n        'submit',\n        this.preventDefault\n      );\n    }\n\n    if (this.textInput?.current == null) {\n      console.warn(\n        'ix-category-filter - unable to add event listeners to native input element'\n      );\n      return;\n    }\n\n    this.inputKeyDownListener = addDisposableEventListener(\n      this.textInput.current,\n      'keydown',\n      ((e: KeyboardEvent) => this.handleInputElementKeyDown(e)) as EventListener\n    );\n\n    this.focusInListener = addDisposableEventListener(\n      this.textInput.current,\n      'focusin',\n      () => this.onFocusIn()\n    );\n\n    this.focusOutListener = addDisposableEventListener(\n      this.textInput.current,\n      'focusout',\n      () => this.onFocusOut()\n    );\n\n    this.inputListener = addDisposableEventListener(\n      this.textInput.current,\n      'input',\n      () => this.onInput()\n    );\n  }\n\n  private setFilterState(state: FilterState) {\n    this.filterTokens = [];\n\n    for (const token of state.tokens) {\n      this.addToken(\n        token,\n        this.ID_CUSTOM_FILTER_VALUE,\n        this.categoryLogicalOperator,\n        false\n      );\n    }\n\n    for (const category of state.categories) {\n      this.addToken(category.value, category.id, category.operator, false);\n    }\n\n    this.emitFilterEvent();\n  }\n\n  private closeDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.dropdown) {\n      this.dropdown.show = false;\n    }\n  }\n\n  private openDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.dropdown) {\n      this.dropdown.show = true;\n    }\n  }\n\n  private handleFormElementKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'Enter':\n      case 'NumpadEnter':\n        if (!document.activeElement?.classList.contains('dropdown-item')) {\n          return;\n        }\n\n        const token = document.activeElement.getAttribute('data-id');\n\n        if (token === null) {\n          break;\n        }\n\n        if (this.hasCategorySelection()) {\n          if (this.category !== '') {\n            this.addToken(token, this.category);\n          } else if (\n            document.activeElement.classList.contains('category-item-id')\n          ) {\n            this.selectCategory(token);\n          }\n        } else {\n          this.addToken(token);\n        }\n\n        e.preventDefault();\n        break;\n\n      case 'ArrowUp':\n        this.focusPreviousItem();\n        e.preventDefault();\n        break;\n\n      case 'ArrowDown':\n        this.showDropdown = true;\n        this.focusNextItem();\n        e.preventDefault();\n        break;\n\n      case 'Escape':\n        this.closeDropdown();\n        break;\n    }\n  }\n\n  private focusPreviousItem() {\n    const sibling = document.activeElement?.previousSibling;\n    if (sibling instanceof HTMLElement) {\n      sibling.focus();\n    }\n  }\n\n  private focusNextItem() {\n    const sibling = document.activeElement?.nextSibling;\n    if (sibling instanceof HTMLElement) {\n      sibling.focus();\n    }\n  }\n\n  private focusElement(selector: string): boolean {\n    const item = this.hostElement.shadowRoot!.querySelector(selector);\n    if (item instanceof HTMLElement) {\n      item.focus();\n      return true;\n    }\n    return false;\n  }\n\n  private onArrowDown(e: KeyboardEvent) {\n    const baseSelector = `.category-item-${\n      this.category !== '' ? 'value' : 'id'\n    }`;\n    const fallbackSelector = '.category-item';\n\n    if (this.focusElement(baseSelector)) {\n      e.stopPropagation();\n      return;\n    }\n\n    if (this.suggestions?.length && this.focusElement(fallbackSelector)) {\n      e.stopPropagation();\n    }\n  }\n\n  private handleInputElementKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'ArrowDown': {\n        this.onArrowDown(e);\n        break;\n      }\n\n      case 'Backspace':\n        if (this.textInput?.current?.value !== '') {\n          return;\n        }\n\n        if (this.category !== '') {\n          this.category = '';\n          return;\n        }\n\n        const tokenCount = this.filterTokens.length;\n        if (tokenCount > 0) {\n          this.removeToken(tokenCount - 1);\n        }\n        break;\n\n      case 'Enter':\n      case 'NumpadEnter':\n        this.addToken(\n          this.inputValue,\n          this.category || this.ID_CUSTOM_FILTER_VALUE\n        );\n        e.preventDefault();\n        break;\n    }\n  }\n\n  private emitFilterEvent() {\n    const tokens = this.filterTokens\n      .filter((item) => item.id === this.ID_CUSTOM_FILTER_VALUE)\n      .map((item) => item.value);\n    const categories = this.filterTokens.filter(\n      (item) => item.id !== this.ID_CUSTOM_FILTER_VALUE\n    );\n    const filterState: FilterState = {\n      tokens,\n      categories,\n    };\n\n    this.filterChanged.emit(filterState);\n  }\n\n  private addToken(\n    token: string,\n    category: string = this.ID_CUSTOM_FILTER_VALUE,\n    operator = this.categoryLogicalOperator,\n    emitEvent = true\n  ) {\n    if (token === undefined || token === null) {\n      return;\n    }\n\n    const newToken = token.trim();\n\n    if (newToken === '') {\n      return;\n    }\n\n    if (this.hasToken(newToken)) {\n      return;\n    }\n\n    const pair = { id: category, value: newToken, operator };\n    this.filterTokens = [...this.filterTokens, pair];\n    if (this.textInput?.current) {\n      this.textInput.current.value = '';\n    }\n    this.inputValue = '';\n    this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n\n    if (this.category !== '') {\n      this.category = '';\n    }\n\n    this.isScrollStateDirty = true;\n\n    this.textInput?.current?.focus();\n\n    if (emitEvent) {\n      this.emitFilterEvent();\n    }\n  }\n\n  private removeToken(index: number) {\n    this.filterTokens = this.filterTokens.filter((_, i) => i !== index);\n    this.emitFilterEvent();\n  }\n\n  private getCategoryIds() {\n    const ids = [];\n    for (const id in this.categories) {\n      if (Object.prototype.hasOwnProperty.call(this.categories, id)) {\n        ids.push(id);\n      }\n    }\n\n    return ids;\n  }\n\n  private selectCategory(category: string) {\n    this.category = category;\n    if (this.textInput?.current) {\n      this.textInput.current.value = '';\n    }\n    this.inputValue = '';\n    this.textInput?.current?.focus();\n    this.categoryChanged.emit(category);\n  }\n\n  private resetFilter(e: Event) {\n    const { defaultPrevented } = this.filterCleared.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    e.stopPropagation();\n    this.closeDropdown();\n    this.filterTokens = [];\n    if (this.category) {\n      this.category = '';\n      this.categoryChanged.emit(undefined);\n    }\n\n    this.emitFilterEvent();\n  }\n\n  private filterMultiples(value: string) {\n    if (this.repeatCategories) {\n      return true;\n    }\n\n    const isCategoryAlreadySet = this.filterTokens.find(\n      (token) => token.id === value\n    );\n\n    return !isCategoryAlreadySet;\n  }\n\n  private hasToken(token: string) {\n    return this.filterTokens.some((filterToken) => {\n      const hasSameValue = filterToken.value === token;\n\n      if (!hasSameValue) {\n        return false;\n      }\n\n      if (this.category !== '') {\n        return this.category === filterToken.id;\n      }\n\n      if (filterToken.id) {\n        return filterToken.id === this.ID_CUSTOM_FILTER_VALUE;\n      }\n\n      return hasSameValue;\n    });\n  }\n\n  private filterDuplicateTokens(value: string) {\n    return !this.hasToken(value);\n  }\n\n  private filterByInput(value: string) {\n    if (this.inputValue === undefined || this.inputValue === '') {\n      return true;\n    }\n\n    return value.toLowerCase().indexOf(this.inputValue.toLowerCase()) !== -1;\n  }\n\n  private toggleCategoryOperator() {\n    switch (this.categoryLogicalOperator) {\n      case LogicalFilterOperator.EQUAL:\n        this.categoryLogicalOperator = LogicalFilterOperator.NOT_EQUAL;\n        break;\n\n      case LogicalFilterOperator.NOT_EQUAL:\n        this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n        break;\n    }\n  }\n\n  private getFilterChipLabel(value: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }): string {\n    if (value.id === this.ID_CUSTOM_FILTER_VALUE) {\n      return value.value;\n    }\n\n    const operatorString =\n      value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';\n    const label =\n      this.categories?.[value.id]?.label ??\n      this.nonSelectableCategories?.[value.id] ??\n      value.id;\n\n    return `${label} ${operatorString} ${value.value}`;\n  }\n\n  private getFilteredSuggestions() {\n    if (!this.suggestions?.length) {\n      return [];\n    }\n\n    return this.suggestions\n      ?.filter((value) => this.filterByInput(value))\n      .filter((value) => this.filterDuplicateTokens(value));\n  }\n\n  private hasCategorySelection() {\n    return this.categories !== undefined;\n  }\n\n  private renderPlainSuggestions() {\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.getFilteredSuggestions().map((suggestion) => (\n          <button\n            class=\"dropdown-item\"\n            data-id={suggestion}\n            onClick={() => this.addToken(suggestion)}\n            key={suggestion}\n            title={suggestion}\n          >\n            {suggestion}\n          </button>\n        ))}\n      </div>\n    );\n  }\n\n  private renderOperatorButton() {\n    if (this.staticOperator) {\n      return '';\n    }\n\n    const params: BaseButtonProps = {\n      type: 'button',\n      variant: 'secondary',\n      outline: false,\n      ghost: true,\n      iconOnly: true,\n      iconOval: false,\n      selected: false,\n      disabled: this.disabled || this.staticOperator !== undefined,\n      loading: false,\n      icon: '',\n      onClick: (e: Event) => {\n        e.stopPropagation();\n        this.toggleCategoryOperator();\n      },\n      extraClasses: {\n        'btn-icon-32': true,\n        'btn-toggle-operator': true,\n      },\n    };\n\n    return (\n      <BaseButton {...params}>\n        {this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL\n          ? '='\n          : '!='}\n      </BaseButton>\n    );\n  }\n\n  private getFilterOperatorString() {\n    let operator: LogicalFilterOperator;\n    if (this.staticOperator !== undefined) {\n      operator = this.staticOperator;\n    } else {\n      operator = this.categoryLogicalOperator;\n    }\n    return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;\n  }\n\n  private renderCategoryValues() {\n    if (this.categories === undefined) {\n      return;\n    }\n\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.renderOperatorButton()}\n        <div class=\"dropdown-header\">\n          {this.categories[this.category]?.label}\n        </div>\n        {this.categories[this.category]?.options\n          .filter((value) => this.filterByInput(value))\n          .filter((value) => this.filterDuplicateTokens(value))\n          .map((id) => (\n            <button\n              class=\"dropdown-item category-item-value\"\n              data-id={id}\n              title={id}\n              key={id}\n              onClick={(e) => {\n                e.preventDefault();\n                this.addToken(id, this.category);\n              }}\n            >\n              {`${this.getFilterOperatorString()} ${id}`}\n            </button>\n          ))}\n      </div>\n    );\n  }\n\n  private renderDropdownContent() {\n    if (this.hasCategorySelection()) {\n      if (this.category !== '') {\n        return this.renderCategoryValues();\n      } else {\n        return this.renderCategorySelection();\n      }\n    } else return this.renderPlainSuggestions();\n  }\n\n  private renderCategorySelection() {\n    return (\n      <div class=\"dropdown-item-container\">\n        {this.getCategoryIds()\n          ?.filter(\n            (id) =>\n              this.categories && this.filterByInput(this.categories[id].label)\n          )\n          .filter((id) => this.filterMultiples(id))\n          .map((id) => (\n            <button\n              class=\"dropdown-item category-item category-item-id\"\n              data-id={id}\n              title={this.categories?.[id]?.label}\n              key={id}\n              onClick={(e) => {\n                e.preventDefault();\n                this.selectCategory(id);\n              }}\n              tabindex=\"0\"\n            >\n              {this.categories?.[id]?.label}\n            </button>\n          ))}\n      </div>\n    );\n  }\n\n  private getDropdownHeader() {\n    if (this.categories !== undefined) {\n      if (this.category !== '') {\n        return undefined;\n      } else {\n        return this.labelCategories;\n      }\n    }\n\n    return this.i18nPlainText;\n  }\n\n  componentDidRender() {\n    if (this.isScrollStateDirty) {\n      if (!this.tmpDisableScrollIntoView) {\n        this.textInput?.current?.scrollIntoView();\n      }\n      this.isScrollStateDirty = false;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.preventDefaultListener) {\n      this.preventDefaultListener();\n    }\n    if (this.formKeyDownListener) {\n      this.formKeyDownListener();\n    }\n    if (this.inputKeyDownListener) {\n      this.inputKeyDownListener?.();\n    }\n    if (this.focusInListener) {\n      this.focusInListener();\n    }\n    if (this.focusOutListener) {\n      this.focusOutListener();\n    }\n    if (this.inputListener) {\n      this.inputListener();\n    }\n  }\n\n  private getResetButton() {\n    return (\n      <ix-icon-button\n        onClick={(e) => this.resetFilter(e)}\n        class={{\n          'reset-button': true,\n          'hide-reset-button':\n            !this.filterTokens.length && this.category === '',\n        }}\n        ghost\n        oval\n        icon={'clear'}\n        size=\"16\"\n      ></ix-icon-button>\n    );\n  }\n\n  private getIconColor() {\n    if (this.disabled) {\n      return 'color-componentn-1';\n    }\n\n    if (this.readonly) {\n      return 'color-std-txt';\n    }\n\n    return 'color-primary';\n  }\n\n  render() {\n    return (\n      <Host>\n        <form ref={(el) => (this.formElement = el)}>\n          <div\n            read-only={this.readonly}\n            class={{\n              'input-container': true,\n              disabled: this.disabled,\n              focus: this.hasFocus,\n              readonly: this.readonly,\n              'no-icon': this.hideIcon,\n            }}\n          >\n            <ix-icon\n              color={this.getIconColor()}\n              class={{ 'd-none': this.hideIcon }}\n              name={this.icon}\n              size=\"16\"\n            ></ix-icon>\n            <div class=\"token-container\">\n              <div class=\"list-unstyled\">\n                {this.filterTokens.map((value, index) => (\n                  <span\n                    key={value.toString()}\n                    class={{\n                      animate__animated: true,\n                      animate__fadein: true,\n                    }}\n                  >\n                    <ix-filter-chip\n                      disabled={this.disabled}\n                      readonly={this.readonly}\n                      onClick={(e) => e.stopPropagation()}\n                      onCloseClick={() => this.removeToken(index)}\n                    >\n                      {this.getFilterChipLabel(value)}\n                    </ix-filter-chip>\n                  </span>\n                ))}\n                {this.categories === undefined ? (\n                  ''\n                ) : (\n                  <span\n                    class={{\n                      'category-preview': true,\n                      'd-none': this.category === '',\n                    }}\n                  >\n                    {this.categories[this.category]?.label}\n                  </span>\n                )}\n                <input\n                  class={{\n                    'text-input': true,\n                    'hide-placeholder':\n                      this.readonly || this.disabled || this.category !== '',\n                  }}\n                  autocomplete=\"off\"\n                  name=\"category-filter-input\"\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  ref={this.textInput}\n                  type=\"text\"\n                  placeholder={this.placeholder}\n                  {...this.a11yAttributes}\n                ></input>\n              </div>\n            </div>\n            {!this.readonly && !this.disabled && this.getResetButton()}\n          </div>\n        </form>\n\n        {this.disabled || this.readonly ? (\n          ''\n        ) : (\n          <ix-dropdown\n            show={this.showDropdown}\n            closeBehavior=\"outside\"\n            offset={{ mainAxis: 2 }}\n            anchor={this.textInput?.waitForCurrent()}\n            trigger={this.hostElement}\n            header={this.getDropdownHeader()}\n          >\n            {this.renderDropdownContent()}\n          </ix-dropdown>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-088ad2da.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,d as o,h as i,F as s,H as r,g as a}from"./p-5806df2b.js";import{s as n}from"./p-5b86301e.js";import{a as l}from"./p-fbe017b7.js";import{a as d,A as h}from"./p-10a522ca.js";import{m as c}from"./p-c146af8e.js";import{h as p}from"./p-345e1c73.js";import"./p-46a6cd9d.js";import"./p-38d9d569.js";import"./p-c4749812.js";import"./p-68a274e7.js";const m=":host{display:flex;align-items:flex-end;flex-wrap:nowrap;position:relative;width:100%;height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));min-height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));padding-top:0;padding-right:calc(1rem + var(--ix-safe-area-inset-right, 0rem));padding-bottom:0.3rem;padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .app-switch{margin-right:1rem}:host .name{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap;max-width:50%;margin-left:1.5rem;margin-right:2.5rem;margin-bottom:0.25rem;color:var(--theme-app-header--color)}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-left:0.375rem}:host .content{display:flex;position:relative;flex-direction:row;margin-left:auto;margin-right:0px}:host .dropdown{overflow:visible}:host .dropdown-content{padding:1rem}:host .context-menu{display:none}:host .context-menu.context-menu-visible{display:block}@media only screen and (max-width: 48em){:host .logo{display:none}}:host ::slotted(ix-avatar){margin-left:1rem}:host(.breakpoint-sm) .logo{margin-left:0.5rem}";const b=m;const u=class{constructor(o){t(this,o);this.menuToggle=e(this,"menuToggle",7);this.openAppSwitch=e(this,"openAppSwitch",7);this.name=undefined;this.showMenu=false;this.breakpoint="lg";this.menuExpanded=false;this.suppressResponsive=false;this.hasSlottedElements=false;this.applicationLayoutContext=undefined}get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){d(this.hostElement,h,(t=>{if((t===null||t===void 0?void 0:t.host)==="map-navigation"){this.suppressResponsive=true;this.breakpoint="md";return}this.breakpoint=l.breakpoint;this.applicationLayoutContext=t;this.tryUpdateAppSwitch()}),true);this.menuDisposable=c.expandChange.on((t=>{this.menuExpanded=t}));this.modeDisposable=l.onChange.on((t=>{if(this.suppressResponsive){return}this.breakpoint=t}));this.updateIsSlottedContent()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){var t,e;(t=this.menuDisposable)===null||t===void 0?void 0:t.dispose();(e=this.modeDisposable)===null||e===void 0?void 0:e.dispose()}watchApplicationLayoutContext(){if(this.applicationLayoutContext){this.showMenu=false}}watchSuppressResponsive(){this.breakpoint="md"}isLogoSlotted(){const t=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');const e=t.assignedNodes({flatten:true});return e.length!==0}async attachSiemensLogoIfLoaded(){var t;await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");if(!this.isLogoSlotted()){(t=this.hostElement.shadowRoot.querySelector(".logo"))===null||t===void 0?void 0:t.appendChild(e)}}async onMenuClick(){if(this.applicationLayoutContext){c.toggle()}else{this.menuExpanded=!this.menuExpanded}this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((t=>o((()=>t(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){var t,e;if(!this.callbackUpdateAppSwitchModal||!((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)){return}this.callbackUpdateAppSwitchModal((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.appSwitchConfig)}async showAppSwitch(){var t,e;const{defaultPrevented:o}=this.openAppSwitch.emit();if(o){return}if(!((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)){return}this.callbackUpdateAppSwitchModal=await n((e=this.applicationLayoutContext)===null||e===void 0?void 0:e.appSwitchConfig)}updateIsSlottedContent(){const t=this.hostElement.shadowRoot.querySelector(".content slot");this.hasSlottedElements=p(t)}onContentBgClick(t){if(t.target===this.contentBackground){t.preventDefault()}}render(){var t;const e=!!this.applicationLayoutContext;const o=this.breakpoint==="sm"&&this.suppressResponsive===false&&e;const a=((t=this.applicationLayoutContext)===null||t===void 0?void 0:t.appSwitchConfig)&&this.breakpoint!=="sm"&&this.suppressResponsive===false;return i(r,{key:"76dff918e8dc599560271809e8cd5db5fdf90c15",class:{[`breakpoint-${this.breakpoint}`]:true},slot:"application-header"},(this.showMenu||o)&&i("ix-menu-expand-icon",{key:"5e53c3df48d5eefaed2ddf00abab2b22d7966e47",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),a&&i("ix-icon-button",{key:"d1f5b59071a39cea07e451e53d68e7e0dc8dc7ae",onClick:()=>this.showAppSwitch(),icon:"apps",ghost:true,class:"app-switch"}),i("div",{key:"879c8d1037e0b86b7664ede60ba994d97033a4d8",class:{logo:true}},i("slot",{key:"f03c1be22bbda6834b7ab8beb234585f79b1b206",name:"logo"})),i("ix-typography",{key:"6b09e917dd66d0031d9cb2eb10400d880fca1a39",format:"body-lg",class:"name"},this.name),i("div",{key:"108d13c64aa6db52f7c4e3d313820890998b100c",class:"content"},this.breakpoint==="sm"?i(s,null,i("ix-icon-button",{class:{["context-menu"]:true,["context-menu-visible"]:this.hasSlottedElements},"data-context-menu":true,icon:"more-menu",ghost:true}),i("ix-dropdown",{"data-overflow-dropdown":true,class:"dropdown",discoverAllSubmenus:true,trigger:this.resolveContextMenuButton()},i("div",{class:"dropdown-content",onClick:t=>this.onContentBgClick(t)},i("slot",{onSlotchange:()=>this.updateIsSlottedContent()})))):i("slot",{onSlotchange:()=>this.updateIsSlottedContent()}),i("slot",{key:"0771683871b49c6c76816df10b64a0baa2cf60c9",name:"ix-application-header-avatar"})))}get hostElement(){return a(this)}static get watchers(){return{applicationLayoutContext:["watchApplicationLayoutContext"],suppressResponsive:["watchSuppressResponsive"]}}};u.style=b;export{u as ix_application_header};
+//# sourceMappingURL=p-088ad2da.entry.js.map