@siemens/ix 1.5.0-beta.0 → 1.5.0-beta.2

package/dist/esm/loader.js

@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-3d163acd.js';
 export { s as setNonce } from './index-3d163acd.js';
 
 /*
- Stencil Client Patch Esm v3.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v3.2.1 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"ix-icon\",[[6,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513]}]]],[\"ix-datetime-picker\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2\",[[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-category-filter\",[[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\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[6,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-breadcrumb_2\",[[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\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-drawer\",[[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\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-upload\",[[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-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[32],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-message-bar\",[[6,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-animated-tab_2\",[[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-workflow-step_2\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]}],[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"ix-chip\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-kpi\",[[2,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"visible\":[32]}]]],[\"ix-event-list_2\",[[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\",[[6,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1]}]]],[\"ix-counter-pill\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-tile\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle\",[[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\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-select_2\",[[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],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-group_3\",[[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-map-navigation_2\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[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\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[6,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-spinner\",[[2,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1]}]]],[\"ix-menu_9\",[[6,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[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],\"mode\":[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]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[6,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-date-picker_2\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[2,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-filter-chip\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-tab-item\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-tabs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-modal_2\",[[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\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"expanded\":[516]}]]],[\"ix-button\",[[6,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1]}]]],[\"ix-dropdown_2\",[[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],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button\",[[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);
+  return bootstrapLazy(JSON.parse("[[\"ix-icon\",[[6,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513]}]]],[\"ix-pagination\",[[2,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-datetime-picker\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2\",[[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-category-filter\",[[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\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[6,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-breadcrumb_2\",[[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\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-drawer\",[[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\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-upload\",[[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-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[32],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-message-bar\",[[6,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-animated-tab_2\",[[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-workflow-step_2\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},[[1,\"click\",\"clickFunction\"]]],[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"ix-blind\",[[6,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"icon\":[1]}]]],[\"ix-chip\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-kpi\",[[2,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"visible\":[32]}]]],[\"ix-event-list_2\",[[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-counter-pill\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-tile\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle\",[[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\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-group_3\",[[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\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[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-map-navigation_2\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[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\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[6,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-index-button\",[[6,\"ix-index-button\",{\"variant\":[1],\"selected\":[4]}]]],[\"ix-spinner\",[[2,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1]}]]],[\"ix-tabs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-menu_9\",[[6,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[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],\"mode\":[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]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[6,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-date-picker_2\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[2,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-tab-item\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-modal_2\",[[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-filter-chip\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-select_2\",[[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\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"value\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-date-time-card\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"expanded\":[516]}]]],[\"ix-button\",[[6,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1]}]]],[\"ix-dropdown_2\",[[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],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button\",[[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/esm/loader.js.map

@@ -1 +1 @@
-{"file":"loader.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,QAAQ,GAAG,MAAM;AAiBvB,IAAI,OAAO,cAAc,EAAE,CAAC;AAC5B,CAAC;;ACnBW,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;AAC9D,EAAE,OAAO,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,GAAG,CAAC,CAAC;AACL;;;;","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.1.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"version":3}
+{"file":"loader.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,QAAQ,GAAG,MAAM;AAiBvB,IAAI,OAAO,cAAc,EAAE,CAAC;AAC5B,CAAC;;ACnBW,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;AAC9D,EAAE,OAAO,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,GAAG,CAAC,CAAC;AACL;;;;","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.2.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"version":3}

package/dist/esm/siemens-ix.js

@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-3d163acd.js';
 export { s as setNonce } from './index-3d163acd.js';
 
 /*
- Stencil Client Patch Browser v3.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v3.2.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"ix-icon\",[[6,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513]}]]],[\"ix-datetime-picker\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2\",[[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-category-filter\",[[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\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[6,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-breadcrumb_2\",[[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\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-drawer\",[[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\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-upload\",[[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-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[32],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-message-bar\",[[6,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-animated-tab_2\",[[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-workflow-step_2\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]}],[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"ix-chip\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-kpi\",[[2,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"visible\":[32]}]]],[\"ix-event-list_2\",[[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\",[[6,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1]}]]],[\"ix-counter-pill\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-tile\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle\",[[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\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-select_2\",[[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],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-group_3\",[[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-map-navigation_2\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[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\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[6,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-spinner\",[[2,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1]}]]],[\"ix-menu_9\",[[6,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[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],\"mode\":[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]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[6,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-date-picker_2\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[2,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-filter-chip\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-tab-item\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-tabs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-modal_2\",[[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\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"expanded\":[516]}]]],[\"ix-button\",[[6,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1]}]]],[\"ix-dropdown_2\",[[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],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button\",[[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);
+  return bootstrapLazy(JSON.parse("[[\"ix-icon\",[[6,\"ix-icon\",{\"size\":[1],\"color\":[1],\"name\":[513]}]]],[\"ix-pagination\",[[2,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-datetime-picker\",[[2,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-split-button_2\",[[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-category-filter\",[[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\"],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]}]]],[\"ix-dropdown-button\",[[6,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"active\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-breadcrumb_2\",[[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\",[[6,\"ix-flip-tile\",{\"state\":[1],\"footer\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}],[1,\"ix-flip-tile-content\"]]],[\"ix-drawer\",[[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\",[[2,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-upload\",[[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-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"mode\":[32],\"menuExpanded\":[32]}]]],[\"ix-basic-navigation\",[[6,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"mode\":[32]}]]],[\"ix-message-bar\",[[6,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-animated-tab_2\",[[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-workflow-step_2\",[[6,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[1028],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},[[1,\"click\",\"clickFunction\"]]],[6,\"ix-workflow-steps\",{\"vertical\":[4],\"linear\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]}]]],[\"ix-blind\",[[6,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"icon\":[1]}]]],[\"ix-chip\",[[6,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"outline\":[4]}]]],[\"ix-kpi\",[[2,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-pill\",[[6,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"visible\":[32]}]]],[\"ix-event-list_2\",[[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-counter-pill\",[[6,\"ix-counter-pill\",{\"variant\":[513],\"outline\":[4],\"background\":[1],\"color\":[1],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-input-group\",[[6,\"ix-input-group\"]]],[\"ix-tile\",[[6,\"ix-tile\",{\"size\":[1]}]]],[\"ix-toggle\",[[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\",[[6,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]}]]],[\"my-component\",[[2,\"my-component\"]]],[\"ix-group_3\",[[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\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[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-map-navigation_2\",[[6,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"openOverlay\":[64],\"closeOverlay\":[64]}],[6,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1]}]]],[\"ix-toast_2\",[[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\",[[6,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]}],[6,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu\",[[6,\"ix-group-context-menu\",{\"showContextMenu\":[32]}]]],[\"ix-index-button\",[[6,\"ix-index-button\",{\"variant\":[1],\"selected\":[4]}]]],[\"ix-spinner\",[[2,\"ix-spinner\",{\"variant\":[1],\"size\":[1]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1]}]]],[\"ix-tabs\",[[4,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"styleNextArrow\":[32],\"stylePreviousArrow\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"ix-menu_9\",[[6,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"labels\":[32]}],[6,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"]}],[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],\"mode\":[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]}],[2,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1]}],[6,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-date-picker_2\",[[2,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"individual\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"eventDelimiter\":[1,\"event-delimiter\"],\"textSelectDate\":[1,\"text-select-date\"],\"yearValue\":[32],\"today\":[32],\"monthValue\":[32],\"calendar\":[32],\"years\":[32],\"tempYear\":[32],\"tempMonth\":[32],\"start\":[32],\"end\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"getCurrentDate\":[64]}],[2,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1032,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"hourInputRef\":[32],\"minuteInputRef\":[32],\"secondInputRef\":[32],\"referenceInputRef\":[32],\"getCurrentTime\":[64]}]]],[\"ix-tab-item\",[[4,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}]]],[\"ix-modal_2\",[[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-filter-chip\",[[6,\"ix-filter-chip\",{\"disabled\":[4]}]]],[\"ix-select_2\",[[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\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"value\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"],[8,\"keydown\",\"onKeyDown\"]]],[2,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]}]]],[\"ix-date-time-card\",[[6,\"ix-date-time-card\",{\"individual\":[4],\"corners\":[1]}]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"expanded\":[516]}]]],[\"ix-button\",[[6,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"invisible\":[4],\"ghost\":[4],\"selected\":[4],\"disabled\":[516],\"type\":[1]}]]],[\"ix-dropdown_2\",[[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],\"offset\":[16],\"triggerEvent\":[1,\"trigger-event\"],\"overwriteDropdownStyle\":[16],\"updatePosition\":[64]},[[8,\"click\",\"clickOutside\"]]]]],[\"ix-icon-button\",[[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);
 });
 
 //# sourceMappingURL=siemens-ix.js.map

package/dist/esm/siemens-ix.js.map

@@ -1 +1 @@
-{"file":"siemens-ix.js","mappings":";;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.1.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"siemens-ix.js","mappings":";;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/esm/upload-file-state-532a36d3.js

@@ -0,0 +1,19 @@
+/*
+ * SPDX-FileCopyrightText: 2023 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.
+ */
+var UploadFileState;
+(function (UploadFileState) {
+  UploadFileState["SELECT_FILE"] = "SELECT_FILE";
+  UploadFileState["LOADING"] = "LOADING";
+  UploadFileState["UPLOAD_FAILED"] = "UPLOAD_FAILED";
+  UploadFileState["UPLOAD_SUCCESSED"] = "UPLOAD_SUCCESSED";
+})(UploadFileState || (UploadFileState = {}));
+
+export { UploadFileState as U };
+
+//# sourceMappingURL=upload-file-state-532a36d3.js.map

package/dist/esm/upload-file-state-532a36d3.js.map

@@ -0,0 +1 @@
+{"file":"upload-file-state-532a36d3.js","mappings":"AAAA;;;;;;;;IASY;AAAZ,WAAY,eAAe;EACzB,8CAA2B,CAAA;EAC3B,sCAAmB,CAAA;EACnB,kDAA+B,CAAA;EAC/B,wDAAqC,CAAA;AACvC,CAAC,EALW,eAAe,KAAf,eAAe;;;;","names":[],"sources":["./src/components/upload/upload-file-state.ts"],"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\nexport enum UploadFileState {\n  SELECT_FILE = 'SELECT_FILE',\n  LOADING = 'LOADING',\n  UPLOAD_FAILED = 'UPLOAD_FAILED',\n  UPLOAD_SUCCESSED = 'UPLOAD_SUCCESSED',\n}\n"],"version":3}

package/dist/siemens-ix/index.esm.js

@@ -1,2 +1,2 @@
-export{I as InputState,L as LogicalFilterOperator}from"./p-6f819085.js";export{F as FlipTileState}from"./p-15bebd8a.js";export{c as closeModal,d as dismissModal,m as modal}from"./p-b14308ed.js";export{r as renderDefaultItem}from"./p-56ed024b.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-21aa3602.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-323d5529.js";import"./p-9ee41861.js";class e{}function o(){const t=Array.from(document.querySelectorAll("ix-toast-container"));const[e]=t;if(t.length>1){console.warn("Multiple toast container are found. Only there first is used.");return e}if(!e){const t=document.createElement("ix-toast-container");document.body.appendChild(t);return t}return e}async function s(t){const e=o();const r=await e.showToast(t);return r}s.info=t=>s(Object.assign(Object.assign({},t),{type:"info"}));s.error=t=>s(Object.assign(Object.assign({},t),{type:"error"}));s.success=t=>s(Object.assign(Object.assign({},t),{type:"success"}));s.warning=t=>s(Object.assign(Object.assign({},t),{type:"warning"}));export{e as FilterState,s as toast};
+export{I as InputState,L as LogicalFilterOperator}from"./p-6f819085.js";export{F as FlipTileState}from"./p-15bebd8a.js";export{c as closeModal,d as dismissModal,m as modal}from"./p-b14308ed.js";export{r as renderDefaultItem}from"./p-56ed024b.js";export{U as UploadFileState}from"./p-076c29d1.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-21aa3602.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-323d5529.js";import"./p-9ee41861.js";class e{}function o(){const t=Array.from(document.querySelectorAll("ix-toast-container"));const[e]=t;if(t.length>1){console.warn("Multiple toast container are found. Only there first is used.");return e}if(!e){const t=document.createElement("ix-toast-container");document.body.appendChild(t);return t}return e}function s(t){o().position=t}async function n(t){const e=o();const r=await e.showToast(t);return r}n.info=t=>n(Object.assign(Object.assign({},t),{type:"info"}));n.error=t=>n(Object.assign(Object.assign({},t),{type:"error"}));n.success=t=>n(Object.assign(Object.assign({},t),{type:"success"}));n.warning=t=>n(Object.assign(Object.assign({},t),{type:"warning"}));export{e as FilterState,o as getToastContainer,s as setToastPosition,n as toast};
 //# sourceMappingURL=index.esm.js.map

package/dist/siemens-ix/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["FilterState","getToastContainer","containerList","Array","from","document","querySelectorAll","container","length","console","warn","toastContainer","createElement","body","appendChild","async","toast","config","context","showToast","info","Object","assign","type","error","success","warning"],"sources":["./src/components/category-filter/filter-state.ts","./src/components/toast/toast-utils.ts"],"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\nimport { LogicalFilterOperator } from './logical-filter-operator';\nexport class FilterState {\n  public tokens: string[];\n  public categories: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\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\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\n\nexport interface ToastConfig {\n  title?: string;\n  message: string | HTMLElement;\n  type?: ToastType;\n  autoClose?: boolean;\n  autoCloseDelay?: number;\n  icon?: string;\n  iconColor?: string;\n}\n\nfunction getToastContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-toast-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple toast container are found. Only there first is used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const toastContainer = document.createElement('ix-toast-container');\n    document.body.appendChild(toastContainer);\n\n    return toastContainer;\n  }\n  return container;\n}\n\nasync function toast(config: ToastConfig) {\n  const context = getToastContainer();\n  const toast = await context.showToast(config);\n  return toast;\n}\n\ntoast.info = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'info',\n  });\n};\n\ntoast.error = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'error',\n  });\n};\n\ntoast.success = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'success',\n  });\n};\n\ntoast.warning = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'warning',\n  });\n};\n\nexport { toast };\n"],"mappings":"6aAUaA,GCWb,SAASC,IACP,MAAMC,EAAgBC,MAAMC,KAC1BC,SAASC,iBAAiB,uBAE5B,MAAOC,GAAaL,EACpB,GAAIA,EAAcM,OAAS,EAAG,CAC5BC,QAAQC,KACN,iEAEF,OAAOH,C,CAET,IAAKA,EAAW,CACd,MAAMI,EAAiBN,SAASO,cAAc,sBAC9CP,SAASQ,KAAKC,YAAYH,GAE1B,OAAOA,C,CAET,OAAOJ,CACT,CAEAQ,eAAeC,EAAMC,GACnB,MAAMC,EAAUjB,IAChB,MAAMe,QAAcE,EAAQC,UAAUF,GACtC,OAAOD,CACT,CAEAA,EAAMI,KAAQH,GACLD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,UAIVP,EAAMQ,MAASP,GACND,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,WAIVP,EAAMS,QAAWR,GACRD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,aAIVP,EAAMU,QAAWT,GACRD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,oB"}
+{"version":3,"names":["FilterState","getToastContainer","containerList","Array","from","document","querySelectorAll","container","length","console","warn","toastContainer","createElement","body","appendChild","setToastPosition","position","async","toast","config","context","showToast","info","Object","assign","type","error","success","warning"],"sources":["./src/components/category-filter/filter-state.ts","./src/components/toast/toast-utils.ts"],"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\nimport { LogicalFilterOperator } from './logical-filter-operator';\nexport class FilterState {\n  public tokens: string[];\n  public categories: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\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\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\nexport type ToastPosition = 'bottom-right' | 'top-right';\n\nexport interface ToastConfig {\n  title?: string;\n  message: string | HTMLElement;\n  type?: ToastType;\n  autoClose?: boolean;\n  autoCloseDelay?: number;\n  icon?: string;\n  iconColor?: string;\n}\n\nexport function getToastContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-toast-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple toast container are found. Only there first is used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const toastContainer = document.createElement('ix-toast-container');\n    document.body.appendChild(toastContainer);\n\n    return toastContainer;\n  }\n  return container;\n}\n\nexport function setToastPosition(position: ToastPosition) {\n  getToastContainer().position = position;\n}\n\nasync function toast(config: ToastConfig) {\n  const context = getToastContainer();\n  const toast = await context.showToast(config);\n  return toast;\n}\n\ntoast.info = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'info',\n  });\n};\n\ntoast.error = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'error',\n  });\n};\n\ntoast.success = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'success',\n  });\n};\n\ntoast.warning = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'warning',\n  });\n};\n\nexport { toast };\n"],"mappings":"+dAUaA,G,SCYGC,IACd,MAAMC,EAAgBC,MAAMC,KAC1BC,SAASC,iBAAiB,uBAE5B,MAAOC,GAAaL,EACpB,GAAIA,EAAcM,OAAS,EAAG,CAC5BC,QAAQC,KACN,iEAEF,OAAOH,C,CAET,IAAKA,EAAW,CACd,MAAMI,EAAiBN,SAASO,cAAc,sBAC9CP,SAASQ,KAAKC,YAAYH,GAE1B,OAAOA,C,CAET,OAAOJ,CACT,C,SAEgBQ,EAAiBC,GAC/Bf,IAAoBe,SAAWA,CACjC,CAEAC,eAAeC,EAAMC,GACnB,MAAMC,EAAUnB,IAChB,MAAMiB,QAAcE,EAAQC,UAAUF,GACtC,OAAOD,CACT,CAEAA,EAAMI,KAAQH,GACLD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,UAIVP,EAAMQ,MAASP,GACND,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,WAIVP,EAAMS,QAAWR,GACRD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,aAIVP,EAAMU,QAAWT,GACRD,EAAKK,OAAAC,OAAAD,OAAAC,OAAA,GACPL,GAAM,CACTM,KAAM,oB"}

package/dist/siemens-ix/p-076c29d1.js

@@ -0,0 +1,2 @@
+var E;(function(E){E["SELECT_FILE"]="SELECT_FILE";E["LOADING"]="LOADING";E["UPLOAD_FAILED"]="UPLOAD_FAILED";E["UPLOAD_SUCCESSED"]="UPLOAD_SUCCESSED"})(E||(E={}));export{E as U};
+//# sourceMappingURL=p-076c29d1.js.map

package/dist/siemens-ix/p-076c29d1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UploadFileState"],"sources":["./src/components/upload/upload-file-state.ts"],"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\nexport enum UploadFileState {\n  SELECT_FILE = 'SELECT_FILE',\n  LOADING = 'LOADING',\n  UPLOAD_FAILED = 'UPLOAD_FAILED',\n  UPLOAD_SUCCESSED = 'UPLOAD_SUCCESSED',\n}\n"],"mappings":"IASYA,GAAZ,SAAYA,GACVA,EAAA,6BACAA,EAAA,qBACAA,EAAA,iCACAA,EAAA,sCACD,EALD,CAAYA,MAAe,Y"}

package/dist/siemens-ix/p-0f864265.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as n}from"./p-8fcd6f85.js";const i=".sc-ix-index-button-h{max-height:2rem}.sc-ix-index-button-h .btn.sc-ix-index-button{min-width:2rem;height:2rem}.sc-ix-index-button-h .btn.selected.sc-ix-index-button{background-color:var(--theme-btn-invisible-secondary--background--selected);color:var(--theme-btn-invisible-secondary--color--selected)}";const s=class{constructor(e){t(this,e);this.variant="Primary";this.selected=undefined}render(){return e(n,null,e("button",{class:{btn:true,"btn-invisible-primary":this.variant==="Primary","btn-invisible-secondary":this.variant==="Secondary",selected:this.selected}},e("slot",null)))}};s.style=i;export{s as ix_index_button};
+//# sourceMappingURL=p-0f864265.entry.js.map

package/dist/siemens-ix/p-0f864265.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["indexButtonCss","IxIndexButton","render","h","Host","class","btn","this","variant","selected"],"sources":["./src/components/index-button/index-button.scss?tag=ix-index-button&encapsulation=scoped","./src/components/index-button/index-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n:host {\n  max-height: $x-large-space;\n\n  .btn {\n    min-width: $x-large-space;\n    height: $x-large-space;\n\n    &.selected {\n      background-color: var(--theme-btn-invisible-secondary--background--selected);\n      color: var(--theme-btn-invisible-secondary--color--selected);\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2022 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\n\nexport type IndexButtonVariant = ButtonVariant;\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-index-button',\n  styleUrl: 'index-button.scss',\n  scoped: true,\n})\nexport class IxIndexButton {\n  /**\n   * Button variant\n   */\n  @Prop() variant: IndexButtonVariant = 'Primary';\n\n  /**\n   * Selection state\n   */\n  @Prop() selected: boolean;\n\n  render() {\n    return (\n      <Host>\n        <button\n          class={{\n            btn: true,\n            'btn-invisible-primary': this.variant === 'Primary',\n            'btn-invisible-secondary': this.variant === 'Secondary',\n            selected: this.selected,\n          }}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,iT,MCsBVC,EAAa,M,sCAIc,U,wBAOtCC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,UACEE,MAAO,CACLC,IAAK,KACL,wBAAyBC,KAAKC,UAAY,UAC1C,0BAA2BD,KAAKC,UAAY,YAC5CC,SAAUF,KAAKE,WAGjBN,EAAA,c"}

package/dist/siemens-ix/p-16ec6f50.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as e,g as l}from"./p-8fcd6f85.js";import{F as r}from"./p-15bebd8a.js";const o="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(t){i(this,t);this.ANIMATION_DURATION=150;this.index=0;this.isFlipAnimationActive=undefined;this.state=undefined;this.footer=undefined;this.height=15.125;this.width=16}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content");this.contentItems.forEach(((i,t)=>{if(t!==this.index){this.toggleContentItem(t)}}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){const t=this.contentItems[i];t.classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=true;setTimeout((()=>{this.toggleContentItem(this.index);if(this.index>=this.contentItems.length-1){this.index=0}else{this.index++}this.toggleContentItem(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2*this.ANIMATION_DURATION)}render(){return t(e,{style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},t("div",{class:{"flip-tile-container":true,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},t("div",{class:"flip-tile-header"},t("div",{class:"header-slot-container text-l-title"},t("slot",{name:"header"})),t("ix-icon-button",{icon:"eye",variant:"Primary",ghost:true,onClick:()=>this.toggleIndex()})),t("div",{class:"content-container",ref:i=>this.contentContainerElement=i},t("slot",null)),t("div",{class:{footer:true,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info||this.state===r.Alarm}},t("slot",{name:"footer"}))))}get hostElement(){return l(this)}};s.style=o;const n=":host{display:block}";const a=class{constructor(t){i(this,t)}render(){return t(e,null,t("slot",null))}};a.style=n;export{s as ix_flip_tile,a as ix_flip_tile_content};
+//# sourceMappingURL=p-16ec6f50.entry.js.map

package/dist/siemens-ix/p-16ec6f50.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flipTileCss","FlipTile","this","ANIMATION_DURATION","componentDidLoad","contentItems","contentContainerElement","querySelectorAll","forEach","_","index","toggleContentItem","toggleIndex","doFlipAnimation","item","classList","toggle","isFlipAnimationActive","setTimeout","length","render","h","Host","style","height","width","class","info","state","FlipTileState","Info","warning","Warning","alarm","Alarm","primary","Primary","name","icon","variant","ghost","onClick","ref","el","footer","flipTileContentCss","FlipTileContent"],"sources":["./src/components/flip-tile/flip-tile.scss?tag=ix-flip-tile&encapsulation=scoped","./src/components/flip-tile/flip-tile.tsx","./src/components/flip-tile-content/flip-tile-content.css?tag=ix-flip-tile-content&encapsulation=shadow","./src/components/flip-tile-content/flip-tile-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/animations';\n@import 'mixins/text-truncation';\n\n@include keyframes(flip-animation) {\n  0% {\n    transform: rotateY(0);\n  }\n  50% {\n    transform: rotateY(90deg);\n  }\n  51% {\n    transform: rotateY(270deg);\n  }\n  100% {\n    transform: rotateY(360deg);\n  }\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  perspective: 1000px;\n\n  .flip-tile-header {\n    display: flex;\n    align-items: center;\n    height: $large-control-height;\n    padding: 0 $small-space 0 $default-space;\n\n    .header-slot-container {\n      @include ellipsis;\n      flex-grow: 1;\n      min-width: 0;\n    }\n  }\n\n  .content-container {\n    flex-grow: 1;\n    margin: $default-space;\n  }\n\n  .flip-tile-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: var(--theme-blind-base--background);\n    border: solid 1px var(--theme-blind-base--border-color);\n    border-radius: var(--theme-flip-tile--border-radius)\n      var(--theme-flip-tile--border-radius) 0 0;\n    transform-style: preserve-3d;\n\n    &.flip-animation-active {\n      @include animation(flip-animation, 2 * $default-time, ease-in-out);\n    }\n\n    .footer {\n      display: flex;\n      height: 3rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0 $small-space;\n      color: var(--theme-flip-footer--color);\n      background-color: var(--theme-blind-base--background);\n\n      :first-child {\n        @include ellipsis;\n        height: 100%;\n      }\n    }\n\n    ::slotted(*) {\n      @include ellipsis;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-width: 0;\n    }\n\n    &.primary {\n      border-color: var(--theme-color-primary);\n\n      .footer {\n        background-color: var(--theme-color-primary);\n        color: var(--theme-color-primary--contrast);\n      }\n    }\n\n    &.info {\n      border-color: var(--theme-color-info);\n\n      .footer {\n        background-color: var(--theme-color-info);\n        color: var(--theme-color-info--contrast);\n      }\n    }\n\n    &.warning {\n      border-color: var(--theme-color-warning);\n\n      .footer {\n        background-color: var(--theme-color-warning);\n        color: var(--theme-color-warning--contrast);\n      }\n    }\n\n    &.alarm {\n      border-color: var(--theme-color-alarm);\n\n      .footer {\n        background-color: var(--theme-color-alarm);\n        color: var(--theme-color-alarm--contrast);\n      }\n    }\n  }\n\n  &:hover .flip-tile-container .footer ix-icon {\n    color: var(--theme-color-std-text);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { FlipTileState } from './flip-tile-state';\n\n@Component({\n  tag: 'ix-flip-tile',\n  styleUrl: 'flip-tile.scss',\n  scoped: true,\n})\nexport class FlipTile {\n  private readonly ANIMATION_DURATION = 150;\n  private contentContainerElement: HTMLDivElement;\n  private contentItems: NodeList;\n\n  @Element() hostElement: HTMLIxFlipTileElement;\n\n  @State() index = 0;\n\n  @State() isFlipAnimationActive: boolean;\n\n  /**\n   * Variation of the Flip\n   */\n  @Prop() state: FlipTileState;\n\n  /**\n   * Tmp property name\n   * @deprecated Will be removed in 2.0.0. Setting this property has no effect\n   */\n  @Prop() footer: string;\n\n  /**\n   * Height interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() height: number | 'auto' = 15.125;\n\n  /**\n   * Width interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() width: number | 'auto' = 16;\n\n  componentDidLoad() {\n    this.contentItems = this.contentContainerElement.querySelectorAll(\n      'ix-flip-tile-content'\n    );\n    this.contentItems.forEach((_, index) => {\n      if (index !== this.index) {\n        this.toggleContentItem(index);\n      }\n    });\n  }\n\n  private toggleIndex() {\n    this.doFlipAnimation();\n  }\n\n  private toggleContentItem(index: number) {\n    const item = this.contentItems[index] as HTMLElement;\n    item.classList.toggle('d-none');\n  }\n\n  private doFlipAnimation() {\n    this.isFlipAnimationActive = true;\n\n    setTimeout(() => {\n      this.toggleContentItem(this.index);\n\n      if (this.index >= this.contentItems.length - 1) {\n        this.index = 0;\n      } else {\n        this.index++;\n      }\n\n      this.toggleContentItem(this.index);\n    }, this.ANIMATION_DURATION);\n\n    setTimeout(() => {\n      this.isFlipAnimationActive = false;\n    }, 2 * this.ANIMATION_DURATION);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n        }}\n      >\n        <div\n          class={{\n            'flip-tile-container': true,\n            info: this.state === FlipTileState.Info,\n            warning: this.state === FlipTileState.Warning,\n            alarm: this.state === FlipTileState.Alarm,\n            primary: this.state === FlipTileState.Primary,\n            'flip-animation-active': this.isFlipAnimationActive,\n          }}\n        >\n          <div class=\"flip-tile-header\">\n            <div class=\"header-slot-container text-l-title\">\n              <slot name=\"header\"></slot>\n            </div>\n            <ix-icon-button\n              icon=\"eye\"\n              variant=\"Primary\"\n              ghost\n              onClick={() => this.toggleIndex()}\n            ></ix-icon-button>\n          </div>\n\n          <div\n            class=\"content-container\"\n            ref={(el) => (this.contentContainerElement = el)}\n          >\n            <slot></slot>\n          </div>\n          <div\n            class={{\n              footer: true,\n              'contrast-light': this.state === FlipTileState.Warning,\n              'contrast-dark':\n                this.state === FlipTileState.Info ||\n                this.state === FlipTileState.Alarm,\n            }}\n          >\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\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:host {\n  display: block;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ix-flip-tile-content',\n  styleUrl: 'flip-tile-content.css',\n  shadow: true,\n})\nexport class FlipTileContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,q1F,MCiBPC,EAAQ,M,yBACFC,KAAAC,mBAAqB,I,WAMrB,E,4FAmBiB,O,WAMD,E,CAEjCC,mBACEF,KAAKG,aAAeH,KAAKI,wBAAwBC,iBAC/C,wBAEFL,KAAKG,aAAaG,SAAQ,CAACC,EAAGC,KAC5B,GAAIA,IAAUR,KAAKQ,MAAO,CACxBR,KAAKS,kBAAkBD,E,KAKrBE,cACNV,KAAKW,iB,CAGCF,kBAAkBD,GACxB,MAAMI,EAAOZ,KAAKG,aAAaK,GAC/BI,EAAKC,UAAUC,OAAO,S,CAGhBH,kBACNX,KAAKe,sBAAwB,KAE7BC,YAAW,KACThB,KAAKS,kBAAkBT,KAAKQ,OAE5B,GAAIR,KAAKQ,OAASR,KAAKG,aAAac,OAAS,EAAG,CAC9CjB,KAAKQ,MAAQ,C,KACR,CACLR,KAAKQ,O,CAGPR,KAAKS,kBAAkBT,KAAKQ,MAAM,GACjCR,KAAKC,oBAERe,YAAW,KACThB,KAAKe,sBAAwB,KAAK,GACjC,EAAIf,KAAKC,mB,CAGdiB,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,OAAQ,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QACvD,aAAc,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QAC7D,aAAc,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QAC7DC,MAAO,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,QACpD,YAAa,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,QAC1D,YAAa,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,UAG5DJ,EAAA,OACEK,MAAO,CACL,sBAAuB,KACvBC,KAAMzB,KAAK0B,QAAUC,EAAcC,KACnCC,QAAS7B,KAAK0B,QAAUC,EAAcG,QACtCC,MAAO/B,KAAK0B,QAAUC,EAAcK,MACpCC,QAASjC,KAAK0B,QAAUC,EAAcO,QACtC,wBAAyBlC,KAAKe,wBAGhCI,EAAA,OAAKK,MAAM,oBACTL,EAAA,OAAKK,MAAM,sCACTL,EAAA,QAAMgB,KAAK,YAEbhB,EAAA,kBACEiB,KAAK,MACLC,QAAQ,UACRC,MAAK,KACLC,QAAS,IAAMvC,KAAKU,iBAIxBS,EAAA,OACEK,MAAM,oBACNgB,IAAMC,GAAQzC,KAAKI,wBAA0BqC,GAE7CtB,EAAA,cAEFA,EAAA,OACEK,MAAO,CACLkB,OAAQ,KACR,iBAAkB1C,KAAK0B,QAAUC,EAAcG,QAC/C,gBACE9B,KAAK0B,QAAUC,EAAcC,MAC7B5B,KAAK0B,QAAUC,EAAcK,QAGjCb,EAAA,QAAMgB,KAAK,a,8CC5IvB,MAAMQ,EAAqB,uB,MCgBdC,EAAe,M,yBAC1B1B,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/siemens-ix/p-1701b127.entry.js

@@ -0,0 +1,2 @@
+import{r,c as e,h as c,H as b,g as i}from"./p-8fcd6f85.js";import{a as t}from"./p-810b5232.js";import{c as a}from"./p-c0454c9a.js";const s=".sc-ix-breadcrumb-h{display:flex;height:2.5rem;justify-content:flex-start;align-items:center;background-color:transparent;overflow:hidden}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb{position:relative;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;border-radius:var(--theme-breadcrumb--border-radius);height:2rem;max-height:2rem;min-width:0;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;padding:0.5rem 0 0.5rem 0.25rem;outline:none;cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0;font-weight:700}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb ix-icon.sc-ix-breadcrumb{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;-webkit-margin-end:0;margin-inline-end:0}.sc-ix-breadcrumb-h .crumb.last.sc-ix-breadcrumb{background-color:transparent !important;cursor:default;-webkit-padding-end:0.25rem;padding-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(:last-of-type){flex-shrink:0;max-width:14rem}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb{overflow:visible}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .remove-anchor.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb{display:flex}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .more-text-ellipsis.sc-ix-breadcrumb{width:1rem;display:inline-block;font-weight:700}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{line-height:unset}.sc-ix-breadcrumb-h .crumb-items.sc-ix-breadcrumb{display:contents}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-btn--background);border:var(--theme-btn--btn-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color)}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color)}.sc-ix-breadcrumb-h .crumb.btn.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-last--color)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-ghost--background);border:var(--theme-btn--ghost-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color)}.sc-ix-breadcrumb-h .crumb.ghost.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-last--color)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-ghost--background--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-ghost--background--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--active)}";const o=class{constructor(c){r(this,c);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.visibleItemCount=9;this.nextItems=[];this.ghost=false;this.previousButtonRef=undefined;this.nextButtonRef=undefined;this.items=[]}get breadcrumbItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}get crumbItems(){return Array.from(this.hostElement.querySelectorAll(".crumb-items .crumb"))}onItemClick(r){this.itemClick.emit(r)}componentDidLoad(){this.mutationObserver=a((()=>{const r=this.getItems();const e=()=>{this.items=r};if(r.length>=this.items.length){e()}else if(r.length<this.items.length){const r=this.crumbItems[this.crumbItems.length-1];this.animationFadeOut(r,(()=>e()))}}));this.mutationObserver.observe(this.hostElement.querySelector(".crumb-items"),{subtree:true,childList:true})}componentWillLoad(){this.items=this.getItems()}getItems(){return this.breadcrumbItems.map((r=>({label:r.label,icon:r.icon})))}disconnectedCallback(){var r;(r=this.mutationObserver)===null||r===void 0?void 0:r.disconnect()}animationFadeOut(r,e){t({targets:r,translateX:"-100%",duration:150,opacity:[1,0],easing:"linear",complete:()=>e()})}animationFadeIn(r){t({targets:r,duration:150,opacity:[0,1],translateX:["-100%","0%"],easing:"linear"})}handleLastButtonRef(r,e){var c;if(e){this.animationFadeIn(r)}if(e&&((c=this.nextItems)===null||c===void 0?void 0:c.length)){this.nextButtonRef=r}}sliceHiddenItems(){let r=0;if(this.items.length>this.visibleItemCount){r=this.items.length-this.visibleItemCount}return this.items.slice(r)}clickItem(r,e){if(!e){this.onItemClick(r)}}renderBreadcrumbItems(){return this.sliceHiddenItems().map(((r,e,b)=>{var i;const t=e===b.length-1;const a=t&&!((i=this.nextItems)===null||i===void 0?void 0:i.length);return c("div",{ref:r=>this.handleLastButtonRef(r,t),"data-breadcrumb":e,class:{crumb:true,clickable:true,ghost:this.ghost,btn:!this.ghost,last:a,"remove-hover":a},onClick:()=>this.clickItem(r.label,t),"data-testid":"item"},c("span",{class:"crumb-text remove-anchor"},r.icon?c("ix-icon",{name:r.icon,size:"16"}):"",r.label),!a?c("span",{class:"glyph glyph-18 glyph-chevron-right-small text-default-text"}):null)}))}render(){var r,e,i;return c(b,null,c("ix-dropdown",{trigger:((r=this.items)===null||r===void 0?void 0:r.length)>this.visibleItemCount?this.previousButtonRef:null},this.items.slice(0,this.items.length-this.visibleItemCount).map((r=>c("ix-dropdown-item",{label:r.label,onClick:()=>this.onItemClick(r.label)})))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?c("div",{class:"crumb crumb-dropdown",ref:r=>this.previousButtonRef=r},c("span",{class:"remove-anchor more-text"},c("span",{class:"more-text-ellipsis"},"..."),c("span",{class:"glyph glyph-16 glyph-chevron-right"}))):null,c("div",{class:"crumb-items"},this.renderBreadcrumbItems(),c("slot",null)),c("ix-dropdown",{trigger:this.nextButtonRef},(i=this.nextItems)===null||i===void 0?void 0:i.map((r=>c("ix-dropdown-item",{label:r,onClick:e=>{this.nextClick.emit({event:e,item:r})}})))))}get hostElement(){return i(this)}};o.style=s;const d=".sc-ix-breadcrumb-item-h{display:block}";const m=class{constructor(e){r(this,e);this.label=undefined;this.icon=undefined}render(){return c(b,null,c("slot",null))}};m.style=d;export{o as ix_breadcrumb,m as ix_breadcrumb_item};
+//# sourceMappingURL=p-1701b127.entry.js.map

package/dist/siemens-ix/p-1701b127.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbCss","Breadcrumb","breadcrumbItems","Array","from","this","hostElement","querySelectorAll","crumbItems","onItemClick","item","itemClick","emit","componentDidLoad","mutationObserver","createMutationObserver","updatedItems","getItems","update","items","length","last","animationFadeOut","observe","querySelector","subtree","childList","componentWillLoad","map","label","icon","disconnectedCallback","_a","disconnect","ref","complete","animejs","targets","translateX","duration","opacity","easing","animationFadeIn","handleLastButtonRef","nextItems","nextButtonRef","sliceHiddenItems","sliceIndex","visibleItemCount","slice","clickItem","renderBreadcrumbItems","index","array","isLastItem","h","class","crumb","clickable","ghost","btn","onClick","name","size","render","Host","trigger","previousButtonRef","_b","_c","e","nextClick","event","breadcrumbItemCss","BreadcrumbItem"],"sources":["./src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=scoped","./src/components/breadcrumb/breadcrumb.tsx","./src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=scoped","./src/components/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n@mixin crumb-hover($variant) {\n  @include hover {\n    background-color: var(--theme-breadcrumb-#{$variant}--background--hover);\n\n    .crumb-text,\n    .glyph {\n      color: var(--theme-breadcrumb-#{$variant}--color--hover);\n    }\n\n    .crumb-text + .glyph-chevron-right-small {\n      color: var(--theme-breadcrumb-#{$variant}-arrow--color--hover);\n    }\n  }\n\n  @include active {\n    background-color: var(--theme-breadcrumb-#{$variant}--background--active);\n\n    .crumb-text,\n    .glyph {\n      color: var(--theme-breadcrumb-#{$variant}--color--active);\n    }\n\n    .crumb-text + .glyph-chevron-right-small {\n      color: var(--theme-breadcrumb-#{$variant}-arrow--color--active);\n    }\n  }\n}\n\n@mixin breadcrumb($variant) {\n  .crumb.#{$variant} {\n    background-color: var(--theme-breadcrumb-#{$variant}--background);\n    border: var(--theme-btn--#{$variant}-thickness) solid transparent;\n    transition: $default-time;\n\n    .crumb-text,\n    .glyph {\n      color: var(--theme-breadcrumb-#{$variant}--color);\n    }\n\n    .crumb-text + .glyph-chevron-right-small {\n      color: var(--theme-breadcrumb-#{$variant}-arrow--color);\n    }\n\n    &.last .crumb-text {\n      color: var(--theme-breadcrumb-#{$variant}-last--color);\n    }\n\n    &.clickable:not(.remove-hover) {\n      @include hover {\n        background-color: var(\n          --theme-breadcrumb-#{$variant}--background--hover\n        );\n\n        .crumb-text,\n        .glyph {\n          color: var(--theme-breadcrumb-#{$variant}--color--hover);\n        }\n\n        .crumb-text + .glyph-chevron-right-small {\n          color: var(--theme-breadcrumb-#{$variant}-arrow--color--hover);\n        }\n      }\n\n      @include active {\n        background-color: var(\n          --theme-breadcrumb-#{$variant}--background--active\n        );\n\n        .crumb-text,\n        .glyph {\n          color: var(--theme-breadcrumb-#{$variant}--color--active);\n        }\n\n        .crumb-text + .glyph-chevron-right-small {\n          color: var(--theme-breadcrumb-#{$variant}-arrow--color--active);\n        }\n      }\n    }\n  }\n}\n\n:host {\n  display: flex;\n  height: $large-control-height;\n  justify-content: flex-start;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  .crumb {\n    position: relative;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    white-space: nowrap;\n    border-radius: var(--theme-breadcrumb--border-radius);\n    height: $default-control-height;\n    max-height: $default-control-height;\n    min-width: 0;\n    margin-inline-end: $tiny-space;\n    padding: $small-space 0 $small-space $tiny-space;\n    outline: none;\n    cursor: pointer;\n\n    @include crumb-hover('btn');\n\n    .crumb-text {\n      @include ellipsis;\n      display: block;\n      min-width: 0;\n      font-weight: $font-weight-bold;\n\n      ix-icon {\n        margin-inline-end: $tiny-space;\n      }\n    }\n\n    .crumb-text + .glyph-chevron-right-small {\n      margin-inline-start: $tiny-space;\n      margin-inline-end: 0; // Overwrite global selector: .btn .glyph\n    }\n\n    &.last {\n      background-color: transparent !important;\n      cursor: default;\n      padding-inline-end: $tiny-space;\n    }\n\n    &.clickable:not(.remove-hover) {\n      @include focus-visible {\n        border-color: var(--theme-focus--border-color);\n      }\n    }\n\n    &:not(:last-of-type) {\n      flex-shrink: 0;\n      max-width: 14rem;\n    }\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n\n    .glyph::after {\n      display: none;\n    }\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: $font-weight-bold;\n    }\n\n    .glyph {\n      line-height: unset;\n    }\n  }\n\n  .crumb-items {\n    display: contents;\n  }\n\n  @include breadcrumb('btn');\n  @include breadcrumb('ghost');\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} from '@stencil/core';\nimport animejs from 'animejs';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  scoped: true,\n})\nexport class Breadcrumb {\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick: EventEmitter<{ event: UIEvent; item: string }>;\n\n  @State() previousButtonRef: HTMLElement;\n\n  @State() nextButtonRef: HTMLElement;\n\n  @Element() hostElement: HTMLIxBreadcrumbElement;\n\n  get breadcrumbItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  get crumbItems() {\n    return Array.from(this.hostElement.querySelectorAll('.crumb-items .crumb'));\n  }\n\n  @State() items: { label: string; icon?: string }[] = [];\n\n  private mutationObserver: MutationObserver;\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() => {\n      const updatedItems = this.getItems();\n      const update = () => {\n        this.items = updatedItems;\n      };\n\n      if (updatedItems.length >= this.items.length) {\n        update();\n      } else if (updatedItems.length < this.items.length) {\n        const last = this.crumbItems[this.crumbItems.length - 1] as HTMLElement;\n        this.animationFadeOut(last, () => update());\n      }\n    });\n\n    this.mutationObserver.observe(\n      this.hostElement.querySelector('.crumb-items'),\n      {\n        subtree: true,\n        childList: true,\n      }\n    );\n  }\n\n  componentWillLoad() {\n    this.items = this.getItems();\n  }\n\n  private getItems() {\n    return this.breadcrumbItems.map((item) => {\n      return { label: item.label, icon: item.icon };\n    });\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private animationFadeOut(ref: HTMLElement, complete: () => void) {\n    animejs({\n      targets: ref,\n      translateX: '-100%',\n      duration: 150,\n      opacity: [1, 0],\n      easing: 'linear',\n      complete: () => complete(),\n    });\n  }\n\n  private animationFadeIn(ref: HTMLElement) {\n    animejs({\n      targets: ref,\n      duration: 150,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  private handleLastButtonRef(ref: HTMLDivElement, last: boolean) {\n    if (last) {\n      this.animationFadeIn(ref);\n    }\n    if (last && this.nextItems?.length) {\n      this.nextButtonRef = ref;\n    }\n  }\n\n  private sliceHiddenItems() {\n    let sliceIndex = 0;\n\n    if (this.items.length > this.visibleItemCount) {\n      sliceIndex = this.items.length - this.visibleItemCount;\n    }\n\n    return this.items.slice(sliceIndex);\n  }\n\n  private clickItem(item: string, last: boolean) {\n    if (!last) {\n      this.onItemClick(item);\n    }\n  }\n\n  private renderBreadcrumbItems() {\n    return this.sliceHiddenItems().map((item, index, array) => {\n      const last = index === array.length - 1;\n\n      const isLastItem = last && !this.nextItems?.length;\n      return (\n        <div\n          ref={(ref) => this.handleLastButtonRef(ref, last)}\n          data-breadcrumb={index}\n          class={{\n            crumb: true,\n            clickable: true,\n            ghost: this.ghost,\n            btn: !this.ghost,\n            last: isLastItem,\n            'remove-hover': isLastItem,\n          }}\n          onClick={() => this.clickItem(item.label, last)}\n          data-testid=\"item\"\n        >\n          <span class=\"crumb-text remove-anchor\">\n            {item.icon ? <ix-icon name={item.icon} size=\"16\"></ix-icon> : ''}\n            {item.label}\n          </span>\n          {!isLastItem ? (\n            <span class=\"glyph glyph-18 glyph-chevron-right-small text-default-text\"></span>\n          ) : null}\n        </div>\n      );\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-dropdown\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef\n              : null\n          }\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => (\n              <ix-dropdown-item\n                label={item.label}\n                onClick={() => this.onItemClick(item.label)}\n              ></ix-dropdown-item>\n            ))}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <div\n            class=\"crumb crumb-dropdown\"\n            ref={(ref) => (this.previousButtonRef = ref)}\n          >\n            <span class=\"remove-anchor more-text\">\n              <span class=\"more-text-ellipsis\">...</span>\n              <span class=\"glyph glyph-16 glyph-chevron-right\"></span>\n            </span>\n          </div>\n        ) : null}\n        <div class=\"crumb-items\">\n          {this.renderBreadcrumbItems()}\n          <slot></slot>\n        </div>\n        <ix-dropdown trigger={this.nextButtonRef}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\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\n:host {\n  display: block;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  scoped: true,\n})\nexport class BreadcrumbItem {\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon: string;\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAgB,4mQ,MC2BTC,EAAU,M,yHAIM,E,eAKG,G,WAKd,M,yEA0BqC,E,CARjDC,sBACF,OAAOC,MAAMC,KAAKC,KAAKC,YAAYC,iBAAiB,sB,CAGlDC,iBACF,OAAOL,MAAMC,KAAKC,KAAKC,YAAYC,iBAAiB,uB,CAO9CE,YAAYC,GAClBL,KAAKM,UAAUC,KAAKF,E,CAGtBG,mBACER,KAAKS,iBAAmBC,GAAuB,KAC7C,MAAMC,EAAeX,KAAKY,WAC1B,MAAMC,EAAS,KACbb,KAAKc,MAAQH,CAAY,EAG3B,GAAIA,EAAaI,QAAUf,KAAKc,MAAMC,OAAQ,CAC5CF,G,MACK,GAAIF,EAAaI,OAASf,KAAKc,MAAMC,OAAQ,CAClD,MAAMC,EAAOhB,KAAKG,WAAWH,KAAKG,WAAWY,OAAS,GACtDf,KAAKiB,iBAAiBD,GAAM,IAAMH,K,KAItCb,KAAKS,iBAAiBS,QACpBlB,KAAKC,YAAYkB,cAAc,gBAC/B,CACEC,QAAS,KACTC,UAAW,M,CAKjBC,oBACEtB,KAAKc,MAAQd,KAAKY,U,CAGZA,WACN,OAAOZ,KAAKH,gBAAgB0B,KAAKlB,IACxB,CAAEmB,MAAOnB,EAAKmB,MAAOC,KAAMpB,EAAKoB,Q,CAI3CC,uB,OACEC,EAAA3B,KAAKS,oBAAgB,MAAAkB,SAAA,SAAAA,EAAEC,Y,CAGjBX,iBAAiBY,EAAkBC,GACzCC,EAAQ,CACNC,QAASH,EACTI,WAAY,QACZC,SAAU,IACVC,QAAS,CAAC,EAAG,GACbC,OAAQ,SACRN,SAAU,IAAMA,K,CAIZO,gBAAgBR,GACtBE,EAAQ,CACNC,QAASH,EACTK,SAAU,IACVC,QAAS,CAAC,EAAG,GACbF,WAAY,CAAC,QAAS,MACtBG,OAAQ,U,CAIJE,oBAAoBT,EAAqBb,G,MAC/C,GAAIA,EAAM,CACRhB,KAAKqC,gBAAgBR,E,CAEvB,GAAIb,KAAQW,EAAA3B,KAAKuC,aAAS,MAAAZ,SAAA,SAAAA,EAAEZ,QAAQ,CAClCf,KAAKwC,cAAgBX,C,EAIjBY,mBACN,IAAIC,EAAa,EAEjB,GAAI1C,KAAKc,MAAMC,OAASf,KAAK2C,iBAAkB,CAC7CD,EAAa1C,KAAKc,MAAMC,OAASf,KAAK2C,gB,CAGxC,OAAO3C,KAAKc,MAAM8B,MAAMF,E,CAGlBG,UAAUxC,EAAcW,GAC9B,IAAKA,EAAM,CACThB,KAAKI,YAAYC,E,EAIbyC,wBACN,OAAO9C,KAAKyC,mBAAmBlB,KAAI,CAAClB,EAAM0C,EAAOC,K,MAC/C,MAAMhC,EAAO+B,IAAUC,EAAMjC,OAAS,EAEtC,MAAMkC,EAAajC,MAASW,EAAA3B,KAAKuC,aAAS,MAAAZ,SAAA,SAAAA,EAAEZ,QAC5C,OACEmC,EAAA,OACErB,IAAMA,GAAQ7B,KAAKsC,oBAAoBT,EAAKb,GAAK,kBAChC+B,EACjBI,MAAO,CACLC,MAAO,KACPC,UAAW,KACXC,MAAOtD,KAAKsD,MACZC,KAAMvD,KAAKsD,MACXtC,KAAMiC,EACN,eAAgBA,GAElBO,QAAS,IAAMxD,KAAK6C,UAAUxC,EAAKmB,MAAOR,GAAK,cACnC,QAEZkC,EAAA,QAAMC,MAAM,4BACT9C,EAAKoB,KAAOyB,EAAA,WAASO,KAAMpD,EAAKoB,KAAMiC,KAAK,OAAkB,GAC7DrD,EAAKmB,QAENyB,EACAC,EAAA,QAAMC,MAAM,+DACV,KACA,G,CAKZQ,S,UACE,OACET,EAACU,EAAI,KACHV,EAAA,eACEW,UACElC,EAAA3B,KAAKc,SAAK,MAAAa,SAAA,SAAAA,EAAEZ,QAASf,KAAK2C,iBACtB3C,KAAK8D,kBACL,MAGL9D,KAAKc,MACH8B,MAAM,EAAG5C,KAAKc,MAAMC,OAASf,KAAK2C,kBAClCpB,KAAKlB,GACJ6C,EAAA,oBACE1B,MAAOnB,EAAKmB,MACZgC,QAAS,IAAMxD,KAAKI,YAAYC,EAAKmB,cAI5CuC,EAAA/D,KAAKc,SAAK,MAAAiD,SAAA,SAAAA,EAAEhD,QAASf,KAAK2C,iBACzBO,EAAA,OACEC,MAAM,uBACNtB,IAAMA,GAAS7B,KAAK8D,kBAAoBjC,GAExCqB,EAAA,QAAMC,MAAM,2BACVD,EAAA,QAAMC,MAAM,sBAAoB,OAChCD,EAAA,QAAMC,MAAM,yCAGd,KACJD,EAAA,OAAKC,MAAM,eACRnD,KAAK8C,wBACNI,EAAA,cAEFA,EAAA,eAAaW,QAAS7D,KAAKwC,gBACxBwB,EAAAhE,KAAKuC,aAAS,MAAAyB,SAAA,SAAAA,EAAEzC,KAAKlB,GACpB6C,EAAA,oBACE1B,MAAOnB,EACPmD,QAAUS,IACRjE,KAAKkE,UAAU3D,KAAK,CAClB4D,MAAOF,EACP5D,QACA,O,8CCzOlB,MAAM+D,EAAoB,0C,MCgBbC,EAAc,M,kEAWzBV,SACE,OACET,EAACU,EAAI,KACHV,EAAA,a"}

package/dist/siemens-ix/{p-41f0a2b2.entry.js → p-2ea2fc07.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as i,g as r}from"./p-8fcd6f85.js";const c='.sc-ix-toggle-h{display:flex;align-items:center;outline:none}.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-flex;align-items:center;min-width:3rem;height:2rem}.sc-ix-toggle-h .switch.sc-ix-toggle:not(.disabled):not(:disabled):focus-visible{outline-color:var(--focus--border-color);outline-style:solid;outline-width:1px}.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}.sc-ix-toggle-h .slider.sc-ix-toggle{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background);border-radius:2.125rem;border:1px solid var(--theme-switch-off--border-color);width:2.5rem;height:1rem}.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:transform 150ms;border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color);box-shadow:var(--theme-switch-thumb--box-shadow)}.sc-ix-toggle-h input.sc-ix-toggle:checked+.slider.sc-ix-toggle:before{transform:translateX(1.125rem);left:0.25rem}.sc-ix-toggle-h .text.sc-ix-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-switch--color);padding:0 0.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover);border-color:var(--theme-switch-thumb-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active);border-color:var(--theme-switch-thumb-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background);border-color:var(--theme-switch-thumb-on--border-color)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}.checked.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover);border-color:var(--theme-switch-thumb-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active);border-color:var(--theme-switch-thumb-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background);border-color:var(--theme-switch-thumb-mixed--border-color)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background);border-color:var(--theme-switch-mixed--border-color)}.indeterminate.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--hover);border-color:var(--theme-switch-thumb-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--hover);border-color:var(--theme-switch-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--active);border-color:var(--theme-switch-thumb-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--active);border-color:var(--theme-switch-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{transform:translateX(0.625rem)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle{cursor:initial;opacity:0.5}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle:before,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled);border-color:var(--theme-switch-thumb-off--border-color--disabled)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled);border-color:var(--theme-switch-off--border-color--disabled)}[disabled].sc-ix-toggle-h .text.sc-ix-toggle,.disabled.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color--disabled)}';const s=class{constructor(t){e(this,t);this.checkedChange=o(this,"checkedChange",7);this.checked=false;this.disabled=false;this.indeterminate=false;this.color="accent";this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false}async onKeyDown(e){const o=e.target;if(!this.hostElement.contains(o)){return}if(e.code==="Enter"||e.code==="NumpadEnter"){this.emitChange(e)}}emitChange(e){if(this.disabled||this.indeterminate){return}e.stopPropagation();e.preventDefault();this.checked=!this.checked;this.checkedChange.emit(this.checked)}getText(){if(this.indeterminate||this.checked===undefined){return this.textIndeterminate}return this.checked?this.textOn:this.textOff}render(){return t(i,{class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate||this.checked===undefined}},t("label",{class:"switch",tabindex:this.disabled?-1:0},t("input",{tabindex:"-1",type:"checkbox",checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate||this.checked===undefined,id:this.hostElement.id,onChange:e=>this.emitChange(e)}),t("span",{class:"slider"},t("span",{class:"slider-track"}))),!this.hideText?t("span",{title:this.getText(),class:"text",onClick:e=>this.emitChange(e)},this.getText()):null)}get hostElement(){return r(this)}};s.style=c;export{s as ix_toggle};
-//# sourceMappingURL=p-41f0a2b2.entry.js.map
+import{r as e,c as o,h as t,H as r,g as i}from"./p-8fcd6f85.js";const c='.sc-ix-toggle-h{display:flex;align-items:center;outline:none}.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-flex;align-items:center;min-width:3rem;height:2rem}.sc-ix-toggle-h .switch.sc-ix-toggle:not(.disabled):not(:disabled):focus-visible{outline-color:var(--focus--border-color);outline-style:solid;outline-width:1px}.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}.sc-ix-toggle-h .slider.sc-ix-toggle{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background);border-radius:2.125rem;border:1px solid var(--theme-switch-off--border-color);width:2.5rem;height:1rem}.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:transform 150ms;border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color);box-shadow:var(--theme-switch-thumb--box-shadow)}.sc-ix-toggle-h input.sc-ix-toggle:checked+.slider.sc-ix-toggle:before{transform:translateX(1.125rem);left:0.25rem}.sc-ix-toggle-h .text.sc-ix-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-switch--color);padding:0 0.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover);border-color:var(--theme-switch-thumb-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active);border-color:var(--theme-switch-thumb-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background);border-color:var(--theme-switch-thumb-on--border-color)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}.checked.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover);border-color:var(--theme-switch-thumb-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active);border-color:var(--theme-switch-thumb-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background);border-color:var(--theme-switch-thumb-mixed--border-color)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background);border-color:var(--theme-switch-mixed--border-color)}.indeterminate.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--hover);border-color:var(--theme-switch-thumb-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--hover);border-color:var(--theme-switch-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--active);border-color:var(--theme-switch-thumb-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--active);border-color:var(--theme-switch-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{transform:translateX(0.625rem)}.disabled.sc-ix-toggle-h{pointer-events:none}.disabled.sc-ix-toggle-h .slider.sc-ix-toggle{cursor:initial;opacity:0.5}.disabled.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled);border-color:var(--theme-switch-thumb-off--border-color--disabled)}.disabled.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled);border-color:var(--theme-switch-off--border-color--disabled)}.disabled.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color--disabled)}';const s=class{constructor(t){e(this,t);this.checkedChange=o(this,"checkedChange",7);this.checked=false;this.disabled=false;this.indeterminate=false;this.color="accent";this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false}async onKeyDown(e){const o=e.target;if(!this.hostElement.contains(o)){return}if(e.code==="Enter"||e.code==="NumpadEnter"){this.emitChange(e)}}emitChange(e){if(this.disabled||this.indeterminate){return}e.stopPropagation();e.preventDefault();this.checked=!this.checked;this.checkedChange.emit(this.checked)}getText(){if(this.indeterminate||this.checked===undefined){return this.textIndeterminate}return this.checked?this.textOn:this.textOff}render(){return t(r,{class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate||this.checked===undefined}},t("label",{class:"switch",tabindex:this.disabled?-1:0},t("input",{tabindex:"-1",type:"checkbox",checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate||this.checked===undefined,id:this.hostElement.id,onChange:e=>this.emitChange(e)}),t("span",{class:"slider"},t("span",{class:"slider-track"}))),!this.hideText?t("span",{title:this.getText(),class:"text",onClick:e=>this.emitChange(e)},this.getText()):null)}get hostElement(){return i(this)}};s.style=c;export{s as ix_toggle};
+//# sourceMappingURL=p-2ea2fc07.entry.js.map

package/dist/siemens-ix/{p-41f0a2b2.entry.js.map → p-2ea2fc07.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["toggleCss","CuiToggle","async","event","targetElement","target","this","hostElement","contains","code","emitChange","disabled","indeterminate","stopPropagation","preventDefault","checked","checkedChange","emit","getText","undefined","textIndeterminate","textOn","textOff","render","h","Host","class","tabindex","type","id","onChange","e","hideText","title","onClick"],"sources":["./src/components/toggle/toggle.scss?tag=ix-toggle&encapsulation=scoped","./src/components/toggle/toggle.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n@mixin toggle($state, $suffix: '') {\n  .slider {\n    &:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background#{$suffix}\n      );\n      border-color: var(--theme-switch-thumb-#{$state}--border-color#{$suffix});\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-#{$state}--background#{$suffix});\n      border-color: var(--theme-switch-#{$state}--border-color#{$suffix});\n    }\n  }\n\n  .text {\n    color: var(--theme-switch--color);\n  }\n\n  @include hover {\n    .slider {\n      &:before {\n        background-color: var(\n          --theme-switch-thumb-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-thumb-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n\n      .slider-track {\n        background-color: var(\n          --theme-switch-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-thumb-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .slider-track {\n      background-color: var(\n        --theme-switch-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n}\n\n:host {\n  $slide-toggle-width: 3rem;\n  display: flex;\n  align-items: center;\n  outline: none;\n\n  .switch {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    min-width: $slide-toggle-width;\n    height: $default-control-height;\n\n    @include focus-visible {\n      outline-color: var(--focus--border-color);\n      outline-style: solid;\n      outline-width: 1px;\n    }\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background);\n      border-radius: 2.125rem;\n      border: 1px solid var(--theme-switch-off--border-color);\n      width: 2.5rem;\n      height: $default-space;\n    }\n  }\n\n  .slider:before {\n    position: absolute;\n    content: '';\n    height: 1.5rem;\n    width: 1.5rem;\n    left: 0.125rem;\n    background-color: var(--theme-switch-thumb-off--background);\n    -webkit-transition: transform $default-time;\n    transition: transform $default-time;\n    border-radius: 50%;\n    border: 1px solid var(--theme-switch-thumb-off--border-color);\n    box-shadow: var(--theme-switch-thumb--box-shadow);\n  }\n\n  input:checked + .slider:before {\n    -webkit-transform: translateX(1.125rem);\n    -ms-transform: translateX(1.125rem);\n    transform: translateX(1.125rem);\n    left: $tiny-space;\n  }\n\n  .text {\n    @include ellipsis;\n\n    color: var(--theme-switch--color);\n    padding: 0 $small-space;\n    position: relative;\n    user-select: none;\n  }\n\n  @include hover {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--hover);\n      border-color: var(--theme-switch-thumb-off--border-color--hover);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--hover);\n      border-color: var(--theme-switch-off--border-color--hover);\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--active);\n      border-color: var(--theme-switch-thumb-off--border-color--active);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--active);\n      border-color: var(--theme-switch-off--border-color--active);\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n\n  &.checked {\n    @include toggle('on');\n  }\n\n  &.indeterminate {\n    @include toggle('mixed');\n\n    .slider:before {\n      transform: translateX(0.625rem);\n    }\n  }\n\n  &[disabled],\n  &.disabled {\n    .slider {\n      cursor: initial;\n      opacity: 0.5;\n\n      &:before {\n        background-color: var(--theme-switch-thumb-off--background--disabled);\n        border-color: var(--theme-switch-thumb-off--border-color--disabled);\n      }\n\n      .slider-track {\n        background-color: var(--theme-switch-off--background--disabled);\n        border-color: var(--theme-switch-off--border-color--disabled);\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--disabled);\n    }\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  Listen,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-toggle',\n  styleUrl: 'toggle.scss',\n  scoped: true,\n})\nexport class CuiToggle {\n  /**\n   * Whether the slide-toggle element is checked or not.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * Whether the slide-toggle element is disabled or not.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the control is in indeterminate state\n   */\n  @Prop() indeterminate = false;\n\n  /**\n   * Basic and status colors from color palette\n   * @deprecated Will be removed in 2.0.0\n   */\n  @Prop() color = 'accent';\n\n  /**\n   * Text for on state\n   */\n  @Prop() textOn = 'On';\n\n  /**\n   * Text for off state\n   */\n  @Prop() textOff = 'Off';\n\n  /**\n   * Text for indeterminate state\n   */\n  @Prop() textIndeterminate = 'Mixed';\n\n  /**\n   * Hide `on` and `off` text\n   */\n  @Prop() hideText = false;\n\n  /**\n   * An event will be dispatched each time the slide-toggle changes its value.\n   */\n  @Event() checkedChange: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxToggleElement;\n\n  @Listen('keydown', { target: 'window' })\n  async onKeyDown(event: KeyboardEvent) {\n    const targetElement = event.target as HTMLElement;\n\n    if (!this.hostElement.contains(targetElement)) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      this.emitChange(event);\n    }\n  }\n\n  private emitChange(event: Event) {\n    if (this.disabled || this.indeterminate) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.checked = !this.checked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  private getText() {\n    if (this.indeterminate || this.checked === undefined) {\n      return this.textIndeterminate;\n    }\n\n    return this.checked ? this.textOn : this.textOff;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n          indeterminate: this.indeterminate || this.checked === undefined,\n        }}\n      >\n        <label class=\"switch\" tabindex={this.disabled ? -1 : 0}>\n          <input\n            tabindex=\"-1\"\n            type=\"checkbox\"\n            checked={this.checked}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate || this.checked === undefined}\n            id={this.hostElement.id}\n            onChange={(e) => this.emitChange(e)}\n          />\n          <span class=\"slider\">\n            <span class=\"slider-track\"></span>\n          </span>\n        </label>\n        {!this.hideText ? (\n          <span\n            title={this.getText()}\n            class=\"text\"\n            onClick={(e) => this.emitChange(e)}\n          >\n            {this.getText()}\n          </span>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,gwN,MCyBLC,EAAS,M,mFAI8B,M,cAK/B,M,mBAKK,M,WAMR,S,YAKC,K,aAKC,M,uBAKU,Q,cAKT,K,CAUnBC,gBAAgBC,GACd,MAAMC,EAAgBD,EAAME,OAE5B,IAAKC,KAAKC,YAAYC,SAASJ,GAAgB,CAC7C,M,CAGF,GAAID,EAAMM,OAAS,SAAWN,EAAMM,OAAS,cAAe,CAC1DH,KAAKI,WAAWP,E,EAIZO,WAAWP,GACjB,GAAIG,KAAKK,UAAYL,KAAKM,cAAe,CACvC,M,CAGFT,EAAMU,kBACNV,EAAMW,iBAENR,KAAKS,SAAWT,KAAKS,QACrBT,KAAKU,cAAcC,KAAKX,KAAKS,Q,CAGvBG,UACN,GAAIZ,KAAKM,eAAiBN,KAAKS,UAAYI,UAAW,CACpD,OAAOb,KAAKc,iB,CAGd,OAAOd,KAAKS,QAAUT,KAAKe,OAASf,KAAKgB,O,CAG3CC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLf,SAAUL,KAAKK,SACfI,QAAST,KAAKS,QACdH,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,YAGxDK,EAAA,SAAOE,MAAM,SAASC,SAAUrB,KAAKK,UAAY,EAAI,GACnDa,EAAA,SACEG,SAAS,KACTC,KAAK,WACLb,QAAST,KAAKS,QACdJ,SAAUL,KAAKK,SACfC,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,UACtDU,GAAIvB,KAAKC,YAAYsB,GACrBC,SAAWC,GAAMzB,KAAKI,WAAWqB,KAEnCP,EAAA,QAAME,MAAM,UACVF,EAAA,QAAME,MAAM,oBAGdpB,KAAK0B,SACLR,EAAA,QACES,MAAO3B,KAAKY,UACZQ,MAAM,OACNQ,QAAUH,GAAMzB,KAAKI,WAAWqB,IAE/BzB,KAAKY,WAEN,K"}
+{"version":3,"names":["toggleCss","CuiToggle","async","event","targetElement","target","this","hostElement","contains","code","emitChange","disabled","indeterminate","stopPropagation","preventDefault","checked","checkedChange","emit","getText","undefined","textIndeterminate","textOn","textOff","render","h","Host","class","tabindex","type","id","onChange","e","hideText","title","onClick"],"sources":["./src/components/toggle/toggle.scss?tag=ix-toggle&encapsulation=scoped","./src/components/toggle/toggle.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n@mixin toggle($state, $suffix: '') {\n  .slider {\n    &:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background#{$suffix}\n      );\n      border-color: var(--theme-switch-thumb-#{$state}--border-color#{$suffix});\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-#{$state}--background#{$suffix});\n      border-color: var(--theme-switch-#{$state}--border-color#{$suffix});\n    }\n  }\n\n  .text {\n    color: var(--theme-switch--color);\n  }\n\n  @include hover {\n    .slider {\n      &:before {\n        background-color: var(\n          --theme-switch-thumb-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-thumb-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n\n      .slider-track {\n        background-color: var(\n          --theme-switch-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-thumb-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .slider-track {\n      background-color: var(\n        --theme-switch-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n}\n\n:host {\n  $slide-toggle-width: 3rem;\n  display: flex;\n  align-items: center;\n  outline: none;\n\n  .switch {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    min-width: $slide-toggle-width;\n    height: $default-control-height;\n\n    @include focus-visible {\n      outline-color: var(--focus--border-color);\n      outline-style: solid;\n      outline-width: 1px;\n    }\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background);\n      border-radius: 2.125rem;\n      border: 1px solid var(--theme-switch-off--border-color);\n      width: 2.5rem;\n      height: $default-space;\n    }\n  }\n\n  .slider:before {\n    position: absolute;\n    content: '';\n    height: 1.5rem;\n    width: 1.5rem;\n    left: 0.125rem;\n    background-color: var(--theme-switch-thumb-off--background);\n    -webkit-transition: transform $default-time;\n    transition: transform $default-time;\n    border-radius: 50%;\n    border: 1px solid var(--theme-switch-thumb-off--border-color);\n    box-shadow: var(--theme-switch-thumb--box-shadow);\n  }\n\n  input:checked + .slider:before {\n    -webkit-transform: translateX(1.125rem);\n    -ms-transform: translateX(1.125rem);\n    transform: translateX(1.125rem);\n    left: $tiny-space;\n  }\n\n  .text {\n    @include ellipsis;\n\n    color: var(--theme-switch--color);\n    padding: 0 $small-space;\n    position: relative;\n    user-select: none;\n  }\n\n  @include hover {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--hover);\n      border-color: var(--theme-switch-thumb-off--border-color--hover);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--hover);\n      border-color: var(--theme-switch-off--border-color--hover);\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--active);\n      border-color: var(--theme-switch-thumb-off--border-color--active);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--active);\n      border-color: var(--theme-switch-off--border-color--active);\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n\n  &.checked {\n    @include toggle('on');\n  }\n\n  &.indeterminate {\n    @include toggle('mixed');\n\n    .slider:before {\n      transform: translateX(0.625rem);\n    }\n  }\n\n  &.disabled {\n    pointer-events: none;\n    .slider {\n      cursor: initial;\n      opacity: 0.5;\n\n      &:before {\n        background-color: var(--theme-switch-thumb-off--background--disabled);\n        border-color: var(--theme-switch-thumb-off--border-color--disabled);\n      }\n\n      .slider-track {\n        background-color: var(--theme-switch-off--background--disabled);\n        border-color: var(--theme-switch-off--border-color--disabled);\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--disabled);\n    }\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  Listen,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-toggle',\n  styleUrl: 'toggle.scss',\n  scoped: true,\n})\nexport class CuiToggle {\n  /**\n   * Whether the slide-toggle element is checked or not.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * Whether the slide-toggle element is disabled or not.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the control is in indeterminate state\n   */\n  @Prop() indeterminate = false;\n\n  /**\n   * Basic and status colors from color palette\n   * @deprecated Will be removed in 2.0.0\n   */\n  @Prop() color = 'accent';\n\n  /**\n   * Text for on state\n   */\n  @Prop() textOn = 'On';\n\n  /**\n   * Text for off state\n   */\n  @Prop() textOff = 'Off';\n\n  /**\n   * Text for indeterminate state\n   */\n  @Prop() textIndeterminate = 'Mixed';\n\n  /**\n   * Hide `on` and `off` text\n   */\n  @Prop() hideText = false;\n\n  /**\n   * An event will be dispatched each time the slide-toggle changes its value.\n   */\n  @Event() checkedChange: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxToggleElement;\n\n  @Listen('keydown', { target: 'window' })\n  async onKeyDown(event: KeyboardEvent) {\n    const targetElement = event.target as HTMLElement;\n\n    if (!this.hostElement.contains(targetElement)) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      this.emitChange(event);\n    }\n  }\n\n  private emitChange(event: Event) {\n    if (this.disabled || this.indeterminate) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.checked = !this.checked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  private getText() {\n    if (this.indeterminate || this.checked === undefined) {\n      return this.textIndeterminate;\n    }\n\n    return this.checked ? this.textOn : this.textOff;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n          indeterminate: this.indeterminate || this.checked === undefined,\n        }}\n      >\n        <label class=\"switch\" tabindex={this.disabled ? -1 : 0}>\n          <input\n            tabindex=\"-1\"\n            type=\"checkbox\"\n            checked={this.checked}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate || this.checked === undefined}\n            id={this.hostElement.id}\n            onChange={(e) => this.emitChange(e)}\n          />\n          <span class=\"slider\">\n            <span class=\"slider-track\"></span>\n          </span>\n        </label>\n        {!this.hideText ? (\n          <span\n            title={this.getText()}\n            class=\"text\"\n            onClick={(e) => this.emitChange(e)}\n          >\n            {this.getText()}\n          </span>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,ilN,MCyBLC,EAAS,M,mFAI8B,M,cAK/B,M,mBAKK,M,WAMR,S,YAKC,K,aAKC,M,uBAKU,Q,cAKT,K,CAUnBC,gBAAgBC,GACd,MAAMC,EAAgBD,EAAME,OAE5B,IAAKC,KAAKC,YAAYC,SAASJ,GAAgB,CAC7C,M,CAGF,GAAID,EAAMM,OAAS,SAAWN,EAAMM,OAAS,cAAe,CAC1DH,KAAKI,WAAWP,E,EAIZO,WAAWP,GACjB,GAAIG,KAAKK,UAAYL,KAAKM,cAAe,CACvC,M,CAGFT,EAAMU,kBACNV,EAAMW,iBAENR,KAAKS,SAAWT,KAAKS,QACrBT,KAAKU,cAAcC,KAAKX,KAAKS,Q,CAGvBG,UACN,GAAIZ,KAAKM,eAAiBN,KAAKS,UAAYI,UAAW,CACpD,OAAOb,KAAKc,iB,CAGd,OAAOd,KAAKS,QAAUT,KAAKe,OAASf,KAAKgB,O,CAG3CC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLf,SAAUL,KAAKK,SACfI,QAAST,KAAKS,QACdH,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,YAGxDK,EAAA,SAAOE,MAAM,SAASC,SAAUrB,KAAKK,UAAY,EAAI,GACnDa,EAAA,SACEG,SAAS,KACTC,KAAK,WACLb,QAAST,KAAKS,QACdJ,SAAUL,KAAKK,SACfC,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,UACtDU,GAAIvB,KAAKC,YAAYsB,GACrBC,SAAWC,GAAMzB,KAAKI,WAAWqB,KAEnCP,EAAA,QAAME,MAAM,UACVF,EAAA,QAAME,MAAM,oBAGdpB,KAAK0B,SACLR,EAAA,QACES,MAAO3B,KAAKY,UACZQ,MAAM,OACNQ,QAAUH,GAAMzB,KAAKI,WAAWqB,IAE/BzB,KAAKY,WAEN,K"}