@siemens/ix 0.0.0-pr-2214-20251017134939 → 0.0.0-pr-2238-20251103095443

package/dist/esm/siemens-ix.js

@@ -1,7 +1,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-DGODjp4O.js';
-export { s as setNonce } from './index-DGODjp4O.js';
-import { g as globalScripts } from './app-globals-CX3toLCD.js';
-import './setup-neVf7o_H.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CtoreFVF.js';
+export { s as setNonce } from './index-CtoreFVF.js';
+import { g as globalScripts } from './app-globals-CdXXZdec.js';
+import './setup-BHVEOpQp.js';
 
 /*
  Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com
@@ -18,6 +18,6 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[257,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[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\"],\"showItemCount\":[4,\"show-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],\"range\":[4],\"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\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"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\"],\"showLogoutButton\":[4,\"show-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\"],\"enableSettings\":[4,\"enable-settings\"],\"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],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[257,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16,\"next-items\"],\"ghost\":[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\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"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],\"active\":[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\"],\"collapsed\":[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\"],\"offsetBottom\":[2,\"offset-bottom\"],\"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]}]]],[\"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],\"dismissible\":[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],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16,\"before-dismiss\"],\"centered\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"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\"],\"autoClose\":[4,\"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],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-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],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"dateTimePickerAppearance\":[4,\"date-time-picker-appearance\"],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"hideHeader\":[4,\"hide-header\"],\"hourInterval\":[1026,\"hour-interval\"],\"minuteInterval\":[1026,\"minute-interval\"],\"secondInterval\":[1026,\"second-interval\"],\"millisecondInterval\":[1026,\"millisecond-interval\"],\"time\":[1],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"i18nConfirmTime\":[1,\"i18n-confirm-time\"],\"textTime\":[1,\"text-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\"],\"selected\":[4],\"focusable\":[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\",{\"standaloneAppearance\":[4,\"standalone-appearance\"],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"individual\":[4],\"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\",[[257,\"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],\"range\":[4],\"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\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"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-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);
 });
 //# sourceMappingURL=siemens-ix.js.map

package/dist/esm/{validation-CUDDECtV.js → validation-D_dk-JqT.js}

@@ -1,4 +1,4 @@
-import { g as getElement } from './index-DGODjp4O.js';
+import { g as getElement } from './index-CtoreFVF.js';
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -114,6 +114,6 @@ function HookValidationLifecycle(options) {
 }
 
 export { HookValidationLifecycle as H, checkFieldClasses as a, createClassMutationObserver as c, shouldSuppressInternalValidation as s };
-//# sourceMappingURL=validation-CUDDECtV.js.map
+//# sourceMappingURL=validation-D_dk-JqT.js.map
 
-//# sourceMappingURL=validation-CUDDECtV.js.map
+//# sourceMappingURL=validation-D_dk-JqT.js.map

package/dist/esm/{validation-CUDDECtV.js.map → validation-D_dk-JqT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-CUDDECtV.js","sources":["src/components/utils/input/validation.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { getElement } from '@stencil/core';\nimport { HTMLIxFormComponentElement, IxFormComponent } from '.';\nimport { IxComponent } from '../internal';\n\nexport type ClassMutationObserver = {\n  destroy: () => void;\n};\n\nexport async function isTouched<T>(host: IxFormComponent<T>) {\n  if (typeof host.isTouched === 'function') {\n    return host.isTouched();\n  }\n}\n\nexport async function shouldSuppressInternalValidation<T>(\n  host: IxFormComponent<T>\n) {\n  if (\n    host.getAssociatedFormElement &&\n    typeof host.getAssociatedFormElement === 'function'\n  ) {\n    const form = await host.getAssociatedFormElement();\n\n    if (!form) {\n      return false;\n    }\n\n    return form.noValidate;\n  }\n\n  return false;\n}\n\nexport function createClassMutationObserver(\n  element: HTMLElement,\n  callback: () => void,\n  options?: {\n    includeChildren?: boolean;\n  }\n): ClassMutationObserver {\n  const observer = new MutationObserver(callback);\n  observer.observe(element, {\n    subtree: options?.includeChildren,\n    childList: options?.includeChildren,\n    attributes: true,\n    attributeFilter: ['class'],\n  });\n\n  return {\n    destroy() {\n      observer.disconnect();\n    },\n  };\n}\n\nexport type ValidationResultProperty =\n  | 'isInvalid'\n  | 'isInvalidByRequired'\n  | 'isValid'\n  | 'isInfo'\n  | 'isWarning';\nexport type ValidationResults = Record<ValidationResultProperty, boolean>;\n\nfunction classListContains(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  className: string,\n  includeChildren: boolean\n) {\n  return (\n    hostElement.classList.contains(`${className}`) ||\n    (includeChildren ? !!hostElement.querySelector(`.${className}`) : false)\n  );\n}\n\nexport function checkFieldClasses(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  includeChildren = false\n): ValidationResults {\n  return {\n    isInvalid:\n      classListContains(hostElement, 'ix-invalid', includeChildren) ||\n      classListContains(\n        hostElement,\n        'ix-invalid--validity-invalid',\n        includeChildren\n      ),\n    isInvalidByRequired: classListContains(\n      hostElement,\n      'ix-invalid--required',\n      includeChildren\n    ),\n    isValid: classListContains(hostElement, 'ix-valid', includeChildren),\n    isInfo: classListContains(hostElement, 'ix-info', includeChildren),\n    isWarning: classListContains(hostElement, 'ix-warning', includeChildren),\n  };\n}\n\nexport function HookValidationLifecycle(options?: {\n  includeChildren?: boolean;\n}) {\n  return (proto: IxComponent, methodName: string) => {\n    let checkIfRequiredFunction: (() => Promise<void>) | null;\n    let classMutationObserver: ClassMutationObserver | null;\n    const { componentWillLoad, disconnectedCallback, connectedCallback } =\n      proto;\n\n    proto.connectedCallback = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n\n      checkIfRequiredFunction = async () => {\n        const skipValidation = await shouldSuppressInternalValidation(host);\n        if (skipValidation) {\n          return;\n        }\n\n        if (host.hasValidValue && typeof host.hasValidValue === 'function') {\n          const hasValue = await host.hasValidValue();\n          const touched = await isTouched(host);\n\n          if (host.required) {\n            host.classList.toggle('ix-invalid--required', !hasValue && touched);\n          } else {\n            host.classList.remove('ix-invalid--required');\n          }\n        }\n\n        if (\n          host.getValidityState &&\n          typeof host.getValidityState === 'function'\n        ) {\n          const validityState = await host.getValidityState();\n\n          host.classList.toggle(\n            `ix-invalid--validity-patternMismatch`,\n            validityState.patternMismatch\n          );\n        }\n      };\n\n      host.addEventListener('checkedChange', checkIfRequiredFunction);\n      host.addEventListener('valueChange', checkIfRequiredFunction);\n      host.addEventListener('ixBlur', checkIfRequiredFunction);\n      setTimeout(checkIfRequiredFunction);\n      return connectedCallback?.call(this);\n    };\n\n    proto.componentWillLoad = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n      classMutationObserver = createClassMutationObserver(\n        host,\n        () => {\n          const result = checkFieldClasses(host, options?.includeChildren);\n          proto[methodName].call(this, result);\n        },\n        options\n      );\n      const result = checkFieldClasses(host, options?.includeChildren);\n      proto[methodName].call(this, result);\n      return componentWillLoad?.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this);\n\n      if (host && classMutationObserver) {\n        classMutationObserver.destroy();\n        classMutationObserver = null;\n      }\n\n      if (host && checkIfRequiredFunction) {\n        host.removeEventListener('checkedChange', checkIfRequiredFunction);\n        host.removeEventListener('valueChange', checkIfRequiredFunction);\n        host.removeEventListener('ixBlur', checkIfRequiredFunction);\n        checkIfRequiredFunction = null;\n      }\n\n      return disconnectedCallback?.call(this);\n    };\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"validation-D_dk-JqT.js","sources":["src/components/utils/input/validation.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { getElement } from '@stencil/core';\nimport { HTMLIxFormComponentElement, IxFormComponent } from '.';\nimport { IxComponent } from '../internal';\n\nexport type ClassMutationObserver = {\n  destroy: () => void;\n};\n\nexport async function isTouched<T>(host: IxFormComponent<T>) {\n  if (typeof host.isTouched === 'function') {\n    return host.isTouched();\n  }\n}\n\nexport async function shouldSuppressInternalValidation<T>(\n  host: IxFormComponent<T>\n) {\n  if (\n    host.getAssociatedFormElement &&\n    typeof host.getAssociatedFormElement === 'function'\n  ) {\n    const form = await host.getAssociatedFormElement();\n\n    if (!form) {\n      return false;\n    }\n\n    return form.noValidate;\n  }\n\n  return false;\n}\n\nexport function createClassMutationObserver(\n  element: HTMLElement,\n  callback: () => void,\n  options?: {\n    includeChildren?: boolean;\n  }\n): ClassMutationObserver {\n  const observer = new MutationObserver(callback);\n  observer.observe(element, {\n    subtree: options?.includeChildren,\n    childList: options?.includeChildren,\n    attributes: true,\n    attributeFilter: ['class'],\n  });\n\n  return {\n    destroy() {\n      observer.disconnect();\n    },\n  };\n}\n\nexport type ValidationResultProperty =\n  | 'isInvalid'\n  | 'isInvalidByRequired'\n  | 'isValid'\n  | 'isInfo'\n  | 'isWarning';\nexport type ValidationResults = Record<ValidationResultProperty, boolean>;\n\nfunction classListContains(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  className: string,\n  includeChildren: boolean\n) {\n  return (\n    hostElement.classList.contains(`${className}`) ||\n    (includeChildren ? !!hostElement.querySelector(`.${className}`) : false)\n  );\n}\n\nexport function checkFieldClasses(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  includeChildren = false\n): ValidationResults {\n  return {\n    isInvalid:\n      classListContains(hostElement, 'ix-invalid', includeChildren) ||\n      classListContains(\n        hostElement,\n        'ix-invalid--validity-invalid',\n        includeChildren\n      ),\n    isInvalidByRequired: classListContains(\n      hostElement,\n      'ix-invalid--required',\n      includeChildren\n    ),\n    isValid: classListContains(hostElement, 'ix-valid', includeChildren),\n    isInfo: classListContains(hostElement, 'ix-info', includeChildren),\n    isWarning: classListContains(hostElement, 'ix-warning', includeChildren),\n  };\n}\n\nexport function HookValidationLifecycle(options?: {\n  includeChildren?: boolean;\n}) {\n  return (proto: IxComponent, methodName: string) => {\n    let checkIfRequiredFunction: (() => Promise<void>) | null;\n    let classMutationObserver: ClassMutationObserver | null;\n    const { componentWillLoad, disconnectedCallback, connectedCallback } =\n      proto;\n\n    proto.connectedCallback = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n\n      checkIfRequiredFunction = async () => {\n        const skipValidation = await shouldSuppressInternalValidation(host);\n        if (skipValidation) {\n          return;\n        }\n\n        if (host.hasValidValue && typeof host.hasValidValue === 'function') {\n          const hasValue = await host.hasValidValue();\n          const touched = await isTouched(host);\n\n          if (host.required) {\n            host.classList.toggle('ix-invalid--required', !hasValue && touched);\n          } else {\n            host.classList.remove('ix-invalid--required');\n          }\n        }\n\n        if (\n          host.getValidityState &&\n          typeof host.getValidityState === 'function'\n        ) {\n          const validityState = await host.getValidityState();\n\n          host.classList.toggle(\n            `ix-invalid--validity-patternMismatch`,\n            validityState.patternMismatch\n          );\n        }\n      };\n\n      host.addEventListener('checkedChange', checkIfRequiredFunction);\n      host.addEventListener('valueChange', checkIfRequiredFunction);\n      host.addEventListener('ixBlur', checkIfRequiredFunction);\n      setTimeout(checkIfRequiredFunction);\n      return connectedCallback?.call(this);\n    };\n\n    proto.componentWillLoad = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n      classMutationObserver = createClassMutationObserver(\n        host,\n        () => {\n          const result = checkFieldClasses(host, options?.includeChildren);\n          proto[methodName].call(this, result);\n        },\n        options\n      );\n      const result = checkFieldClasses(host, options?.includeChildren);\n      proto[methodName].call(this, result);\n      return componentWillLoad?.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this);\n\n      if (host && classMutationObserver) {\n        classMutationObserver.destroy();\n        classMutationObserver = null;\n      }\n\n      if (host && checkIfRequiredFunction) {\n        host.removeEventListener('checkedChange', checkIfRequiredFunction);\n        host.removeEventListener('valueChange', checkIfRequiredFunction);\n        host.removeEventListener('ixBlur', checkIfRequiredFunction);\n        checkIfRequiredFunction = null;\n      }\n\n      return disconnectedCallback?.call(this);\n    };\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -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-DErtoAo0.js";import"./p-Cz75KU1f.js";import"./p-DGODjp4O.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 f(t){const s=document.createElement("ix-modal");s.closeOnEscape=false;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,f 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-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};
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/components/category-filter/filter-state.ts","src/components/toast/toast-utils.ts","src/components/utils/modal/loading.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LogicalFilterOperator } from './logical-filter-operator';\nexport class FilterState {\n  public tokens: string[] = [];\n  public categories: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }[] = [];\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 type { ShowToastResult } from './toast-container.types';\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\nexport type ToastPosition = 'bottom-right' | 'top-right';\n\nexport interface ToastConfig {\n  /**\n   * Title of the toast\n   */\n  title?: string;\n  /**\n   * Message of the toast\n   */\n  message?: string | HTMLElement;\n  /**\n   * Action element that is displayed below the toast message/title\n   */\n  action?: HTMLElement;\n  /**\n   * Type of the toast\n   */\n  type?: ToastType;\n  /**\n   * Controls whether the toast closes automatically after a delay\n   */\n  autoClose?: boolean;\n  /**\n   * Sets the delay for autoClose in milliseconds\n   */\n  autoCloseDelay?: number;\n  /**\n   * Icon that is displayed with the toast\n   */\n  icon?: string;\n  /**\n   * Color of the icon\n   */\n  iconColor?: string;\n}\n\nexport function getToastContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-toast-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple toast containers were found. Only the first one will be used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const toastContainer = document.createElement('ix-toast-container');\n    document.body.appendChild(toastContainer);\n\n    return toastContainer;\n  }\n  return container;\n}\n\nexport function setToastPosition(position: ToastPosition) {\n  const container = getToastContainer();\n  container.setAttribute('position', position);\n}\n\nfunction toast(config: ToastConfig): Promise<ShowToastResult> {\n  const container = getToastContainer();\n  return container.showToast(config);\n}\n\ntoast.info = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'info',\n  });\n};\n\ntoast.error = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'error',\n  });\n};\n\ntoast.success = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'success',\n  });\n};\n\ntoast.warning = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'warning',\n  });\n};\n\nexport { toast };\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 Animation from '../animation';\nimport { getCoreDelegate } from '../delegate';\n\nexport function showModalLoading(message: string) {\n  const modal = document.createElement('ix-modal');\n  modal.closeOnEscape = false;\n\n  const loading = document.createElement('ix-modal-loading');\n  loading.innerText = message;\n  modal.appendChild(loading);\n\n  getCoreDelegate().attachView(modal);\n  modal.showModal();\n\n  return {\n    update: (text: string) => (loading.innerHTML = text),\n    finish: (text?: string, timeout: number = 250) => {\n      if (text !== undefined) {\n        loading.innerText = text;\n      } else {\n        timeout = 0;\n      }\n      setTimeout(() => {\n        modal.closeModal(null);\n        setTimeout(\n          async () => await getCoreDelegate().removeView(modal),\n          Animation.mediumTime\n        );\n      }, timeout);\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["src/components/category-filter/filter-state.ts","src/components/toast/toast-utils.ts","src/components/utils/modal/loading.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LogicalFilterOperator } from './logical-filter-operator';\nexport class FilterState {\n  public tokens: string[] = [];\n  public categories: {\n    id: string;\n    value: string;\n    operator: LogicalFilterOperator;\n  }[] = [];\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 type { ShowToastResult } from './toast-container.types';\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\nexport type ToastPosition = 'bottom-right' | 'top-right';\n\nexport interface ToastConfig {\n  /**\n   * Title of the toast\n   */\n  title?: string;\n  /**\n   * Message of the toast\n   */\n  message?: string | HTMLElement;\n  /**\n   * Action element that is displayed below the toast message/title\n   */\n  action?: HTMLElement;\n  /**\n   * Type of the toast\n   */\n  type?: ToastType;\n  /**\n   * Controls whether the toast closes automatically after a delay\n   */\n  autoClose?: boolean;\n  /**\n   * Sets the delay for autoClose in milliseconds\n   */\n  autoCloseDelay?: number;\n  /**\n   * Icon that is displayed with the toast\n   */\n  icon?: string;\n  /**\n   * Color of the icon\n   */\n  iconColor?: string;\n}\n\nexport function getToastContainer() {\n  const containerList = Array.from(\n    document.querySelectorAll('ix-toast-container')\n  );\n  const [container] = containerList;\n  if (containerList.length > 1) {\n    console.warn(\n      'Multiple toast containers were found. Only the first one will be used.'\n    );\n    return container;\n  }\n  if (!container) {\n    const toastContainer = document.createElement('ix-toast-container');\n    document.body.appendChild(toastContainer);\n\n    return toastContainer;\n  }\n  return container;\n}\n\nexport function setToastPosition(position: ToastPosition) {\n  const container = getToastContainer();\n  container.setAttribute('position', position);\n}\n\nfunction toast(config: ToastConfig): Promise<ShowToastResult> {\n  const container = getToastContainer();\n  return container.showToast(config);\n}\n\ntoast.info = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'info',\n  });\n};\n\ntoast.error = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'error',\n  });\n};\n\ntoast.success = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'success',\n  });\n};\n\ntoast.warning = (config: ToastConfig) => {\n  return toast({\n    ...config,\n    type: 'warning',\n  });\n};\n\nexport { toast };\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 Animation from '../animation';\nimport { getCoreDelegate } from '../delegate';\n\nexport function showModalLoading(message: string) {\n  const modal = document.createElement('ix-modal');\n  modal.disableEscapeClose = true;\n\n  const loading = document.createElement('ix-modal-loading');\n  loading.innerText = message;\n  modal.appendChild(loading);\n\n  getCoreDelegate().attachView(modal);\n  modal.showModal();\n\n  return {\n    update: (text: string) => (loading.innerHTML = text),\n    finish: (text?: string, timeout: number = 250) => {\n      if (text !== undefined) {\n        loading.innerText = text;\n      } else {\n        timeout = 0;\n      }\n      setTimeout(() => {\n        modal.closeModal(null);\n        setTimeout(\n          async () => await getCoreDelegate().removeView(modal),\n          Animation.mediumTime\n        );\n      }, timeout);\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-avatar.ix-menu-avatar-item.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-avatar.ix-menu-avatar-item.entry.esm.js","sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx","src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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 './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  @include scrollbar.scrollbar();\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-avatar--background);\n      color: var(--theme-avatar--color);\n\n      > ix-typography {\n        // Fix to get the text vertically centered\n        margin-top: 1px;\n      }\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-avatar--color);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    border-radius: 100px !important;\n\n    @include button-mixin.btn-base;\n\n    & {\n      padding: 0px;\n    }\n  }\n\n  @include button-mixin.btn-base-variant('tertiary');\n\n  .avatar {\n    transform: scale(0.8);\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 {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n  props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n  const { initials } = props;\n\n  if (initials) {\n    return (\n      <div class={'avatar-initials'}>\n        <ix-typography format=\"label-lg\">{initials}</ix-typography>\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      aria-label={props.a11yLabel}\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <div class=\"avatar\">\n      {props.image ? (\n        <img\n          src={props.image}\n          class=\"avatar-image\"\n          aria-label={props.a11yLabel}\n        ></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n      )}\n    </div>\n  );\n}\n\nfunction UserInfo(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    userName: string;\n    extra?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage\n          image={props.image}\n          initials={props.initials}\n          a11yLabel={props.a11yLabel}\n        />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" text-color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement!: HTMLIxAvatarElement;\n\n  /**\n   * Accessibility label for the image\n   * Will be set as aria-label on the nested HTML img element\n   *\n   * @deprecated Set the native `aria-label` on the ix-avatar host element\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials?: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() username?: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() extra?: string;\n\n  /**\n   * Text to display in a tooltip when hovering over the avatar\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * aria-label for the tooltip\n   *\n   * @since 4.0.0\n   */\n  @Prop() ariaLabelTooltip?: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement?: HTMLSlotElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private async slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve, reject) => {\n      readTask(() => {\n        const button = this.hostElement.shadowRoot!.querySelector('button');\n        if (button) {\n          resolve(button);\n        } else {\n          reject(new Error('ix-avatar - trigger element not found'));\n        }\n      });\n    });\n  }\n\n  private onDropdownClick(event: MouseEvent) {\n    if (event.target === this.dropdownElement) {\n      event.preventDefault();\n    }\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    const a11yLabel = a11y['aria-label'];\n\n    const tooltipText = this.tooltipText || this.username;\n    const ariaHidden = tooltipText === this.username;\n\n    const Avatar = (\n      <Fragment>\n        <AvatarImage\n          image={this.image}\n          initials={this.initials}\n          a11yLabel={a11yLabel ?? this.a11yLabel}\n        />\n        {!!tooltipText && (\n          <ix-tooltip\n            ref={this.tooltipRef}\n            for={this.hostElement}\n            aria-hidden={a11yBoolean(ariaHidden)}\n            aria-label={this.ariaLabelTooltip}\n          >\n            {tooltipText}\n          </ix-tooltip>\n        )}\n      </Fragment>\n    );\n\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            selected={false}\n            type=\"button\"\n            variant=\"tertiary\"\n          >\n            {Avatar}\n          </BaseButton>\n          <ix-dropdown\n            ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n            onClick={(e) => this.onDropdownClick(e)}\n            onShowChanged={(event) => {\n              if (event.detail && this.tooltipRef.current) {\n                this.tooltipRef.current.hideTooltip(0);\n              }\n            }}\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                  a11yLabel={a11yLabel ?? this.a11yLabel}\n                />\n                {this.hasSlottedElements && (\n                  <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n                )}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return <Host>{Avatar}</Host>;\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@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  color: var(--theme-color-std-text);\n\n  @include component.ix-component;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxMenuAvatarItemElement;\n\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick!: EventEmitter<MouseEvent>;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-avatar.ix-menu-avatar-item.entry.esm.js","sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx","src/components/menu-avatar-item/menu-avatar-item.scss?tag=ix-menu-avatar-item&encapsulation=shadow","src/components/menu-avatar-item/menu-avatar-item.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 './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n  display: flex;\n  position: relative;\n  width: fit-content;\n\n  @include scrollbar.scrollbar();\n\n  .avatar {\n    display: flex;\n    align-items: center;\n\n    > .avatar-image {\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n    }\n\n    > .avatar-initials {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 2rem;\n      width: 2rem;\n      min-height: 2rem;\n      min-width: 2rem;\n      border-radius: 100px;\n      background-color: var(--theme-avatar--background);\n      color: var(--theme-avatar--color);\n\n      > ix-typography {\n        // Fix to get the text vertically centered\n        margin-top: 1px;\n      }\n    }\n\n    #avatar-path-background {\n      fill: var(--theme-avatar--background);\n    }\n\n    #avatar-path-person {\n      fill: var(--theme-avatar--color);\n    }\n  }\n}\n\n:host {\n  .user-info {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    height: 2.5rem;\n    padding: 1rem;\n    width: 12.75rem;\n    min-width: 12.75rem;\n    max-width: 12.75rem;\n\n    gap: 1rem;\n\n    .avatar {\n      width: 2rem;\n      pointer-events: none;\n    }\n\n    .user {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      justify-content: center;\n      max-width: 10rem;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .username {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .extra {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n:host(.avatar-button) {\n  button {\n    border-radius: 100px !important;\n\n    @include button-mixin.btn-base;\n\n    & {\n      padding: 0px;\n    }\n  }\n\n  @include button-mixin.btn-base-variant('tertiary');\n\n  .avatar {\n    transform: scale(0.8);\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 {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n  props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n  const { initials } = props;\n\n  if (initials) {\n    return (\n      <div class={'avatar-initials'}>\n        <ix-typography format=\"label-lg\">{initials}</ix-typography>\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      class={'avatar-image'}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      aria-label={props.a11yLabel}\n    >\n      <g fill=\"none\" fill-rule=\"evenodd\">\n        <path\n          id=\"avatar-path-background\"\n          d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n        />\n        <path\n          id=\"avatar-path-person\"\n          d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction AvatarImage(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <div class=\"avatar\">\n      {props.image ? (\n        <img\n          src={props.image}\n          class=\"avatar-image\"\n          aria-label={props.a11yLabel}\n        ></img>\n      ) : (\n        <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n      )}\n    </div>\n  );\n}\n\nfunction UserInfo(\n  props: Readonly<{\n    image?: string;\n    initials?: string;\n    userName: string;\n    extra?: string;\n    a11yLabel?: string;\n  }>\n) {\n  return (\n    <Fragment>\n      <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n        <AvatarImage\n          image={props.image}\n          initials={props.initials}\n          a11yLabel={props.a11yLabel}\n        />\n        <div class=\"user\">\n          <div class=\"username\">{props.userName}</div>\n          {props.extra && (\n            <ix-typography class=\"extra\" text-color={'soft'}>\n              {props.extra}\n            </ix-typography>\n          )}\n        </div>\n      </div>\n    </Fragment>\n  );\n}\n\n@Component({\n  tag: 'ix-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  @Element() hostElement!: HTMLIxAvatarElement;\n\n  /**\n   * Accessibility label for the image\n   * Will be set as aria-label on the nested HTML img element\n   *\n   * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Display an avatar image\n   *\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   *\n   */\n  @Prop() initials?: string;\n\n  /**\n   * If set an info card displaying the username will be placed inside the dropdown.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() username?: string;\n\n  /**\n   * Optional description text that will be displayed underneath the username.\n   * Note: Only working if avatar is part of the ix-application-header\n   */\n  @Prop() extra?: string;\n\n  /**\n   * Text to display in a tooltip when hovering over the avatar\n   *\n   * @since 4.0.0\n   */\n  @Prop() tooltipText?: string;\n\n  /**\n   * aria-label for the tooltip\n   *\n   * @since 4.0.0\n   */\n  @Prop() ariaLabelTooltip?: string;\n\n  @State() isClosestApplicationHeader = false;\n  @State() hasSlottedElements = false;\n\n  private slotElement?: HTMLSlotElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  componentWillLoad() {\n    const closest = closestElement('ix-application-header', this.hostElement);\n    this.isClosestApplicationHeader = closest !== null;\n  }\n\n  private async slottedChanged() {\n    this.hasSlottedElements = hasSlottedElements(this.slotElement);\n  }\n\n  private resolveAvatarTrigger() {\n    return new Promise<HTMLElement>((resolve, reject) => {\n      readTask(() => {\n        const button = this.hostElement.shadowRoot!.querySelector('button');\n        if (button) {\n          resolve(button);\n        } else {\n          reject(new Error('ix-avatar - trigger element not found'));\n        }\n      });\n    });\n  }\n\n  private onDropdownClick(event: MouseEvent) {\n    if (event.target === this.dropdownElement) {\n      event.preventDefault();\n    }\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    const a11yLabel = a11y['aria-label'];\n\n    const tooltipText = this.tooltipText || this.username;\n    const ariaHidden = tooltipText === this.username;\n\n    const Avatar = (\n      <Fragment>\n        <AvatarImage\n          image={this.image}\n          initials={this.initials}\n          a11yLabel={a11yLabel ?? this.a11yLabel}\n        />\n        {!!tooltipText && (\n          <ix-tooltip\n            ref={this.tooltipRef}\n            for={this.hostElement}\n            aria-hidden={a11yBoolean(ariaHidden)}\n            aria-label={this.ariaLabelTooltip}\n          >\n            {tooltipText}\n          </ix-tooltip>\n        )}\n      </Fragment>\n    );\n\n    if (this.isClosestApplicationHeader) {\n      return (\n        <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n          <BaseButton\n            disabled={false}\n            iconOval={false}\n            icon={undefined}\n            iconOnly={false}\n            loading={false}\n            selected={false}\n            type=\"button\"\n            variant=\"tertiary\"\n          >\n            {Avatar}\n          </BaseButton>\n          <ix-dropdown\n            ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n            trigger={this.resolveAvatarTrigger()}\n            class=\"avatar-dropdown\"\n            onClick={(e) => this.onDropdownClick(e)}\n            onShowChanged={(event) => {\n              if (event.detail && this.tooltipRef.current) {\n                this.tooltipRef.current.hideTooltip(0);\n              }\n            }}\n          >\n            {this.username && (\n              <Fragment>\n                <UserInfo\n                  extra={this.extra}\n                  image={this.image}\n                  initials={this.initials}\n                  userName={this.username}\n                  a11yLabel={a11yLabel ?? this.a11yLabel}\n                />\n                {this.hasSlottedElements && (\n                  <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n                )}\n              </Fragment>\n            )}\n            <slot\n              onSlotchange={() => this.slottedChanged()}\n              ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n            ></slot>\n          </ix-dropdown>\n        </Host>\n      );\n    }\n\n    return <Host>{Avatar}</Host>;\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@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  color: var(--theme-color-std-text);\n\n  @include component.ix-component;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-menu-avatar-item',\n  styleUrl: 'menu-avatar-item.scss',\n  shadow: true,\n})\nexport class MenuAvatarItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxMenuAvatarItemElement;\n\n  /**\n   * Avatar dropdown icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Avatar dropdown label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Avatar dropdown item clicked\n   */\n  @Event() itemClick!: EventEmitter<MouseEvent>;\n\n  private dropdownItemRef = makeRef<HTMLIxDropdownItemElement>();\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.dropdownItemRef.waitForCurrent();\n  }\n\n  render() {\n    return (\n      <ix-dropdown-item\n        ref={this.dropdownItemRef}\n        icon={this.icon}\n        label={this.label}\n        onClick={(e) => this.itemClick.emit(e)}\n      ></ix-dropdown-item>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-breadcrumb-item.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-breadcrumb-item.entry.esm.js","sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-item.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@use '../button/button-mixin';\n@use '../button/button';\n\n@include button-mixin.all-btn-variants;\n\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-right: 0.25rem;\n  max-width: 15rem;\n  min-width: 0;\n\n  @include component.ix-component;\n\n  li {\n    display: contents;\n  }\n\n  .btn {\n    pointer-events: all;\n    width: fit-content;\n    padding-right: 0;\n    padding-left: 0.25rem;\n  }\n\n  .chevron {\n    pointer-events: none;\n    margin-left: 0.5rem;\n    margin-right: 0rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n\n  ::slotted(a[href]:active) {\n    text-decoration: none !important;\n  }\n}\n\n:host(:last-child) {\n  .btn:not(.dropdown-trigger) {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.hide-chevron) {\n  cursor: default;\n\n  .btn {\n    padding-right: 0.5rem;\n    pointer-events: none;\n  }\n}\n\n:host(.invisible) {\n  display: none;\n}\n\n:host(:focus-visible) {\n  outline: 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 */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { animate } from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\nimport { iconChevronRightSmall } from '@siemens/ix-icons/icons';\nimport Animation from '../utils/animation';\nimport { AnchorInterface, AnchorTarget } from '../button/button.interface';\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem implements AnchorInterface {\n  @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n  /**\n   * ARIA label for the button\n   * Will be set as aria-label for the nested HTML button element\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelButton?: string;\n\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon?: string;\n\n  /**\n   * URL for the button link. When provided, the button will render as an anchor tag.\n   *\n   * @since 4.0.0\n   */\n  @Prop() href?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() target?: AnchorTarget = '_self';\n\n  /**\n   * Specifies the relationship between the current document and the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() rel?: string;\n\n  /**@internal */\n  @Prop() ghost: boolean = true;\n\n  /**@internal */\n  @Prop() visible = true;\n\n  /**@internal */\n  @Prop() showChevron = true;\n\n  /** @internal */\n  @Prop() isDropdownTrigger = false;\n\n  /**@internal */\n  @Event() itemClick!: EventEmitter<string>;\n\n  @State() a11y: any;\n\n  componentDidLoad() {\n    this.animationFadeIn();\n  }\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement, [\n      'aria-describedby',\n      'aria-controls',\n      'aria-expanded',\n    ]);\n  }\n\n  animationFadeIn() {\n    animate(this.hostElement, {\n      duration: Animation.defaultTime,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  render() {\n    const props: BaseButtonProps = {\n      variant: this.ghost ? 'tertiary' : 'subtle-primary',\n      iconOnly: false,\n      iconOval: false,\n      disabled: false,\n      icon: this.icon,\n      iconSize: '16',\n      loading: false,\n      selected: false,\n      type: 'button',\n      tabIndex:\n        this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n      extraClasses: {\n        'dropdown-trigger': this.isDropdownTrigger,\n      },\n      ariaAttributes: { ...this.a11y, 'aria-label': this.ariaLabelButton },\n      href: this.href,\n      target: this.target,\n      rel: this.rel,\n    };\n\n    if (!this.visible) {\n      return <Host class={'invisible'}></Host>;\n    }\n\n    return (\n      <Host\n        class={{\n          'hide-chevron': !this.showChevron,\n        }}\n        onClick={() => this.itemClick.emit(this.label)}\n      >\n        <li>\n          <BaseButton\n            {...props}\n            afterContent={\n              <Fragment>\n                {this.showChevron ? (\n                  <ix-icon\n                    name={iconChevronRightSmall}\n                    size=\"16\"\n                    class={'chevron'}\n                  ></ix-icon>\n                ) : null}\n              </Fragment>\n            }\n          >\n            {this.label}\n            <slot></slot>\n          </BaseButton>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,k/wDAAk/wD;;MCgC//wD,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAiCE;;;;AAIG;AACK,QAAA,IAAM,CAAA,MAAA,GAAkB,OAAO;;AAU/B,QAAA,IAAK,CAAA,KAAA,GAAY,IAAI;;AAGrB,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;;AAGd,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI;;AAGlB,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;AAmFlC;IA5EC,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAGxB,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;AAChB,SAAA,CAAC;;IAGJ,eAAe,GAAA;AACb,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YACxB,QAAQ,EAAE,SAAS,CAAC,WAAW;AAC/B,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;AAC3B,YAAA,MAAM,EAAE,QAAQ;AACjB,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,UAAU,GAAG,gBAAgB;AACnD,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC;AAClE,YAAA,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;AAC3C,aAAA;YACD,cAAc,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,IAAI,CAAC,IAAI,CAAA,EAAA,EAAE,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,CAAA;YACpE,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,EAAC,IAAI,EAAA,EAAC,KAAK,EAAE,WAAW,GAAS;;AAG1C,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;aAClC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,EAE9C,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAC,UAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,KAAK,EAAA,EACT,YAAY,EACV,CAAA,CAAC,QAAQ,EAAA,IAAA,EACN,IAAI,CAAC,WAAW,IACf,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,GACP,IACT,IAAI,CACC,EAAA,CAAA,EAGZ,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACF,CACV,CACA;;;;;;;;"}
+{"version":3,"file":"ix-breadcrumb-item.entry.esm.js","sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-item.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@use '../button/button-mixin';\n@use '../button/button';\n\n@include button-mixin.all-btn-variants;\n\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-right: 0.25rem;\n  max-width: 15rem;\n  min-width: 0;\n\n  @include component.ix-component;\n\n  li {\n    display: contents;\n  }\n\n  .btn {\n    pointer-events: all;\n    width: fit-content;\n    padding-right: 0;\n    padding-left: 0.25rem;\n  }\n\n  .chevron {\n    pointer-events: none;\n    margin-left: 0.5rem;\n    margin-right: 0rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n\n  ::slotted(a[href]:active) {\n    text-decoration: none !important;\n  }\n}\n\n:host(:last-child) {\n  .btn:not(.dropdown-trigger) {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.hide-chevron) {\n  cursor: default;\n\n  .btn {\n    padding-right: 0.5rem;\n    pointer-events: none;\n  }\n}\n\n:host(.invisible) {\n  display: none;\n}\n\n:host(:focus-visible) {\n  outline: 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 */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { animate } from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\nimport { iconChevronRightSmall } from '@siemens/ix-icons/icons';\nimport Animation from '../utils/animation';\nimport { AnchorInterface, AnchorTarget } from '../button/button.interface';\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem implements AnchorInterface {\n  @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n  /**\n   * ARIA label for the button\n   * Will be set as aria-label for the nested HTML button element\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelButton?: string;\n\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon?: string;\n\n  /**\n   * URL for the button link. When provided, the button will render as an anchor tag.\n   *\n   * @since 4.0.0\n   */\n  @Prop() href?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() target?: AnchorTarget = '_self';\n\n  /**\n   * Specifies the relationship between the current document and the linked document when href is provided.\n   *\n   * @since 4.0.0\n   */\n  @Prop() rel?: string;\n\n  /**@internal */\n  @Prop() subtle: boolean = false;\n\n  /**@internal */\n  @Prop() invisible = false;\n\n  /**@internal */\n  @Prop() hideChevron = false;\n\n  /** @internal */\n  @Prop() isDropdownTrigger = false;\n\n  /**@internal */\n  @Event() itemClick!: EventEmitter<string>;\n\n  @State() a11y: any;\n\n  componentDidLoad() {\n    this.animationFadeIn();\n  }\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement, [\n      'aria-describedby',\n      'aria-controls',\n      'aria-expanded',\n    ]);\n  }\n\n  animationFadeIn() {\n    animate(this.hostElement, {\n      duration: Animation.defaultTime,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  render() {\n    const props: BaseButtonProps = {\n      variant: this.subtle ? 'subtle-primary' : 'tertiary',\n      iconOnly: false,\n      iconOval: false,\n      disabled: false,\n      icon: this.icon,\n      iconSize: '16',\n      loading: false,\n      selected: false,\n      type: 'button',\n      tabIndex:\n        this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n      extraClasses: {\n        'dropdown-trigger': this.isDropdownTrigger,\n      },\n      ariaAttributes: { ...this.a11y, 'aria-label': this.ariaLabelButton },\n      href: this.href,\n      target: this.target,\n      rel: this.rel,\n    };\n\n    if (this.invisible) {\n      return <Host class={'invisible'}></Host>;\n    }\n\n    return (\n      <Host\n        class={{\n          'hide-chevron': this.hideChevron,\n        }}\n        onClick={() => this.itemClick.emit(this.label)}\n      >\n        <li>\n          <BaseButton\n            {...props}\n            afterContent={\n              <Fragment>\n                {!this.hideChevron && (\n                  <ix-icon\n                    name={iconChevronRightSmall}\n                    size=\"16\"\n                    class={'chevron'}\n                  ></ix-icon>\n                )}\n              </Fragment>\n            }\n          >\n            {this.label}\n            <slot></slot>\n          </BaseButton>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,k/wDAAk/wD;;MCgC//wD,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAiCE;;;;AAIG;AACK,QAAA,IAAM,CAAA,MAAA,GAAkB,OAAO;;AAU/B,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;;AAGvB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;;AAGjB,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;;AAGnB,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;AAmFlC;IA5EC,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAGxB,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;AAChB,SAAA,CAAC;;IAGJ,eAAe,GAAA;AACb,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YACxB,QAAQ,EAAE,SAAS,CAAC,WAAW;AAC/B,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;AAC3B,YAAA,MAAM,EAAE,QAAQ;AACjB,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,UAAU;AACpD,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC;AAClE,YAAA,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;AAC3C,aAAA;YACD,cAAc,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,IAAI,CAAC,IAAI,CAAA,EAAA,EAAE,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,CAAA;YACpE,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,EAAC,IAAI,EAAA,EAAC,KAAK,EAAE,WAAW,GAAS;;AAG1C,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI,CAAC,WAAW;AACjC,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,EAE9C,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAC,UAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,KAAK,EAAA,EACT,YAAY,EACV,CAAC,CAAA,QAAQ,EACN,IAAA,EAAA,CAAC,IAAI,CAAC,WAAW,KAChB,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,EAAA,CACP,CACZ,CACQ,EAAA,CAAA,EAGZ,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACF,CACV,CACA;;;;;;;;"}

package/dist/siemens-ix/ix-breadcrumb.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-breadcrumb.entry.esm.js","sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.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 './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: flex;\n  justify-content: flex-start;\n  height: 2.5rem;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  @include component.ix-component;\n\n  .previous-button {\n    width: 3rem;\n    min-width: 0px;\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: vars.$font-weight-bold;\n    }\n\n    ix-icon {\n      // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n      // using padding-top to achieve same position as before\n      padding-top: 2px;\n    }\n  }\n\n  nav,\n  ol,\n  .crumb-items {\n    display: contents;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n  return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n  @Watch('nextItems')\n  onNextItemsChange() {\n    this.onChildMutation();\n  }\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() ghost = true;\n\n  /**\n   * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n   * with conditionally hidden previous items\n   */\n  @Prop() ariaLabelPreviousButton = 'previous';\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick!: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick!: EventEmitter<{ event: UIEvent; item: string }>;\n\n  private readonly previousButtonRef = makeRef<HTMLIxBreadcrumbItemElement>();\n  private readonly nextButtonRef = makeRef<HTMLElement>();\n\n  @State() items: HTMLIxBreadcrumbItemElement[] = [];\n  @State() isPreviousDropdownExpanded = false;\n\n  private mutationObserver?: MutationObserver;\n\n  private previousButtonId = createId();\n  private previousDropdownId = createId();\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() =>\n      this.onChildMutation()\n    );\n\n    this.mutationObserver.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.onChildMutation();\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private async onChildMutation() {\n    const updatedItems = this.getItems();\n\n    updatedItems.forEach((bc, index) => {\n      const shouldShowDropdown =\n        this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n      bc.ghost = this.ghost;\n      bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n      bc.isDropdownTrigger = shouldShowDropdown;\n\n      if (shouldShowDropdown) {\n        this.nextButtonRef(bc);\n      }\n\n      if (updatedItems.length < this.visibleItemCount) {\n        return;\n      }\n\n      bc.visible = index >= updatedItems.length - this.visibleItemCount;\n    });\n\n    this.items = updatedItems;\n  }\n\n  private getItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    return (\n      <Host>\n        <ix-dropdown\n          id={this.previousDropdownId}\n          aria-label={this.ariaLabelPreviousButton}\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef.waitForCurrent()\n              : undefined\n          }\n          onShowChanged={({ detail }) => {\n            this.isPreviousDropdownExpanded = detail;\n\n            const previousButton = this.hostElement.shadowRoot!.getElementById(\n              this.previousButtonId\n            );\n\n            // Need to force update previous button to change `aria-expanded`\n            if (previousButton) {\n              forceUpdate(previousButton);\n            }\n          }}\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => {\n              const label = item.label ?? item.innerText;\n\n              return (\n                <ix-dropdown-item\n                  label={label}\n                  onClick={() => {\n                    this.onItemClick(label);\n                  }}\n                  onItemClick={(event) => event.stopPropagation()}\n                ></ix-dropdown-item>\n              );\n            })}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <ix-breadcrumb-item\n            id={this.previousButtonId}\n            ref={this.previousButtonRef}\n            label=\"...\"\n            tabIndex={1}\n            onItemClick={(event) => event.stopPropagation()}\n            aria-describedby={this.previousDropdownId}\n            aria-controls={this.previousDropdownId}\n            aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n            class={'previous-button'}\n          ></ix-breadcrumb-item>\n        ) : null}\n        <nav\n          class=\"crumb-items\"\n          aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n        >\n          <ol>\n            <slot></slot>\n          </ol>\n        </nav>\n        <ix-dropdown trigger={this.nextButtonRef.waitForCurrent()}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n              onItemClick={(event) => event.stopPropagation()}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-breadcrumb.entry.esm.js","sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.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 './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: flex;\n  justify-content: flex-start;\n  height: 2.5rem;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  @include component.ix-component;\n\n  .previous-button {\n    width: 3rem;\n    min-width: 0px;\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: vars.$font-weight-bold;\n    }\n\n    ix-icon {\n      // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n      // using padding-top to achieve same position as before\n      padding-top: 2px;\n    }\n  }\n\n  nav,\n  ol,\n  .crumb-items {\n    display: contents;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n  return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n  @Watch('nextItems')\n  onNextItemsChange() {\n    this.onChildMutation();\n  }\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() subtle = false;\n\n  /**\n   * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n   * with conditionally hidden previous items\n   */\n  @Prop() ariaLabelPreviousButton = 'previous';\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick!: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick!: EventEmitter<{ event: UIEvent; item: string }>;\n\n  private readonly previousButtonRef = makeRef<HTMLIxBreadcrumbItemElement>();\n  private readonly nextButtonRef = makeRef<HTMLElement>();\n\n  @State() items: HTMLIxBreadcrumbItemElement[] = [];\n  @State() isPreviousDropdownExpanded = false;\n\n  private mutationObserver?: MutationObserver;\n\n  private previousButtonId = createId();\n  private previousDropdownId = createId();\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() =>\n      this.onChildMutation()\n    );\n\n    this.mutationObserver.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.onChildMutation();\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private async onChildMutation() {\n    const updatedItems = this.getItems();\n\n    updatedItems.forEach((bc, index) => {\n      const shouldShowDropdown =\n        this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n      bc.subtle = this.subtle;\n      bc.hideChevron = updatedItems.length - 1 === index && !shouldShowDropdown;\n      bc.isDropdownTrigger = shouldShowDropdown;\n\n      if (shouldShowDropdown) {\n        this.nextButtonRef(bc);\n      }\n\n      if (updatedItems.length < this.visibleItemCount) {\n        return;\n      }\n\n      bc.invisible = index < updatedItems.length - this.visibleItemCount;\n    });\n\n    this.items = updatedItems;\n  }\n\n  private getItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    return (\n      <Host>\n        <ix-dropdown\n          id={this.previousDropdownId}\n          aria-label={this.ariaLabelPreviousButton}\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef.waitForCurrent()\n              : undefined\n          }\n          onShowChanged={({ detail }) => {\n            this.isPreviousDropdownExpanded = detail;\n\n            const previousButton = this.hostElement.shadowRoot!.getElementById(\n              this.previousButtonId\n            );\n\n            // Need to force update previous button to change `aria-expanded`\n            if (previousButton) {\n              forceUpdate(previousButton);\n            }\n          }}\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => {\n              const label = item.label ?? item.innerText;\n\n              return (\n                <ix-dropdown-item\n                  label={label}\n                  onClick={() => {\n                    this.onItemClick(label);\n                  }}\n                  onItemClick={(event) => event.stopPropagation()}\n                ></ix-dropdown-item>\n              );\n            })}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <ix-breadcrumb-item\n            id={this.previousButtonId}\n            ref={this.previousButtonRef}\n            label=\"...\"\n            tabIndex={1}\n            onItemClick={(event) => event.stopPropagation()}\n            aria-describedby={this.previousDropdownId}\n            aria-controls={this.previousDropdownId}\n            aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n            class={'previous-button'}\n          ></ix-breadcrumb-item>\n        ) : null}\n        <nav\n          class=\"crumb-items\"\n          aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n        >\n          <ol>\n            <slot></slot>\n          </ol>\n        </nav>\n        <ix-dropdown trigger={this.nextButtonRef.waitForCurrent()}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n              onItemClick={(event) => event.stopPropagation()}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}