@siemens/ix 1.3.0 → 1.4.0-beta.1

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

@@ -1 +1 @@
-import{p as e,b as i}from"./p-05c16b94.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-72f851ae",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-9b5290d4",[[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"]}]]],["p-eed28e55",[[0,"ix-modal-example"]]],["p-d20119c1",[[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]}]]],["p-ab7949ff",[[6,"ix-dropdown-button",{"variant":[1],"outline":[4],"ghost":[4],"active":[4],"disabled":[4],"label":[1],"icon":[1],"dropdownAnchor":[32]}]]],["p-cc0f6f6b",[[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]}]]],["p-0e357d27",[[2,"ix-category-filter",{"initialState":[16],"filterState":[16],"placeholder":[1],"categories":[16],"nonSelectableCategories":[16],"suggestions":[16],"icon":[1],"hideIcon":[4,"hide-icon"],"repeatCategories":[4,"repeat-categories"],"tmpDisableScrollIntoView":[4,"tmp-disable-scroll-into-view"],"labelCategories":[1,"label-categories"],"i18nPlainText":[1,"i-1-8n-plain-text"],"hasFocus":[32],"showCategorySelection":[32],"categoryLogicalOperator":[32],"inputValue":[32],"category":[32],"filterTokens":[32],"offsetDropdownX":[32],"offsetDropdownY":[32],"maxHeightDropdown":[32],"maxWidthDropdown":[32]},[[9,"resize","setDropdownOffset"]]]]],["p-8a7141a6",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-e7621b0a",[[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]}]]],["p-7f842cdc",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-592f1ed3",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-f7be9635",[[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]}]]],["p-a88618e3",[[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]}]]],["p-4b170382",[[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"]}]]],["p-ea333007",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-c993560f",[[1,"ix-application-header",{"name":[1]}]]],["p-2e24ae23",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-43616759",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-18d02e6f",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-d0bb8225",[[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"]]]]],["p-e2925222",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-6fe3bb9c",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-150d7a02",[[6,"ix-input-group"]]],["p-33283dbf",[[6,"ix-tile",{"size":[1]}]]],["p-8b4e4718",[[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"]]]]],["p-5631ae88",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]}]]],["p-67eb9d59",[[2,"my-component"]]],["p-4fcb5f2b",[[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]}]]],["p-a5fa7ae5",[[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"]]]]],["p-2bc72119",[[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]}]]],["p-b242bd39",[[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]}]]],["p-218de283",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-23d79e3d",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-3663f989",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-a6f4cfc6",[[6,"ix-menu-about",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"labels":[32]}],[6,"ix-menu-avatar",{"top":[1],"bottom":[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],"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]}],[4,"ix-menu-item",{"home":[4],"bottom":[4],"tabIcon":[1,"tab-icon"],"notifications":[2],"active":[4],"disabled":[4],"title":[32]}]]],["p-eb150313",[[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]}]]],["p-418e2d14",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-65e61684",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-fecf0ade",[[4,"ix-tabs",{"small":[4],"rounded":[4],"selected":[1026],"layout":[1],"placement":[1],"totalItems":[32],"currentScrollAmount":[32],"scrollAmount":[32],"scrollActionAmount":[32]},[[9,"resize","onWindowResize"]]]]],["p-5bbe9943",[[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]}]]],["p-c3e90c06",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-03d38416",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-2bd88760",[[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],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-b3d00feb",[[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]}]]]]'),e)));
+import{p as e,b as i}from"./p-66074788.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-f3cde62f",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-c4568016",[[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"]}]]],["p-b85458fb",[[0,"ix-modal-example"]]],["p-63776469",[[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]}]]],["p-5b47360e",[[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]}]]],["p-b5599b0b",[[6,"ix-dropdown-button",{"variant":[1],"outline":[4],"ghost":[4],"active":[4],"disabled":[4],"label":[1],"icon":[1],"dropdownAnchor":[32]}]]],["p-20c88582",[[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]}]]],["p-165c6a82",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-1d48ce36",[[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]}]]],["p-0d619f3e",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-d1a16c62",[[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]}]]],["p-c2b50878",[[1,"ix-application-header",{"name":[1],"mode":[32],"menuExpanded":[32]}]]],["p-06d5ab35",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"],"mode":[32]}]]],["p-9c8c835c",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-5ca7b937",[[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]}]]],["p-082bbe13",[[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"]}]]],["p-0bc4408b",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-3cc4df65",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-5890faf9",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-e48e659d",[[1,"ix-tooltip",{"for":[1],"titleContent":[1,"title-content"],"interactive":[4],"visible":[32]}]]],["p-2e55e255",[[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"]]]]],["p-3624a41c",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-ae35c07f",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-e4bda8e7",[[1,"ix-divider"]]],["p-5feec7a4",[[1,"ix-dropdown-quick-actions"]]],["p-fa262af7",[[6,"ix-input-group"]]],["p-67cf5cd4",[[6,"ix-tile",{"size":[1]}]]],["p-9eb8347c",[[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"]]]]],["p-0bd6554e",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]}]]],["p-9269d0e8",[[2,"my-component"]]],["p-404e81d2",[[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]}]]],["p-6637ae65",[[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"]]]]],["p-d7618223",[[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]}]]],["p-e5fd4b34",[[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]}]]],["p-0bf4a256",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-ac1d6617",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-122cf38d",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-9fa6a59b",[[1,"ix-typography",{"variant":[1]}]]],["p-6e5543fe",[[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]}]]],["p-560cfce8",[[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]}]]],["p-098e22c3",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-4b2265fd",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-feefa8c7",[[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"]]]]],["p-94b440bc",[[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]}]]],["p-6be65050",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-4251a6dd",[[1,"ix-burger-menu",{"expanded":[516]}]]],["p-71c91a11",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-70be8cb8",[[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"],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-72cc8632",[[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]}]]]]'),e)));

package/dist/types/components/application-header/application-header.d.ts

@@ -1,10 +1,18 @@
+import { Mode } from '../utils/screen/mode';
 export declare class ApplicationHeader {
   host: HTMLIxApplicationHeaderElement;
   /**
    * Application name
    */
   name: string;
+  mode: Mode;
+  menuExpanded: boolean;
+  private menuDisposable?;
+  private modeDisposable?;
+  componentWillLoad(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private attachSiemensLogoIfLoaded;
+  private onMenuClick;
   render(): any;
 }

package/dist/types/components/basic-navigation/basic-navigation.d.ts

@@ -1,3 +1,4 @@
+import { Mode } from '../utils/screen/mode';
 export declare class BasicNavigation {
   hostElement: HTMLIxBasicNavigationElement;
   /**
@@ -5,11 +6,15 @@ export declare class BasicNavigation {
    */
   applicationName: string;
   /**
-   * Hide application header
+   * Hide application header. Will disable responsive feature of basic navigation.
    */
   hideHeader: boolean;
+  mode: Mode;
   get menu(): HTMLIxMenuElement;
+  private modeDisposable;
+  componentWillLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   private appendMenu;
   private adjustMenuHeight;
   render(): any;

package/dist/types/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { Buttons } from '../utils/button-variants';
+import { Buttons } from './button-variants';
 export declare class Button {
   /**
    * Button varaint

package/dist/types/components/category-filter/category-filter.d.ts

@@ -9,7 +9,6 @@ export declare class CategoryFilter {
   private isScrollStateDirty;
   hostElement: HTMLIxCategoryFilterElement;
   hasFocus: boolean;
-  showCategorySelection: boolean;
   categoryLogicalOperator: LogicalFilterOperator;
   inputValue: string;
   category: string;
@@ -18,10 +17,6 @@ export declare class CategoryFilter {
     value: string;
     operator: LogicalFilterOperator;
   }>;
-  offsetDropdownX: string;
-  offsetDropdownY: string;
-  maxHeightDropdown: string;
-  maxWidthDropdown: string;
   /**
    * When set this will initially populate the component with the provided search criteria.
    * This will trigger all input events accordingly.
@@ -47,8 +42,9 @@ export declare class CategoryFilter {
     };
   };
   /**
-   * In certain use cases some categories are not available for selection any more.
+   * In certain use cases some categories may not be available for selection anymore.
    * To allow proper display of set filters with these categories this ID to label mapping can be populated.
+   *
    * Configuration object hash used to supply labels to the filter chips in the input field.
    * Each ID maps to a string representing the label to display.
    */
@@ -96,13 +92,9 @@ export declare class CategoryFilter {
    * Event dispatched whenever the filter state changes.
    */
   filterChanged: EventEmitter<FilterState>;
-  private readonly documentClickCallback;
   watchFilterState(newValue: any): void;
-  watchShowCategorySelection(newValue: any): void;
-  setDropdownOffset(): void;
   componentDidLoad(): void;
   private setFilterState;
-  private handleDocumentClick;
   private closeDropdown;
   private handleFormElementKeyDown;
   private focusPreviousItem;
@@ -112,18 +104,21 @@ export declare class CategoryFilter {
   private addToken;
   private removeToken;
   private getCategoryIds;
-  private getCategoryLables;
   private selectCategory;
-  private openCategorySelection;
   private resetFilter;
-  private calculateDropdownX;
-  private calculateDropdownY;
-  private calculateDropdownHeight;
   private filterMultiples;
   private filterDuplicateTokens;
   private filterByInput;
   private toggleCategoryOperator;
   private getFilterChipLabel;
+  private getFilteredSuggestions;
+  private hasCategorySelection;
+  private displayDropdown;
+  private renderPlainSuggestions;
+  private renderCategoryValues;
+  private renderDropdownContent;
+  private renderCategorySelection;
+  private getDropdownHeader;
   componentDidRender(): void;
   private getResetButton;
   render(): any;

package/dist/types/components/divider/divider.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @since 1.4.0
+ */
+export declare class Divider {
+  render(): any;
+}

package/dist/types/components/dropdown/dropdown-trigger-event.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare type DropdownTriggerEvent = 'click' | 'hover' | 'focus';

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { DropdownTriggerEvent } from './dropdown-trigger-event';
 import { Placement } from './placement';
 export declare class Dropdown {
   hostElement: HTMLIxDropdownElement;
@@ -8,7 +9,7 @@ export declare class Dropdown {
   show: boolean;
   /**
    * Define an element that triggers the dropdown.
-   * A trigger can either be a string that will be interprated as id attribute or a DOM element.
+   * A trigger can either be a string that will be interpreted as id attribute or a DOM element.
    */
   trigger: string | HTMLElement;
   /**
@@ -52,6 +53,11 @@ export declare class Dropdown {
     crossAxis?: number;
     alignmentAxis?: number;
   };
+  /**
+   * Define one or more events to open dropdown
+   * @internal
+   */
+  triggerEvent: DropdownTriggerEvent | DropdownTriggerEvent[];
   /**
    * Fire event after visibility of dropdown has changed
    */
@@ -60,15 +66,19 @@ export declare class Dropdown {
   private triggerElement?;
   private anchorElement?;
   private dropdownRef;
+  private toggleBind;
   private openBind;
   constructor();
   get dropdownItems(): HTMLIxDropdownItemElement[];
+  private addEventListenersFor;
+  private removeEventListenersFor;
   private registerListener;
   private unregisterListener;
   private resolveElement;
   changedShow(newShow: boolean): Promise<void>;
   changedTrigger(newTriggerValue: string | HTMLElement, oldTriggerValue: string | HTMLElement): void;
   clickOutside(event: Event): void;
+  private toggle;
   private open;
   private close;
   private applyDropdownPosition;

package/dist/types/components/dropdown-button/dropdown-button.d.ts

@@ -1,4 +1,4 @@
-import { Buttons } from '../utils/button-variants';
+import { Buttons } from '../button/button-variants';
 /**
  * @since 1.3.0
  */

package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @since 1.4.0
+ */
+export declare class DropdownQuickActions {
+  render(): any;
+}

package/dist/types/components/group/group-context-menu.d.ts

@@ -1,11 +1,9 @@
 export declare class GroupContextMenu {
   host: HTMLIxGroupContextMenuElement;
   showContextMenu: boolean;
-  private observer;
   get dropdownElement(): HTMLIxDropdownElement;
   get groupDropdownItem(): NodeListOf<HTMLIxGroupDropdownItemElement>;
   private configureDropdown;
   componentWillRender(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/menu/burger-menu.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class BurgerMenu {
+  /**
+   * Is menu displayed as expanded
+   */
+  expanded: boolean;
+  render(): any;
+}

package/dist/types/components/menu/menu.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Mode } from '../utils/screen/mode';
 export declare class Menu {
   hostElement: HTMLIxMenuElement;
   /**
@@ -70,6 +71,7 @@ export declare class Menu {
   mapExpand: boolean;
   activeTab: HTMLIxMenuItemElement;
   isMoreTabEmpty: boolean;
+  mode: Mode;
   private readonly domObserver;
   onWindowResize(): void;
   private handleNodeMutation;
@@ -97,7 +99,7 @@ export declare class Menu {
   get tabsContainer(): HTMLDivElement;
   private showTab;
   componentDidLoad(): void;
-  disconnectedCallback(): void;
+  componentWillLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   private appendFragments;

package/dist/types/components/menu-avatar/menu-avatar.d.ts

@@ -10,7 +10,19 @@ export declare class MenuAvatar {
    */
   bottom: string;
   /**
+   * Display a avatar image
    *
+   * @since 1.4.0
+   */
+  image: string;
+  /**
+   * Display the initials of the user. Will be overwritten by image
+   *
+   * @since 1.4.0
+   */
+  initials: string;
+  /**
+   * Use for translation
    */
   i18nLogout: string;
   /**

package/dist/types/components/split-button/split-button.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Buttons } from '../button/button-variants';
 import { Placement } from '../dropdown/placement';
-import { Buttons } from '../utils/button-variants';
 export declare class SplitButton {
   hostElement: HTMLIxSplitButtonElement;
   /**

package/dist/types/components/tabs/tabs.d.ts

@@ -23,6 +23,8 @@ export declare class Tabs {
   totalItems: number;
   currentScrollAmount: number;
   scrollAmount: number;
+  styleNextArrow: {};
+  stylePreviousArrow: {};
   scrollActionAmount: number;
   private clickAction;
   onWindowResize(): number;
@@ -41,6 +43,7 @@ export declare class Tabs {
   private dragMove;
   private dragStop;
   componentDidRender(): void;
+  componentWillRender(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/tooltip/tooltip.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @slot title-icon - Icon of tooltip title
+ * @slot title-content - Content of tooltip title
+ *
+ * @since 1.3.0
+ */
+export declare class Tooltip {
+  /**
+   * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"`
+   */
+  for: string;
+  /**
+   * Title of the tooltip
+   */
+  titleContent: string;
+  /**
+   * Define if the user can access the tooltip via mouse.
+   */
+  interactive: boolean;
+  visible: boolean;
+  hostElement: HTMLIxTooltipElement;
+  private observer;
+  private hideTooltipTimeout;
+  private onMouseEnterBind;
+  private onMouseLeaveBind;
+  private disposeAutoUpdate?;
+  private tooltipCloseTimeInMS;
+  private get arrowElement();
+  private destroyAutoUpdate;
+  private showTooltip;
+  private hideTooltip;
+  private computeTooltipPosition;
+  private queryAnchorElements;
+  private registerTriggerListener;
+  private registerTooltipListener;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/typography/types.d.ts

@@ -0,0 +1,2 @@
+export declare type TypographyVariants = 'x-small' | 'small' | 'caption' | 'caption-single' | 'default' | 'default-single' | 'default-title' | 'default-title-single' | 'large' | 'large-single' | 'h2' | 'display-large';
+export declare const VariantsMapping: Record<TypographyVariants, string>;

package/dist/types/components/typography/typography.d.ts

@@ -0,0 +1,11 @@
+import { TypographyVariants } from './types';
+/**
+ * @internal
+ */
+export declare class IxTypography {
+  /**
+   * Font variant
+   */
+  variant: TypographyVariants;
+  render(): any;
+}

package/dist/types/components/utils/menu-service/menu-service.d.ts

@@ -0,0 +1,13 @@
+import { TypedEvent } from '../typed-event';
+declare class MenuService {
+  menuElement: HTMLIxMenuElement | null;
+  menuExpandChange: TypedEvent<boolean>;
+  register(menuElement: HTMLIxMenuElement): void;
+  open(): Promise<boolean>;
+  close(): Promise<boolean>;
+  toggle(): Promise<boolean>;
+  get nativeElement(): HTMLIxMenuElement;
+  get expandChange(): TypedEvent<boolean>;
+}
+export declare const menuController: MenuService;
+export {};

package/dist/types/components/utils/screen/context.d.ts

@@ -0,0 +1,4 @@
+export declare function isBasicNavigationLayout(element: HTMLElement): element is HTMLIxBasicNavigationElement;
+export declare const hostContext: (selector: string, element: HTMLElement) => HTMLIxBasicNavigationElement | HTMLIxMapNavigationElement;
+export declare const isHostedBy: (selector: string, element: HTMLElement) => boolean;
+export declare const getHostApplicationLayout: (element: HTMLElement) => HTMLIxBasicNavigationElement | HTMLIxMapNavigationElement;

package/dist/types/components/utils/screen/index.d.ts

@@ -0,0 +1 @@
+export { screenMode } from './service';

package/dist/types/components/utils/screen/mode.d.ts

@@ -0,0 +1,10 @@
+export declare type Mode = 'desktop' | 'mobile';
+export declare type MediaQueryListener = {
+  matchMedia: MediaQueryList;
+  dispose: () => void;
+};
+export declare const createMediaQueryListener: (query: string, callback: (event: MediaQueryListEvent) => void) => MediaQueryListener;
+export declare const createModeListener: (modeChangeCallback: (mode: Mode) => void) => {
+  dispose: () => void;
+  matchMedia: MediaQueryList;
+};

package/dist/types/components/utils/screen/service.d.ts

@@ -0,0 +1,10 @@
+import { TypedEvent } from '../typed-event';
+import { Mode } from './mode';
+declare class ScreenMode {
+  #private;
+  constructor();
+  get mode(): Mode;
+  get onChange(): TypedEvent<Mode>;
+}
+export declare const screenMode: ScreenMode;
+export {};