@siemens/ix 1.3.0 → 1.4.0-beta.0

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-60b90da6",[[0,"ix-modal-example"]]],["p-6df18451",[[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-783ce87b",[[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-f1a1e8ee",[[6,"ix-dropdown-button",{"variant":[1],"outline":[4],"ghost":[4],"active":[4],"disabled":[4],"label":[1],"icon":[1],"dropdownAnchor":[32]}]]],["p-9299617f",[[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-921da56a",[[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-9c8c835c",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-50ed9d54",[[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-a3a59238",[[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-3cc4df65",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-4ac5d916",[[1,"ix-application-header",{"name":[1]}]]],["p-10158414",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-0bc4408b",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-5890faf9",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-8c53c142",[[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-fa262af7",[[6,"ix-input-group"]]],["p-67cf5cd4",[[6,"ix-tile",{"size":[1]}]]],["p-70bd3dbf",[[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-b9a66b74",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]}]]],["p-e51a110f",[[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-b7b753cc",[[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-3c754d90",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-55663fd5",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-122cf38d",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-f05b01a4",[[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-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-e82905f0",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-72cfbc1c",[[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-e652328d",[[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-b46155b7",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-2c8e4dd1",[[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-ab35eaee",[[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/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.d.ts

@@ -159,7 +159,7 @@ export namespace Components {
          */
         "labelCategories": string;
         /**
-          * In certain use cases some categories are not available for selection any more. 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.
+          * 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.
          */
         "nonSelectableCategories"?: {
     [id: string]: string;
@@ -2287,7 +2287,7 @@ declare namespace LocalJSX {
          */
         "labelCategories"?: string;
         /**
-          * In certain use cases some categories are not available for selection any more. 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.
+          * 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.
          */
         "nonSelectableCategories"?: {
     [id: string]: string;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "1.3.0",
+  "version": "1.4.0-beta.0",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",

package/scss/components/_buttons.scss

@@ -65,7 +65,7 @@ $button-categories: (primary, secondary);
     }
 
     @include focus-visible {
-      outline: 1px solid var(--focus--border-color);
+      outline: 1px solid var(--theme-color-focus-bdr);
       outline-offset: var(--theme-btn--focus--outline-offset);
     }
 

package/scss/components/_checkboxes.scss

@@ -53,14 +53,14 @@
 
   [type='checkbox'] + label:focus-visible {
     &:before {
-      outline: 0.0625rem solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--theme-color-focus-bdr);
       outline-offset: var(--theme-checkbox--focus--outline-offset);
     }
   }
 
   [type='checkbox']:focus-visible + label {
     &:before {
-      outline: 0.0625rem solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--theme-color-focus-bdr);
       outline-offset: var(--theme-checkbox--focus--outline-offset);
     }
   }

package/scss/components/_forms.scss

@@ -44,7 +44,7 @@
     border-color: var(--theme-input--border-color--focus);
     outline-offset: var(--theme-input--focus--outline-offset);
     box-shadow: var(--theme-input--box-shadow);
-    outline: 1px solid var(--focus--border-color);
+    outline: 1px solid var(--theme-color-focus-bdr);
   }
 }
 

package/scss/components/_radiobuttons.scss

@@ -57,14 +57,14 @@
 
   [type='radio'] + label:focus-visible {
     &:before {
-      outline: 0.0625rem solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--theme-color-focus-bdr);
       outline-offset: var(--theme-radiobtn--focus--outline-offset);
     }
   }
 
   [type='radio']:focus-visible + label {
     &:before {
-      outline: 0.0625rem solid var(--focus--border-color);
+      outline: 0.0625rem solid var(--theme-color-focus-bdr);
       outline-offset: var(--theme-radiobtn--focus--outline-offset);
     }
   }

package/scss/components/_shadows.scss

@@ -6,30 +6,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+:root {
+  body {
+    --theme-box-shadow-lvl-1: var(--theme-shadow-1);
+    --theme-box-shadow-lvl-2: var(--theme-shadow-2);
+    --theme-box-shadow-lvl-3: var(--theme-shadow-3);
+    --theme-box-shadow-lvl-4: var(--theme-shadow-4);
 
-@import './../theme/define-theme-variable';
+    --theme-box-shadow-level-1: var(--theme-shadow-1);
+    --theme-box-shadow-level-2: var(--theme-shadow-2);
+    --theme-box-shadow-level-3: var(--theme-shadow-3);
+    --theme-box-shadow-level-4: var(--theme-shadow-4);
 
-@mixin shadows {
-  $box-shadow-lvl-1: 0 1px 4px 0 var(--theme-color-shadow-1),
-    0 0 4px 0 var(--theme-color-shadow-2);
-  $box-shadow-lvl-2: 0 2px 6px 0 var(--theme-color-shadow-1),
-    0 0 8px 0 var(--theme-color-shadow-2);
-  $box-shadow-lvl-3: 0 4px 8px 0 var(--theme-color-shadow-1),
-    0 0 16px 0 var(--theme-color-shadow-2);
-  $box-shadow-lvl-4: 0 8px 16px 0 var(--theme-color-shadow-1),
-    0 0 32px 0 var(--theme-color-shadow-2);
-  $box-shadow-lvl-5: 0 16px 32px 0 var(--theme-color-shadow-1),
-    0 0 64px 0 var(--theme-color-shadow-2);
-
-  @include define-theme-variable('box-shadow-lvl-1', $box-shadow-lvl-1);
-  @include define-theme-variable('box-shadow-lvl-2', $box-shadow-lvl-2);
-  @include define-theme-variable('box-shadow-lvl-3', $box-shadow-lvl-3);
-  @include define-theme-variable('box-shadow-lvl-4', $box-shadow-lvl-4);
-  @include define-theme-variable('box-shadow-lvl-5', $box-shadow-lvl-5);
-
-  @include define-theme-variable('box-shadow-level-1', $box-shadow-lvl-1);
-  @include define-theme-variable('box-shadow-level-2', $box-shadow-lvl-2);
-  @include define-theme-variable('box-shadow-level-3', $box-shadow-lvl-3);
-  @include define-theme-variable('box-shadow-level-4', $box-shadow-lvl-4);
-  @include define-theme-variable('box-shadow-level-5', $box-shadow-lvl-5);
+    --theme-box-shadow-insert: var(--theme-inset-shadow-1);
+  }
 }

package/scss/ix.scss

@@ -15,10 +15,9 @@
 /* Import global stylings for Web Components */
 @import './../src/components/toast/styles/toast-container';
 
-/* Default themes */
+/* Default Theme */
 @import './theme/classic-dark';
 @import './theme/classic-light';
-@import './theme/static-colors';
 
 /* Common */
 @import './common-variables';

package/scss/theme/classic-dark/_border.scss

@@ -0,0 +1,35 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
+      --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
+      --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
+      --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
+      --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
+      --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
+      --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
+      --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
+      --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
+      --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
+      --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
+      --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
+      --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
+      --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
+      --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
+      --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
+      --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
+      --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
+      --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
+      --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
+      --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
+      --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
+      --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
+      --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
+      --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
+      --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
+      --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
+      --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
+  }
+}

package/scss/theme/classic-dark/_borderRadius.scss

@@ -0,0 +1,24 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-default-border-radius: 0.25rem;
+      --theme-small-border-radius: 0.125rem;
+      --theme-min-border-radius: 0rem;
+      --theme-btn--border-radius: var(--theme-default-border-radius);
+      --theme-blind--border-radius: var(--theme-default-border-radius);
+      --theme-breadcrumb--border-radius: var(--theme-default-border-radius);
+      --theme-group--border-radius: var(--theme-default-border-radius);
+      --theme-group--border-radius--focus: var(--theme-min-border-radius);
+      --theme-kpi--border-radius: var(--theme-default-border-radius);
+      --theme-input--border-radius: var(--theme-default-border-radius);
+      --theme-menu--border-radius: var(--theme-default-border-radius);
+      --theme-message-bar--border-radius: var(--theme-default-border-radius);
+      --theme-tile--border-radius: var(--theme-default-border-radius);
+      --theme-toast--border-radus: var(--theme-default-border-radius);
+      --theme-flip-tile--border-radius: var(--theme-default-border-radius);
+      --theme-upload--border-radius: var(--theme-default-border-radius);
+      --theme-workflow--border-radius: var(--theme-default-border-radius);
+  }
+}

package/scss/theme/classic-dark/_borderWidth.scss

@@ -0,0 +1,18 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-btn--border-thickness: 0.125rem;
+      --theme-app-header--border-width: 0.0625rem;
+      --theme-blind--border-thickness: 0.0625rem;
+      --theme-checkbox--border-thickness: 0.125rem;
+      --theme-focus--border-thickness: 0.0625rem;
+      --theme-radiobtn--border-thickness: 0.125rem;
+      --theme-input--border-thickness: 0.0625rem;
+      --theme-menu--border-thickness: 0rem;
+      --theme-message-bar--border-thickness: 0.125rem;
+      --theme-modal--border-thickness: 0.0625rem;
+      --theme-toast--border-thickness: 0rem;
+  }
+}

package/scss/theme/classic-dark/_boxShadow.scss

@@ -0,0 +1,19 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-classic-dark {
+      --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
+      --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
+      --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
+      --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
+      --theme-inset-shadow-1: insert 0px 2px 4px var(--theme-color-shadow-3);
+      --theme-input--box-shadow: none;
+      --theme-menu--box-shadow: var(--theme-shadow-4);
+      --theme-navigation--box-shadow: var(--theme-shadow-2);
+      --theme-modal--box-shadow: var(--theme-shadow-4);
+      --theme-switch-thumb--box-shadow: none;
+      --theme-tile--box-shadow: var(--theme-shadow-3);
+      --theme-toast--box-shadow: var(--theme-shadow-4);
+  }
+}