@siemens/ix 1.1.0 → 1.2.0-beta.0

package/dist/cjs/index-40761405.js

@@ -1952,7 +1952,184 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+    
+    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+      const processMod = importedModule => {
+        cmpModules.set(bundleId, importedModule);
+        return importedModule[exportName];
+      }
+      switch(bundleId) {
+        
+        case 'ix-application-header.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-application-header.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-basic-navigation.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-basic-navigation.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-blind.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-blind.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-button.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-button.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-category-filter.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-category-filter.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-chip.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-chip.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-counter-pill.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-counter-pill.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-drawer.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-drawer.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-expanding-search.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-expanding-search.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-filter-chip.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-filter-chip.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-icon.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-icon.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-icon-button.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-icon-button.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-input-group.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-input-group.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-message-bar.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-message-bar.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-pill.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-pill.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-spinner.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-spinner.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-tile.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-tile.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-toggle.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-toggle.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-upload.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-upload.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-animated-tab_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-animated-tab_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-breadcrumb_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-breadcrumb_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-dropdown_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-dropdown_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-event-list_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-event-list_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-flip-tile_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-flip-tile_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-map-navigation_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-map-navigation_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-modal_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-modal_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-select_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-select_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-split-button_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-split-button_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-toast_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-toast_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-tree_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-tree_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-workflow-step_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-workflow-step_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-group_3.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-group_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-menu_9.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-menu_9.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-datetime-picker.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-datetime-picker.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-kpi.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-kpi.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-modal-example.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-modal-example.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-validation-tooltip.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-validation-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'my-component.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './my-component.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-date-picker_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-date-picker_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-tab-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-tab-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-tabs.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-tabs.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'ix-date-time-card.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './ix-date-time-card.cjs.entry.js')); }).then(processMod, consoleError);
+      }
+    }
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/dist/cjs/index.cjs.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const logicalFilterOperator = require('./logical-filter-operator-467e2faf.js');
 const flipTileState = require('./flip-tile-state-c95639e5.js');
-const modal = require('./modal-42934387.js');
-const rwd_util = require('./rwd.util-482d41d4.js');
+const modal = require('./modal-2112fb71.js');
+const rwd_util = require('./rwd.util-2326824e.js');
 const modalUtils = require('./modal-utils-5d7bb217.js');
 const defaultTreeItem = require('./default-tree-item-4597cd84.js');
 const uploadFileState = require('./upload-file-state-923b2c65.js');
 require('./index-40761405.js');
-require('./typed-event-8f5a32a2.js');
+require('./typed-event-5030cc6a.js');
 require('./anime.es-8822f296.js');
 require('./animation-dfe01edc.js');
 

package/dist/cjs/ix-animated-tab_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-40761405.js');
 const anime_es = require('./anime.es-8822f296.js');
 const animation = require('./animation-dfe01edc.js');
-const rwd_util = require('./rwd.util-482d41d4.js');
+const rwd_util = require('./rwd.util-2326824e.js');
 
 const animatedTabCss = ".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";
 

package/dist/cjs/ix-application-header.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-40761405.js');
 
-const applicationHeaderCss = ":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden}";
+const applicationHeaderCss = ":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem}";
 
 const ApplicationHeader = class {
   constructor(hostRef) {
@@ -22,7 +22,7 @@ const ApplicationHeader = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "logo" }, index.h("slot", { name: "logo" })), index.h("span", { class: "name" }, this.name), index.h("slot", null)));
+    return (index.h(index.Host, null, index.h("div", { class: "logo" }, index.h("slot", { name: "logo" })), index.h("div", { class: "name" }, this.name), index.h("slot", null)));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/ix-category-filter.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-40761405.js');
-const rwd_util = require('./rwd.util-482d41d4.js');
+const rwd_util = require('./rwd.util-2326824e.js');
 const logicalFilterOperator = require('./logical-filter-operator-467e2faf.js');
 
 const categoryFilterCss = ".sc-ix-category-filter-h{display:block;position:relative}.sc-ix-category-filter-h .focus.sc-ix-category-filter{border-color:var(--theme-color-primary);box-shadow:0 0 0.25rem 0 var(--theme-color-primary) !important}.sc-ix-category-filter-h .btn-close.sc-ix-category-filter{position:absolute;top:0.25rem;right:0.25rem;min-width:1.5rem;width:1.5rem;height:1.5rem}.sc-ix-category-filter-h .input-container.sc-ix-category-filter{display:flex;height:100%;max-height:3.75rem;padding:1px 1.5rem 1px 2rem}.sc-ix-category-filter-h .input-container.no-icon.sc-ix-category-filter{padding-left:0.25rem}.sc-ix-category-filter-h .token-container.sc-ix-category-filter{flex-grow:1;overflow:hidden}.sc-ix-category-filter-h .text-input.sc-ix-category-filter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;flex-grow:1;height:1.75rem}.sc-ix-category-filter-h .text-input.sc-ix-category-filter,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:hover,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:focus-visible{border:none;outline:none}.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::-moz-placeholder{opacity:0}.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::placeholder{opacity:0}.sc-ix-category-filter-h .list-unstyled.sc-ix-category-filter{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;overflow-y:auto}.sc-ix-category-filter-h ix-icon.sc-ix-category-filter{position:absolute;top:0.5rem;left:0.5rem}.sc-ix-category-filter-h ix-filter-chip.sc-ix-category-filter{margin-right:0.5rem}.sc-ix-category-filter-h .category-preview.sc-ix-category-filter{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}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter{box-shadow:var(--theme-box-shadow-level-1);background:var(--theme-color-1);position:absolute;top:2rem;overflow-y:auto;min-width:10rem;border:var(--theme-std-bdr-1);border-radius:0.25rem;padding:0.5rem;z-index:1}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item.sc-ix-category-filter,.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item-header.sc-ix-category-filter{-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:2rem;padding:0.5rem}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item-header.sc-ix-category-filter{color:var(--theme-color-soft-text)}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item-id.sc-ix-category-filter{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item-value.sc-ix-category-filter{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item.sc-ix-category-filter{cursor:pointer}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .category-item.sc-ix-category-filter:focus{background-color:var(--theme-generic-bg-active);outline:none}.sc-ix-category-filter-h .category-selection-container.sc-ix-category-filter .plain-text-suggestion.sc-ix-category-filter{border-radius:1rem}.sc-ix-category-filter-h ul.sc-ix-category-filter{height:100%}.sc-ix-category-filter-h ul.sc-ix-category-filter>li.sc-ix-category-filter,.sc-ix-category-filter-h input.sc-ix-category-filter{padding-top:2px;padding-bottom:2px}";

package/dist/cjs/ix-date-picker_2.cjs.entry.js

@@ -8692,7 +8692,7 @@ const DatePicker = class {
     weekdays = days.reduce((result, item, index) => {
       const weekIndex = Math.floor(index / this.daysInWeek);
       if (!result[weekIndex])
-        result[weekIndex] = []; // start a new chunk
+        result[weekIndex] = [];
       result[weekIndex].push(item);
       return result;
     }, []);

package/dist/cjs/ix-drawer.cjs.entry.js

@@ -54,7 +54,9 @@ const Drawer = class {
     const target = evt.target;
     const closestElement = target.closest('#div-container');
     const btn = target.closest('#drawer-btn');
-    if (evt.target.type !== "button" && closestElement !== this.divElement && target !== btn) {
+    if (evt.target.type !== 'button' &&
+      closestElement !== this.divElement &&
+      target !== btn) {
       this.show = false;
     }
   }

package/dist/cjs/ix-event-list_2.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-40761405.js');
 const mutationObserver = require('./mutation-observer-29bedada.js');
-const rwd_util = require('./rwd.util-482d41d4.js');
+const rwd_util = require('./rwd.util-2326824e.js');
 
-const eventListCss = ".sc-ix-event-list-h{display:block;position:relative}ul.sc-ix-event-list{list-style:none;padding:0;margin-bottom:0}.sc-ix-event-list-s>.sc-ix-event-list-h:not(.item-size-s) .ix-event-list-item,.sc-ix-event-list-h:not(.item-size-l) .ix-event-list-item.sc-ix-event-list{display:none}.sc-ix-event-list-h.chevron .sc-ix-event-list-s .ix-event-list-item .chevron-icon{display:initial}.item-size-l .sc-ix-event-list-s .ix-event-list-item{height:6.5rem;max-height:6.5rem}.item-size-l .sc-ix-event-list-s .ix-event-list-item .event-content{height:6.5rem;max-height:6.5rem;white-space:normal}.compact .sc-ix-event-list-s .ix-event-list-item{margin-bottom:0px;border-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .indicator{border-top-left-radius:0px;border-bottom-left-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .event-list-item-container{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.compact .sc-ix-event-list-s .ix-event-list-item i.glyph{display:none}.compact.sc-ix-event-list .compact.sc-ix-event-list:not(:last-child) .event-list-item-container.sc-ix-event-list{border-bottom:none}";
+const eventListCss = ".sc-ix-event-list-h{display:block;position:relative}ul.sc-ix-event-list{list-style:none;padding:0;margin-bottom:0}.sc-ix-event-list-s>.sc-ix-event-list-h:not(.item-size-s) .ix-event-list-item,.sc-ix-event-list-h:not(.item-size-l) .ix-event-list-item.sc-ix-event-list{display:none}.sc-ix-event-list-h.chevron .sc-ix-event-list-s .ix-event-list-item .chevron-icon{display:initial}.item-size-l .sc-ix-event-list-s .ix-event-list-item{height:6.5rem;max-height:6.5rem}.item-size-l .sc-ix-event-list-s .ix-event-list-item .event-content{height:6.5rem;max-height:6.5rem;white-space:normal}.compact .sc-ix-event-list-s .ix-event-list-item{margin-bottom:0px;border-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .indicator{border-top-left-radius:0px;border-bottom-left-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .event-list-item-container{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.compact.sc-ix-event-list .compact.sc-ix-event-list:not(:last-child) .event-list-item-container.sc-ix-event-list{border-bottom:none}";
 
 const EventList = class {
   constructor(hostRef) {
@@ -103,7 +103,7 @@ EventList.fadeOutDuration = 50;
 EventList.fadeInDuration = 150;
 EventList.style = eventListCss;
 
-const eventListItemCss = ".ix-event-list-item{display:flex;align-items:center;position:relative;height:2.5rem;max-height:2.5rem;border-radius:0.25rem;background-color:var(--theme-event-list-item-bg);overflow:hidden;cursor:pointer;margin-bottom:0.5rem}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}.ix-event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.ix-event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}.ix-event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-list-item-border);border-top-left-radius:0;border-top-right-radius:0.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0.25rem;border-left:none;padding-left:1rem}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}.ix-event-list-item.selected:not(:active,.active) .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}.ix-event-list-item[disabled],.ix-event-list-item.disabled{pointer-events:none}.ix-event-list-item[disabled] .event-list-item-container,.ix-event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}.ix-event-list-item .chevron-icon{display:none;margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}.ix-event-list-item .event-content{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}";
+const eventListItemCss = ".ix-event-list-item{display:flex;align-items:center;position:relative;height:2.5rem;max-height:2.5rem;border-radius:0.25rem;background-color:var(--theme-event-item--background);overflow:hidden;cursor:pointer;margin-bottom:0.5rem}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}.ix-event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.ix-event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}.ix-event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-item--border);border-top-left-radius:0;border-top-right-radius:0.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0.25rem;border-left:none;padding-left:1rem}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}.ix-event-list-item.selected:not(:active,.active) .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}.ix-event-list-item[disabled],.ix-event-list-item.disabled{pointer-events:none}.ix-event-list-item[disabled] .event-list-item-container,.ix-event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}.ix-event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}.ix-event-list-item .event-content{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}";
 
 const EventListItem = class {
   constructor(hostRef) {
@@ -128,7 +128,7 @@ const EventListItem = class {
           ? `var(--theme-${this.color})`
           : 'inherit',
         opacity: `${this.disabled ? 0.4 : this.opacity}`,
-      } }), index.h("div", { class: "event-list-item-container" }, index.h("div", { class: "event-content" }, index.h("slot", null)), index.h("i", { class: "glyph glyph-16 glyph-chevron-right chevron-icon" }))));
+      } }), index.h("div", { class: "event-list-item-container" }, index.h("div", { class: "event-content" }, index.h("slot", null)), this.chevron ? (index.h("i", { class: "glyph glyph-16 glyph-chevron-right chevron-icon" })) : (''))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/ix-icon.cjs.entry.js

@@ -17,10 +17,10 @@ const Icon = class {
     return (index.h(index.Host, { style: {
         color: this.color ? `var(--theme-${this.color})` : 'inherit',
       }, class: {
-        [`size-12`]: this.size === '12',
-        [`size-16`]: this.size === '16',
-        [`size-24`]: this.size === '24',
-        [`size-32`]: this.size === '32',
+        ['size-12']: this.size === '12',
+        ['size-16']: this.size === '16',
+        ['size-24']: this.size === '24',
+        ['size-32']: this.size === '32',
       } }, index.h("i", { class: {
         glyph: true,
         [`glyph-${this.name}`]: true,

package/dist/cjs/ix-map-navigation_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-40761405.js');
 const anime_es = require('./anime.es-8822f296.js');
 
-const mapNavigationCss = ".sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:4rem;position:relative;height:100%;flex-grow:1;overflow:hidden}.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);-webkit-border-end:0.125rem solid var(--theme-map-navigation-separator--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation .map-nav-brand-logo.sc-ix-map-navigation{min-width:4.75rem;-webkit-margin-end:3.5rem;margin-inline-end:3.5rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation .map-nav-brand-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-map-navigation-header--color);flex-grow:1}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation:empty{height:0}.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}";
+const mapNavigationCss = ".sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:4rem;position:relative;height:100%;flex-grow:1;overflow:hidden}.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);-webkit-border-end:0.125rem solid var(--theme-map-navigation-separator--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem;--theme-app-header-logo--color:var(--theme-color-std-text)}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation:empty{height:0}.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}";
 
 const MapNavigation = class {
   constructor(hostRef) {
@@ -86,7 +86,7 @@ const MapNavigation = class {
   }
   /**
    * Open a overlay inside content area
-   * @deprecated will get removed with next major release in favor of slot based approach
+   * @deprecated Will be removed in 2.0.0. Use slot based approach
    *
    * @param name
    * @param component
@@ -115,7 +115,7 @@ const MapNavigation = class {
   }
   /**
    * Close current shown overlay
-   * @deprecated will get removed with next major release in favor of slot based approach
+   * @deprecated Will be removed in 2.0.0. Use slot based approach
    */
   async closeOverlay() {
     anime_es.anime({
@@ -136,7 +136,7 @@ const MapNavigation = class {
     });
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { id: "menu-placeholder" }), index.h("div", { class: "map-nav" }, index.h("div", { class: "map-nav-sidebar" }, index.h("div", { class: "map-nav-header" }, index.h("div", { class: "map-nav-header-brand" }, index.h("div", { class: "map-nav-brand-logo" }, index.h("slot", { name: "logo" })), index.h("span", { class: "map-nav-brand-title" }, this.applicationName))), index.h("div", { class: "map-nav-sidebar-content" }, index.h("div", { class: "map-nav-sidebar-static-content" }, index.h("div", { class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (index.h("ix-icon-button", { icon: "context-menu", ghost: true, size: "24", variant: "Secondary", onClick: (_) => this.contextMenuClick.emit() }))), index.h("div", { class: "map-nav-sidebar-user-content" }, index.h("slot", { name: "sidebar-content" })))), index.h("div", { class: "content" }, index.h("div", { class: "map-nav-header-content bg-2" }, index.h("slot", { name: "content-header" })), index.h("main", null, index.h("slot", null))))));
+    return (index.h(index.Host, null, index.h("div", { id: "menu-placeholder" }), index.h("div", { class: "map-nav" }, index.h("div", { class: "map-nav-sidebar" }, index.h("div", { class: "map-nav-header" }, index.h("ix-application-header", { name: this.applicationName, class: "map-nav-header-brand" }, index.h("slot", { name: "logo" }))), index.h("div", { class: "map-nav-sidebar-content" }, index.h("div", { class: "map-nav-sidebar-static-content" }, index.h("div", { class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (index.h("ix-icon-button", { icon: "context-menu", ghost: true, size: "24", variant: "Secondary", onClick: (_) => this.contextMenuClick.emit() }))), index.h("div", { class: "map-nav-sidebar-user-content" }, index.h("slot", { name: "sidebar-content" })))), index.h("div", { class: "content" }, index.h("div", { class: "map-nav-header-content bg-2" }, index.h("slot", { name: "content-header" })), index.h("main", null, index.h("slot", null))))));
   }
   get hostElement() { return index.getElement(this); }
 };
@@ -164,7 +164,7 @@ const MapNavigationOverlay = class {
       easing: 'easeOutSine',
       begin: () => {
         this.hostElement.classList.remove('d-none');
-      }
+      },
     });
   }
   closeOverlay() {

package/dist/cjs/ix-menu_9.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-40761405.js');
-const rwd_util = require('./rwd.util-482d41d4.js');
+const rwd_util = require('./rwd.util-2326824e.js');
 
 /*
  * SPDX-FileCopyrightText: 2022 Siemens AG
@@ -670,7 +670,7 @@ const MenuAboutNews = class {
 };
 MenuAboutNews.style = menuAboutNewsCss;
 
-const menuAvatarCss = ".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-avatar--person)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";
+const menuAvatarCss = ".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-color-4)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";
 
 const MenuAvatar = class {
   constructor(hostRef) {

package/dist/cjs/ix-modal_2.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const modal = require('./modal-42934387.js');
+const modal = require('./modal-2112fb71.js');
 require('./index-40761405.js');
-require('./typed-event-8f5a32a2.js');
+require('./typed-event-5030cc6a.js');
 require('./anime.es-8822f296.js');
 require('./animation-dfe01edc.js');
 

package/dist/cjs/ix-select_2.cjs.entry.js

@@ -27,7 +27,8 @@ const Select = class {
     this.isDropdownEmpty = false;
     this.hasFocus = false;
     this.navigationItem = undefined;
-    this.inputText = undefined;
+    this.inputFilterText = undefined;
+    this.inputValue = undefined;
   }
   get items() {
     return Array.from(this.hostElement.querySelectorAll('ix-select-item'));
@@ -45,9 +46,15 @@ const Select = class {
     return this.mode === 'multiple';
   }
   watchSelectedIndices(newId) {
-    if (newId) {
+    if (!newId) {
+      this.selectValue([]);
+      return;
+    }
+    if (Array.isArray(newId)) {
       this.selectValue([...newId]);
+      return;
     }
+    this.selectValue([newId]);
   }
   onItemClicked(event) {
     const newId = event.detail;
@@ -89,10 +96,16 @@ const Select = class {
     this.addItem.emit(value);
   }
   selectValue(ids) {
+    var _a;
     this.items.forEach((item) => {
       item.selected = ids.some((i) => i === item.value);
     });
     this.value = this.selectedItems.map((item) => item.label);
+    if (this.isSingleMode) {
+      this.inputValue = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) ? this.value[0] : null;
+      return;
+    }
+    this.inputValue = null;
   }
   componentWillLoad() {
     if (this.selectedIndices) {
@@ -101,6 +114,23 @@ const Select = class {
         : [this.selectedIndices]);
     }
   }
+  componentDidLoad() {
+    this.labelMutationObserver = new MutationObserver(() => {
+      this.selectValue(Array.isArray(this.selectedIndices)
+        ? this.selectedIndices
+        : [this.selectedIndices]);
+    });
+    this.labelMutationObserver.observe(this.hostElement, {
+      subtree: true,
+      attributes: true,
+      attributeFilter: ['label'],
+    });
+  }
+  disconnectedCallback() {
+    if (this.labelMutationObserver) {
+      this.labelMutationObserver.disconnect();
+    }
+  }
   itemExists(item) {
     return this.items.find((i) => i.label === item);
   }
@@ -131,8 +161,8 @@ const Select = class {
   }
   async onEnterNavigation() {
     var _a, _b;
-    if (this.editable && !this.itemExists(this.inputText)) {
-      this.emitAddItem(this.inputText);
+    if (this.editable && !this.itemExists(this.inputFilterText)) {
+      this.emitAddItem(this.inputFilterText);
       this.navigationItem = this.items[this.items.length - 1];
     }
     (_a = this.navigationItem) === null || _a === void 0 ? void 0 : _a.onItemClick();
@@ -160,11 +190,11 @@ const Select = class {
     });
   }
   filterItemsWithTypeahead() {
-    this.inputText = this.inputRef.value;
-    if (this.inputText) {
+    this.inputFilterText = this.inputRef.value;
+    if (this.inputFilterText) {
       this.items.forEach((item) => {
         item.classList.remove('d-none');
-        if (!item.label.toLowerCase().includes(this.inputText.toLowerCase())) {
+        if (!item.label.toLowerCase().includes(this.inputFilterText.toLowerCase())) {
           item.classList.add('d-none');
         }
       });
@@ -181,7 +211,7 @@ const Select = class {
   }
   clearInput() {
     this.inputRef.value = '';
-    this.inputText = '';
+    this.inputFilterText = '';
   }
   clear() {
     this.clearInput();
@@ -189,13 +219,6 @@ const Select = class {
     this.selectedIndices = [];
     this.itemSelectionChange.emit(null);
   }
-  getInputValue() {
-    var _a;
-    if (this.isSingleMode) {
-      return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) ? this.value[0] : null;
-    }
-    return null;
-  }
   render() {
     var _a, _b, _c;
     return (index.h(index.Host, null, index.h("div", { class: {
@@ -217,10 +240,10 @@ const Select = class {
         'allow-clear': this.allowClear && !!((_b = this.value) === null || _b === void 0 ? void 0 : _b.length),
       }, placeholder: this.editable
         ? this.i18nPlaceholderEditable
-        : this.i18nPlaceholder, value: this.getInputValue(), ref: (ref) => (this.inputRef = ref), onInput: () => this.filterItemsWithTypeahead() }), this.disabled || this.readonly ? null : (index.h("div", { class: "chevron-down-container", ref: (ref) => {
+        : this.i18nPlaceholder, value: this.inputValue, ref: (ref) => (this.inputRef = ref), onInput: () => this.filterItemsWithTypeahead() }), this.disabled || this.readonly ? null : (index.h("div", { class: "chevron-down-container", ref: (ref) => {
         if (this.editable)
           this.dropdownWrapperRef = ref;
-      } }, index.h("ix-icon", { class: "chevron", name: "chevron-down-small" }))))), this.allowClear && (((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) || this.inputText) ? (index.h("ix-icon-button", { class: "clear", icon: "clear", ghost: true, oval: true, size: "24", onClick: (e) => {
+      } }, index.h("ix-icon", { class: "chevron", name: "chevron-down-small" }))))), this.allowClear && (((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) || this.inputFilterText) ? (index.h("ix-icon-button", { class: "clear", icon: "clear", ghost: true, oval: true, size: "24", onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
         this.clear();
@@ -230,19 +253,19 @@ const Select = class {
         'd-none': this.disabled ||
           this.readonly ||
           (this.isDropdownEmpty && !this.editable),
-      }, anchor: this.dropdownAnchor, trigger: this.dropdownWrapperRef, onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom", positioningStrategy: 'fixed', adjustDropdownWidthToReferenceWidth: true }, index.h("div", { class: "select-list-header" }, this.i18nSelectListHeader), index.h("slot", null), index.h("div", { ref: (ref) => (this.addItemRef = ref), class: "d-contents" }), this.itemExists(this.inputText) ? ('') : (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: "plus", class: {
+      }, anchor: this.dropdownAnchor, trigger: this.dropdownWrapperRef, onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom", positioningStrategy: 'fixed', adjustDropdownWidthToReferenceWidth: true }, index.h("div", { class: "select-list-header" }, this.i18nSelectListHeader), index.h("slot", null), index.h("div", { ref: (ref) => (this.addItemRef = ref), class: "d-contents" }), this.itemExists(this.inputFilterText) ? ('') : (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: "plus", class: {
         'add-item': true,
-        'd-none': !(this.editable && this.inputText),
-      }, label: this.inputText, onItemClick: (e) => {
+        'd-none': !(this.editable && this.inputFilterText),
+      }, label: this.inputFilterText, onItemClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
-        this.emitAddItem(this.inputText);
+        this.emitAddItem(this.inputFilterText);
       } })))));
   }
   get hostElement() { return index.getElement(this); }
   static get watchers() { return {
     "selectedIndices": ["watchSelectedIndices"],
-    "inputText": ["watchInputText"]
+    "inputFilterText": ["watchInputText"]
   }; }
 };
 Select.style = selectCss;

package/dist/cjs/ix-tab-item.cjs.entry.js

@@ -27,7 +27,7 @@ const TabItem = class {
       stretched: props.layout === 'stretched',
       bottom: props.placement === 'bottom',
       top: props.placement === 'top',
-      circle: props.circle
+      circle: props.circle,
     };
   }
   render() {
@@ -39,7 +39,17 @@ const TabItem = class {
         layout: this.layout,
         placement: this.placement,
         circle: this.rounded,
-      }), tabIndex: 0 }, index.h("div", { class: { circle: this.rounded, text: !this.rounded, selected: this.selected, disabled: this.disabled } }, index.h("slot", null)), index.h("div", { class: { counter: true, selected: this.selected, hidden: !(this.rounded && this.counter !== undefined), disabled: this.disabled } }, this.counter)));
+      }), tabIndex: 0 }, index.h("div", { class: {
+        circle: this.rounded,
+        text: !this.rounded,
+        selected: this.selected,
+        disabled: this.disabled,
+      } }, index.h("slot", null)), index.h("div", { class: {
+        counter: true,
+        selected: this.selected,
+        hidden: !(this.rounded && this.counter !== undefined),
+        disabled: this.disabled,
+      } }, this.counter)));
   }
 };
 TabItem.style = tabItemCss;

package/dist/cjs/ix-tabs.cjs.entry.js

@@ -86,7 +86,7 @@ const Tabs = class {
     amount = amount > 0 ? 0 : amount < maxScrollWidth ? maxScrollWidth : amount;
     const styles = [
       `transform: translateX(${amount}px);`,
-      click ? `transition: all ease-in-out 400ms;` : '',
+      click ? 'transition: all ease-in-out 400ms;' : '',
     ].join('');
     tabWrapper.setAttribute('style', styles);
     if (click)
@@ -114,7 +114,7 @@ const Tabs = class {
     if (!this.showArrows())
       return;
     if (event.button > 0)
-      return; // ignore right click
+      return;
     this.clickAction.timeout =
       this.clickAction.timeout === null
         ? setTimeout(() => (this.clickAction.isClick = false), 300)