@siemens/ix 4.2.0 → 4.3.0

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

@@ -20,7 +20,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"ix-datetime-picker.cjs\",[[257,\"ix-datetime-picker\",{\"singleSelection\":[4,\"single-selection\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[4,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nTime\":[1,\"i18n-time\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"]}]]],[\"ix-pagination.cjs\",[[257,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"hideItemCount\":[4,\"hide-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i18n-page\"],\"i18nOf\":[1,\"i18n-of\"],\"i18nItems\":[1,\"i18n-items\"],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"ariaLabelPageSelection\":[1,\"aria-label-page-selection\"]}]]],[\"ix-date-dropdown.cjs\",[[257,\"ix-date-dropdown\",{\"disabled\":[4],\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"variant\":[1],\"loading\":[4],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"customRangeDisabled\":[4,\"custom-range-disabled\"],\"dateRangeOptions\":[16,\"date-range-options\"],\"locale\":[1],\"weekStartIndex\":[2,\"week-start-index\"],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"],\"disabled\":[\"onDisabledChange\"]}]]],[\"ix-date-input.cjs\",[[321,\"ix-date-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"locale\":[1],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"ariaLabelCalendarButton\":[1,\"aria-label-calendar-button\"],\"invalidText\":[513,\"invalid-text\"],\"readonly\":[4],\"disabled\":[4],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"i18nErrorDateUnparsable\":[1,\"i18n-error-date-unparsable\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"weekStartIndex\":[2,\"week-start-index\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"show\":[32],\"from\":[32],\"isInputInvalid\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"focus\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getValidityState\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-time-input.cjs\",[[321,\"ix-time-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[513,\"invalid-text\"],\"readonly\":[4],\"disabled\":[4],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"i18nErrorTimeUnparsable\":[1,\"i18n-error-time-unparsable\"],\"hourInterval\":[2,\"hour-interval\"],\"minuteInterval\":[2,\"minute-interval\"],\"secondInterval\":[2,\"second-interval\"],\"millisecondInterval\":[2,\"millisecond-interval\"],\"i18nSelectTime\":[1,\"i18n-select-time\"],\"i18nTime\":[1,\"i18n-time\"],\"i18nHourColumnHeader\":[1,\"i18n-hour-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"hideHeader\":[4,\"hide-header\"],\"textAlignment\":[1,\"text-alignment\"],\"show\":[32],\"time\":[32],\"isInputInvalid\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"focus\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getValidityState\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-menu-avatar.cjs\",[[257,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i18n-logout\"],\"hideLogoutButton\":[4,\"hide-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list.cjs\",[[257,\"ix-card-list\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"hideShowAll\":[4,\"hide-show-all\"],\"i18nShowAll\":[1,\"i18n-show-all\"],\"i18nMoreCards\":[1,\"i18n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-input.cjs\",[[321,\"ix-input\",{\"type\":[1],\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"inputType\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"getValidityState\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"type\":[\"updateInputType\"]}]]],[\"ix-menu.cjs\",[[257,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"i18nExpandSidebar\":[1,\"i18n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i18n-legal\"],\"i18nSettings\":[1,\"i18n-settings\"],\"i18nToggleTheme\":[1,\"i18n-toggle-theme\"],\"i18nExpand\":[1,\"i18n-expand\"],\"i18nCollapse\":[1,\"i18n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-category.cjs\",[[257,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"tooltipText\":[1,\"tooltip-text\"],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-number-input.cjs\",[[321,\"ix-number-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1538],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"min\":[8],\"max\":[8],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"showStepperButtons\":[4,\"show-stepper-buttons\"],\"step\":[8],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"allowEmptyValueChange\":[516,\"allow-empty-value-change\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"ix-application-header.cjs\",[[257,\"ix-application-header\",{\"name\":[1],\"nameSuffix\":[1,\"name-suffix\"],\"companyLogo\":[1,\"company-logo\"],\"companyLogoAlt\":[1,\"company-logo-alt\"],\"appIcon\":[1,\"app-icon\"],\"appIconAlt\":[1,\"app-icon-alt\"],\"appIconOutline\":[4,\"app-icon-outline\"],\"hideBottomBorder\":[4,\"hide-bottom-border\"],\"showMenu\":[1028,\"show-menu\"],\"ariaLabelMenuExpandIconButton\":[1,\"aria-label-menu-expand-icon-button\"],\"ariaLabelAppSwitchIconButton\":[1,\"aria-label-app-switch-icon-button\"],\"ariaLabelMoreMenuIconButton\":[1,\"aria-label-more-menu-icon-button\"],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedLogo\":[32],\"hasOverflowContextMenu\":[32],\"hasSecondarySlotElements\":[32],\"hasDefaultSlotElements\":[32],\"hasOverflowSlotElements\":[32],\"applicationLayoutContext\":[32]},null,{\"applicationLayoutContext\":[\"watchApplicationLayoutContext\"],\"suppressResponsive\":[\"watchSuppressResponsive\"]}]]],[\"ix-application-switch-modal.cjs\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card.cjs\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4]}]]],[\"ix-breadcrumb.cjs\",[[257,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16,\"next-items\"],\"subtle\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter.cjs\",[[257,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16,\"filter-state\"],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16,\"non-selectable-categories\"],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"staticOperator\":[1,\"static-operator\"],\"uniqueCategories\":[4,\"unique-categories\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i18n-plain-text\"],\"ariaLabelResetButton\":[1,\"aria-label-reset-button\"],\"ariaLabelOperatorButton\":[1,\"aria-label-operator-button\"],\"ariaLabelFilterInput\":[1,\"aria-label-filter-input\"],\"showDropdown\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-checkbox-group.cjs\",[[257,\"ix-checkbox-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"direction\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"required\":[4],\"isInvalid\":[32],\"isInfo\":[32],\"isValid\":[32],\"isWarning\":[32],\"isTouched\":[64],\"hasValidValue\":[64]}]]],[\"ix-chip.cjs\",[[257,\"ix-chip\",{\"variant\":[513],\"inactive\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4],\"tooltipText\":[8,\"tooltip-text\"],\"centerContent\":[4,\"center-content\"],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"]}]]],[\"ix-custom-field.cjs\",[[257,\"ix-custom-field\",{\"required\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32]}]]],[\"ix-dropdown-button.cjs\",[[257,\"ix-dropdown-button\",{\"variant\":[1],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"dropdownShow\":[32]}]]],[\"ix-group.cjs\",[[257,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"expanded\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"slotSize\":[32],\"footerVisible\":[32],\"showExpandCollapsedIcon\":[32],\"hasDropdown\":[32]},[[0,\"selectedChanged\",\"onItemClicked\"]],{\"selected\":[\"selectedChanged\"]}]]],[\"ix-menu-about.cjs\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news.cjs\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-menu-settings.cjs\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group.cjs\",[[257,\"ix-radio-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"value\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"direction\":[1],\"required\":[4],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"isTouched\":[64],\"setCheckedToNextItem\":[64]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button.cjs\",[[257,\"ix-split-button\",{\"variant\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"label\":[1],\"ariaLabelButton\":[1,\"aria-label-button\"],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"ariaLabelSplitIconButton\":[1,\"aria-label-split-icon-button\"],\"disabled\":[4],\"disableButton\":[4,\"disable-button\"],\"disableDropdownButton\":[4,\"disable-dropdown-button\"],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea.cjs\",[[321,\"ix-textarea\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"textareaHeight\":[1,\"textarea-height\"],\"textareaWidth\":[1,\"textarea-width\"],\"textareaRows\":[2,\"textarea-rows\"],\"textareaCols\":[2,\"textarea-cols\"],\"resizeBehavior\":[1,\"resize-behavior\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"textareaHeight\":[\"onDimensionPropsChange\"],\"textareaWidth\":[\"onDimensionPropsChange\"],\"resizeBehavior\":[\"onResizeBehaviorChange\"]}]]],[\"ix-toast-container.cjs\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card.cjs\",[[257,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"heading\":[1],\"subheading\":[1],\"selected\":[4],\"ariaLabelCard\":[1,\"aria-label-card\"]}]]],[\"ix-content-header.cjs\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state.cjs\",[[257,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1],\"ariaLabelEmptyStateIcon\":[1,\"aria-label-empty-state-icon\"]}]]],[\"ix-pane.cjs\",[[257,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCollapseCloseButton\":[1,\"aria-label-collapse-close-button\"],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"expanded\":[\"onExpandedChange\",\"onSizeChange\"],\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-drawer.cjs\",[[257,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"showContent\":[32],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search.cjs\",[[257,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"variant\":[1],\"ariaLabelSearchIconButton\":[1,\"aria-label-search-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"ariaLabelSearchInput\":[1,\"aria-label-search-input\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile.cjs\",[[257,\"ix-flip-tile\",{\"variant\":[1],\"height\":[8],\"width\":[8],\"index\":[2],\"ariaLabelEyeIconButton\":[1,\"aria-label-eye-icon-button\"],\"isFlipAnimationActive\":[32],\"hasFooterSlot\":[32]},null,{\"index\":[\"watchIndex\"]}]]],[\"ix-message-bar.cjs\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill.cjs\",[[257,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"background\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"],\"tooltipText\":[8,\"tooltip-text\"],\"iconOnly\":[32]}]]],[\"ix-progress-indicator.cjs\",[[257,\"ix-progress-indicator\",{\"type\":[1],\"size\":[1],\"value\":[2],\"min\":[2],\"max\":[2],\"status\":[1],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"textAlignment\":[1,\"text-alignment\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"]}]]],[\"ix-slider.cjs\",[[257,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload.cjs\",[[257,\"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,\"i18n-upload-file\"],\"i18nUploadDisabled\":[1,\"i18n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind.cjs\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox.cjs\",[[321,\"ix-checkbox\",{\"name\":[513],\"value\":[513],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[516],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-dropdown-header.cjs\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text.cjs\",[[257,\"ix-helper-text\",{\"htmlFor\":[1,\"html-for\"],\"helperText\":[1,\"helper-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validationResults\":[32]}]]],[\"ix-icon-toggle-button.cjs\",[[257,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"oval\":[4],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4],\"ariaLabelIconButton\":[1,\"aria-label-icon-button\"]}]]],[\"ix-modal-loading.cjs\",[[257,\"ix-modal-loading\"]]],[\"ix-radio.cjs\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"setCheckedState\":[64],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle.cjs\",[[321,\"ix-toggle\",{\"name\":[513],\"value\":[513],\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"watchCheckedChange\"]}]]],[\"ix-toggle-button.cjs\",[[257,\"ix-toggle-button\",{\"variant\":[1],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"pressed\":[4],\"ariaLabelButton\":[1,\"aria-label-button\"]}]]],[\"ix-tree.cjs\",[[257,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16,\"render-item\"],\"context\":[1040],\"toggleOnItemClick\":[4,\"toggle-on-item-click\"],\"markItemsAsDirty\":[64],\"refreshTree\":[64]},[[0,\"toggle\",\"onToggle\"]],{\"model\":[\"onModelChange\"]}]]],[\"ix-application.cjs\",[[257,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16,\"app-switch-config\"],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar.cjs\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content.cjs\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid.cjs\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item.cjs\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions.cjs\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list.cjs\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item.cjs\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content.cjs\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group.cjs\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value.cjs\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list.cjs\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi.cjs\",[[257,\"ix-kpi\",{\"label\":[1],\"ariaLabelAlarmIcon\":[1,\"aria-label-alarm-icon\"],\"ariaLabelWarningIcon\":[1,\"aria-label-warning-icon\"],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-layout-auto.cjs\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button.cjs\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item.cjs\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item.cjs\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal.cjs\",[[257,\"ix-modal\",{\"size\":[1],\"disableAnimation\":[4,\"disable-animation\"],\"hideBackdrop\":[4,\"hide-backdrop\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16,\"before-dismiss\"],\"centered\":[4],\"disableEscapeClose\":[4,\"disable-escape-close\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer.cjs\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout.cjs\",[[257,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-tile.cjs\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip.cjs\",[[257,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step.cjs\",[[257,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps.cjs\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-typography.cjs\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-select.cjs\",[[321,\"ix-select\",{\"name\":[513],\"required\":[516],\"label\":[1],\"ariaLabelChevronDownIconButton\":[1,\"aria-label-chevron-down-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"warningText\":[1,\"warning-text\"],\"infoText\":[1,\"info-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"helperText\":[1,\"helper-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i18n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i18n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i18n-select-list-header\"],\"i18nNoMatches\":[1,\"i18n-no-matches\"],\"i18nAllSelected\":[1,\"i18n-all-selected\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"collapseMultipleSelection\":[4,\"collapse-multiple-selection\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"isDropdownEmpty\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:valueChange\",\"onLabelChange\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"value\":[\"watchValue\"],\"dropdownShow\":[\"watchDropdownShow\"]}]]],[\"ix-toast.cjs\",[[257,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"preventAutoClose\":[4,\"prevent-auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"progress\":[32],\"touched\":[32],\"paused\":[32],\"pause\":[64],\"resume\":[64],\"isPaused\":[64]}]]],[\"ix-breadcrumb-item.cjs\",[[257,\"ix-breadcrumb-item\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"rel\":[1],\"subtle\":[4],\"invisible\":[4],\"hideChevron\":[4,\"hide-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item.cjs\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-avatar_2.cjs\",[[257,\"ix-avatar\",{\"a11yLabel\":[1,\"a11y-label\"],\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"ariaLabelTooltip\":[1,\"aria-label-tooltip\"],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[257,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-modal-content_2.cjs\",[[257,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[257,\"ix-modal-content\"]]],[\"ix-group-context-menu_2.cjs\",[[257,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[257,\"ix-group-item\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"groupFooter\":[4,\"group-footer\"],\"selected\":[4],\"disabled\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-tab-item_2.cjs\",[[257,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[257,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32],\"showArrowPrevious\":[32],\"showArrowNext\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]],{\"selected\":[\"onSelectedChange\"]}]]],[\"ix-filter-chip_2.cjs\",[[257,\"ix-select-item\",{\"label\":[513],\"value\":[513],\"selected\":[4],\"hover\":[4],\"getDropdownItemElement\":[64],\"onItemClick\":[64]},null,{\"value\":[\"onValueChange\"],\"label\":[\"labelChange\"]}],[257,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"]}]]],[\"ix-card_2.cjs\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[257,\"ix-card-content\"]]],[\"ix-date-time-card.cjs\",[[257,\"ix-date-time-card\",{\"embedded\":[4],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"corners\":[1]}]]],[\"ix-time-picker.cjs\",[[257,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"embedded\":[4],\"dateTimePickerAppearance\":[4,\"date-time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hourInterval\":[1026,\"hour-interval\"],\"minuteInterval\":[1026,\"minute-interval\"],\"secondInterval\":[1026,\"second-interval\"],\"millisecondInterval\":[1026,\"millisecond-interval\"],\"time\":[1],\"i18nConfirmTime\":[1,\"i18n-confirm-time\"],\"i18nHeader\":[1,\"i18n-header\"],\"i18nHourColumnHeader\":[1,\"i18n-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"_time\":[32],\"timeRef\":[32],\"formattedTime\":[32],\"timePickerDescriptors\":[32],\"isUnitFocused\":[32],\"focusedUnit\":[32],\"focusedValue\":[32],\"getCurrentTime\":[64]},null,{\"format\":[\"watchFormatIntervalPropHandler\"],\"hourInterval\":[\"watchHourIntervalPropHandler\"],\"minuteInterval\":[\"watchMinuteIntervalPropHandler\"],\"secondInterval\":[\"watchSecondIntervalPropHandler\"],\"millisecondInterval\":[\"watchMillisecondIntervalPropHandler\"],\"time\":[\"watchTimePropHandler\"],\"_time\":[\"onTimeChange\"]}]]],[\"ix-menu-expand-icon.cjs\",[[257,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-menu-item.cjs\",[[257,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"tooltipText\":[1,\"tooltip-text\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"ariaHiddenTooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"]}]]],[\"ix-card-accordion_2.cjs\",[[257,\"ix-card-accordion\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"collapse\":[4],\"variant\":[1],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[257,\"ix-card-title\"]]],[\"ix-divider.cjs\",[[257,\"ix-divider\"]]],[\"ix-dropdown-item.cjs\",[[257,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelButton\":[1,\"aria-label-button\"],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-button.cjs\",[[273,\"ix-button\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"variant\":[1],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"form\":[1],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"href\":[1],\"target\":[1],\"rel\":[1]},[[2,\"click\",\"handleClick\"]],{\"form\":[\"handleFormChange\"]}]]],[\"ix-dropdown.cjs\",[[257,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16,\"overwrite-dropdown-style\"],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"ignoreRelatedSubmenu\":[4,\"ignore-related-submenu\"],\"suppressOverflowBehavior\":[4,\"suppress-overflow-behavior\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-col_4.cjs\",[[257,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[257,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[257,\"ix-row\"],[257,\"ix-date-picker\",{\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"i18nDone\":[1,\"i18n-done\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"embedded\":[4],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dayNames\":[32],\"monthNames\":[32],\"focusedDay\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}]]],[\"ix-tooltip.cjs\",[[257,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"showDelay\":[2,\"show-delay\"],\"hideDelay\":[2,\"hide-delay\"],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-field-label_2.cjs\",[[257,\"ix-field-wrapper\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"isInvalid\":[4,\"is-invalid\"],\"isValid\":[4,\"is-valid\"],\"isInfo\":[4,\"is-info\"],\"isWarning\":[4,\"is-warning\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"required\":[4],\"htmlForLabel\":[1,\"html-for-label\"],\"controlRef\":[16,\"control-ref\"]}],[257,\"ix-field-label\",{\"required\":[1540],\"htmlFor\":[513,\"html-for\"],\"controlRef\":[16,\"control-ref\"],\"isInvalid\":[1028,\"is-invalid\"]},null,{\"htmlFor\":[\"registerHtmlForObserver\"],\"controlRef\":[\"registerControlRefObserver\"]}]]],[\"ix-icon-button_2.cjs\",[[257,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"oval\":[4],\"icon\":[1],\"size\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[257,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"ix-datetime-picker.cjs\",[[257,\"ix-datetime-picker\",{\"singleSelection\":[4,\"single-selection\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[4,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nTime\":[1,\"i18n-time\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"]}]]],[\"ix-pagination.cjs\",[[257,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"hideItemCount\":[4,\"hide-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i18n-page\"],\"i18nOf\":[1,\"i18n-of\"],\"i18nItems\":[1,\"i18n-items\"],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"ariaLabelPageSelection\":[1,\"aria-label-page-selection\"]}]]],[\"ix-date-dropdown.cjs\",[[257,\"ix-date-dropdown\",{\"disabled\":[4],\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"variant\":[1],\"loading\":[4],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"customRangeDisabled\":[4,\"custom-range-disabled\"],\"dateRangeOptions\":[16,\"date-range-options\"],\"locale\":[1],\"weekStartIndex\":[2,\"week-start-index\"],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"enableTopLayer\":[4,\"enable-top-layer\"],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"],\"disabled\":[\"onDisabledChange\"]}]]],[\"ix-date-input.cjs\",[[321,\"ix-date-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"locale\":[1],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"ariaLabelCalendarButton\":[1,\"aria-label-calendar-button\"],\"invalidText\":[513,\"invalid-text\"],\"readonly\":[4],\"disabled\":[4],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"i18nErrorDateUnparsable\":[1,\"i18n-error-date-unparsable\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"weekStartIndex\":[2,\"week-start-index\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"show\":[32],\"from\":[32],\"isInputInvalid\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"focus\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getValidityState\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-time-input.cjs\",[[321,\"ix-time-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[513,\"invalid-text\"],\"readonly\":[4],\"disabled\":[4],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"i18nErrorTimeUnparsable\":[1,\"i18n-error-time-unparsable\"],\"hourInterval\":[2,\"hour-interval\"],\"minuteInterval\":[2,\"minute-interval\"],\"secondInterval\":[2,\"second-interval\"],\"millisecondInterval\":[2,\"millisecond-interval\"],\"i18nSelectTime\":[1,\"i18n-select-time\"],\"i18nTime\":[1,\"i18n-time\"],\"i18nHourColumnHeader\":[1,\"i18n-hour-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"hideHeader\":[4,\"hide-header\"],\"textAlignment\":[1,\"text-alignment\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"show\":[32],\"time\":[32],\"isInputInvalid\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"focus\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getValidityState\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-menu-avatar.cjs\",[[257,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"ariaLabelTooltip\":[1,\"aria-label-tooltip\"],\"i18nLogout\":[1,\"i18n-logout\"],\"hideLogoutButton\":[4,\"hide-logout-button\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"showContextMenu\":[32]}]]],[\"ix-card-list.cjs\",[[257,\"ix-card-list\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"hideShowAll\":[4,\"hide-show-all\"],\"i18nShowAll\":[1,\"i18n-show-all\"],\"i18nMoreCards\":[1,\"i18n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-input.cjs\",[[321,\"ix-input\",{\"type\":[1],\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"inputType\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"getValidityState\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"type\":[\"updateInputType\"]}]]],[\"ix-menu.cjs\",[[257,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"i18nExpandSidebar\":[1,\"i18n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i18n-legal\"],\"i18nSettings\":[1,\"i18n-settings\"],\"i18nToggleTheme\":[1,\"i18n-toggle-theme\"],\"i18nExpand\":[1,\"i18n-expand\"],\"i18nCollapse\":[1,\"i18n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"isDarkMode\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"expand\":[\"expandChanged\"],\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-category.cjs\",[[257,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"tooltipText\":[1,\"tooltip-text\"],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-number-input.cjs\",[[321,\"ix-number-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1538],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"min\":[8],\"max\":[8],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"showStepperButtons\":[4,\"show-stepper-buttons\"],\"step\":[8],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"allowEmptyValueChange\":[516,\"allow-empty-value-change\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"ix-application-header.cjs\",[[257,\"ix-application-header\",{\"name\":[1],\"nameSuffix\":[1,\"name-suffix\"],\"companyLogo\":[1,\"company-logo\"],\"companyLogoAlt\":[1,\"company-logo-alt\"],\"appIcon\":[1,\"app-icon\"],\"appIconAlt\":[1,\"app-icon-alt\"],\"appIconOutline\":[4,\"app-icon-outline\"],\"hideBottomBorder\":[4,\"hide-bottom-border\"],\"showMenu\":[1028,\"show-menu\"],\"ariaLabelMenuExpandIconButton\":[1,\"aria-label-menu-expand-icon-button\"],\"ariaLabelAppSwitchIconButton\":[1,\"aria-label-app-switch-icon-button\"],\"ariaLabelMoreMenuIconButton\":[1,\"aria-label-more-menu-icon-button\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedLogo\":[32],\"hasOverflowContextMenu\":[32],\"hasSecondarySlotElements\":[32],\"hasDefaultSlotElements\":[32],\"hasOverflowSlotElements\":[32],\"applicationLayoutContext\":[32]},null,{\"applicationLayoutContext\":[\"watchApplicationLayoutContext\"],\"suppressResponsive\":[\"watchSuppressResponsive\"]}]]],[\"ix-application-switch-modal.cjs\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card.cjs\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4],\"passive\":[4]}]]],[\"ix-breadcrumb.cjs\",[[257,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16,\"next-items\"],\"subtle\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter.cjs\",[[257,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16,\"filter-state\"],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16,\"non-selectable-categories\"],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"staticOperator\":[1,\"static-operator\"],\"uniqueCategories\":[4,\"unique-categories\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i18n-plain-text\"],\"ariaLabelResetButton\":[1,\"aria-label-reset-button\"],\"ariaLabelOperatorButton\":[1,\"aria-label-operator-button\"],\"ariaLabelFilterInput\":[1,\"aria-label-filter-input\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"showDropdown\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-checkbox-group.cjs\",[[257,\"ix-checkbox-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"direction\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"required\":[4],\"isInvalid\":[32],\"isInfo\":[32],\"isValid\":[32],\"isWarning\":[32],\"isTouched\":[64],\"hasValidValue\":[64]}]]],[\"ix-chip.cjs\",[[257,\"ix-chip\",{\"variant\":[513],\"inactive\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4],\"tooltipText\":[8,\"tooltip-text\"],\"centerContent\":[4,\"center-content\"],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"]}]]],[\"ix-custom-field.cjs\",[[257,\"ix-custom-field\",{\"required\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32]}]]],[\"ix-dropdown-button.cjs\",[[257,\"ix-dropdown-button\",{\"variant\":[1],\"disabled\":[516],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"dropdownShow\":[32]}]]],[\"ix-group.cjs\",[[257,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"expanded\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"slotSize\":[32],\"footerVisible\":[32],\"showExpandCollapsedIcon\":[32],\"hasDropdown\":[32]},[[0,\"selectedChanged\",\"onItemClicked\"]],{\"selected\":[\"selectedChanged\"]}]]],[\"ix-menu-about.cjs\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news.cjs\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-menu-settings.cjs\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group.cjs\",[[257,\"ix-radio-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"value\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"direction\":[1],\"required\":[4],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"isTouched\":[64],\"setCheckedToNextItem\":[64]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-slider.cjs\",[[321,\"ix-slider\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"isTouched\":[64]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-split-button.cjs\",[[257,\"ix-split-button\",{\"variant\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"label\":[1],\"ariaLabelButton\":[1,\"aria-label-button\"],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"ariaLabelSplitIconButton\":[1,\"aria-label-split-icon-button\"],\"disabled\":[4],\"disableButton\":[4,\"disable-button\"],\"disableDropdownButton\":[4,\"disable-dropdown-button\"],\"placement\":[1],\"enableTopLayer\":[4,\"enable-top-layer\"],\"toggle\":[32]}]]],[\"ix-textarea.cjs\",[[321,\"ix-textarea\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"textareaHeight\":[1,\"textarea-height\"],\"textareaWidth\":[1,\"textarea-width\"],\"textareaRows\":[2,\"textarea-rows\"],\"textareaCols\":[2,\"textarea-cols\"],\"resizeBehavior\":[1,\"resize-behavior\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"textareaHeight\":[\"onDimensionPropsChange\"],\"textareaWidth\":[\"onDimensionPropsChange\"],\"resizeBehavior\":[\"onResizeBehaviorChange\"]}]]],[\"ix-toast-container.cjs\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card.cjs\",[[257,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"heading\":[1],\"subheading\":[1],\"selected\":[4],\"ariaLabelCard\":[1,\"aria-label-card\"],\"passive\":[4]}]]],[\"ix-content-header.cjs\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state.cjs\",[[257,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1],\"ariaLabelEmptyStateIcon\":[1,\"aria-label-empty-state-icon\"]}]]],[\"ix-pane.cjs\",[[257,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCollapseCloseButton\":[1,\"aria-label-collapse-close-button\"],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"expanded\":[\"onExpandedChange\",\"onSizeChange\"],\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-drawer.cjs\",[[257,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"showContent\":[32],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search.cjs\",[[257,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"variant\":[1],\"ariaLabelSearchIconButton\":[1,\"aria-label-search-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"ariaLabelSearchInput\":[1,\"aria-label-search-input\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile.cjs\",[[257,\"ix-flip-tile\",{\"variant\":[1],\"height\":[8],\"width\":[8],\"index\":[2],\"ariaLabelEyeIconButton\":[1,\"aria-label-eye-icon-button\"],\"isFlipAnimationActive\":[32],\"hasFooterSlot\":[32]},null,{\"index\":[\"watchIndex\"]}]]],[\"ix-message-bar.cjs\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill.cjs\",[[257,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"background\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"],\"tooltipText\":[8,\"tooltip-text\"],\"iconOnly\":[32]}]]],[\"ix-progress-indicator.cjs\",[[257,\"ix-progress-indicator\",{\"type\":[1],\"size\":[1],\"value\":[2],\"min\":[2],\"max\":[2],\"status\":[1],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"textAlignment\":[1,\"text-alignment\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"]}]]],[\"ix-upload.cjs\",[[257,\"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,\"i18n-upload-file\"],\"i18nUploadDisabled\":[1,\"i18n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind.cjs\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox.cjs\",[[321,\"ix-checkbox\",{\"name\":[513],\"value\":[513],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[516],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-dropdown-header.cjs\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text.cjs\",[[257,\"ix-helper-text\",{\"htmlFor\":[1,\"html-for\"],\"helperText\":[1,\"helper-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validationResults\":[32]}]]],[\"ix-icon-toggle-button.cjs\",[[257,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"oval\":[4],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4],\"ariaLabelIconButton\":[1,\"aria-label-icon-button\"]}]]],[\"ix-modal-loading.cjs\",[[257,\"ix-modal-loading\"]]],[\"ix-radio.cjs\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"setCheckedState\":[64],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle.cjs\",[[321,\"ix-toggle\",{\"name\":[513],\"value\":[513],\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"watchCheckedChange\"]}]]],[\"ix-toggle-button.cjs\",[[257,\"ix-toggle-button\",{\"variant\":[1],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"pressed\":[4],\"ariaLabelButton\":[1,\"aria-label-button\"]}]]],[\"ix-tree.cjs\",[[257,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16,\"render-item\"],\"context\":[1040],\"toggleOnItemClick\":[4,\"toggle-on-item-click\"],\"markItemsAsDirty\":[64],\"refreshTree\":[64]},[[0,\"toggle\",\"onToggle\"]],{\"model\":[\"onModelChange\"]}]]],[\"ix-application.cjs\",[[257,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16,\"app-switch-config\"],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar.cjs\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content.cjs\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid.cjs\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item.cjs\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions.cjs\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list.cjs\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item.cjs\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content.cjs\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group.cjs\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value.cjs\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list.cjs\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi.cjs\",[[257,\"ix-kpi\",{\"label\":[1],\"ariaLabelAlarmIcon\":[1,\"aria-label-alarm-icon\"],\"ariaLabelWarningIcon\":[1,\"aria-label-warning-icon\"],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-layout-auto.cjs\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button.cjs\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item.cjs\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item.cjs\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal.cjs\",[[257,\"ix-modal\",{\"size\":[1],\"disableAnimation\":[4,\"disable-animation\"],\"hideBackdrop\":[4,\"hide-backdrop\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16,\"before-dismiss\"],\"centered\":[4],\"disableEscapeClose\":[4,\"disable-escape-close\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer.cjs\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout.cjs\",[[257,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-tile.cjs\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip.cjs\",[[257,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step.cjs\",[[257,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps.cjs\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-typography.cjs\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-select.cjs\",[[321,\"ix-select\",{\"name\":[513],\"required\":[516],\"label\":[1],\"ariaLabelChevronDownIconButton\":[1,\"aria-label-chevron-down-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"warningText\":[1,\"warning-text\"],\"infoText\":[1,\"info-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"helperText\":[1,\"helper-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i18n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i18n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i18n-select-list-header\"],\"i18nNoMatches\":[1,\"i18n-no-matches\"],\"i18nAllSelected\":[1,\"i18n-all-selected\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"collapseMultipleSelection\":[4,\"collapse-multiple-selection\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"isDropdownEmpty\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:valueChange\",\"onLabelChange\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"value\":[\"watchValue\"],\"dropdownShow\":[\"watchDropdownShow\"]}]]],[\"ix-toast.cjs\",[[257,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"preventAutoClose\":[4,\"prevent-auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"hideIcon\":[4,\"hide-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"progress\":[32],\"touched\":[32],\"paused\":[32],\"pause\":[64],\"resume\":[64],\"isPaused\":[64]}]]],[\"ix-breadcrumb-item.cjs\",[[257,\"ix-breadcrumb-item\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"rel\":[1],\"subtle\":[4],\"invisible\":[4],\"hideChevron\":[4,\"hide-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item.cjs\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-avatar_2.cjs\",[[257,\"ix-avatar\",{\"a11yLabel\":[1,\"a11y-label\"],\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"ariaLabelTooltip\":[1,\"aria-label-tooltip\"],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[257,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-modal-content_2.cjs\",[[257,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[257,\"ix-modal-content\"]]],[\"ix-group-context-menu_2.cjs\",[[257,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[257,\"ix-group-item\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"groupFooter\":[4,\"group-footer\"],\"selected\":[4],\"disabled\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-tab-item_2.cjs\",[[257,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[257,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32],\"showArrowPrevious\":[32],\"showArrowNext\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]],{\"selected\":[\"onSelectedChange\"]}]]],[\"ix-date-time-card.cjs\",[[257,\"ix-date-time-card\",{\"embedded\":[4],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"corners\":[1]}]]],[\"ix-time-picker.cjs\",[[257,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"embedded\":[4],\"dateTimePickerAppearance\":[4,\"date-time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hourInterval\":[1026,\"hour-interval\"],\"minuteInterval\":[1026,\"minute-interval\"],\"secondInterval\":[1026,\"second-interval\"],\"millisecondInterval\":[1026,\"millisecond-interval\"],\"time\":[1],\"i18nConfirmTime\":[1,\"i18n-confirm-time\"],\"i18nHeader\":[1,\"i18n-header\"],\"i18nHourColumnHeader\":[1,\"i18n-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"_time\":[32],\"timeRef\":[32],\"formattedTime\":[32],\"timePickerDescriptors\":[32],\"isUnitFocused\":[32],\"focusedUnit\":[32],\"focusedValue\":[32],\"getCurrentTime\":[64]},null,{\"format\":[\"watchFormatIntervalPropHandler\"],\"hourInterval\":[\"watchHourIntervalPropHandler\"],\"minuteInterval\":[\"watchMinuteIntervalPropHandler\"],\"secondInterval\":[\"watchSecondIntervalPropHandler\"],\"millisecondInterval\":[\"watchMillisecondIntervalPropHandler\"],\"time\":[\"watchTimePropHandler\"],\"_time\":[\"onTimeChange\"]}]]],[\"ix-menu-expand-icon.cjs\",[[257,\"ix-menu-expand-icon\",{\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4],\"ixAriaLabel\":[1,\"ix-aria-label\"]}]]],[\"ix-menu-item.cjs\",[[257,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"tooltipText\":[1,\"tooltip-text\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"ariaHiddenTooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"]}]]],[\"ix-card-accordion_2.cjs\",[[257,\"ix-card-accordion\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"collapse\":[4],\"variant\":[1],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[257,\"ix-card-title\"]]],[\"ix-divider.cjs\",[[257,\"ix-divider\"]]],[\"ix-card_2.cjs\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4],\"passive\":[4]}],[257,\"ix-card-content\"]]],[\"ix-dropdown-item.cjs\",[[257,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelButton\":[1,\"aria-label-button\"],\"hover\":[4],\"disabled\":[516],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-filter-chip_2.cjs\",[[257,\"ix-select-item\",{\"label\":[513],\"value\":[513],\"selected\":[4],\"hover\":[4],\"getDropdownItemElement\":[64],\"onItemClick\":[64]},null,{\"value\":[\"onValueChange\"],\"label\":[\"labelChange\"]}],[257,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"]}]]],[\"ix-button.cjs\",[[273,\"ix-button\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"variant\":[1],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"form\":[1],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"href\":[1],\"target\":[1],\"rel\":[1]},[[2,\"click\",\"handleClick\"]],{\"form\":[\"handleFormChange\"]}]]],[\"ix-dropdown.cjs\",[[257,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16,\"overwrite-dropdown-style\"],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"ignoreRelatedSubmenu\":[4,\"ignore-related-submenu\"],\"suppressOverflowBehavior\":[4,\"suppress-overflow-behavior\"],\"enableTopLayer\":[4,\"enable-top-layer\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-col_4.cjs\",[[257,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[257,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[257,\"ix-row\"],[257,\"ix-date-picker\",{\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"i18nDone\":[1,\"i18n-done\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"embedded\":[4],\"today\":[1],\"enableTopLayer\":[4,\"enable-top-layer\"],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dayNames\":[32],\"monthNames\":[32],\"focusedDay\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}]]],[\"ix-tooltip.cjs\",[[257,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"showDelay\":[2,\"show-delay\"],\"hideDelay\":[2,\"hide-delay\"],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-field-label_2.cjs\",[[257,\"ix-field-wrapper\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"isInvalid\":[4,\"is-invalid\"],\"isValid\":[4,\"is-valid\"],\"isInfo\":[4,\"is-info\"],\"isWarning\":[4,\"is-warning\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"required\":[4],\"htmlForLabel\":[1,\"html-for-label\"],\"controlRef\":[16,\"control-ref\"]}],[257,\"ix-field-label\",{\"required\":[1540],\"htmlFor\":[513,\"html-for\"],\"controlRef\":[16,\"control-ref\"],\"isInvalid\":[1028,\"is-invalid\"]},null,{\"isInvalid\":[\"isInvalidChanged\"],\"htmlFor\":[\"registerHtmlForObserver\"],\"controlRef\":[\"registerControlRefObserver\"]}]]],[\"ix-icon-button_2.cjs\",[[257,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"oval\":[4],\"icon\":[1],\"size\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[257,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/action-card/action-card.js

@@ -22,6 +22,10 @@ export class IxActionCard {
          * Card selection
          */
         this.selected = false;
+        /**
+         * If true, disables hover and active styles and changes cursor to default
+         */
+        this.passive = false;
     }
     getSubheadingTextColor() {
         return this.variant === 'outline' || this.variant === 'filled'
@@ -32,7 +36,7 @@ export class IxActionCard {
         const ariaLabelledBy = !this.ariaLabelCard && this.heading
             ? 'ix-action-card-heading'
             : undefined;
-        return (h(Host, { key: '167db61afb0880052edd6e28ec9e907dbe98a186' }, h("ix-card", { key: 'e8014c544dbadee66135b8def9b868488a07773b', selected: this.selected, variant: this.variant, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, h("ix-card-content", { key: 'bcb177b0fbe2a709d3ab9d8479077eb64ef2496a' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, h("div", { key: '65aa3882ad626df59598626bf7a67e1431fcf6e4' }, this.heading ? (h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, h("slot", { key: '9ffacb3ea7d9642a2adbad41d9e6fc36a8e5118b' }))))));
+        return (h(Host, { key: '600ad1913e671fb47ec9da8f66e984bbde498fae' }, h("ix-card", { key: '1a8168a17a643908126f841e9cdd6d0055a62399', selected: this.selected, variant: this.variant, passive: this.passive, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, h("ix-card-content", { key: 'c138b94b131af478fee65244f32b91cdf78b31df' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, h("div", { key: 'eb0252c628c75709fddae387a3b4a7abbf7c3df0' }, this.heading ? (h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, h("slot", { key: 'f47fd515fc5b8f22344dc83b808e527116238618' }))))));
     }
     static get is() { return "ix-action-card"; }
     static get encapsulation() { return "shadow"; }
@@ -195,6 +199,26 @@ export class IxActionCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "passive": {
+                "type": "boolean",
+                "attribute": "passive",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, disables hover and active styles and changes cursor to default"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/action-card/action-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-card.js","sourceRoot":"","sources":["../../../src/components/action-card/action-card.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAO1E,MAAM,OAAO,YAAY;IALzB;QAME;;WAEG;QACK,YAAO,GAAsB,SAAS,CAAC;QAE/C;;WAEG;QACK,SAAI,GAAuB,SAAS,CAAC;QAmB7C;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;KAmE1B;IA1DS,sBAAsB;QAC5B,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC5D,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,MAAM,cAAc,GAClB,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO;YACjC,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,SAAS,CAAC;QAEhB,OAAO,CACL,EAAC,IAAI;YACH,gEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,SAAS,gBACJ,IAAI,CAAC,aAAa,qBACb,cAAc,EAC/B,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAE1C;oBACG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,gBAEP,IAAI,CAAC,aAAa,IAAI,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,GAEtD,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR;wBACG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,qBACE,EAAE,EAAC,wBAAwB,iBACd,WAAW,CAAC,CAAC,cAAc,CAAC,EACzC,MAAM,EAAC,IAAI,IAEV,IAAI,CAAC,OAAO,CACC,CACjB,CAAC,CAAC,CAAC,IAAI;wBACP,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,qBACE,MAAM,EAAC,IAAI,gBACC,IAAI,CAAC,sBAAsB,EAAE,IAExC,IAAI,CAAC,UAAU,CACF,CACjB,CAAC,CAAC,CAAC,IAAI;wBACR,8DAAa,CACT,CACU,CACV,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { ActionCardVariant } from './action-card.types';\nimport { a11yBoolean, getFallbackLabelFromIconName } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-action-card',\n  styleUrl: 'action-card.scss',\n  shadow: true,\n})\nexport class IxActionCard {\n  /**\n   * Card variant\n   */\n  @Prop() variant: ActionCardVariant = 'outline';\n\n  /**\n   * Card icon\n   */\n  @Prop() icon: string | undefined = undefined;\n\n  /**\n   * ARIA label for the icon\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelIcon?: string;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card selection\n   */\n  @Prop() selected = false;\n\n  /**\n   * ARIA label for the card\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelCard?: string;\n\n  private getSubheadingTextColor() {\n    return this.variant === 'outline' || this.variant === 'filled'\n      ? 'soft'\n      : undefined;\n  }\n\n  render() {\n    const ariaLabelledBy =\n      !this.ariaLabelCard && this.heading\n        ? 'ix-action-card-heading'\n        : undefined;\n\n    return (\n      <Host>\n        <ix-card\n          selected={this.selected}\n          variant={this.variant}\n          class={'pointer'}\n          aria-label={this.ariaLabelCard}\n          aria-labelledby={ariaLabelledBy}\n          role={ariaLabelledBy ? 'group' : undefined}\n        >\n          <ix-card-content>\n            {this.icon ? (\n              <ix-icon\n                class={'icon'}\n                name={this.icon}\n                size=\"32\"\n                aria-label={\n                  this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon)\n                }\n              ></ix-icon>\n            ) : null}\n            <div>\n              {this.heading ? (\n                <ix-typography\n                  id=\"ix-action-card-heading\"\n                  aria-hidden={a11yBoolean(!ariaLabelledBy)}\n                  format=\"h4\"\n                >\n                  {this.heading}\n                </ix-typography>\n              ) : null}\n              {this.subheading ? (\n                <ix-typography\n                  format=\"h5\"\n                  text-color={this.getSubheadingTextColor()}\n                >\n                  {this.subheading}\n                </ix-typography>\n              ) : null}\n              <slot></slot>\n            </div>\n          </ix-card-content>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"action-card.js","sourceRoot":"","sources":["../../../src/components/action-card/action-card.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AAO1E,MAAM,OAAO,YAAY;IALzB;QAME;;WAEG;QACK,YAAO,GAAsB,SAAS,CAAC;QAE/C;;WAEG;QACK,SAAI,GAAuB,SAAS,CAAC;QAmB7C;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;QASzB;;WAEG;QACK,YAAO,GAAY,KAAK,CAAC;KA6DlC;IA3DS,sBAAsB;QAC5B,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ;YAC5D,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,MAAM,cAAc,GAClB,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO;YACjC,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,SAAS,CAAC;QAEhB,OAAO,CACL,EAAC,IAAI;YACH,gEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,SAAS,gBACJ,IAAI,CAAC,aAAa,qBACb,cAAc,EAC/B,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAE1C;oBACG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,gBAEP,IAAI,CAAC,aAAa,IAAI,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,GAEtD,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR;wBACG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,qBACE,EAAE,EAAC,wBAAwB,iBACd,WAAW,CAAC,CAAC,cAAc,CAAC,EACzC,MAAM,EAAC,IAAI,IAEV,IAAI,CAAC,OAAO,CACC,CACjB,CAAC,CAAC,CAAC,IAAI;wBACP,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,qBACE,MAAM,EAAC,IAAI,gBACC,IAAI,CAAC,sBAAsB,EAAE,IAExC,IAAI,CAAC,UAAU,CACF,CACjB,CAAC,CAAC,CAAC,IAAI;wBACR,8DAAa,CACT,CACU,CACV,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { ActionCardVariant } from './action-card.types';\nimport { a11yBoolean, getFallbackLabelFromIconName } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-action-card',\n  styleUrl: 'action-card.scss',\n  shadow: true,\n})\nexport class IxActionCard {\n  /**\n   * Card variant\n   */\n  @Prop() variant: ActionCardVariant = 'outline';\n\n  /**\n   * Card icon\n   */\n  @Prop() icon: string | undefined = undefined;\n\n  /**\n   * ARIA label for the icon\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelIcon?: string;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card selection\n   */\n  @Prop() selected = false;\n\n  /**\n   * ARIA label for the card\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelCard?: string;\n\n  /**\n   * If true, disables hover and active styles and changes cursor to default\n   */\n  @Prop() passive: boolean = false;\n\n  private getSubheadingTextColor() {\n    return this.variant === 'outline' || this.variant === 'filled'\n      ? 'soft'\n      : undefined;\n  }\n\n  render() {\n    const ariaLabelledBy =\n      !this.ariaLabelCard && this.heading\n        ? 'ix-action-card-heading'\n        : undefined;\n\n    return (\n      <Host>\n        <ix-card\n          selected={this.selected}\n          variant={this.variant}\n          passive={this.passive}\n          class={'pointer'}\n          aria-label={this.ariaLabelCard}\n          aria-labelledby={ariaLabelledBy}\n          role={ariaLabelledBy ? 'group' : undefined}\n        >\n          <ix-card-content>\n            {this.icon ? (\n              <ix-icon\n                class={'icon'}\n                name={this.icon}\n                size=\"32\"\n                aria-label={\n                  this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon)\n                }\n              ></ix-icon>\n            ) : null}\n            <div>\n              {this.heading ? (\n                <ix-typography\n                  id=\"ix-action-card-heading\"\n                  aria-hidden={a11yBoolean(!ariaLabelledBy)}\n                  format=\"h4\"\n                >\n                  {this.heading}\n                </ix-typography>\n              ) : null}\n              {this.subheading ? (\n                <ix-typography\n                  format=\"h5\"\n                  text-color={this.getSubheadingTextColor()}\n                >\n                  {this.subheading}\n                </ix-typography>\n              ) : null}\n              <slot></slot>\n            </div>\n          </ix-card-content>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/application-header/application-header.js

@@ -8,6 +8,7 @@
  */
 import { iconApps, iconMoreMenu } from "@siemens/ix-icons/icons";
 import { h, Host, readTask, } from "@stencil/core";
+import { a11yBoolean } from "../utils/a11y";
 import { showAppSwitch } from "../utils/app-switch";
 import { applicationLayoutService } from "../utils/application-layout";
 import { ApplicationLayoutContext, } from "../utils/application-layout/context";
@@ -15,7 +16,6 @@ import { getCurrentBreakpoint } from "../utils/breakpoints";
 import { useContextConsumer } from "../utils/context";
 import { menuController } from "../utils/menu-service/menu-service";
 import { hasSlottedElements } from "../utils/shadow-dom";
-import { a11yBoolean } from "../utils/a11y";
 /**
  * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.
  * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.
@@ -43,6 +43,13 @@ export class ApplicationHeader {
          * Conversely, if the header is within the application frame, this property is ineffective.
          */
         this.showMenu = false;
+        /**
+         * Enable Popover API rendering for dropdown.
+         *
+         * @default false
+         * @since 4.3.0
+         */
+        this.enableTopLayer = false;
         this.breakpoint = 'lg';
         this.menuExpanded = false;
         this.suppressResponsive = false;
@@ -165,31 +172,31 @@ export class ApplicationHeader {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (h(Host, { key: '0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19', class: {
+        return (h(Host, { key: 'f70c16368414080ba826e2009b1e0f3f65cb2ff1', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, h("div", { key: 'a5c4fa84d92bd9ce8e236f117605652bfc92e60d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: '0f790883c295875ef6b3f023cd9daa34980c5c96', class: {
+            }, slot: "application-header" }, h("div", { key: 'aa68f775dc1b58aafdf4b4d37700113fbc509e2d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: 'ae9b4672c1348d21c9c48421e867634af213a5c7', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, h("img", { key: '3e20234523c716d04e123706912eef1023eb884f', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: 'b46e806adadc12a7a355691bdb14bb2a3ee0f98f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (h("ix-icon-button", { key: '57112cb328fc5231871e18496863ebc3a38f978b', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+            } }, h("img", { key: '2bf6e28d9867f08a6d954e132ece2c149e20f1b5', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: '64ba854155f4ab55ff7aa2f2b15b2feb19145a4e', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (h("ix-icon-button", { key: '265abaec15030ee7dc41a1e0535f09e32b99ff01', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
                 'app-switch': true,
                 'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: 'b622ece9a3c1645141c1cb54d9cb88f0b2b12646', class: "logo" }, h("img", { key: '854a9696190d015ce052c745f9ed7acc206f16d5', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: '0d5ff7f62bb55cb15d2e15e41279ca671716224c', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: '34e1ee388c68ec1e5a4c5ab0a67ae07f66d3b2ef', class: "logo" }, h("img", { key: '86bb6a77c06e0f30ce41de66a4fe813bc236b536', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: '3391b44a0cdaaa1b8b60e29fe71c9f9a04473919', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, h("slot", { key: '42d42aab0493036c165f1d7d969288bc2dc339c8', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: 'a388e25471839639f82f2e3d8798d041cdab1f78', class: "name" }, h("ix-typography", { key: 'f7d197105b6609597fa742ca8b85aa2c80b2c25d', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: '5a78095814f0d39666bbe26bb968d4df72233016', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: 'e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'f3c3221c2dbcccf19d23502ff05984815fc8ea1e', class: "secondary" }, h("slot", { key: '9392845b82451cb62b886ab1bafa7ba7ddf21d13', name: "secondary" }))), h("div", { key: 'a288be02d9ee23480339d8de284c186fbc9bfd26', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '34dfa9b114c85e3e59183fce1b5a977eabe02d6a' }), h("ix-icon-button", { key: 'c884b249320deb5f105538dd0fd7e47efd6207c0', class: {
+            } }, h("slot", { key: 'e0e554af7fe4746a6b12ada015f0f129b96bdd76', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: 'cf3bca529813307e538a13ddc454d01cce5a8689', class: "name" }, h("ix-typography", { key: '9e4d9c3b6a3f45e6ceba918bc17fd4ff4a5453c3', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: '9f7780499e2fb19e622e16a4f7e46084e5713f68', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: '3a4dee26b48e356c2652517dd88887d936f926d5', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'fd961eea6ec62a745dc2b6c9842a7dcd777c9218', class: "secondary" }, h("slot", { key: 'c214a8d62f28268acb56f1ecb88115d82f14cf0a', name: "secondary" }))), h("div", { key: '48bb5fd5dbb93f25c933436ce5033fbb75db6962', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '868289b10946d895af657afb22d047a2864a9e8a' }), h("ix-icon-button", { key: '6b83cf6c6f04a1435c21a6f1a61a54f82531db48', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: '42ea43e1f28ecdd7651a2f652edb6eb2462a0df3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: 'b57645df48b14862e17510560386dffdc7f918f2', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: 'd27a3ab3dcccb24deea6452aab078975d7657c1f', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: 'e0c44a160fccfc5d02672b09abff3ea209df4056', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)), enableTopLayer: this.enableTopLayer }, h("div", { key: 'd17c4e3695fdcc517272552b4420175dfbd2f2c8', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: '6e96017787c861308cd4dbcaca0312dd0601746b', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, h("slot", { key: '8236935ea329c8650b08c0fbb2be11a4233b54a5', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: 'd947b3da7b1c2683f319604698550e6deede8bb5', class: {
+            } }, h("slot", { key: 'd078fd257e64da944799047951c8b9ab2d762e0d', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: '64d3c501c11859ed9c27d3a8f64294a080925ca4', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, h("slot", { key: '5e60684fe9b2d19e67a4b8c56225be76a2aff668', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: 'c072ab98aa238e71087064f9ffcbc46a8b43cacd', class: {
+            } }, h("slot", { key: 'aa759b7edbfa50848887dc23e649ffe85fd296fa', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: 'caf2086cb213c9650e52df3433eac548a7a5510e', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, h("slot", { key: '99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: 'c6c071f3ee91c6f0aa709ba59e979e644f22f22d', name: "ix-application-header-avatar" })))));
+            } }, h("slot", { key: 'e4bf46ff49a8416e405513115db147994a2c6df6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: '17038a34906a10b5f0014a3f9f0e4bf8362f5695', name: "ix-application-header-avatar" })))));
     }
     static get is() { return "ix-application-header"; }
     static get encapsulation() { return "shadow"; }
@@ -415,6 +422,9 @@ export class ApplicationHeader {
                     "tags": [{
                             "name": "since",
                             "text": "3.2.0"
+                        }, {
+                            "name": "deprecated",
+                            "text": "This prop is no longer used as the menu expand button is hidden from screen readers. Will be removed in 5.0.0"
                         }],
                     "text": "ARIA label for the menu expand icon button"
                 },
@@ -465,6 +475,32 @@ export class ApplicationHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "enableTopLayer": {
+                "type": "boolean",
+                "attribute": "enable-top-layer",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }, {
+                            "name": "since",
+                            "text": "4.3.0"
+                        }],
+                    "text": "Enable Popover API rendering for dropdown."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/application-header/application-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"application-header.js","sourceRoot":"","sources":["../../../src/components/application-header/application-header.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n */\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Define a suffix which will be displayed next to the application name\n   *\n   * @since 4.0.0\n   */\n  @Prop() nameSuffix?: string;\n\n  /**\n   * Company logo will be show on the left side of the application name.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogo?: string;\n\n  /**\n   * Alt text for the company logo\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogoAlt?: string;\n\n  /**\n   * The app icon will be shown as the first element inside the header.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIcon?: string;\n\n  /**\n   * Alt text for the app icon\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconAlt?: string;\n\n  /**\n   * Render subtle outline around app icon to ensure proper contrast.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconOutline = false;\n\n  /**\n   * Hides the bottom border of the header\n   *\n   * @since 4.0.0\n   */\n  @Prop() hideBottomBorder = false;\n\n  /**\n   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * ARIA label for the menu expand icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMenuExpandIconButton?: string;\n\n  /**\n   * ARIA label for the app switch icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelAppSwitchIconButton?: string;\n\n  /**\n   * ARIA label for the more menu icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMoreMenuIconButton?: string;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedLogo = false;\n  @State() hasOverflowContextMenu = false;\n  @State() hasSecondarySlotElements = false;\n  @State() hasDefaultSlotElements = false;\n  @State() hasOverflowSlotElements = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    this.breakpoint = getCurrentBreakpoint();\n\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateHasSlotAssignedElementsStates();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\n  }\n\n  private checkLogoSlot() {\n    const slotElement = this.hostElement.shadowRoot!.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n\n    const isSiemensLogoDefined =\n      window.customElements.get('ix-siemens-logo') !== undefined;\n\n    if (isSiemensLogoDefined) {\n      return hasSlottedElements(slotElement);\n    }\n\n    let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n    assignedElements = assignedElements?.filter(\n      (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n    );\n\n    return assignedElements?.length !== 0;\n  }\n\n  private attachSiemensLogoIfLoaded() {\n    if (this.companyLogo) {\n      return;\n    }\n\n    if (!this.checkLogoSlot()) {\n      const logoElement = document.createElement('ix-siemens-logo');\n      logoElement.slot = 'logo';\n      this.hostElement.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateHasSlotAssignedElementsStates() {\n    const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot:not([name])'\n    );\n\n    const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"secondary\"]'\n    );\n\n    const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"overflow\"]'\n    );\n\n    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n    this.hasOverflowContextMenu =\n      this.hasDefaultSlotElements || this.hasSecondarySlotElements;\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    const showCompanyLogoByProperty =\n      this.breakpoint !== 'sm' && !!this.companyLogo;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n          'hide-bottom-border': this.hideBottomBorder,\n        }}\n        slot=\"application-header\"\n      >\n        <div class=\"left-side\">\n          {this.appIcon && this.breakpoint !== 'sm' && (\n            <div\n              class={{\n                'app-icon': true,\n                'app-icon-outline': this.appIconOutline,\n              }}\n            >\n              <img src={this.appIcon} alt={this.appIconAlt} />\n            </div>\n          )}\n          {(this.showMenu || showMenuByApplicationFrame) && (\n            <ix-menu-expand-icon\n              onClick={() => this.onMenuClick()}\n              expanded={this.menuExpanded}\n              ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n            ></ix-menu-expand-icon>\n          )}\n          {showApplicationSwitch && (\n            <ix-icon-button\n              onClick={() => this.showAppSwitch()}\n              icon={iconApps}\n              variant=\"subtle-tertiary\"\n              class={{\n                'app-switch': true,\n                'without-app-icon': !this.appIcon,\n              }}\n              aria-label={this.ariaLabelAppSwitchIconButton}\n            ></ix-icon-button>\n          )}\n          {showCompanyLogoByProperty && (\n            <div class=\"logo\">\n              <img src={this.companyLogo} alt={this.companyLogoAlt} />\n            </div>\n          )}\n          <div\n            class={{\n              logo: true,\n              'hide-logo': !this.hasSlottedLogo,\n            }}\n          >\n            <slot\n              name=\"logo\"\n              onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n            ></slot>\n          </div>\n          <div class=\"name\">\n            <ix-typography format=\"body-lg\" class=\"application-name\">\n              {this.name}\n            </ix-typography>\n            {this.nameSuffix && this.breakpoint !== 'sm' && (\n              <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n                {this.nameSuffix}\n              </ix-typography>\n            )}\n          </div>\n        </div>\n        <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n          {this.breakpoint !== 'sm' && (\n            <div class=\"secondary\">\n              <slot name=\"secondary\"></slot>\n            </div>\n          )}\n          <div class=\"content\">\n            {this.breakpoint !== 'sm' && <slot></slot>}\n            <ix-icon-button\n              class={{\n                'context-menu': true,\n                'context-menu-visible':\n                  this.hasOverflowContextMenu || this.hasOverflowSlotElements,\n              }}\n              data-context-menu\n              data-testid=\"show-more\"\n              icon={iconMoreMenu}\n              variant=\"subtle-tertiary\"\n              aria-label={this.ariaLabelMoreMenuIconButton}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            ></ix-icon-button>\n            <ix-dropdown\n              data-overflow-dropdown\n              class=\"dropdown\"\n              discoverAllSubmenus\n              trigger={this.resolveContextMenuButton()}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            >\n              <div\n                class=\"dropdown-content\"\n                onClick={(e) => this.onContentBgClick(e)}\n              >\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasSecondarySlotElements,\n                    }}\n                  >\n                    <slot\n                      name=\"secondary\"\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasDefaultSlotElements,\n                    }}\n                  >\n                    <slot\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                <div\n                  class={{\n                    'slot-content': true,\n                    'slot-content-active': this.hasOverflowSlotElements,\n                  }}\n                >\n                  <slot\n                    name=\"overflow\"\n                    onSlotchange={() =>\n                      this.updateHasSlotAssignedElementsStates()\n                    }\n                  ></slot>\n                </div>\n              </div>\n            </ix-dropdown>\n            <slot name=\"ix-application-header-avatar\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"application-header.js","sourceRoot":"","sources":["../../../src/components/application-header/application-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EACL,wBAAwB,GAEzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAc,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAe,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD;;;;;GAKG;AAMH,MAAM,OAAO,iBAAiB;IAL9B;QAkDE;;;;WAIG;QACK,mBAAc,GAAG,KAAK,CAAC;QAE/B;;;;WAIG;QACK,qBAAgB,GAAG,KAAK,CAAC;QAEjC;;;;;WAKG;QACsB,aAAQ,GAAa,KAAK,CAAC;QAwBpD;;;;;WAKG;QACK,mBAAc,GAAY,KAAK,CAAC;QAc/B,eAAU,GAAe,IAAI,CAAC;QAC9B,iBAAY,GAAG,KAAK,CAAC;QACrB,uBAAkB,GAAG,KAAK,CAAC;QAE3B,mBAAc,GAAG,KAAK,CAAC;QACvB,2BAAsB,GAAG,KAAK,CAAC;QAC/B,6BAAwB,GAAG,KAAK,CAAC;QACjC,2BAAsB,GAAG,KAAK,CAAC;QAC/B,4BAAuB,GAAG,KAAK,CAAC;KAsV1C;IA5UC,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACzE,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,UAAU,GAAG,oBAAoB,EAAE,CAAC;QAEzC,kBAAkB,CAChB,IAAI,CAAC,WAAW,EAChB,wBAAwB,EACxB,CAAC,GAAG,EAAE,EAAE;YACN,IAAI,CAAC,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC;YACtD,IAAI,CAAC,wBAAwB,GAAG,GAAG,CAAC;YAEpC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC,EACD,IAAI,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;YAC5D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;YAClE,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mCAAmC,EAAE,CAAC;IAC7C,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;QAC/B,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;IACjC,CAAC;IAGD,6BAA6B;QAC3B,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,aAAa;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC5D,mBAAmB,CACD,CAAC;QAErB,MAAM,oBAAoB,GACxB,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAC;QAE7D,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,gBAAgB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,gBAAgB,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,CACzC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,KAAK,iBAAiB,CACnD,CAAC;QAEF,OAAO,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,MAAK,CAAC,CAAC;IACxC,CAAC;IAEO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YAC1B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YAC9D,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,WAAW;QACvB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAEO,wBAAwB;QAC9B,OAAO,IAAI,OAAO,CAAc,CAAC,OAAO,EAAE,EAAE,CAC1C,QAAQ,CAAC,GAAG,EAAE,CACZ,OAAO,CACL,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CACxC,qBAAqB,CACP,CACjB,CACF,CACF,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,IACE,CAAC,IAAI,CAAC,4BAA4B;YAClC,CAAC,CAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,eAAe,CAAA,EAC/C,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,4BAA4B,CAC/B,MAAA,IAAI,CAAC,wBAAwB,0CAAE,eAAe,CAC/C,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,aAAa;;QACzB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAEvD,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,eAAe,CAAA,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,4BAA4B,GAAG,MAAM,aAAa,CACrD,MAAA,IAAI,CAAC,wBAAwB,0CAAE,eAAe,CAC/C,CAAC;IACJ,CAAC;IAEO,mCAAmC;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC5D,2BAA2B,CAC5B,CAAC;QAEF,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC9D,iCAAiC,CAClC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC7D,gCAAgC,CACjC,CAAC;QAEF,IAAI,CAAC,sBAAsB,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,wBAAwB,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAClE,IAAI,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;QAEhE,IAAI,CAAC,sBAAsB;YACzB,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,wBAAwB,CAAC;IACjE,CAAC;IAEO,gBAAgB,CAAC,CAAa;QACpC,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,MAAM,8BAA8B,GAAG,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC;QAEvE,MAAM,0BAA0B,GAC9B,IAAI,CAAC,UAAU,KAAK,IAAI;YACxB,IAAI,CAAC,kBAAkB,KAAK,KAAK;YACjC,8BAA8B,CAAC;QAEjC,MAAM,qBAAqB,GACzB,CAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,eAAe;YAC9C,IAAI,CAAC,UAAU,KAAK,IAAI;YACxB,IAAI,CAAC,kBAAkB,KAAK,KAAK,CAAC;QAEpC,MAAM,yBAAyB,GAC7B,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QAEjD,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;gBACvC,oBAAoB,EAAE,IAAI,CAAC,gBAAgB;aAC5C,EACD,IAAI,EAAC,oBAAoB;YAEzB,4DAAK,KAAK,EAAC,WAAW;gBACnB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAC3C,4DACE,KAAK,EAAE;wBACL,UAAU,EAAE,IAAI;wBAChB,kBAAkB,EAAE,IAAI,CAAC,cAAc;qBACxC;oBAED,4DAAK,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,GAAI,CAC5C,CACP;gBACA,CAAC,IAAI,CAAC,QAAQ,IAAI,0BAA0B,CAAC,IAAI,CAChD,4EACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,QAAQ,EAAE,IAAI,CAAC,YAAY,GACN,CACxB;gBACA,qBAAqB,IAAI,CACxB,uEACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EACnC,IAAI,EAAE,QAAQ,EACd,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE;wBACL,YAAY,EAAE,IAAI;wBAClB,kBAAkB,EAAE,CAAC,IAAI,CAAC,OAAO;qBAClC,gBACW,IAAI,CAAC,4BAA4B,GAC7B,CACnB;gBACA,yBAAyB,IAAI,CAC5B,4DAAK,KAAK,EAAC,MAAM;oBACf,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,cAAc,GAAI,CACpD,CACP;gBACD,4DACE,KAAK,EAAE;wBACL,IAAI,EAAE,IAAI;wBACV,WAAW,EAAE,CAAC,IAAI,CAAC,cAAc;qBAClC;oBAED,6DACE,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,GAC1D,CACJ;gBACN,4DAAK,KAAK,EAAC,MAAM;oBACf,sEAAe,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,kBAAkB,IACrD,IAAI,CAAC,IAAI,CACI;oBACf,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAC9C,sEAAe,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,yBAAyB,IAC5D,IAAI,CAAC,UAAU,CACF,CACjB,CACG,CACF;YACN,4DAAK,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;gBAC7D,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAC3B,4DAAK,KAAK,EAAC,WAAW;oBACpB,6DAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,CACP;gBACD,4DAAK,KAAK,EAAC,SAAS;oBACjB,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,8DAAa;oBAC1C,uEACE,KAAK,EAAE;4BACL,cAAc,EAAE,IAAI;4BACpB,sBAAsB,EACpB,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,uBAAuB;yBAC9D,4CAEW,WAAW,EACvB,IAAI,EAAE,YAAY,EAClB,OAAO,EAAC,iBAAiB,gBACb,IAAI,CAAC,2BAA2B,iBAC/B,WAAW,CACtB,CAAC,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,uBAAuB,CAAC,CAC/D,GACe;oBAClB,oGAEE,KAAK,EAAC,UAAU,EAChB,mBAAmB,QACnB,OAAO,EAAE,IAAI,CAAC,wBAAwB,EAAE,iBAC3B,WAAW,CACtB,CAAC,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,uBAAuB,CAAC,CAC/D,EACD,cAAc,EAAE,IAAI,CAAC,cAAc;wBAEnC,4DACE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;4BAEvC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAC3B,4DACE,KAAK,EAAE;oCACL,cAAc,EAAE,IAAI;oCACpB,qBAAqB,EAAE,IAAI,CAAC,wBAAwB;iCACrD;gCAED,6DACE,IAAI,EAAC,WAAW,EAChB,YAAY,EAAE,GAAG,EAAE,CACjB,IAAI,CAAC,mCAAmC,EAAE,GAEtC,CACJ,CACP;4BACA,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,CAC3B,4DACE,KAAK,EAAE;oCACL,cAAc,EAAE,IAAI;oCACpB,qBAAqB,EAAE,IAAI,CAAC,sBAAsB;iCACnD;gCAED,6DACE,YAAY,EAAE,GAAG,EAAE,CACjB,IAAI,CAAC,mCAAmC,EAAE,GAEtC,CACJ,CACP;4BACD,4DACE,KAAK,EAAE;oCACL,cAAc,EAAE,IAAI;oCACpB,qBAAqB,EAAE,IAAI,CAAC,uBAAuB;iCACpD;gCAED,6DACE,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,GAAG,EAAE,CACjB,IAAI,CAAC,mCAAmC,EAAE,GAEtC,CACJ,CACF,CACM;oBACd,6DAAM,IAAI,EAAC,8BAA8B,GAAQ,CAC7C,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean } from '../utils/a11y';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\n\n/**\n * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n */\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Define a suffix which will be displayed next to the application name\n   *\n   * @since 4.0.0\n   */\n  @Prop() nameSuffix?: string;\n\n  /**\n   * Company logo will be show on the left side of the application name.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogo?: string;\n\n  /**\n   * Alt text for the company logo\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogoAlt?: string;\n\n  /**\n   * The app icon will be shown as the first element inside the header.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIcon?: string;\n\n  /**\n   * Alt text for the app icon\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconAlt?: string;\n\n  /**\n   * Render subtle outline around app icon to ensure proper contrast.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconOutline = false;\n\n  /**\n   * Hides the bottom border of the header\n   *\n   * @since 4.0.0\n   */\n  @Prop() hideBottomBorder = false;\n\n  /**\n   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * ARIA label for the menu expand icon button\n   *\n   * @since 3.2.0\n   * @deprecated This prop is no longer used as the menu expand button is hidden from screen readers. Will be removed in 5.0.0\n   */\n  @Prop() ariaLabelMenuExpandIconButton?: string;\n\n  /**\n   * ARIA label for the app switch icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelAppSwitchIconButton?: string;\n\n  /**\n   * ARIA label for the more menu icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMoreMenuIconButton?: string;\n\n  /**\n   * Enable Popover API rendering for dropdown.\n   *\n   * @default false\n   * @since 4.3.0\n   */\n  @Prop() enableTopLayer: boolean = false;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedLogo = false;\n  @State() hasOverflowContextMenu = false;\n  @State() hasSecondarySlotElements = false;\n  @State() hasDefaultSlotElements = false;\n  @State() hasOverflowSlotElements = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    this.breakpoint = getCurrentBreakpoint();\n\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateHasSlotAssignedElementsStates();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\n  }\n\n  private checkLogoSlot() {\n    const slotElement = this.hostElement.shadowRoot!.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n\n    const isSiemensLogoDefined =\n      window.customElements.get('ix-siemens-logo') !== undefined;\n\n    if (isSiemensLogoDefined) {\n      return hasSlottedElements(slotElement);\n    }\n\n    let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n    assignedElements = assignedElements?.filter(\n      (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n    );\n\n    return assignedElements?.length !== 0;\n  }\n\n  private attachSiemensLogoIfLoaded() {\n    if (this.companyLogo) {\n      return;\n    }\n\n    if (!this.checkLogoSlot()) {\n      const logoElement = document.createElement('ix-siemens-logo');\n      logoElement.slot = 'logo';\n      this.hostElement.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateHasSlotAssignedElementsStates() {\n    const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot:not([name])'\n    );\n\n    const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"secondary\"]'\n    );\n\n    const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"overflow\"]'\n    );\n\n    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n    this.hasOverflowContextMenu =\n      this.hasDefaultSlotElements || this.hasSecondarySlotElements;\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    const showCompanyLogoByProperty =\n      this.breakpoint !== 'sm' && !!this.companyLogo;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n          'hide-bottom-border': this.hideBottomBorder,\n        }}\n        slot=\"application-header\"\n      >\n        <div class=\"left-side\">\n          {this.appIcon && this.breakpoint !== 'sm' && (\n            <div\n              class={{\n                'app-icon': true,\n                'app-icon-outline': this.appIconOutline,\n              }}\n            >\n              <img src={this.appIcon} alt={this.appIconAlt} />\n            </div>\n          )}\n          {(this.showMenu || showMenuByApplicationFrame) && (\n            <ix-menu-expand-icon\n              onClick={() => this.onMenuClick()}\n              expanded={this.menuExpanded}\n            ></ix-menu-expand-icon>\n          )}\n          {showApplicationSwitch && (\n            <ix-icon-button\n              onClick={() => this.showAppSwitch()}\n              icon={iconApps}\n              variant=\"subtle-tertiary\"\n              class={{\n                'app-switch': true,\n                'without-app-icon': !this.appIcon,\n              }}\n              aria-label={this.ariaLabelAppSwitchIconButton}\n            ></ix-icon-button>\n          )}\n          {showCompanyLogoByProperty && (\n            <div class=\"logo\">\n              <img src={this.companyLogo} alt={this.companyLogoAlt} />\n            </div>\n          )}\n          <div\n            class={{\n              logo: true,\n              'hide-logo': !this.hasSlottedLogo,\n            }}\n          >\n            <slot\n              name=\"logo\"\n              onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n            ></slot>\n          </div>\n          <div class=\"name\">\n            <ix-typography format=\"body-lg\" class=\"application-name\">\n              {this.name}\n            </ix-typography>\n            {this.nameSuffix && this.breakpoint !== 'sm' && (\n              <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n                {this.nameSuffix}\n              </ix-typography>\n            )}\n          </div>\n        </div>\n        <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n          {this.breakpoint !== 'sm' && (\n            <div class=\"secondary\">\n              <slot name=\"secondary\"></slot>\n            </div>\n          )}\n          <div class=\"content\">\n            {this.breakpoint !== 'sm' && <slot></slot>}\n            <ix-icon-button\n              class={{\n                'context-menu': true,\n                'context-menu-visible':\n                  this.hasOverflowContextMenu || this.hasOverflowSlotElements,\n              }}\n              data-context-menu\n              data-testid=\"show-more\"\n              icon={iconMoreMenu}\n              variant=\"subtle-tertiary\"\n              aria-label={this.ariaLabelMoreMenuIconButton}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            ></ix-icon-button>\n            <ix-dropdown\n              data-overflow-dropdown\n              class=\"dropdown\"\n              discoverAllSubmenus\n              trigger={this.resolveContextMenuButton()}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n              enableTopLayer={this.enableTopLayer}\n            >\n              <div\n                class=\"dropdown-content\"\n                onClick={(e) => this.onContentBgClick(e)}\n              >\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasSecondarySlotElements,\n                    }}\n                  >\n                    <slot\n                      name=\"secondary\"\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasDefaultSlotElements,\n                    }}\n                  >\n                    <slot\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                <div\n                  class={{\n                    'slot-content': true,\n                    'slot-content-active': this.hasOverflowSlotElements,\n                  }}\n                >\n                  <slot\n                    name=\"overflow\"\n                    onSlotchange={() =>\n                      this.updateHasSlotAssignedElementsStates()\n                    }\n                  ></slot>\n                </div>\n              </div>\n            </ix-dropdown>\n            <slot name=\"ix-application-header-avatar\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}