@siemens/ix 1.2.0-beta.0 → 1.2.1

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

@@ -1 +1 @@
-import{p as e,b as i}from"./p-5c038d1d.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-b7a46add",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-b8849072",[[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-dc8f82d5",[[0,"ix-modal-example"]]],["p-5b4399b3",[[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-44ab1dce",[[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-0cdac3da",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-8ee057c1",[[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-8e60010d",[[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-b49fbfc3",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-1cd8f35f",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-72b5c8d5",[[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-6e8a38c4",[[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-56bba5f9",[[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-25fda9f7",[[1,"ix-application-header",{"name":[1]}]]],["p-c1674778",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-e5da6672",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-746ebc92",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-afefc17c",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-b50dc630",[[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-87c46ff3",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-6d075808",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-4f2fbbb5",[[6,"ix-input-group"]]],["p-e0c85889",[[6,"ix-tile",{"size":[1]}]]],["p-18652f43",[[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-7fb73253",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32]}]]],["p-b18d15c7",[[2,"my-component"]]],["p-a8b6454f",[[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"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-c0a126c6",[[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-0e3aab52",[[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-abd3b0f8",[[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-d62d2304",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-477681a5",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-41e42413",[[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"],"displayMenu":[32]},[[1,"click","toggleMenu"]]],[6,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4]}],[4,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"maxVisibleMenuItems":[2,"max-visible-menu-items"],"i18nLegal":[1,"i-1-8n-legal"],"i18nSettings":[1,"i-1-8n-settings"],"i18nToggleTheme":[1,"i-1-8n-toggle-theme"],"i18nExpand":[1,"i-1-8n-expand"],"i18nCollapse":[1,"i-1-8n-collapse"],"i18nMore":[1,"i-1-8n-more"],"expand":[1540],"showMoreItems":[32],"visibleMenuItems":[32],"countMoreNotifications":[32],"mapExpand":[32],"activeTab":[32],"isMoreTabEmpty":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","onWindowResize"]]],[6,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i-1-8n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}],[6,"ix-menu-about-item",{"label":[513]}],[6,"ix-menu-settings-item",{"label":[1]}],[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-1d1eeeea",[[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-d1a17dd8",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-aa620cc7",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-f34f7e30",[[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-74e15a57",[[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-38a598ed",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-eff31ef4",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-d5199425",[[6,"ix-dropdown-item",{"label":[1],"icon":[1],"hover":[4],"disabled":[4],"checked":[4],"emitItemClick":[64]}],[1,"ix-dropdown",{"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"adjustDropdownWidthToReferenceWith":[4,"adjust-dropdown-width-to-reference-with"],"adjustDropdownWidthToReferenceWidth":[4,"adjust-dropdown-width-to-reference-width"],"header":[1],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-161561ef",[[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-5e4c3828.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-5e3700c3",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-ded3a35d",[[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-b0c95c22",[[0,"ix-modal-example"]]],["p-7b103473",[[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-35d7f18d",[[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-412dbb89",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-2b69b027",[[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-1ba8c910",[[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-e5397173",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-56771b32",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-2995294d",[[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-61cb7ab7",[[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-03687070",[[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-558623ce",[[1,"ix-application-header",{"name":[1]}]]],["p-dfb5730f",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-80d27c08",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-494512c0",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-2709fafd",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-f24f1eb7",[[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-91ecd6ac",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-bf387a1f",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-963c5690",[[6,"ix-input-group"]]],["p-4d61503b",[[6,"ix-tile",{"size":[1]}]]],["p-10879145",[[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-842a7652",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32]}]]],["p-fe28a2be",[[2,"my-component"]]],["p-6da1e24d",[[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"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-c885685e",[[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-91eb1fdd",[[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-23578bb6",[[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-5871e480",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-b2ecf415",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-6e915c70",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-af8213cc",[[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"],"displayMenu":[32]},[[1,"click","toggleMenu"]]],[6,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4]}],[4,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"maxVisibleMenuItems":[2,"max-visible-menu-items"],"i18nLegal":[1,"i-1-8n-legal"],"i18nSettings":[1,"i-1-8n-settings"],"i18nToggleTheme":[1,"i-1-8n-toggle-theme"],"i18nExpand":[1,"i-1-8n-expand"],"i18nCollapse":[1,"i-1-8n-collapse"],"i18nMore":[1,"i-1-8n-more"],"expand":[1540],"showMoreItems":[32],"visibleMenuItems":[32],"countMoreNotifications":[32],"mapExpand":[32],"activeTab":[32],"isMoreTabEmpty":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","onWindowResize"]]],[6,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i-1-8n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}],[6,"ix-menu-about-item",{"label":[513]}],[6,"ix-menu-settings-item",{"label":[1]}],[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-8f6809f1",[[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-2f3294b8",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-05f3c48e",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-712e8945",[[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-080c00b1",[[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-19cc942a",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-9a98369e",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-aff5f463",[[6,"ix-dropdown-item",{"label":[1],"icon":[1],"hover":[4],"disabled":[4],"checked":[4],"emitItemClick":[64]}],[1,"ix-dropdown",{"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"adjustDropdownWidthToReferenceWith":[4,"adjust-dropdown-width-to-reference-with"],"adjustDropdownWidthToReferenceWidth":[4,"adjust-dropdown-width-to-reference-width"],"header":[1],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-f3996fc1",[[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/button/button.d.ts

@@ -19,7 +19,7 @@ export declare class Button {
    */
   ghost: boolean;
   /**
-   * Show button as selected. Should be used with outline or invisible
+   * Show button as selected. Should be used with outline or ghost
    */
   selected: boolean;
   /**

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

@@ -6,7 +6,7 @@ export declare class Chip {
    */
   variant: 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom';
   /**
-   * Display chip in active state. Only working witht `variant="primary"`
+   * Display chip in active state. Only works with `variant="primary"`
    */
   active: boolean;
   /**

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

@@ -0,0 +1,11 @@
+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/modal/modal-utils.d.ts

@@ -1,11 +1,12 @@
 import { NotificationColor } from '../utils/notification-color';
-export interface ModalConfig {
+import { TypedEvent } from '../utils/typed-event';
+export interface ModalConfig<TReason = any> {
   animation?: boolean;
   ariaDescribedBy?: string;
   ariaLabelledBy?: string;
   backdrop?: boolean | 'static';
   backdropClass?: string;
-  beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;
+  beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;
   centered?: boolean;
   container?: string | HTMLElement;
   content: string | HTMLElement;
@@ -18,9 +19,11 @@ export interface ModalConfig {
   icon?: string;
   iconColor?: NotificationColor;
 }
-export declare function modal(config: ModalConfig): Promise<{
-  onClose: import("../utils/typed-event").TypedEvent<any>;
-  onDismiss: import("../utils/typed-event").TypedEvent<any>;
-}>;
-export declare function closeModal(element: Element, closeResult: any): void;
+export interface ModalInstance<TReason = any> {
+  htmlElement: HTMLIxModalElement;
+  onClose: TypedEvent<TReason>;
+  onDismiss: TypedEvent<TReason>;
+}
+export declare function modal<TReson = any>(config: ModalConfig<TReson>): Promise<ModalInstance<TReson>>;
+export declare function closeModal<TClose = any>(element: Element, closeResult: TClose): void;
 export declare function dismissModal(element: Element, dismissResult?: any): void;

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

@@ -89,11 +89,11 @@ export declare class Modal {
    * Dismiss modal instance
    * @param reason
    */
-  dismiss(reason?: any): Promise<void>;
+  dismiss<T = any>(reason?: T): Promise<void>;
   /**
    * Close modal
    * @param result
    */
-  close(result: any): Promise<void>;
+  close<T = any>(result: T): Promise<void>;
   render(): any;
 }

package/dist/types/components/modal-container/modal-container.d.ts

@@ -1,5 +1,4 @@
-import { ModalConfig } from '../modal/modal-utils';
-import { TypedEvent } from '../utils/typed-event';
+import { ModalConfig, ModalInstance } from '../modal/modal-utils';
 export declare class ModalContainer {
   hostElement: HTMLIxModalContainerElement;
   /**
@@ -7,9 +6,6 @@ export declare class ModalContainer {
    *
    * @param config
    */
-  showModal(config: ModalConfig): Promise<{
-    onClose: TypedEvent<any>;
-    onDismiss: TypedEvent<any>;
-  }>;
+  showModal(config: ModalConfig): Promise<ModalInstance>;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -15,9 +15,9 @@ import { DateTimeSelectEvent } from "./components/datetime-picker/event";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { FlipTileState } from "./components/flip-tile/flip-tile-state";
 import { NotificationColor } from "./components/utils/notification-color";
-import { TypedEvent } from "./components/utils/typed-event";
-import { ModalConfig } from "./components/modal/modal-utils";
+import { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
 import { ToastConfig, ToastType } from "./components/toast/toast-utils";
+import { TypedEvent } from "./components/utils/typed-event";
 import { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model";
 import { UploadFileState } from "./components/upload/upload-file-state";
 export namespace Components {
@@ -111,7 +111,7 @@ export namespace Components {
          */
         "outline": boolean;
         /**
-          * Show button as selected. Should be used with outline or invisible
+          * Show button as selected. Should be used with outline or ghost
          */
         "selected": boolean;
         /**
@@ -180,7 +180,7 @@ export namespace Components {
     }
     interface IxChip {
         /**
-          * Display chip in active state. Only working witht `variant="primary"`
+          * Display chip in active state. Only works with `variant="primary"`
          */
         "active": boolean;
         /**
@@ -581,6 +581,8 @@ export namespace Components {
          */
         "suppressHeaderSelection": boolean;
     }
+    interface IxGroupContextMenu {
+    }
     interface IxGroupDropdownItem {
         /**
           * Group dropdown icon
@@ -945,7 +947,7 @@ export namespace Components {
           * Close modal
           * @param result
          */
-        "close": (result: any) => Promise<void>;
+        "close": <T = any>(result: T) => Promise<void>;
         /**
           * Content of modal
          */
@@ -954,7 +956,7 @@ export namespace Components {
           * Dismiss modal instance
           * @param reason
          */
-        "dismiss": (reason?: any) => Promise<void>;
+        "dismiss": <T = any>(reason?: T) => Promise<void>;
         /**
           * Header title
          */
@@ -993,7 +995,7 @@ export namespace Components {
           * Display modal dialog
           * @param config
          */
-        "showModal": (config: ModalConfig) => Promise<{ onClose: TypedEvent<any>; onDismiss: TypedEvent<any>; }>;
+        "showModal": (config: ModalConfig) => Promise<ModalInstance>;
     }
     interface IxModalExample {
     }
@@ -1768,6 +1770,12 @@ declare global {
         prototype: HTMLIxGroupElement;
         new (): HTMLIxGroupElement;
     };
+    interface HTMLIxGroupContextMenuElement extends Components.IxGroupContextMenu, HTMLStencilElement {
+    }
+    var HTMLIxGroupContextMenuElement: {
+        prototype: HTMLIxGroupContextMenuElement;
+        new (): HTMLIxGroupContextMenuElement;
+    };
     interface HTMLIxGroupDropdownItemElement extends Components.IxGroupDropdownItem, HTMLStencilElement {
     }
     var HTMLIxGroupDropdownItemElement: {
@@ -2039,6 +2047,7 @@ declare global {
         "ix-flip-tile": HTMLIxFlipTileElement;
         "ix-flip-tile-content": HTMLIxFlipTileContentElement;
         "ix-group": HTMLIxGroupElement;
+        "ix-group-context-menu": HTMLIxGroupContextMenuElement;
         "ix-group-dropdown-item": HTMLIxGroupDropdownItemElement;
         "ix-group-item": HTMLIxGroupItemElement;
         "ix-icon": HTMLIxIconElement;
@@ -2188,7 +2197,7 @@ declare namespace LocalJSX {
          */
         "outline"?: boolean;
         /**
-          * Show button as selected. Should be used with outline or invisible
+          * Show button as selected. Should be used with outline or ghost
          */
         "selected"?: boolean;
         /**
@@ -2264,7 +2273,7 @@ declare namespace LocalJSX {
     }
     interface IxChip {
         /**
-          * Display chip in active state. Only working witht `variant="primary"`
+          * Display chip in active state. Only works with `variant="primary"`
          */
         "active"?: boolean;
         /**
@@ -2731,6 +2740,8 @@ declare namespace LocalJSX {
          */
         "suppressHeaderSelection"?: boolean;
     }
+    interface IxGroupContextMenu {
+    }
     interface IxGroupDropdownItem {
         /**
           * Group dropdown icon
@@ -3705,6 +3716,7 @@ declare namespace LocalJSX {
         "ix-flip-tile": IxFlipTile;
         "ix-flip-tile-content": IxFlipTileContent;
         "ix-group": IxGroup;
+        "ix-group-context-menu": IxGroupContextMenu;
         "ix-group-dropdown-item": IxGroupDropdownItem;
         "ix-group-item": IxGroupItem;
         "ix-icon": IxIcon;
@@ -3776,6 +3788,7 @@ declare module "@stencil/core" {
             "ix-flip-tile": LocalJSX.IxFlipTile & JSXBase.HTMLAttributes<HTMLIxFlipTileElement>;
             "ix-flip-tile-content": LocalJSX.IxFlipTileContent & JSXBase.HTMLAttributes<HTMLIxFlipTileContentElement>;
             "ix-group": LocalJSX.IxGroup & JSXBase.HTMLAttributes<HTMLIxGroupElement>;
+            "ix-group-context-menu": LocalJSX.IxGroupContextMenu & JSXBase.HTMLAttributes<HTMLIxGroupContextMenuElement>;
             "ix-group-dropdown-item": LocalJSX.IxGroupDropdownItem & JSXBase.HTMLAttributes<HTMLIxGroupDropdownItemElement>;
             "ix-group-item": LocalJSX.IxGroupItem & JSXBase.HTMLAttributes<HTMLIxGroupItemElement>;
             "ix-icon": LocalJSX.IxIcon & JSXBase.HTMLAttributes<HTMLIxIconElement>;

package/package.json

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

package/scss/components/_buttons.scss

@@ -119,6 +119,7 @@ $button-categories: (primary, secondary);
 
     &.disabled,
     &:disabled {
+      pointer-events: none;
       cursor: initial;
 
       @if $enable-border {
@@ -152,15 +153,3 @@ $button-categories: (primary, secondary);
   border-radius: 6.25rem;
   width: $default-control-height;
 }
-
-.btn-icon-xs {
-  height: $default-space;
-  width: $default-space;
-  min-width: $default-space;
-}
-
-.btn-icon-s {
-  height: $large-space;
-  width: $large-space;
-  min-width: $large-space;
-}

package/scss/components/_checkboxes.scss

@@ -13,27 +13,21 @@
   /* Base for label styling */
   [type='checkbox']:not(:checked),
   [type='checkbox']:checked {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
     position: absolute;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .ag-checkbox-input-wrapper {
-    [type='checkbox']:not(:checked),
-    [type='checkbox']:checked {
-      position: absolute;
-      visibility: unset;
-    }
+    white-space: nowrap;
   }
 
   [type='checkbox']:not(:checked) + label,
   [type='checkbox']:checked + label {
     position: relative;
-    display: flex;
-    align-items: center;
-    line-height: $default-space;
+    display: inline-flex;
+    align-items: flex-start;
     user-select: none;
-
     color: var(--theme-checkbox-label--color);
   }
 
@@ -45,6 +39,10 @@
     content: '';
     width: $size;
     height: $size;
+    min-width: $size;
+    min-height: $size;
+    max-width: $size;
+    max-height: $size;
     float: left;
     margin-right: $small-space;
 
@@ -110,8 +108,7 @@
       border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);
       border-left: 0.0625rem solid var(--theme-checkbox-checked--color);
       position: absolute;
-      top: 0.3rem;
-      left: 0.35rem;
+      margin: 0.3125rem 0.3125rem 0.1875rem;
       transform: rotate(-53deg) scale(2);
     }
 
@@ -151,8 +148,7 @@
       height: 0.125rem;
       border-bottom: 0.125rem solid var(--theme-checkbox-mixed--color);
       position: absolute;
-      top: $small-space;
-      left: $tiny-space;
+      margin: 0.5rem 0 0 0.25rem;
     }
 
     & + label:before {

package/scss/components/_modal.scss

@@ -19,7 +19,7 @@
   padding: 0;
   padding-bottom: $tiny-space;
   border: none;
-  align-items: flex-start;
+  align-items: center;
 
   [data-close-button] {
     margin-left: 1rem;

package/scss/components/_radiobuttons.scss

@@ -13,15 +13,20 @@
   /* Base for label styling */
   [type='radio']:not(:checked),
   [type='radio']:checked {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
     position: absolute;
-    opacity: 0;
-    pointer-events: none;
+    white-space: nowrap;
   }
 
   [type='radio']:not(:checked) + label,
   [type='radio']:checked + label {
+    display: inline-flex;
+    align-items: flex-start;
     position: relative;
-    line-height: $size;
     user-select: none;
 
     color: var(--theme-radiobtn-label--color);
@@ -36,6 +41,10 @@
     content: '';
     width: $size;
     height: $size;
+    min-width: $size;
+    min-height: $size;
+    max-width: $size;
+    max-height: $size;
     float: left;
     margin-right: $small-space;
 
@@ -133,46 +142,6 @@
     opacity: 0.5;
   }
 
-  [type='radio']:indeterminate {
-    & + label:after {
-      content: '';
-      position: relative;
-      display: block;
-      width: 0.875rem;
-      height: 0.0625rem;
-      border-bottom: 0.125rem solid var(--theme-radiobtn-mixed--color);
-      transform: translateX(0.3125rem) translateY(-0.8rem);
-    }
-
-    & + label:before {
-      background-color: var(--theme-radiobtn-mixed--background);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color);
-    }
-
-    &:hover + label:before {
-      background-color: var(--theme-radiobtn-mixed--background--hover);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--hover);
-    }
-
-    &:active + label:before {
-      background-color: var(--theme-radiobtn-mixed--background--active);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--active);
-    }
-
-    &:disabled + label::before {
-      background-color: var(--theme-radiobtn-mixed--background--disabled);
-      border: var(--theme-radiobtn--border-thickness) solid
-        var(--theme-radiobtn-mixed--border-color--disabled);
-    }
-
-    &:disabled + label::after {
-      border-color: var(--theme-radiobtn-mixed--color--disabled);
-    }
-  }
-
   [type='radio']:disabled + label {
     color: var(--theme-radiobtn-label--color--disabled);
   }

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

@@ -38,13 +38,14 @@ $classic-dark: (
     color-inv-weak-text: rgba(0, 0, 0, 0.3),
     color-lightbox: rgba(0, 0, 0, 0.55),
     color-backdrop: rgba(16, 24, 28, 0.85),
-    color-input-focus: #00ffb9,
+    color-input--focus: #00ffb9,
     app-header--color: rgba(255, 255, 255, 0.85),
     app-header--background: #555f69,
     app-header--border-color: rgba(0, 0, 0, 0),
     link-btn--border-color--hover: #41aaaa,
     btn-secondary--background--disabled: rgba(255, 255, 255, 0.25),
-    btn-invisible-secondary--background--selected-active: rgba(113, 191, 191, 0.32),
+    btn-invisible-secondary--background--selected-active:
+      rgba(113, 191, 191, 0.32),
     btn-secondary--color--active: rgba(255, 255, 255, 0.75),
     btn-primary--border-color--hover: rgba(255, 255, 255, 0),
     btn-secondary--color: rgba(255, 255, 255, 0.75),
@@ -823,5 +824,4 @@ $classic-dark: (
     chart-16: #baba9d,
     chart-17-40: rgba(181, 189, 0, 0.4),
     chart-17: #b5bd00,
-
 );

package/scss/theme/classic-light/_variables.scss

@@ -38,7 +38,7 @@ $classic-light: (
     color-lightbox: rgba(255, 255, 255, 0.6),
     color-7: #879baa,
     color-backdrop: rgba(255, 255, 255, 0.85),
-    color-input-focus: #00d7a0,
+    color-input--focus: #00d7a0,
     app-header--color: rgba(255, 255, 255, 0.85),
     app-header--background: #555f69,
     app-header--border-color: rgba(0, 0, 0, 0),
@@ -826,5 +826,4 @@ $classic-light: (
     chart-1-40: rgba(0, 133, 120, 0.4),
     color-1: #fff,
     input-hint--color: rgba(0, 0, 0, 0.6),
-
 );

package/src/components/button/readme.md

@@ -17,7 +17,7 @@ SPDX-License-Identifier: MIT
 | `ghost`     | `ghost`     | Button with no background or outline                                                         | `boolean`                  | `false`     |
 | `invisible` | `invisible` | <span style="color:red">**[DEPRECATED]**</span> use ghost property<br/><br/>Invisible button | `boolean`                  | `false`     |
 | `outline`   | `outline`   | Outline button                                                                               | `boolean`                  | `false`     |
-| `selected`  | `selected`  | Show button as selected. Should be used with outline or invisible                            | `boolean`                  | `false`     |
+| `selected`  | `selected`  | Show button as selected. Should be used with outline or ghost                                | `boolean`                  | `false`     |
 | `type`      | `type`      | Type of the button                                                                           | `"button" \| "submit"`     | `'button'`  |
 | `variant`   | `variant`   | Button varaint                                                                               | `"Primary" \| "Secondary"` | `'Primary'` |
 

package/src/components/chip/readme.md

@@ -13,15 +13,15 @@ SPDX-License-Identifier: MIT
 
 ## Properties
 
-| Property     | Attribute    | Description                                                          | Type                                                                                              | Default     |
-| ------------ | ------------ | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
-| `active`     | `active`     | Display chip in active state. Only working witht `variant="primary"` | `boolean`                                                                                         | `false`     |
-| `background` | `background` | Custom color for pill. Only working for `variant='custom'`           | `string`                                                                                          | `undefined` |
-| `closable`   | `closable`   | Show close icon                                                      | `boolean`                                                                                         | `false`     |
-| `color`      | `color`      | Custom font color for pill. Only working for `variant='custom'`      | `string`                                                                                          | `undefined` |
-| `icon`       | `icon`       | Show icon                                                            | `string`                                                                                          | `undefined` |
-| `outline`    | `outline`    | Show chip with outline style                                         | `boolean`                                                                                         | `false`     |
-| `variant`    | `variant`    | Chip variant                                                         | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
+| Property     | Attribute    | Description                                                       | Type                                                                                              | Default     |
+| ------------ | ------------ | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
+| `active`     | `active`     | Display chip in active state. Only works with `variant="primary"` | `boolean`                                                                                         | `false`     |
+| `background` | `background` | Custom color for pill. Only working for `variant='custom'`        | `string`                                                                                          | `undefined` |
+| `closable`   | `closable`   | Show close icon                                                   | `boolean`                                                                                         | `false`     |
+| `color`      | `color`      | Custom font color for pill. Only working for `variant='custom'`   | `string`                                                                                          | `undefined` |
+| `icon`       | `icon`       | Show icon                                                         | `string`                                                                                          | `undefined` |
+| `outline`    | `outline`    | Show chip with outline style                                      | `boolean`                                                                                         | `false`     |
+| `variant`    | `variant`    | Chip variant                                                      | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
 
 
 ## Events

package/src/components/group/readme.md

@@ -9,28 +9,6 @@ SPDX-License-Identifier: MIT
 <!-- Auto Generated Below -->
 
 
-## Properties
-
-| Property                  | Attribute                   | Description                                                                    | Type      | Default     |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------ | --------- | ----------- |
-| `collapsed`               | `collapsed`                 | Whether the group is collapsed or expanded. Defaults to true.                  | `boolean` | `true`      |
-| `expandOnHeaderClick`     | `expand-on-header-click`    | Expand the group if the header is clicked                                      | `boolean` | `false`     |
-| `header`                  | `header`                    | Group header                                                                   | `string`  | `undefined` |
-| `index`                   | `index`                     | The index of the selected group entry. If undefined no group item is selected. | `number`  | `undefined` |
-| `selected`                | `selected`                  | Whether the group is selected.                                                 | `boolean` | `undefined` |
-| `subHeader`               | `sub-header`                | Group header subtitle                                                          | `string`  | `undefined` |
-| `suppressHeaderSelection` | `suppress-header-selection` | Prevent header from being selectable                                           | `boolean` | `false`     |
-
-
-## Events
-
-| Event              | Description                           | Type                   |
-| ------------------ | ------------------------------------- | ---------------------- |
-| `collapsedChanged` | Group collapsed                       | `CustomEvent<boolean>` |
-| `selectGroup`      | Emits when whole group gets selected. | `CustomEvent<boolean>` |
-| `selectItem`       | Emits when group item gets selected.  | `CustomEvent<number>`  |
-
-
 ----------------------------------------------
 
 

package/src/components/modal/readme.md

@@ -41,7 +41,7 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `close(result: any) => Promise<void>`
+### `close<T = any>(result: T) => Promise<void>`
 
 Close modal
 
@@ -51,7 +51,7 @@ Type: `Promise<void>`
 
 
 
-### `dismiss(reason?: any) => Promise<void>`
+### `dismiss<T = any>(reason?: T) => Promise<void>`
 
 Dismiss modal instance
 

package/src/components/modal-container/readme.md

@@ -13,13 +13,13 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `showModal(config: ModalConfig) => Promise<{ onClose: TypedEvent<any>; onDismiss: TypedEvent<any>; }>`
+### `showModal(config: ModalConfig) => Promise<ModalInstance>`
 
 Display modal dialog
 
 #### Returns
 
-Type: `Promise<{ onClose: TypedEvent<any>; onDismiss: TypedEvent<any>; }>`
+Type: `Promise<ModalInstance<any>>`
 
 
 

package/dist/siemens-ix/p-161561ef.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-5c038d1d.js";import{g as i}from"./p-b12006c6.js";const o=class{constructor(s){t(this,s),this.variant="Secondary",this.outline=void 0,this.invisible=void 0,this.ghost=void 0,this.oval=void 0,this.icon=void 0,this.size="24",this.color=void 0,this.selected=!1,this.disabled=!1,this.type="button"}getIconButtonClasses(){return Object.assign({"btn-icon-xs":"12"===this.size,"btn-icon-s":"16"===this.size},i(this.variant,this.outline,this.ghost||this.invisible,!0,this.oval,this.selected,this.disabled))}render(){return s("button",{class:this.getIconButtonClasses(),type:this.type},s("ix-icon",{size:this.size,name:this.icon,color:this.color}),s("div",{style:{display:"none"}},s("slot",null)))}};export{o as ix_icon_button}