@siemens/ix 1.0.0-beta.2

package/dist/cjs/rwd.util-482d41d4.js

@@ -0,0 +1,42 @@
+'use strict';
+
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const convertToRemString = (value) => {
+  const valueRem = value / 16;
+  return `${valueRem}rem`;
+};
+const convertToAbbreviationString = (num) => {
+  if (isNaN(num) || num === null || num === undefined) {
+    return '';
+  }
+  let unit = '';
+  // Metric Units
+  const units = [
+    { unit: 'q', value: Math.pow(10, 15) },
+    { unit: 't', value: Math.pow(10, 12) },
+    { unit: 'B', value: Math.pow(10, 9) },
+    { unit: 'M', value: Math.pow(10, 6) },
+    { unit: 'K', value: Math.pow(10, 3) }, // 1000
+  ];
+  units.some(pow => {
+    let formattedNum = Math.abs(num);
+    if (formattedNum >= pow.value) {
+      formattedNum /= pow.value;
+      num = Math.round(formattedNum * 10) / 10;
+      unit = pow.unit;
+      return true;
+    }
+    return false;
+  });
+  return num + unit;
+};
+
+exports.convertToAbbreviationString = convertToAbbreviationString;
+exports.convertToRemString = convertToRemString;

package/dist/cjs/siemens-ix.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-1e4a348f.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('siemens-ix.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy(JSON.parse("[[\"ix-icon.cjs\",[[6,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513]}]]],[\"ix-datetime-picker.cjs\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"showTimeReference\":[4,\"show-time-reference\"]}]]],[\"ix-modal-example.cjs\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2.cjs\",[[6,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}],[2,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1]}]]],[\"ix-breadcrumb_2.cjs\",[[6,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32]}],[6,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1]}]]],[\"ix-flip-tile_2.cjs\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-category-filter.cjs\",[[2,\"ix-category-filter\",{\"initialState\":[16],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"hasFocus\":[32],\"showCategorySelection\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32],\"offsetDropdownX\":[32],\"offsetDropdownY\":[32],\"maxHeightDropdown\":[32],\"maxWidthDropdown\":[32]},[[9,\"resize\",\"setDropdownOffset\"]]]]],[\"ix-drawer.cjs\",[[6,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]}]]],[\"ix-expanding-search.cjs\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-message-bar.cjs\",[[6,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-upload.cjs\",[[2,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-animated-tab_2.cjs\",[[6,\"ix-animated-tabs\",{\"disableAnimations\":[4,\"disable-animations\"],\"selectedIndex\":[2,\"selected-index\"],\"tabPlacement\":[1,\"tab-placement\"],\"tabs\":[32],\"activeIndex\":[32]},[[1,\"mouseup\",\"onMouseDown\"]]],[6,\"ix-animated-tab\",{\"icon\":[1],\"count\":[514]}]]],[\"ix-application-header.cjs\",[[1,\"ix-application-header\",{\"name\":[1]}]]],[\"ix-basic-navigation.cjs\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"]}]]],[\"ix-chip.cjs\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-kpi.cjs\",[[2,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill.cjs\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-workflow-step.cjs\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]}]]],[\"ix-event-list_2.cjs\",[[6,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]}],[4,\"ix-event-list-item\",{\"color\":[1],\"selected\":[4],\"disabled\":[4],\"chevron\":[4],\"opacity\":[2]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-blind.cjs\",[[6,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1]}]]],[\"ix-counter-pill.cjs\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-input-group.cjs\",[[6,\"ix-input-group\"]]],[\"ix-tile.cjs\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle.cjs\",[[2,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[4],\"color\":[1],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"ix-validation-tooltip.cjs\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32]}]]],[\"ix-workflow-steps.cjs\",[[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"my-component.cjs\",[[2,\"my-component\"]]],[\"ix-map-navigation_2.cjs\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"isAboutOpen\":[32],\"isSettingsOpen\":[32],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-select_2.cjs\",[[6,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"dropdownShow\":[32],\"value\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputText\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-group_3.cjs\",[[6,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"dropdownTriggerRef\":[32]},[[8,\"keydown\",\"onKeyDown\"]]],[6,\"ix-group-dropdown-item\",{\"label\":[1],\"icon\":[1]}],[6,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-toast_2.cjs\",[[2,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]}],[6,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"isRunning\":[32],\"touched\":[32]}]]],[\"ix-tree_2.cjs\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-spinner.cjs\",[[2,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-date-picker_2.cjs\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"year\":[32],\"month\":[32],\"calendar\":[32],\"today\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32]}],[2,\"ix-time-picker\",{\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"showTimeReference\":[4,\"show-time-reference\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32]}]]],[\"ix-filter-chip.cjs\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-menu_9.cjs\",[[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"displayMenu\":[32]},[[1,\"click\",\"toggleMenu\"]]],[6,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4]}],[4,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"i18nMore\":[1,\"i-1-8n-more\"],\"expand\":[1540],\"showMoreItems\":[32],\"visibleMenuItems\":[32],\"countMoreNotifications\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"isMoreTabEmpty\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[6,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}],[6,\"ix-menu-about-item\",{\"label\":[513]}],[6,\"ix-menu-settings-item\",{\"label\":[1]}],[6,\"ix-menu-about\",{\"i18nImprintLabel\":[513,\"i-1-8n-imprint-label\"],\"activeTabLabel\":[1537,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[4,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-modal_2.cjs\",[[2,\"ix-modal-container\",{\"showModal\":[64]}],[6,\"ix-modal\",{\"animation\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"backdrop\":[8],\"backdropClass\":[1,\"backdrop-class\"],\"beforeDismiss\":[16],\"centered\":[4],\"content\":[1],\"keyboard\":[4],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"modalDialogClass\":[1,\"modal-dialog-class\"],\"scrollable\":[4],\"size\":[1],\"headerTitle\":[1,\"header-title\"],\"windowClass\":[1,\"window-class\"],\"dismiss\":[64],\"close\":[64]}]]],[\"ix-date-time-card.cjs\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-tab-item.cjs\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-tabs.cjs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-button.cjs\",[[6,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[4],\"type\":[1]}]]],[\"ix-dropdown_2.cjs\",[[6,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"emitItemClick\":[64]}],[1,\"ix-dropdown\",{\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"adjustDropdownWidthToReferenceWith\":[4,\"adjust-dropdown-width-to-reference-with\"],\"adjustDropdownWidthToReferenceWidth\":[4,\"adjust-dropdown-width-to-reference-width\"],\"header\":[1],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button.cjs\",[[6,\"ix-icon-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"selected\":[4],\"disabled\":[4],\"type\":[1]}]]]]"), options);
+});

package/dist/cjs/typed-event-8f5a32a2.js

@@ -0,0 +1,46 @@
+'use strict';
+
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class TypedEvent {
+  constructor() {
+    this.listeners = [];
+    this.listenersOncer = [];
+    this.on = (listener) => {
+      this.listeners.push(listener);
+      return {
+        dispose: () => this.off(listener),
+      };
+    };
+    this.once = (listener) => {
+      this.listenersOncer.push(listener);
+    };
+    this.off = (listener) => {
+      const callbackIndex = this.listeners.indexOf(listener);
+      if (callbackIndex > -1) {
+        this.listeners.splice(callbackIndex, 1);
+      }
+    };
+    this.emit = (event) => {
+      /** Update any general listeners */
+      this.listeners.forEach(listener => listener(event));
+      /** Clear the `once` queue */
+      if (this.listenersOncer.length > 0) {
+        const toCall = this.listenersOncer;
+        this.listenersOncer = [];
+        toCall.forEach(listener => listener(event));
+      }
+    };
+    this.pipe = (te) => {
+      return this.on(e => te.emit(e));
+    };
+  }
+}
+
+exports.TypedEvent = TypedEvent;

package/dist/cjs/upload-file-state-923b2c65.js

@@ -0,0 +1,17 @@
+'use strict';
+
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+exports.UploadFileState = void 0;
+(function (UploadFileState) {
+  UploadFileState["SELECT_FILE"] = "SELECT_FILE";
+  UploadFileState["LOADING"] = "LOADING";
+  UploadFileState["UPLOAD_FAILED"] = "UPLOAD_FAILED";
+  UploadFileState["UPLOAD_SUCCESSED"] = "UPLOAD_SUCCESSED";
+})(exports.UploadFileState || (exports.UploadFileState = {}));

package/dist/collection/collection-manifest.json

@@ -0,0 +1,258 @@
+{
+  "entries": [
+    "./components/date-time-card/date-time-card.js",
+    "./components/modal-container/modal-container.js",
+    "./components/modal/modal.js",
+    "./components/animated-tab/animated-tab.js",
+    "./components/animated-tabs/animated-tabs.js",
+    "./components/application-header/application-header.js",
+    "./components/basic-navigation/basic-navigation.js",
+    "./components/blind/blind.js",
+    "./components/breadcrumb/breadcrumb.js",
+    "./components/breadcrumb-item/breadcrumb-item.js",
+    "./components/button/button.js",
+    "./components/category-filter/category-filter.js",
+    "./components/chip/chip.js",
+    "./components/counter-pill/counter-pill.js",
+    "./components/date-picker/date-picker.js",
+    "./components/datetime-picker/datetime-picker.js",
+    "./components/drawer/drawer.js",
+    "./components/dropdown/dropdown.js",
+    "./components/dropdown-item/dropdown-item.js",
+    "./components/event-list/event-list.js",
+    "./components/event-list-item/event-list-item.js",
+    "./components/expanding-search/expanding-search.js",
+    "./components/filter-chip/filter-chip.js",
+    "./components/flip-tile/flip-tile.js",
+    "./components/flip-tile-content/flip-tile-content.js",
+    "./components/group/group.js",
+    "./components/group-dropdown-item/group-dropdown-item.js",
+    "./components/group-item/group-item.js",
+    "./components/icon/icon.js",
+    "./components/icon-button/icon-button.js",
+    "./components/input-group/input-group.js",
+    "./components/kpi/kpi.js",
+    "./components/map-navigation/map-navigation.js",
+    "./components/map-navigation-overlay/map-navigation-overlay.js",
+    "./components/menu/menu.js",
+    "./components/menu-about/menu-about.js",
+    "./components/menu-about-item/menu-about-item.js",
+    "./components/menu-about-news/menu-about-news.js",
+    "./components/menu-avatar/menu-avatar.js",
+    "./components/menu-avatar-item/menu-avatar-item.js",
+    "./components/menu-item/menu-item.js",
+    "./components/menu-settings/menu-settings.js",
+    "./components/menu-settings-item/menu-settings-item.js",
+    "./components/message-bar/message-bar.js",
+    "./components/my-component/example-modal.js",
+    "./components/my-component/my-component.js",
+    "./components/pill/pill.js",
+    "./components/select/select.js",
+    "./components/select-item/select-item.js",
+    "./components/spinner/spinner.js",
+    "./components/split-button/split-button.js",
+    "./components/split-button-item/split-button-item.js",
+    "./components/tab-item/tab-item.js",
+    "./components/tabs/tabs.js",
+    "./components/tile/tile.js",
+    "./components/time-picker/time-picker.js",
+    "./components/toast/toast-container.js",
+    "./components/toast/toast.js",
+    "./components/toggle/toggle.js",
+    "./components/tree/tree.js",
+    "./components/tree-item/tree-item.js",
+    "./components/upload/upload.js",
+    "./components/validation-tooltip/validation-tooltip.js",
+    "./components/workflow-step/workflow-step.js",
+    "./components/workflow-steps/workflow-steps.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": [
+    {
+      "components": [
+        "ix-application-header"
+      ]
+    },
+    {
+      "components": [
+        "ix-basic-navigation"
+      ]
+    },
+    {
+      "components": [
+        "ix-blind"
+      ]
+    },
+    {
+      "components": [
+        "ix-button"
+      ]
+    },
+    {
+      "components": [
+        "ix-category-filter"
+      ]
+    },
+    {
+      "components": [
+        "ix-chip"
+      ]
+    },
+    {
+      "components": [
+        "ix-counter-pill"
+      ]
+    },
+    {
+      "components": [
+        "ix-drawer"
+      ]
+    },
+    {
+      "components": [
+        "ix-expanding-search"
+      ]
+    },
+    {
+      "components": [
+        "ix-filter-chip"
+      ]
+    },
+    {
+      "components": [
+        "ix-icon"
+      ]
+    },
+    {
+      "components": [
+        "ix-icon-button"
+      ]
+    },
+    {
+      "components": [
+        "ix-input-group"
+      ]
+    },
+    {
+      "components": [
+        "ix-message-bar"
+      ]
+    },
+    {
+      "components": [
+        "ix-pill"
+      ]
+    },
+    {
+      "components": [
+        "ix-spinner"
+      ]
+    },
+    {
+      "components": [
+        "ix-tile"
+      ]
+    },
+    {
+      "components": [
+        "ix-toggle"
+      ]
+    },
+    {
+      "components": [
+        "ix-upload"
+      ]
+    },
+    {
+      "components": [
+        "ix-animated-tab",
+        "ix-animated-tabs"
+      ]
+    },
+    {
+      "components": [
+        "ix-breadcrumb",
+        "ix-breadcrumb-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-dropdown",
+        "ix-dropdown-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-event-list",
+        "ix-event-list-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-flip-tile",
+        "ix-flip-tile-content"
+      ]
+    },
+    {
+      "components": [
+        "ix-map-navigation",
+        "ix-map-navigation-overlay"
+      ]
+    },
+    {
+      "components": [
+        "ix-modal",
+        "ix-modal-container"
+      ]
+    },
+    {
+      "components": [
+        "ix-select",
+        "ix-select-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-split-button",
+        "ix-split-button-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-toast",
+        "ix-toast-container"
+      ]
+    },
+    {
+      "components": [
+        "ix-tree",
+        "ix-tree-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-group",
+        "ix-group-dropdown-item",
+        "ix-group-item"
+      ]
+    },
+    {
+      "components": [
+        "ix-menu",
+        "ix-menu-about",
+        "ix-menu-about-item",
+        "ix-menu-about-news",
+        "ix-menu-avatar",
+        "ix-menu-avatar-item",
+        "ix-menu-item",
+        "ix-menu-settings",
+        "ix-menu-settings-item"
+      ]
+    }
+  ]
+}

package/dist/collection/components/animated-tab/animated-tab.css

@@ -0,0 +1,14 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+}

package/dist/collection/components/animated-tab/animated-tab.js

@@ -0,0 +1,59 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Component, h, Host, Prop } from '@stencil/core';
+export class AnimatedTab {
+  render() {
+    return (h(Host, null,
+      h("slot", null)));
+  }
+  static get is() { return "ix-animated-tab"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["animated-tab.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["animated-tab.css"]
+  }; }
+  static get properties() { return {
+    "icon": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon of the tab"
+      },
+      "attribute": "icon",
+      "reflect": false
+    },
+    "count": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Show notification number"
+      },
+      "attribute": "count",
+      "reflect": true
+    }
+  }; }
+}

package/dist/collection/components/animated-tabs/animated-tabs.css

@@ -0,0 +1,158 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* Dimensions */
+/* Font sizes */
+/* Line heights */
+/* Animation timings */
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+:host {
+  --animate-duration: 300ms;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+:host ul {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+:host ul li {
+  display: flex;
+  justify-content: center;
+  width: 5rem;
+  height: 4.5rem;
+  cursor: pointer;
+  padding-top: 0.625rem;
+}
+:host ul li.bottom {
+  padding-top: 0.875rem;
+}
+:host ul li .tab-container {
+  background: var(--theme-animated-tab-circle--background);
+  border: solid 1px var(--theme-animated-tab-circle--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6.25rem;
+  width: 3rem;
+  height: 3rem;
+  position: relative;
+  transition: 150ms;
+}
+:host ul li .tab-container ix-icon {
+  color: var(--theme-animated-tab-icon--color) !important;
+}
+:host ul li .tab-container:not(.disabled):not(:disabled) {
+  cursor: pointer;
+}
+:host ul li .tab-container:not(.disabled):not(:disabled):hover {
+  background: var(--theme-animated-tab-circle--background--hover);
+  border-color: var(--theme-animated-tab-circle--border-color--hover);
+}
+:host ul li .tab-container:not(.disabled):not(:disabled):hover ix-icon {
+  color: var(--theme-animated-tab-icon--color--hover) !important;
+}
+:host ul li .tab-container:not(.disabled):not(:disabled) {
+  cursor: pointer;
+}
+:host ul li .tab-container:not(.disabled):not(:disabled):active {
+  background: var(--theme-animated-tab-circle--background--active);
+  border-color: var(--theme-animated-tab-circle--border-color--active);
+}
+:host ul li .tab-container:not(.disabled):not(:disabled):active ix-icon {
+  color: var(--theme-animated-tab-icon--color--active) !important;
+}
+:host ul li .tab-container.selected {
+  background: var(--theme-animated-tab-circle--background--selected);
+  border-color: var(--theme-animated-tab-circle--border-color--selected) !important;
+}
+:host ul li .tab-container.selected ix-icon {
+  color: var(--theme-animated-tab-icon--color--selected) !important;
+}
+:host ul li .tab-container.selected .count {
+  border-color: var(--theme-tab-pill--border-color--selected) !important;
+}
+:host ul li .tab-container.disabled ix-icon, :host ul li .tab-container:disabled ix-icon {
+  color: var(--theme-animated-tab-icon--color--disabled) !important;
+}
+:host ul li .tab-container:not(.disabled):not(:disabled):focus-visible {
+  border-color: var(--theme-focus--border-color) !important;
+}
+:host ul li .tab-container .count {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+  font-family: Siemens Sans, sans-serif;
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1em;
+  color: var(--theme-color-std-text);
+  display: flex;
+  align-items: center;
+  height: 1rem;
+  position: absolute;
+  background-color: var(--theme-pill-outline--background);
+  bottom: -0.55rem;
+  border: 1px solid var(--theme-tab-pill--border-color);
+  border-radius: 6.25rem;
+  color: var(--theme-pill-outline--color);
+  padding: 0 0.25rem;
+  background: var(--theme-color-1);
+  transition: 150ms;
+}
+:host ul li .tab-container .count.bottom {
+  top: -0.55rem;
+}
+:host .content-container {
+  display: flex;
+  flex-direction: row;
+  height: calc(100% - 4.5rem);
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+:host .tab-active-underline {
+  background-color: var(--theme-animated-tab-indicator--background--selected);
+  height: 0.125rem;
+  width: 5rem;
+  margin-top: -0.125rem;
+  transition: 150ms;
+  position: absolute;
+  top: 4.5rem;
+}
+:host .tab-active-underline.bottom {
+  top: 0;
+  margin-top: 0;
+}