npm - @siemens/ix - Versions diffs - 0.0.0-v4-next-20251103080000 → 0.0.0-v4-next-20251105163401 - Mend

@siemens/ix 0.0.0-v4-next-20251103080000 → 0.0.0-v4-next-20251105163401

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (809) hide show

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

@@ -18,6 +18,6 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[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\",[[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\"]}]]],[\"ix-date-dropdown\",[[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\",[[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\"],\"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\",[[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\"],\"hideHeader\":[4,\"hide-header\"],\"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\",[[257,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i18n-logout\"],\"hideLogoutButton\":[4,\"hide-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-map-navigation\",[[257,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"ariaLabelContextIconButton\":[1,\"aria-label-context-icon-button\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-basic-navigation\",[[257,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-card-list\",[[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\",[[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\"],\"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\",[[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\",[[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\",[[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],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]}]]],[\"ix-application-switch-modal\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4]}]]],[\"ix-breadcrumb\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-radio-group\",[[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]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button\",[[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],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea\",[[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\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card\",[[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\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox\",[[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\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text\",[[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\",[[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\",[[257,\"ix-modal-loading\"]]],[\"ix-radio\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[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\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[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\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[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\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip\",[[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\",[[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\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-tab-item_2\",[[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-icon-button_2\",[[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\"]}]]],[\"ix-menu-settings\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-select\",[[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\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"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\",[[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-map-navigation-overlay\",[[257,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-breadcrumb-item\",[[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\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-menu-expand-icon\",[[257,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-typography\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-avatar_2\",[[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-application-header\",[[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-time-picker\",[[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-modal-content_2\",[[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\",[[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-menu-item\",[[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\",[[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\",[[257,\"ix-divider\"]]],[\"ix-filter-chip_2\",[[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\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[257,\"ix-card-content\"]]],[\"ix-date-time-card\",[[257,\"ix-date-time-card\",{\"embedded\":[4],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"corners\":[1]}]]],[\"ix-dropdown-item\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[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\",[[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\"]}]]],[\"ix-date-dropdown\",[[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\",[[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\"],\"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\",[[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\"],\"hideHeader\":[4,\"hide-header\"],\"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\",[[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\",[[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\",[[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\"],\"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\",[[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\",[[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\",[[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],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]}]]],[\"ix-application-header\",[[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\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4]}]]],[\"ix-breadcrumb\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group\",[[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]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button\",[[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],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea\",[[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\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card\",[[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\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox\",[[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\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text\",[[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\",[[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\",[[257,\"ix-modal-loading\"]]],[\"ix-radio\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[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\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[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\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[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\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip\",[[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\",[[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\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-typography\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-select\",[[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\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"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\",[[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\",[[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\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-avatar_2\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[257,\"ix-card-content\"]]],[\"ix-date-time-card\",[[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\",[[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\",[[257,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-menu-item\",[[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\",[[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\",[[257,\"ix-divider\"]]],[\"ix-dropdown-item\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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);
 });
 //# sourceMappingURL=siemens-ix.js.map

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

@@ -1,2 +1,2 @@
-export{I as InputState,L as LogicalFilterOperator}from"./p-BH3f5fa3.js";export{d as defaultRefreshTreeOptions,r as renderDefaultItem}from"./p-DSTYytot.js";export{U as UploadFileState}from"./p-BGzrnl_l.js";import{g as e}from"./p-CpVbQsUI.js";export{c as closeModal,d as dismissModal,r as registerFrameworkDelegate,a as resolveDelegate,b as showMessage,s as showModal}from"./p-CpVbQsUI.js";import{A as o}from"./p-C5MWUgDN.js";export{T as TypedEvent}from"./p-BdCnOrqW.js";export{a as convertToAbbreviationString,c as convertToRemString}from"./p-pXYAoEyc.js";export{g as getCurrentSystemAppearance,t as themeSwitcher}from"./p-CsHYWHE6.js";export{h as handlePlatformHelpers}from"./p-BhAVd5ka.js";import"./p-Cz75KU1f.js";import"./p-CtoreFVF.js";class n{constructor(){this.tokens=[];this.categories=[]}}function i(){const e=Array.from(document.querySelectorAll("ix-toast-container"));const[t]=e;if(e.length>1){console.warn("Multiple toast containers were found. Only the first one will be used.");return t}if(!t){const e=document.createElement("ix-toast-container");document.body.appendChild(e);return e}return t}function p(e){const t=i();t.setAttribute("position",e)}function l(e){const t=i();return t.showToast(e)}l.info=e=>l(Object.assign(Object.assign({},e),{type:"info"}));l.error=e=>l(Object.assign(Object.assign({},e),{type:"error"}));l.success=e=>l(Object.assign(Object.assign({},e),{type:"success"}));l.warning=e=>l(Object.assign(Object.assign({},e),{type:"warning"}));function m(t){const s=document.createElement("ix-modal");s.disableEscapeClose=true;const r=document.createElement("ix-modal-loading");r.innerText=t;s.appendChild(r);e().attachView(s);s.showModal();return{update:e=>r.innerHTML=e,finish:(t,n=250)=>{if(t!==undefined){r.innerText=t}else{n=0}setTimeout((()=>{s.closeModal(null);setTimeout((async()=>await e().removeView(s)),o.mediumTime)}),n)}}}export{n as FilterState,e as getCoreDelegate,i as getToastContainer,p as setToastPosition,m as showModalLoading,l as toast};
+export{I as InputState,L as LogicalFilterOperator}from"./p-BH3f5fa3.js";export{d as defaultRefreshTreeOptions,r as renderDefaultItem}from"./p-DSTYytot.js";export{U as UploadFileState}from"./p-BGzrnl_l.js";import{g as e}from"./p-BC0Exw_O.js";export{c as closeModal,d as dismissModal,r as registerFrameworkDelegate,a as resolveDelegate,b as showMessage,s as showModal}from"./p-BC0Exw_O.js";import{A as o}from"./p-C5MWUgDN.js";export{T as TypedEvent}from"./p-BdCnOrqW.js";export{a as convertToAbbreviationString,c as convertToRemString}from"./p-pXYAoEyc.js";export{g as getCurrentSystemAppearance,t as themeSwitcher}from"./p-CsHYWHE6.js";export{h as handlePlatformHelpers}from"./p-BhAVd5ka.js";import"./p-8HpPmDK_.js";import"./p-CtoreFVF.js";class n{constructor(){this.tokens=[];this.categories=[]}}function i(){const e=Array.from(document.querySelectorAll("ix-toast-container"));const[t]=e;if(e.length>1){console.warn("Multiple toast containers were found. Only the first one will be used.");return t}if(!t){const e=document.createElement("ix-toast-container");document.body.appendChild(e);return e}return t}function p(e){const t=i();t.setAttribute("position",e)}function l(e){const t=i();return t.showToast(e)}l.info=e=>l(Object.assign(Object.assign({},e),{type:"info"}));l.error=e=>l(Object.assign(Object.assign({},e),{type:"error"}));l.success=e=>l(Object.assign(Object.assign({},e),{type:"success"}));l.warning=e=>l(Object.assign(Object.assign({},e),{type:"warning"}));function m(t){const r=document.createElement("ix-modal");r.disableEscapeClose=true;const s=document.createElement("ix-modal-loading");s.innerText=t;r.appendChild(s);e().attachView(r);r.showModal();return{update:e=>s.innerHTML=e,finish:(t,n=250)=>{if(t!==undefined){s.innerText=t}else{n=0}setTimeout((()=>{r.closeModal(null);setTimeout((async()=>await e().removeView(r)),o.mediumTime)}),n)}}}export{n as FilterState,e as getCoreDelegate,i as getToastContainer,p as setToastPosition,m as showModalLoading,l as toast};
 //# sourceMappingURL=index.esm.js.map

package/dist/siemens-ix/ix-application-header.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ix-application-header.entry.esm.js","sources":["src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","src/components/application-header/application-header.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use 'mixins/shadow-dom/component';\n@use 'mixins/break-points';\n\n:host {\n display: flex;\n flex-wrap: nowrap;\n align-items: end;\n justify-content: space-between;\n position: relative;\n width: 100%;\n min-height: 3rem;\n padding-top: var(--ix-safe-area-inset-top, 0rem);\n padding-right: calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));\n padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\n\n color: var(--theme-app-header--color);\n background-color: var(--theme-app-header--background);\n\n border-bottom: var(--theme-app-header--border-width) solid\n var(--theme-app-header--border-color);\n\n z-index: var(--theme-z-index-fixed);\n\n @include component.ix-component;\n\n .left-side,\n .right-side {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n position: relative;\n align-items: center;\n min-width: 0;\n min-height: 3rem;\n height: 100%;\n }\n\n .left-side {\n flex: 0 1 auto;\n\n .app-icon {\n display: block;\n position: relative;\n width: 2rem;\n min-width: 2rem;\n max-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n max-height: 2rem;\n }\n\n .app-icon.app-icon-outline {\n outline: 1px solid var(--theme-app-header-app-icon--outline-color);\n border-radius: 0.125rem;\n }\n\n .app-icon img {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 0.125rem;\n }\n\n .app-switch {\n margin: 0 0.625rem;\n }\n\n .app-switch.without-app-icon {\n margin-left: 0px;\n }\n\n .name {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n color: var(--theme-app-header--color);\n min-width: 0;\n\n gap: 0.75rem;\n overflow: hidden;\n }\n\n .application-name,\n .application-name-suffix {\n overflow: hidden;\n overflow-wrap: anywhere;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n }\n\n .application-name {\n flex: 0 1 auto;\n min-width: 0;\n flex-shrink: 0;\n max-width: 100%;\n }\n\n .application-name-suffix {\n flex: 1 1 auto;\n margin-top: 0.4rem;\n min-width: 0;\n flex-shrink: 1;\n color: var(--theme-app-header-name-suffix--color);\n }\n\n .logo {\n display: inline-flex;\n align-items: center;\n position: relative;\n height: 32px;\n overflow: hidden;\n line-height: 0rem;\n color: var(--theme-app-header-logo--color);\n margin-right: 1rem;\n margin-left: 1rem;\n min-width: fit-content;\n }\n\n .logo.hide-logo {\n display: none;\n }\n }\n\n .right-side {\n flex: 1 1 auto;\n overflow: hidden;\n justify-content: space-between;\n\n .content,\n .secondary {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: space-between;\n flex-direction: row;\n flex-wrap: nowrap;\n height: 100%;\n }\n\n .content {\n min-width: max-content;\n }\n\n .secondary {\n overflow: hidden;\n }\n\n .dropdown {\n overflow: visible;\n }\n\n .dropdown-content > .slot-content-active {\n padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n border-top: none;\n }\n\n .dropdown-content .slot-content-active ~ .slot-content-active {\n border-top: 1px solid var(--theme-color-x-weak-bdr);\n }\n\n .context-menu {\n display: none;\n }\n\n .context-menu.context-menu-visible {\n display: block;\n margin-left: 0.5rem;\n }\n\n ::slotted(ix-avatar) {\n margin-left: 0.5rem;\n }\n\n .primary-navigation {\n align-self: end;\n }\n }\n\n .right-side.sm {\n justify-content: end;\n }\n\n @include break-points.media-breakpoint-match('sm') {\n .logo {\n margin-left: 0.5rem;\n display: none !important;\n }\n\n .content,\n .secondary,\n .app-icon {\n display: none;\n }\n }\n}\n\n:host(.hide-bottom-border) {\n border-bottom: none;\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\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 if (ctx?.host === 'map-navigation') {\n this.suppressResponsive = true;\n this.breakpoint = 'md';\n return;\n }\n\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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ix-application-header.entry.esm.js","sources":["src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","src/components/application-header/application-header.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use 'mixins/shadow-dom/component';\n@use 'mixins/break-points';\n\n:host {\n display: flex;\n flex-wrap: nowrap;\n align-items: end;\n justify-content: space-between;\n position: relative;\n width: 100%;\n min-height: 3rem;\n padding-top: var(--ix-safe-area-inset-top, 0rem);\n padding-right: calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));\n padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\n\n color: var(--theme-app-header--color);\n background-color: var(--theme-app-header--background);\n\n border-bottom: var(--theme-app-header--border-width) solid\n var(--theme-app-header--border-color);\n\n z-index: var(--theme-z-index-fixed);\n\n @include component.ix-component;\n\n .left-side,\n .right-side {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n position: relative;\n align-items: center;\n min-width: 0;\n min-height: 3rem;\n height: 100%;\n }\n\n .left-side {\n flex: 0 1 auto;\n\n .app-icon {\n display: block;\n position: relative;\n width: 2rem;\n min-width: 2rem;\n max-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n max-height: 2rem;\n }\n\n .app-icon.app-icon-outline {\n outline: 1px solid var(--theme-app-header-app-icon--outline-color);\n border-radius: 0.125rem;\n }\n\n .app-icon img {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 0.125rem;\n }\n\n .app-switch {\n margin: 0 0.625rem;\n }\n\n .app-switch.without-app-icon {\n margin-left: 0px;\n }\n\n .name {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n color: var(--theme-app-header--color);\n min-width: 0;\n\n gap: 0.75rem;\n overflow: hidden;\n }\n\n .application-name,\n .application-name-suffix {\n overflow: hidden;\n overflow-wrap: anywhere;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n }\n\n .application-name {\n flex: 0 1 auto;\n min-width: 0;\n flex-shrink: 0;\n max-width: 100%;\n }\n\n .application-name-suffix {\n flex: 1 1 auto;\n margin-top: 0.4rem;\n min-width: 0;\n flex-shrink: 1;\n color: var(--theme-app-header-name-suffix--color);\n }\n\n .logo {\n display: inline-flex;\n align-items: center;\n position: relative;\n height: 32px;\n overflow: hidden;\n line-height: 0rem;\n color: var(--theme-app-header-logo--color);\n margin-right: 1rem;\n margin-left: 1rem;\n min-width: fit-content;\n }\n\n .logo.hide-logo {\n display: none;\n }\n }\n\n .right-side {\n flex: 1 1 auto;\n overflow: hidden;\n justify-content: space-between;\n\n .content,\n .secondary {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: space-between;\n flex-direction: row;\n flex-wrap: nowrap;\n height: 100%;\n }\n\n .content {\n min-width: max-content;\n }\n\n .secondary {\n overflow: hidden;\n }\n\n .dropdown {\n overflow: visible;\n }\n\n .dropdown-content > .slot-content-active {\n padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n border-top: none;\n }\n\n .dropdown-content .slot-content-active ~ .slot-content-active {\n border-top: 1px solid var(--theme-color-x-weak-bdr);\n }\n\n .context-menu {\n display: none;\n }\n\n .context-menu.context-menu-visible {\n display: block;\n margin-left: 0.5rem;\n }\n\n ::slotted(ix-avatar) {\n margin-left: 0.5rem;\n }\n\n .primary-navigation {\n align-self: end;\n }\n }\n\n .right-side.sm {\n justify-content: end;\n }\n\n @include break-points.media-breakpoint-match('sm') {\n .logo {\n margin-left: 0.5rem;\n display: none !important;\n }\n\n .content,\n .secondary,\n .app-icon {\n display: none;\n }\n }\n}\n\n:host(.hide-bottom-border) {\n border-bottom: none;\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\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"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-application.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ix-application.entry.esm.js","sources":["src/components/application/application.scss?tag=ix-application&encapsulation=shadow","src/components/application/application.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n display: flex;\n position: relative;\n width: 100vw;\n height: 100vh;\n\n flex-direction: column;\n\n @include component.ix-component;\n\n ix-application-header {\n z-index: calc(var(--theme-z-index-sticky) + 1);\n }\n\n .logo-wrapper {\n display: contents;\n }\n\n .application {\n display: flex;\n position: relative;\n flex-direction: row;\n height: 100%;\n width: 100%;\n overflow: hidden;\n }\n\n .content-area {\n display: flex;\n position: relative;\n flex-direction: column;\n flex-wrap: nowrap;\n height: calc(100% - var(--ix-safe-area-inset-bottom, 0px));\n width: 100%;\n margin-left: var(--ix-application-menu-margin-left);\n min-width: 0;\n }\n\n main {\n display: block;\n position: relative;\n flex-grow: 1;\n\n width: 100%;\n padding-bottom: var(--ix-safe-area-inset-bottom);\n overflow: auto;\n }\n\n footer {\n display: block;\n position: relative;\n width: 100%;\n }\n}\n\n:host(.breakpoint-md) {\n --ix-application-menu-margin-left: calc(\n 3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n );\n\n aside.slotted {\n margin-left: var(--ix-application-menu-margin-left);\n }\n\n aside.slotted + .content-area {\n margin-left: 0;\n }\n\n aside:not(.slotted) + .content-area {\n margin-left: var(--ix-application-menu-margin-left);\n }\n}\n\n:host(.breakpoint-lg) {\n --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n --ix-application-menu-margin-left: var(\n --ix-application-menu-safe-area-left,\n 0rem\n );\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-application',\n styleUrl: 'application.scss',\n shadow: true,\n})\nexport class Application {\n @Element() hostElement!: HTMLIxApplicationElement;\n\n /\n Application theme\n /\n @Prop() theme?: IxTheme;\n\n /\n Use the system appearance dark or light\n /\n @Prop() themeSystemAppearance = false;\n\n /\n Change the responsive layout of the menu structure\n /\n @Prop() forceBreakpoint: Breakpoint \| undefined;\n forceLayoutChange(newMode: Breakpoint \| undefined) {\n if (!newMode) {\n applicationLayoutService.enableBreakpointDetection();\n return;\n }\n\n applicationLayoutService.disableBreakpointDetection();\n applicationLayoutService.setBreakpoint(newMode);\n }\n\n /\n Supported layouts\n /\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n /\n Define application switch configuration\n */\n @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() applicationSidebarSlotted = false;\n\n private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n get applicationSidebarSlot() {\n return this.hostElement.shadowRoot!.querySelector(\n '.application-sidebar slot'\n ) as HTMLSlotElement;\n }\n\n private modeDisposable?: Disposable;\n\n private onContentClick() {\n if (menuController.isPinned) {\n return;\n }\n this.menu?.toggleMenu(false);\n }\n\n componentWillLoad() {\n applicationLayoutService.setBreakpoints(this.breakpoints);\n\n this.contextProvider = useContextProvider(\n this.hostElement,\n ApplicationLayoutContext,\n {\n hideHeader: false,\n host: 'basic-navigation',\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n }\n );\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n this.breakpoint = mode;\n });\n this.breakpoint = applicationLayoutService.breakpoint;\n\n if (this.forceBreakpoint) {\n this.forceLayoutChange(this.forceBreakpoint);\n }\n\n this.changeTheme();\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n @Watch('theme')\n @Watch('themeSystemAppearance')\n private changeTheme() {\n if (!this.theme) {\n if (this.themeSystemAppearance) {\n themeSwitcher.setVariant();\n }\n\n return;\n }\n\n if (themeSwitcher.hasVariantSuffix(this.theme)) {\n themeSwitcher.setTheme(`theme-${this.theme}`);\n return;\n }\n\n themeSwitcher.setTheme(\n `theme-${this.theme}-dark`,\n this.themeSystemAppearance\n );\n }\n\n @Watch('appSwitchConfig')\n @Watch('applicationSidebarSlotted')\n onApplicationSidebarChange() {\n if (!this.contextProvider) {\n console.error('Context provider not available');\n return;\n }\n this.contextProvider.emit({\n hideHeader: false,\n host: 'basic-navigation',\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n });\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n <slot name=\"application-header\"></slot>\n <div class=\"application\">\n <slot name=\"menu\"></slot>\n <aside\n class={{\n 'application-sidebar': true,\n slotted: this.applicationSidebarSlotted,\n }}\n onClick={() => this.onContentClick()}\n >\n <slot\n name=\"application-sidebar\"\n onSlotchange={() =>\n (this.applicationSidebarSlotted = hasSlottedElements(\n this.applicationSidebarSlot\n ))\n }\n ></slot>\n </aside>\n <div class=\"content-area\">\n <main class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </main>\n <footer class=\"footer\">\n <slot name=\"bottom\"></slot>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ix-application.entry.esm.js","sources":["src/components/application/application.scss?tag=ix-application&encapsulation=shadow","src/components/application/application.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n display: flex;\n position: relative;\n width: 100vw;\n height: 100vh;\n\n flex-direction: column;\n\n @include component.ix-component;\n\n ix-application-header {\n z-index: calc(var(--theme-z-index-sticky) + 1);\n }\n\n .logo-wrapper {\n display: contents;\n }\n\n .application {\n display: flex;\n position: relative;\n flex-direction: row;\n height: 100%;\n width: 100%;\n overflow: hidden;\n }\n\n .content-area {\n display: flex;\n position: relative;\n flex-direction: column;\n flex-wrap: nowrap;\n height: calc(100% - var(--ix-safe-area-inset-bottom, 0px));\n width: 100%;\n margin-left: var(--ix-application-menu-margin-left);\n min-width: 0;\n }\n\n main {\n display: block;\n position: relative;\n flex-grow: 1;\n\n width: 100%;\n padding-bottom: var(--ix-safe-area-inset-bottom);\n overflow: auto;\n }\n\n footer {\n display: block;\n position: relative;\n width: 100%;\n }\n}\n\n:host(.breakpoint-md) {\n --ix-application-menu-margin-left: calc(\n 3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n );\n\n aside.slotted {\n margin-left: var(--ix-application-menu-margin-left);\n }\n\n aside.slotted + .content-area {\n margin-left: 0;\n }\n\n aside:not(.slotted) + .content-area {\n margin-left: var(--ix-application-menu-margin-left);\n }\n}\n\n:host(.breakpoint-lg) {\n --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n --ix-application-menu-margin-left: var(\n --ix-application-menu-safe-area-left,\n 0rem\n );\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-application',\n styleUrl: 'application.scss',\n shadow: true,\n})\nexport class Application {\n @Element() hostElement!: HTMLIxApplicationElement;\n\n /\n Application theme\n /\n @Prop() theme?: IxTheme;\n\n /\n Use the system appearance dark or light\n /\n @Prop() themeSystemAppearance = false;\n\n /\n Change the responsive layout of the menu structure\n /\n @Prop() forceBreakpoint: Breakpoint \| undefined;\n forceLayoutChange(newMode: Breakpoint \| undefined) {\n if (!newMode) {\n applicationLayoutService.enableBreakpointDetection();\n return;\n }\n\n applicationLayoutService.disableBreakpointDetection();\n applicationLayoutService.setBreakpoint(newMode);\n }\n\n /\n Supported layouts\n /\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n /\n Define application switch configuration\n */\n @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() applicationSidebarSlotted = false;\n\n private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n get applicationSidebarSlot() {\n return this.hostElement.shadowRoot!.querySelector(\n '.application-sidebar slot'\n ) as HTMLSlotElement;\n }\n\n private modeDisposable?: Disposable;\n\n private onContentClick() {\n if (menuController.isPinned) {\n return;\n }\n this.menu?.toggleMenu(false);\n }\n\n componentWillLoad() {\n applicationLayoutService.setBreakpoints(this.breakpoints);\n\n this.contextProvider = useContextProvider(\n this.hostElement,\n ApplicationLayoutContext,\n {\n hideHeader: false,\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n }\n );\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n this.breakpoint = mode;\n });\n this.breakpoint = applicationLayoutService.breakpoint;\n\n if (this.forceBreakpoint) {\n this.forceLayoutChange(this.forceBreakpoint);\n }\n\n this.changeTheme();\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n @Watch('theme')\n @Watch('themeSystemAppearance')\n private changeTheme() {\n if (!this.theme) {\n if (this.themeSystemAppearance) {\n themeSwitcher.setVariant();\n }\n\n return;\n }\n\n if (themeSwitcher.hasVariantSuffix(this.theme)) {\n themeSwitcher.setTheme(`theme-${this.theme}`);\n return;\n }\n\n themeSwitcher.setTheme(\n `theme-${this.theme}-dark`,\n this.themeSystemAppearance\n );\n }\n\n @Watch('appSwitchConfig')\n @Watch('applicationSidebarSlotted')\n onApplicationSidebarChange() {\n if (!this.contextProvider) {\n console.error('Context provider not available');\n return;\n }\n this.contextProvider.emit({\n hideHeader: false,\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n });\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n <slot name=\"application-header\"></slot>\n <div class=\"application\">\n <slot name=\"menu\"></slot>\n <aside\n class={{\n 'application-sidebar': true,\n slotted: this.applicationSidebarSlotted,\n }}\n onClick={() => this.onContentClick()}\n >\n <slot\n name=\"application-sidebar\"\n onSlotchange={() =>\n (this.applicationSidebarSlotted = hasSlottedElements(\n this.applicationSidebarSlot\n ))\n }\n ></slot>\n </aside>\n <div class=\"content-area\">\n <main class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </main>\n <footer class=\"footer\">\n <slot name=\"bottom\"></slot>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}