@siemens/ix 0.0.0-20240419081748

package/dist/esm/shadow-dom-60e9243d.js

@@ -0,0 +1,45 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function closestElement(selector, el) {
+    if (!el) {
+        return null;
+    }
+    return (el.closest(selector) ||
+        closestElement(selector, el.getRootNode().host));
+}
+function getSlottedElements(slot) {
+    return slot.assignedElements({ flatten: true });
+}
+function hasSlottedElements(slot) {
+    if (!slot) {
+        return false;
+    }
+    return slot.assignedElements({ flatten: true }).length !== 0;
+}
+function closestPassShadow(node, selector) {
+    if (!node) {
+        return null;
+    }
+    if (node instanceof ShadowRoot) {
+        return closestPassShadow(node.host, selector);
+    }
+    if (node instanceof HTMLElement) {
+        if (node.matches(selector)) {
+            return node;
+        }
+        else {
+            return closestPassShadow(node.parentNode, selector);
+        }
+    }
+    return closestPassShadow(node.parentNode, selector);
+}
+
+export { closestPassShadow as a, closestElement as c, getSlottedElements as g, hasSlottedElements as h };
+
+//# sourceMappingURL=shadow-dom-60e9243d.js.map

package/dist/esm/shadow-dom-60e9243d.js.map

@@ -0,0 +1 @@
+{"file":"shadow-dom-60e9243d.js","mappings":"AAAA;;;;;;;;SAQgB,cAAc,CAAC,QAAgB,EAAE,EAAO;IACtD,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,IAAI,CAAC;KACb;IACD,QACE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;QACpB,cAAc,CAAC,QAAQ,EAAG,EAAE,CAAC,WAAW,EAAU,CAAC,IAAI,CAAC,EACxD;AACJ,CAAC;SAEe,kBAAkB,CAAU,IAAS;IACnD,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC;SAEe,kBAAkB,CAAC,IAAS;IAC1C,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AAC/D,CAAC;SAYe,iBAAiB,CAAC,IAAU,EAAE,QAAgB;IAC5D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,IAAI,IAAI,YAAY,UAAU,EAAE;QAC9B,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC/C;IAED,IAAI,IAAI,YAAY,WAAW,EAAE;QAC/B,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC1B,OAAO,IAAI,CAAC;SACb;aAAM;YACL,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SACrD;KACF;IAED,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACtD;;;;","names":[],"sources":["src/components/utils/shadow-dom.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 */\nexport function closestElement(selector: string, el: any) {\n  if (!el) {\n    return null;\n  }\n  return (\n    el.closest(selector) ||\n    closestElement(selector, (el.getRootNode() as any).host)\n  );\n}\n\nexport function getSlottedElements<R = any>(slot: any): R[] {\n  return slot.assignedElements({ flatten: true });\n}\n\nexport function hasSlottedElements(slot: any) {\n  if (!slot) {\n    return false;\n  }\n  return slot.assignedElements({ flatten: true }).length !== 0;\n}\n\nexport function containsElement(target: Element, element: Element) {\n  const hasShadowDom = target.shadowRoot;\n\n  if (hasShadowDom) {\n    target.contains(element) || target.shadowRoot.contains(element);\n  }\n\n  return target.contains(element);\n}\n\nexport function closestPassShadow(node: Node, selector: string) {\n  if (!node) {\n    return null;\n  }\n\n  if (node instanceof ShadowRoot) {\n    return closestPassShadow(node.host, selector);\n  }\n\n  if (node instanceof HTMLElement) {\n    if (node.matches(selector)) {\n      return node;\n    } else {\n      return closestPassShadow(node.parentNode, selector);\n    }\n  }\n\n  return closestPassShadow(node.parentNode, selector);\n}\n"],"version":3}

package/dist/esm/siemens-ix.js

@@ -0,0 +1,22 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-f18c5ad1.js';
+export { s as setNonce } from './index-f18c5ad1.js';
+import { g as globalScripts } from './app-globals-bdfc5499.js';
+
+/*
+ Stencil Client Patch Browser v4.13.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"eventDelimiter\":[1,\"event-delimiter\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"triggerRef\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"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,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[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\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-basic-navigation\",[[1,\"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-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-group\",[[1,\"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],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"expanded\":[\"onExpandedChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-slider\",[[1,\"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\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-split-button-item\",[[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"color\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-form-field\",[[1,\"ix-form-field\",{\"label\":[1]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"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-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-playground-internal\",[[2,\"ix-playground-internal\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"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\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-dropdown\",[[1,\"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],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-select\",[[1,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"selectedIndices\":[\"watchSelectedIndices\"],\"value\":[\"watchValue\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1028,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"format\":[1],\"color\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"tabIcon\":[1025,\"tab-icon\"],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"],\"tabIcon\":[\"onTabIconChange\"]}]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-menu-expand-icon\",[[1,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-tooltip\",[[1,\"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-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]]]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[8,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]},null,{\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[1,\"ix-card-content\"]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"ix-col_4\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"individual\":[4],\"eventDelimiter\":[1,\"event-delimiter\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"dayNames\":[32],\"monthNames\":[32],\"firstMonthRef\":[32],\"focusedDay\":[32],\"focusedDayElem\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}],[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"]]]]"), options);
+});
+
+//# sourceMappingURL=siemens-ix.js.map

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

@@ -0,0 +1 @@
+{"file":"siemens-ix.js","mappings":";;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAa3B,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACpBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["../../node_modules/.pnpm/@stencil+core@4.13.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.13.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/esm/theme-switcher-b10fb4da.js

@@ -0,0 +1,123 @@
+import { T as TypedEvent } from './typed-event-ad6484c5.js';
+
+class ThemeSwitcher {
+    get themeChanged() {
+        return this._themeChanged;
+    }
+    hasVariantSuffix(className) {
+        return (className.endsWith(this.suffixDark) ||
+            className.endsWith(this.suffixLight));
+    }
+    isThemeClass(className) {
+        return (className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className));
+    }
+    setTheme(themeName, systemAppearance = false) {
+        if (!this.isThemeClass(themeName) && systemAppearance === false) {
+            throw Error(`Provided theme name ${themeName} does not match our naming conventions. (theme-<name>-(dark,light))`);
+        }
+        if (systemAppearance) {
+            const currentSystemAppearance = getCurrentSystemAppearance();
+            this.replaceBodyThemeClass(themeName);
+            this.setVariant(currentSystemAppearance);
+            return;
+        }
+        this.replaceBodyThemeClass(themeName);
+    }
+    replaceBodyThemeClass(themeName) {
+        const oldThemes = [];
+        document.body.classList.forEach((className) => {
+            if (this.isThemeClass(className)) {
+                oldThemes.push(className);
+            }
+        });
+        document.body.classList.remove(...oldThemes);
+        document.body.classList.add(themeName);
+    }
+    toggleMode() {
+        const oldThemes = [];
+        document.body.classList.forEach((className) => {
+            if (this.isThemeClass(className)) {
+                oldThemes.push(className);
+            }
+        });
+        if (oldThemes.length === 0) {
+            document.body.classList.add(this.getOppositeMode(this.defaultTheme));
+            return;
+        }
+        oldThemes.forEach((themeName) => {
+            document.body.classList.replace(themeName, this.getOppositeMode(themeName));
+        });
+    }
+    getCurrentTheme() {
+        var _a;
+        return ((_a = Array.from(document.body.classList).find((className) => this.isThemeClass(className))) !== null && _a !== void 0 ? _a : `theme-${window
+            .getComputedStyle(document.body)
+            .getPropertyValue('--ix-theme-name')}`);
+    }
+    setVariant(variant = getCurrentSystemAppearance()) {
+        const currentTheme = this.getCurrentTheme();
+        document.body.classList.remove(currentTheme);
+        if (currentTheme.endsWith(this.suffixDark)) {
+            document.body.classList.add(currentTheme.replace(/-dark$/g, `-${variant}`));
+        }
+        if (currentTheme.endsWith(this.suffixLight)) {
+            document.body.classList.add(currentTheme.replace(/-light$/g, `-${variant}`));
+        }
+    }
+    getOppositeMode(themeName) {
+        if (themeName.endsWith(this.suffixDark)) {
+            return themeName.replace(/-dark$/g, this.suffixLight);
+        }
+        if (themeName.endsWith(this.suffixLight)) {
+            return themeName.replace(/-light$/g, this.suffixDark);
+        }
+    }
+    handleMutations(mutations) {
+        return mutations.forEach((mutation) => {
+            const { target } = mutation;
+            target.classList.forEach((className) => {
+                var _a;
+                if (this.isThemeClass(className) &&
+                    !((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes(className))) {
+                    this._themeChanged.emit(className);
+                }
+            });
+        });
+    }
+    registerMutationObserver() {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        if (!('MutationObserver' in window)) {
+            console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
+            return;
+        }
+        this.mutationObserver = new MutationObserver((mutations) => {
+            this.handleMutations(mutations);
+        });
+        this.mutationObserver.observe(document.body, {
+            attributeFilter: ['class'],
+            attributeOldValue: true,
+        });
+    }
+    constructor() {
+        this.prefixTheme = 'theme-';
+        this.suffixLight = '-light';
+        this.suffixDark = '-dark';
+        this.defaultTheme = 'theme-classic-dark';
+        this._themeChanged = new TypedEvent();
+        this.registerMutationObserver();
+    }
+}
+const getCurrentSystemAppearance = () => {
+    const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    if (matchMedia.matches) {
+        return 'dark';
+    }
+    return 'light';
+};
+const themeSwitcher = new ThemeSwitcher();
+
+export { getCurrentSystemAppearance as g, themeSwitcher as t };
+
+//# sourceMappingURL=theme-switcher-b10fb4da.js.map

package/dist/esm/theme-switcher-b10fb4da.js.map

@@ -0,0 +1 @@
+{"file":"theme-switcher-b10fb4da.js","mappings":"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","names":[],"sources":["src/components/utils/theme-switcher.ts"],"sourcesContent":["import { TypedEvent } from './typed-event';\n\nexport type ThemeVariant = 'light' | 'dark';\n\nclass ThemeSwitcher {\n  readonly prefixTheme = 'theme-';\n  readonly suffixLight = '-light';\n  readonly suffixDark = '-dark';\n  readonly defaultTheme = 'theme-classic-dark';\n\n  mutationObserver: MutationObserver;\n  _themeChanged = new TypedEvent<string>();\n\n  public get themeChanged() {\n    return this._themeChanged;\n  }\n\n  public hasVariantSuffix(className: string) {\n    return (\n      className.endsWith(this.suffixDark) ||\n      className.endsWith(this.suffixLight)\n    );\n  }\n\n  private isThemeClass(className: string) {\n    return (\n      className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className)\n    );\n  }\n\n  public setTheme(themeName: string, systemAppearance = false) {\n    if (!this.isThemeClass(themeName) && systemAppearance === false) {\n      throw Error(\n        `Provided theme name ${themeName} does not match our naming conventions. (theme-<name>-(dark,light))`\n      );\n    }\n\n    if (systemAppearance) {\n      const currentSystemAppearance = getCurrentSystemAppearance();\n      this.replaceBodyThemeClass(themeName);\n      this.setVariant(currentSystemAppearance);\n      return;\n    }\n\n    this.replaceBodyThemeClass(themeName);\n  }\n\n  private replaceBodyThemeClass(themeName: string) {\n    const oldThemes: string[] = [];\n    document.body.classList.forEach((className) => {\n      if (this.isThemeClass(className)) {\n        oldThemes.push(className);\n      }\n    });\n\n    document.body.classList.remove(...oldThemes);\n    document.body.classList.add(themeName);\n  }\n\n  public toggleMode() {\n    const oldThemes: string[] = [];\n\n    document.body.classList.forEach((className) => {\n      if (this.isThemeClass(className)) {\n        oldThemes.push(className);\n      }\n    });\n\n    if (oldThemes.length === 0) {\n      document.body.classList.add(this.getOppositeMode(this.defaultTheme));\n      return;\n    }\n\n    oldThemes.forEach((themeName) => {\n      document.body.classList.replace(\n        themeName,\n        this.getOppositeMode(themeName)\n      );\n    });\n  }\n\n  public getCurrentTheme() {\n    return (\n      Array.from(document.body.classList).find((className) =>\n        this.isThemeClass(className)\n      ) ??\n      `theme-${window\n        .getComputedStyle(document.body)\n        .getPropertyValue('--ix-theme-name')}`\n    );\n  }\n\n  public setVariant(variant: ThemeVariant = getCurrentSystemAppearance()) {\n    const currentTheme = this.getCurrentTheme();\n    document.body.classList.remove(currentTheme);\n\n    if (currentTheme.endsWith(this.suffixDark)) {\n      document.body.classList.add(\n        currentTheme.replace(/-dark$/g, `-${variant}`)\n      );\n    }\n\n    if (currentTheme.endsWith(this.suffixLight)) {\n      document.body.classList.add(\n        currentTheme.replace(/-light$/g, `-${variant}`)\n      );\n    }\n  }\n\n  private getOppositeMode(themeName: string) {\n    if (themeName.endsWith(this.suffixDark)) {\n      return themeName.replace(/-dark$/g, this.suffixLight);\n    }\n\n    if (themeName.endsWith(this.suffixLight)) {\n      return themeName.replace(/-light$/g, this.suffixDark);\n    }\n  }\n\n  private handleMutations(mutations: MutationRecord[]) {\n    return mutations.forEach((mutation) => {\n      const { target } = mutation;\n      (target as HTMLElement).classList.forEach((className) => {\n        if (\n          this.isThemeClass(className) &&\n          !mutation.oldValue?.includes(className)\n        ) {\n          this._themeChanged.emit(className);\n        }\n      });\n    });\n  }\n\n  private registerMutationObserver() {\n    if (typeof (window as any) === 'undefined') {\n      return;\n    }\n\n    if (!('MutationObserver' in window)) {\n      console.warn(\n        'ThemeSwitcher not supported by your browser. Missing MutationObserver API'\n      );\n      return;\n    }\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      this.handleMutations(mutations);\n    });\n\n    this.mutationObserver.observe(document.body, {\n      attributeFilter: ['class'],\n      attributeOldValue: true,\n    });\n  }\n\n  public constructor() {\n    this.registerMutationObserver();\n  }\n}\n\nexport type IxTheme =\n  | 'classic'\n  | 'classic-dark'\n  | 'classic-light'\n  | (string & {});\n\nexport const getCurrentSystemAppearance = (): ThemeVariant => {\n  const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (matchMedia.matches) {\n    return 'dark';\n  }\n\n  return 'light';\n};\n\nexport const themeSwitcher = new ThemeSwitcher();\n"],"version":3}

package/dist/esm/typed-event-ad6484c5.js

@@ -0,0 +1,46 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class TypedEvent {
+    constructor() {
+        this.listeners = [];
+        this.listenersOncer = [];
+        this.on = (listener) => {
+            this.listeners.push(listener);
+            return {
+                dispose: () => this.off(listener),
+            };
+        };
+        this.once = (listener) => {
+            this.listenersOncer.push(listener);
+        };
+        this.off = (listener) => {
+            const callbackIndex = this.listeners.indexOf(listener);
+            if (callbackIndex > -1) {
+                this.listeners.splice(callbackIndex, 1);
+            }
+        };
+        this.emit = (event) => {
+            /** Update any general listeners */
+            this.listeners.forEach((listener) => listener(event));
+            /** Clear the `once` queue */
+            if (this.listenersOncer.length > 0) {
+                const toCall = this.listenersOncer;
+                this.listenersOncer = [];
+                toCall.forEach((listener) => listener(event));
+            }
+        };
+        this.pipe = (te) => {
+            return this.on((e) => te.emit(e));
+        };
+    }
+}
+
+export { TypedEvent as T };
+
+//# sourceMappingURL=typed-event-ad6484c5.js.map

package/dist/esm/typed-event-ad6484c5.js.map

@@ -0,0 +1 @@
+{"file":"typed-event-ad6484c5.js","mappings":"AAAA;;;;;;;;MAiBa,UAAU;IAAvB;QACkB,cAAS,GAAkB,EAAE,CAAC;QACvC,mBAAc,GAAkB,EAAE,CAAC;QAE1C,OAAE,GAAG,CAAC,QAAqB;YACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9B,OAAO;gBACL,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;aAClC,CAAC;SACH,CAAC;QAEF,SAAI,GAAG,CAAC,QAAqB;YAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACpC,CAAC;QAEF,QAAG,GAAG,CAAC,QAAqB;YAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE;gBACtB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;aACzC;SACF,CAAC;QAEF,SAAI,GAAG,CAAC,KAAQ;;YAEd,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;;YAGtD,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClC,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;gBACnC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;gBACzB,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;aAC/C;SACF,CAAC;QAEF,SAAI,GAAG,CAAC,EAAiB;YACvB,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;SACnC,CAAC;KACH;;;;;","names":[],"sources":["src/components/utils/typed-event.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\nexport interface Listener<T> {\n  (event: T): any;\n}\n\nexport interface Disposable {\n  dispose(): void;\n}\n\nexport class TypedEvent<T> {\n  public readonly listeners: Listener<T>[] = [];\n  public listenersOncer: Listener<T>[] = [];\n\n  on = (listener: Listener<T>): Disposable => {\n    this.listeners.push(listener);\n    return {\n      dispose: () => this.off(listener),\n    };\n  };\n\n  once = (listener: Listener<T>): void => {\n    this.listenersOncer.push(listener);\n  };\n\n  off = (listener: Listener<T>) => {\n    const callbackIndex = this.listeners.indexOf(listener);\n    if (callbackIndex > -1) {\n      this.listeners.splice(callbackIndex, 1);\n    }\n  };\n\n  emit = (event: T) => {\n    /** Update any general listeners */\n    this.listeners.forEach((listener) => listener(event));\n\n    /** Clear the `once` queue */\n    if (this.listenersOncer.length > 0) {\n      const toCall = this.listenersOncer;\n      this.listenersOncer = [];\n      toCall.forEach((listener) => listener(event));\n    }\n  };\n\n  pipe = (te: TypedEvent<T>): Disposable => {\n    return this.on((e) => te.emit(e));\n  };\n}\n"],"version":3}

package/dist/esm/upload-file-state-de676cd5.js

@@ -0,0 +1,20 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// eslint-disable-next-line @stencil-community/ban-exported-const-enums
+var UploadFileState;
+(function (UploadFileState) {
+    UploadFileState["SELECT_FILE"] = "SELECT_FILE";
+    UploadFileState["LOADING"] = "LOADING";
+    UploadFileState["UPLOAD_FAILED"] = "UPLOAD_FAILED";
+    UploadFileState["UPLOAD_SUCCESSED"] = "UPLOAD_SUCCESSED";
+})(UploadFileState || (UploadFileState = {}));
+
+export { UploadFileState as U };
+
+//# sourceMappingURL=upload-file-state-de676cd5.js.map

package/dist/esm/upload-file-state-de676cd5.js.map

@@ -0,0 +1 @@
+{"file":"upload-file-state-de676cd5.js","mappings":"AAAA;;;;;;;;AASA;IACY;AAAZ,WAAY,eAAe;IACzB,8CAA2B,CAAA;IAC3B,sCAAmB,CAAA;IACnB,kDAA+B,CAAA;IAC/B,wDAAqC,CAAA;AACvC,CAAC,EALW,eAAe,KAAf,eAAe;;;;","names":[],"sources":["src/components/upload/upload-file-state.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\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum UploadFileState {\n  SELECT_FILE = 'SELECT_FILE',\n  LOADING = 'LOADING',\n  UPLOAD_FAILED = 'UPLOAD_FAILED',\n  UPLOAD_SUCCESSED = 'UPLOAD_SUCCESSED',\n}\n"],"version":3}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/playwright-ct.config.js

@@ -0,0 +1,23 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { devices } from "@playwright/test";
+import path from "path";
+import defaultConfig from "./playwright.config";
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = Object.assign(Object.assign({}, defaultConfig), { testMatch: path.join(__dirname, 'src', 'components', '**', '*.ct.ts'), reporter: 'list', projects: [
+        {
+            name: `chromium`,
+            use: Object.assign({}, devices['Desktop Chrome']),
+        },
+    ] });
+export default config;
+//# sourceMappingURL=playwright-ct.config.js.map

package/dist/playwright-ct.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright-ct.config.js","sourceRoot":"","sources":["../playwright-ct.config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,8DAA8D;AAC9D,MAAM,MAAM,mCACP,aAAa,KAChB,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,EACrE,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,UAAU;YAChB,GAAG,oBACE,OAAO,CAAC,gBAAgB,CAAC,CAC7B;SACF;KACF,GACF,CAAC;AAEF,eAAe,MAAM,CAAC","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 */\n\nimport type { PlaywrightTestConfig } from '@playwright/test';\nimport { devices } from '@playwright/test';\nimport path from 'path';\nimport defaultConfig from './playwright.config';\n\n/**\n * See https://playwright.dev/docs/test-configuration.\n */\n/** @type {import('@playwright/test').PlaywrightTestConfig} */\nconst config: PlaywrightTestConfig = {\n  ...defaultConfig,\n  testMatch: path.join(__dirname, 'src', 'components', '**', '*.ct.ts'),\n  reporter: 'list',\n  projects: [\n    {\n      name: `chromium`,\n      use: {\n        ...devices['Desktop Chrome'],\n      },\n    },\n  ],\n};\n\nexport default config;\n"]}

package/dist/playwright.config.js

@@ -0,0 +1,75 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { devices } from "@playwright/test";
+import path from "path";
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+// eslint-disable-next-line turbo/no-undeclared-env-vars
+const THEMES = ['theme-classic-light', 'theme-classic-dark'];
+function buildProjectsWithThemes() {
+    return THEMES.flatMap((theme) => {
+        return [
+            {
+                name: `chromium - ${theme}`,
+                use: Object.assign({}, devices['Desktop Chrome']),
+                metadata: {
+                    theme,
+                },
+            },
+        ];
+    });
+}
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = {
+    testMatch: path.join(__dirname, 'src', 'tests', '**', '*.e2e.ts'),
+    /* Maximum time one test can run for. */
+    timeout: 30 * 1000,
+    expect: {
+        /**
+         * Maximum time expect() should wait for the condition to be met.
+         * For example in `await expect(locator).toHaveText();`
+         */
+        timeout: 5000,
+    },
+    /* Run tests in files in parallel */
+    fullyParallel: true,
+    /* Fail the build on CI if you accidentally left test.only in the source code. */
+    // eslint-disable-next-line turbo/no-undeclared-env-vars
+    forbidOnly: !!process.env.CI,
+    /* Retry on CI only */
+    // eslint-disable-next-line turbo/no-undeclared-env-vars
+    retries: process.env.CI ? 2 : 0,
+    /* Opt out of parallel tests on CI. */
+    workers: 10,
+    /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+    reporter: process.env.CI ? 'blob' : 'html',
+    /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+    use: {
+        /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
+        actionTimeout: 0,
+        /* Base URL to use in actions like `await page.goto('/')`. */
+        // baseURL: 'http://localhost:3000',
+        /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+        trace: 'on-first-retry',
+    },
+    /* Configure projects for major browsers */
+    projects: buildProjectsWithThemes(),
+    webServer: {
+        command: 'pnpm run host-root',
+        port: 8080,
+    },
+};
+export default config;
+//# sourceMappingURL=playwright.config.js.map

package/dist/playwright.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright.config.js","sourceRoot":"","sources":["../playwright.config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;GAGG;AACH,8BAA8B;AAC9B,wDAAwD;AAExD,MAAM,MAAM,GAAG,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;AAE7D,SAAS,uBAAuB;IAC9B,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9B,OAAO;YACL;gBACE,IAAI,EAAE,cAAc,KAAK,EAAE;gBAC3B,GAAG,oBACE,OAAO,CAAC,gBAAgB,CAAC,CAC7B;gBACD,QAAQ,EAAE;oBACR,KAAK;iBACN;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,8DAA8D;AAC9D,MAAM,MAAM,GAAyB;IACnC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC;IACjE,wCAAwC;IACxC,OAAO,EAAE,EAAE,GAAG,IAAI;IAClB,MAAM,EAAE;QACN;;;WAGG;QACH,OAAO,EAAE,IAAI;KACd;IACD,oCAAoC;IACpC,aAAa,EAAE,IAAI;IACnB,iFAAiF;IACjF,wDAAwD;IACxD,UAAU,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;IAC5B,sBAAsB;IACtB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,sCAAsC;IACtC,OAAO,EAAE,EAAE;IACX,qEAAqE;IACrE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAC1C,wGAAwG;IACxG,GAAG,EAAE;QACH,oFAAoF;QACpF,aAAa,EAAE,CAAC;QAChB,6DAA6D;QAC7D,oCAAoC;QAEpC,+FAA+F;QAC/F,KAAK,EAAE,gBAAgB;KACxB;IACD,2CAA2C;IAC3C,QAAQ,EAAE,uBAAuB,EAAE;IACnC,SAAS,EAAE;QACT,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","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 */\n\nimport type { PlaywrightTestConfig } from '@playwright/test';\nimport { devices } from '@playwright/test';\nimport path from 'path';\n\n/**\n * Read environment variables from file.\n * https://github.com/motdotla/dotenv\n */\n// require('dotenv').config();\n// eslint-disable-next-line turbo/no-undeclared-env-vars\n\nconst THEMES = ['theme-classic-light', 'theme-classic-dark'];\n\nfunction buildProjectsWithThemes() {\n  return THEMES.flatMap((theme) => {\n    return [\n      {\n        name: `chromium - ${theme}`,\n        use: {\n          ...devices['Desktop Chrome'],\n        },\n        metadata: {\n          theme,\n        },\n      },\n    ];\n  });\n}\n\n/**\n * See https://playwright.dev/docs/test-configuration.\n */\n/** @type {import('@playwright/test').PlaywrightTestConfig} */\nconst config: PlaywrightTestConfig = {\n  testMatch: path.join(__dirname, 'src', 'tests', '**', '*.e2e.ts'),\n  /* Maximum time one test can run for. */\n  timeout: 30 * 1000,\n  expect: {\n    /**\n     * Maximum time expect() should wait for the condition to be met.\n     * For example in `await expect(locator).toHaveText();`\n     */\n    timeout: 5000,\n  },\n  /* Run tests in files in parallel */\n  fullyParallel: true,\n  /* Fail the build on CI if you accidentally left test.only in the source code. */\n  // eslint-disable-next-line turbo/no-undeclared-env-vars\n  forbidOnly: !!process.env.CI,\n  /* Retry on CI only */\n  // eslint-disable-next-line turbo/no-undeclared-env-vars\n  retries: process.env.CI ? 2 : 0,\n  /* Opt out of parallel tests on CI. */\n  workers: 10,\n  /* Reporter to use. See https://playwright.dev/docs/test-reporters */\n  reporter: process.env.CI ? 'blob' : 'html',\n  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */\n  use: {\n    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */\n    actionTimeout: 0,\n    /* Base URL to use in actions like `await page.goto('/')`. */\n    // baseURL: 'http://localhost:3000',\n\n    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */\n    trace: 'on-first-retry',\n  },\n  /* Configure projects for major browsers */\n  projects: buildProjectsWithThemes(),\n  webServer: {\n    command: 'pnpm run host-root',\n    port: 8080,\n  },\n};\n\nexport default config;\n"]}

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

@@ -0,0 +1,2 @@
+export{I as InputState,L as LogicalFilterOperator}from"./p-25ee1b62.js";export{F as FlipTileState}from"./p-dded1449.js";export{r as renderDefaultItem}from"./p-effd2dcf.js";export{U as UploadFileState}from"./p-ef0d5678.js";import{g as e}from"./p-6e6efb4c.js";export{c as closeModal,d as dismissModal,g as getCoreDelegate,r as registerFrameworkDelegate,a as resolveDelegate,s as showMessage,b as showModal}from"./p-6e6efb4c.js";import{A as o}from"./p-46a6cd9d.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-360b158e.js";export{g as getCurrentSystemAppearance,t as themeSwitcher}from"./p-1da901d5.js";import"./p-c4749812.js";class n{}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.position=e}function f(e){const t=i();return t.showToast(e)}f.info=e=>f(Object.assign(Object.assign({},e),{type:"info"}));f.error=e=>f(Object.assign(Object.assign({},e),{type:"error"}));f.success=e=>f(Object.assign(Object.assign({},e),{type:"success"}));f.warning=e=>f(Object.assign(Object.assign({},e),{type:"warning"}));function l(t){const s=document.createElement("ix-modal");s.keyboard=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,a=250)=>{if(t!==undefined){r.innerText=t}else{a=0}setTimeout((()=>{s.closeModal(null);setTimeout((async()=>await e().removeView(s)),o.mediumTime)}),a)}}}export{n as FilterState,i as getToastContainer,p as setToastPosition,l as showModalLoading,f as toast};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FilterState","getToastContainer","containerList","Array","from","document","querySelectorAll","container","length","console","warn","toastContainer","createElement","body","appendChild","setToastPosition","position","toast","config","showToast","info","Object","assign","type","error","success","warning","showModalLoading","message","modal","keyboard","loading","innerText","getCoreDelegate","attachView","showModal","update","text","innerHTML","finish","timeout","undefined","setTimeout","closeModal","async","removeView","Animation","mediumTime"],"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: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { ShowToastResult } from './toast-container';\nexport type ToastType = 'info' | 'success' | 'error' | 'warning';\nexport type ToastPosition = 'bottom-right' | 'top-right';\n\nexport interface ToastConfig {\n  title?: string;\n  message: string | HTMLElement;\n  type?: ToastType;\n  autoClose?: boolean;\n  autoCloseDelay?: number;\n  icon?: string;\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.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.keyboard = 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"],"mappings":"kpBAUaA,G,SCYGC,IACd,MAAMC,EAAgBC,MAAMC,KAC1BC,SAASC,iBAAiB,uBAE5B,MAAOC,GAAaL,EACpB,GAAIA,EAAcM,OAAS,EAAG,CAC5BC,QAAQC,KACN,0EAEF,OAAOH,C,CAET,IAAKA,EAAW,CACd,MAAMI,EAAiBN,SAASO,cAAc,sBAC9CP,SAASQ,KAAKC,YAAYH,GAE1B,OAAOA,C,CAET,OAAOJ,CACT,C,SAEgBQ,EAAiBC,GAC/B,MAAMT,EAAYN,IAClBM,EAAUS,SAAWA,CACvB,CAEA,SAASC,EAAMC,GACb,MAAMX,EAAYN,IAClB,OAAOM,EAAUY,UAAUD,EAC7B,CAEAD,EAAMG,KAAQF,GACLD,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GACPJ,GAAM,CACTK,KAAM,UAIVN,EAAMO,MAASN,GACND,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GACPJ,GAAM,CACTK,KAAM,WAIVN,EAAMQ,QAAWP,GACRD,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GACPJ,GAAM,CACTK,KAAM,aAIVN,EAAMS,QAAWR,GACRD,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GACPJ,GAAM,CACTK,KAAM,a,SChEMI,EAAiBC,GAC/B,MAAMC,EAAQxB,SAASO,cAAc,YACrCiB,EAAMC,SAAW,MAEjB,MAAMC,EAAU1B,SAASO,cAAc,oBACvCmB,EAAQC,UAAYJ,EACpBC,EAAMf,YAAYiB,GAElBE,IAAkBC,WAAWL,GAC7BA,EAAMM,YAEN,MAAO,CACLC,OAASC,GAAkBN,EAAQO,UAAYD,EAC/CE,OAAQ,CAACF,EAAeG,EAAkB,OACxC,GAAIH,IAASI,UAAW,CACtBV,EAAQC,UAAYK,C,KACf,CACLG,EAAU,C,CAEZE,YAAW,KACTb,EAAMc,WAAW,MACjBD,YACEE,eAAkBX,IAAkBY,WAAWhB,IAC/CiB,EAAUC,WACX,GACAP,EAAQ,EAGjB,Q"}

package/dist/siemens-ix/p-01a8adf1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as s}from"./p-26e9d40e.js";function n(t){let e="";t.forEach((t=>{e+='"';e=t.reduce(((t,e)=>`${t} ${e}`),e);e+='"\n'}));return e}const i=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";const o=i;const c="only screen and (max-width: 576px)";const r="only screen and (max-width: 768px)";const a="only screen and (max-width: 992px)";const h=[{name:"sm",query:c},{name:"md",query:r},{name:"lg",query:a}];const d=class{constructor(e){t(this,e);this.disposeMediaQueryListener=[];this.mediaQueries=[];this.templates=undefined;this.currentTemplate=undefined}componentWillRender(){this.mediaQueries=h.map((t=>{const e=window.matchMedia(t.query);const s=()=>{this.applyTemplate()};this.disposeMediaQueryListener.push(s);e.addEventListener("change",s);return Object.assign(Object.assign({},t),{mediaQuery:e})}));this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((t,e)=>{t.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[e])}))}findNextTemplate(t){const e=this.mediaQueries.findIndex((e=>e.name===t));const s=this.templates[this.mediaQueries[e+1].name];if(!s){return this.findNextTemplate(this.mediaQueries[e+1].name)}return s}applyTemplate(){let t=this.mediaQueries.find((t=>t.mediaQuery.matches));if(!t){t=this.mediaQueries[this.mediaQueries.length-1]}const e=this.templates[t.name];if(e){this.currentTemplate=e}else{this.currentTemplate=this.findNextTemplate(t.name)}}render(){var t;const i={};if(((t=this.currentTemplate)===null||t===void 0?void 0:t.length)!==0){i["grid-template-areas"]=n(this.currentTemplate)}return e(s,{key:"31dbf56817566809d11389e2ee8eae5184ca31f4",style:i},e("slot",{key:"4573979348fcaac389e59014eb566ad0b7e4c005"}))}};d.style=o;export{d as ix_css_grid};
+//# sourceMappingURL=p-01a8adf1.entry.js.map

package/dist/siemens-ix/p-01a8adf1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["templateBuilder","inputTemplate","templateString","forEach","row","reduce","pV","cV","cssGridCss","IxCssGridStyle0","smQuery","mdQuery","lgQuery","mediaQueryCollection","name","query","CssGrid","this","disposeMediaQueryListener","mediaQueries","componentWillRender","map","mediaQuery","window","matchMedia","callback","applyTemplate","push","addEventListener","Object","assign","disconnectedCallback","mq","index","removeEventListener","findNextTemplate","type","typeIndex","findIndex","nextTemplate","templates","active","find","matches","length","template","currentTemplate","render","style","_a","h","Host","key"],"sources":["src/components/css-grid/builder.ts","src/components/css-grid/css-grid.scss?tag=ix-css-grid&encapsulation=shadow","src/components/css-grid/css-grid.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 */\nexport function templateBuilder(inputTemplate: string[][]) {\n  let templateString = '';\n\n  inputTemplate.forEach((row) => {\n    templateString += '\"';\n    templateString = row.reduce((pV, cV) => {\n      return `${pV} ${cV}`;\n    }, templateString);\n    templateString += '\"\\n';\n  });\n\n  return templateString;\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\n@import 'common-variables';\n\n:host {\n  display: grid;\n  position: relative;\n  row-gap: $large-space;\n  column-gap: $large-space;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { templateBuilder } from './builder';\n\nconst smQuery = 'only screen and (max-width: 576px)';\nconst mdQuery = 'only screen and (max-width: 768px)';\nconst lgQuery = 'only screen and (max-width: 992px)';\n\nexport type CssGridTemplateType = 'sm' | 'md' | 'lg';\n\nconst mediaQueryCollection: Array<{\n  name: CssGridTemplateType;\n  query: string;\n}> = [\n  { name: 'sm', query: smQuery },\n  { name: 'md', query: mdQuery },\n  { name: 'lg', query: lgQuery },\n];\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-css-grid',\n  styleUrl: 'css-grid.scss',\n  shadow: true,\n})\nexport class CssGrid {\n  /**\n   * Define css grid template\n   */\n  @Prop() templates: Partial<Record<CssGridTemplateType, string[][]>>;\n\n  @State() currentTemplate: string[][];\n\n  private disposeMediaQueryListener: ((event: MediaQueryListEvent) => void)[] =\n    [];\n  private mediaQueries: {\n    mediaQuery: MediaQueryList;\n    name: CssGridTemplateType;\n    query: string;\n  }[] = [];\n\n  componentWillRender() {\n    this.mediaQueries = mediaQueryCollection.map((query) => {\n      const mediaQuery = window.matchMedia(query.query);\n\n      const callback = () => {\n        this.applyTemplate();\n      };\n      this.disposeMediaQueryListener.push(callback);\n      mediaQuery.addEventListener('change', callback);\n\n      return {\n        ...query,\n        mediaQuery,\n      };\n    });\n\n    this.applyTemplate();\n  }\n\n  disconnectedCallback() {\n    this.mediaQueries.forEach((mq, index) => {\n      mq.mediaQuery.removeEventListener(\n        'change',\n        this.disposeMediaQueryListener[index]\n      );\n    });\n  }\n\n  private findNextTemplate(type: CssGridTemplateType) {\n    const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);\n    const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];\n    if (!nextTemplate) {\n      return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);\n    }\n    return nextTemplate;\n  }\n\n  private applyTemplate() {\n    let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);\n\n    if (!active) {\n      active = this.mediaQueries[this.mediaQueries.length - 1];\n    }\n\n    const template = this.templates[active.name];\n\n    if (template) {\n      this.currentTemplate = template;\n    } else {\n      this.currentTemplate = this.findNextTemplate(active.name);\n    }\n  }\n\n  render() {\n    const style = {};\n    if (this.currentTemplate?.length !== 0) {\n      style['grid-template-areas'] = templateBuilder(this.currentTemplate);\n    }\n    return (\n      <Host style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAQgBA,EAAgBC,GAC9B,IAAIC,EAAiB,GAErBD,EAAcE,SAASC,IACrBF,GAAkB,IAClBA,EAAiBE,EAAIC,QAAO,CAACC,EAAIC,IACxB,GAAGD,KAAMC,KACfL,GACHA,GAAkB,KAAK,IAGzB,OAAOA,CACT,CCpBA,MAAMM,EAAa,gGACnB,MAAAC,EAAeD,ECWf,MAAME,EAAU,qCAChB,MAAMC,EAAU,qCAChB,MAAMC,EAAU,qCAIhB,MAAMC,EAGD,CACH,CAAEC,KAAM,KAAMC,MAAOL,GACrB,CAAEI,KAAM,KAAMC,MAAOJ,GACrB,CAAEG,KAAM,KAAMC,MAAOH,I,MAWVI,EAAO,M,yBAQVC,KAAAC,0BACN,GACMD,KAAAE,aAIF,G,wDAEN,mBAAAC,GACEH,KAAKE,aAAeN,EAAqBQ,KAAKN,IAC5C,MAAMO,EAAaC,OAAOC,WAAWT,EAAMA,OAE3C,MAAMU,EAAW,KACfR,KAAKS,eAAe,EAEtBT,KAAKC,0BAA0BS,KAAKF,GACpCH,EAAWM,iBAAiB,SAAUH,GAEtC,OAAAI,OAAAC,OAAAD,OAAAC,OAAA,GACKf,GAAK,CACRO,cAAU,IAIdL,KAAKS,e,CAGP,oBAAAK,GACEd,KAAKE,aAAahB,SAAQ,CAAC6B,EAAIC,KAC7BD,EAAGV,WAAWY,oBACZ,SACAjB,KAAKC,0BAA0Be,GAChC,G,CAIG,gBAAAE,CAAiBC,GACvB,MAAMC,EAAYpB,KAAKE,aAAamB,WAAWN,GAAOA,EAAGlB,OAASsB,IAClE,MAAMG,EAAetB,KAAKuB,UAAUvB,KAAKE,aAAakB,EAAY,GAAGvB,MACrE,IAAKyB,EAAc,CACjB,OAAOtB,KAAKkB,iBAAiBlB,KAAKE,aAAakB,EAAY,GAAGvB,K,CAEhE,OAAOyB,C,CAGD,aAAAb,GACN,IAAIe,EAASxB,KAAKE,aAAauB,MAAMV,GAAOA,EAAGV,WAAWqB,UAE1D,IAAKF,EAAQ,CACXA,EAASxB,KAAKE,aAAaF,KAAKE,aAAayB,OAAS,E,CAGxD,MAAMC,EAAW5B,KAAKuB,UAAUC,EAAO3B,MAEvC,GAAI+B,EAAU,CACZ5B,KAAK6B,gBAAkBD,C,KAClB,CACL5B,KAAK6B,gBAAkB7B,KAAKkB,iBAAiBM,EAAO3B,K,EAIxD,MAAAiC,G,MACE,MAAMC,EAAQ,GACd,KAAIC,EAAAhC,KAAK6B,mBAAe,MAAAG,SAAA,SAAAA,EAAEL,UAAW,EAAG,CACtCI,EAAM,uBAAyBhD,EAAgBiB,KAAK6B,gB,CAEtD,OACEI,EAACC,EAAI,CAAAC,IAAA,2CAACJ,MAAOA,GACXE,EAAA,QAAAE,IAAA,6C"}

package/dist/siemens-ix/p-021e1084.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as t,g as o}from"./p-26e9d40e.js";import{h as a}from"./p-712e0ee0.js";const s=":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 0rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;padding-right:1.5rem}:host .content-header.slotted{margin-bottom:1rem;padding-right:1.5rem}";const c=s;const d=class{constructor(r){e(this,r);this.isContentHeaderSlotted=false}get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return r(t,{key:"7298c4abd09355a3ee73d4a236e7025a72720cf7"},r("div",{key:"d7ba3fbc44d66ba0ae4e747a5cc5d77c7388b138",class:{"content-header":true,slotted:this.isContentHeaderSlotted}},r("slot",{key:"233200870318a9276d3e0d5c5d5d03980fbe1793",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),r("div",{key:"ee7f8ceb237b4c33d578262c74d4eca9bdf36070",class:"content"},r("slot",{key:"fbbf86e9c454f04dbe33a9b0456f1cd02ec72c02"})))}get hostElement(){return o(this)}};d.style=c;export{d as ix_content};
+//# sourceMappingURL=p-021e1084.entry.js.map

package/dist/siemens-ix/p-021e1084.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contentCss","IxContentStyle0","Content","contentHeaderSlot","this","hostElement","shadowRoot","querySelector","render","h","Host","key","class","slotted","isContentHeaderSlotted","name","onSlotchange","hasSlottedElements"],"sources":["src/components/content/content.scss?tag=ix-content&encapsulation=shadow","src/components/content/content.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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  padding: 1.5rem 0rem 0.25rem 2rem;\n\n  width: 100%;\n  height: 100%;\n\n  overflow: hidden;\n\n  .content {\n    flex-grow: 1;\n    overflow: auto;\n    padding-right: 1.5rem;\n  }\n\n  .content-header.slotted {\n    margin-bottom: 1rem;\n    padding-right: 1.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, State } from '@stencil/core';\nimport { hasSlottedElements } from '../utils/shadow-dom';\n\n/**\n * @since 2.1.0\n * @slot header - Display content at the top of the content page\n */\n@Component({\n  tag: 'ix-content',\n  styleUrl: 'content.scss',\n  shadow: true,\n})\nexport class Content {\n  @Element() hostElement!: HTMLIxContentElement;\n\n  @State() isContentHeaderSlotted = false;\n\n  get contentHeaderSlot() {\n    return this.hostElement.shadowRoot.querySelector(\n      '.content-header slot'\n    ) as HTMLSlotElement;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'content-header': true,\n            slotted: this.isContentHeaderSlotted,\n          }}\n        >\n          <slot\n            name=\"header\"\n            onSlotchange={() => {\n              this.isContentHeaderSlotted = hasSlottedElements(\n                this.contentHeaderSlot\n              );\n            }}\n          ></slot>\n        </div>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,s2BACnB,MAAAC,EAAeD,E,MCoBFE,EAAO,M,qDAGgB,K,CAElC,qBAAIC,GACF,OAAOC,KAAKC,YAAYC,WAAWC,cACjC,uB,CAIJ,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,iBAAkB,KAClBC,QAAST,KAAKU,yBAGhBL,EAAA,QAAAE,IAAA,2CACEI,KAAK,SACLC,aAAc,KACZZ,KAAKU,uBAAyBG,EAC5Bb,KAAKD,kBACN,KAIPM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,8C"}

package/dist/siemens-ix/p-04a362da.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as t,g as e}from"./p-26e9d40e.js";import"./p-46a6cd9d.js";import{d as a}from"./p-6e6efb4c.js";import"./p-c4749812.js";const i=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";const n=i;function s(o){function t(o){if(o!=="_blank"&&o!=="_parent"&&o!=="_self"&&o!=="_top"){return true}if(o==="_blank"){return true}return false}return r("button",{class:{AppEntry:true,Selected:o.selected},onClick:()=>{a(o.host);window.open(o.url,o.target)}},r("div",null,r("img",{class:"AppIcon",src:o.iconSrc})),r("div",{class:"AppName"},r("ix-typography",{format:"h4"},o.name,t(o.target)&&r("ix-icon",{size:"12",name:"open-external",color:"color-soft-text"})),r("ix-typography",{format:"label-sm",color:"soft"},o.description)))}const l=class{constructor(r){o(this,r);this.config=undefined}componentWillLoad(){if(!this.config){throw Error("ApplicationConfig not provided")}}render(){var o,e,a,i;return r(t,{key:"b92498225544ccc8c436d0395eccd230d2783d49"},r("ix-modal-header",{key:"dc41803dc7d4f0b208f7a0da8cf63b105cef723a",icon:"apps"},((o=this.config)===null||o===void 0?void 0:o.i18nAppSwitch)||"Switch to application"),r("ix-modal-content",{key:"a20d2a49fd3566188df365eed13aae97d84a0c26",class:"content"},r("div",{key:"560a0c0f9303be6a67fa71937f42aff945c9a0b5",class:"content-apps"},(!this.config||((e=this.config)===null||e===void 0?void 0:e.apps.length)===0)&&r("div",{class:"loading"},r("ix-spinner",{size:"medium",variant:"primary"}),r("span",null,((a=this.config)===null||a===void 0?void 0:a.i18nLoadingApps)||"Loading available applications...")),(i=this.config)===null||i===void 0?void 0:i.apps.map((o=>{var t;return r(s,{host:this.hostElement,name:o.name,description:o.description,iconSrc:o.iconSrc,target:o.target,url:o.url,selected:o.id===((t=this.config)===null||t===void 0?void 0:t.currentAppId)})})))))}get hostElement(){return e(this)}};l.style=n;export{l as ix_application_switch_modal};
+//# sourceMappingURL=p-04a362da.entry.js.map

package/dist/siemens-ix/p-04a362da.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["applicationSwitchModalCss","IxApplicationSwitchModalStyle0","ApplicationItem","props","isExternal","target","h","class","AppEntry","Selected","selected","onClick","dismissModal","host","window","open","url","src","iconSrc","format","name","size","color","description","ApplicationSwitchModal","componentWillLoad","this","config","Error","render","Host","key","icon","_a","i18nAppSwitch","_b","apps","length","variant","_c","i18nLoadingApps","_d","map","appEntry","hostElement","id","currentAppId"],"sources":["src/components/application-header/application-switch-modal/application-switch-modal.scss?tag=ix-application-switch-modal&encapsulation=shadow","src/components/application-header/application-switch-modal/application-switch-modal.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@import 'mixins/shadow-dom/component';\n@import 'mixins/hover';\n\n:host {\n  @include ix-component;\n  display: block;\n\n  .content {\n    padding: 2rem;\n    padding-right: 0;\n  }\n\n  .content-apps {\n    display: flex;\n    position: relative;\n    flex-wrap: wrap;\n    justify-content: space-evenly;\n    max-height: 50vh;\n    margin-right: 0.25rem;\n    gap: 1.5rem;\n  }\n\n  .loading {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    ix-spinner {\n      margin-right: 1rem;\n    }\n  }\n}\n\n:host {\n  .AppEntry {\n    all: unset;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 1rem;\n    padding: 0.5rem;\n    flex: 1 1 calc(45%);\n    cursor: pointer;\n    border: 0.0625rem solid transparent;\n  }\n\n  .AppEntry.Selected {\n    background-color: var(--theme-color-ghost--selected);\n    border: var(--theme-dynamic-bdr-1);\n  }\n\n  .AppEntry {\n    @include ghost-hover-pressed;\n  }\n\n  .AppEntry:focus-visible {\n    border: 1px solid var(--theme-color-focus-bdr);\n  }\n\n  .AppName {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .AppName ix-icon {\n    margin-left: 1rem;\n  }\n\n  .AppIcon {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 0.25rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport {\n  AppSwitchConfiguration,\n  AppSwitchConfigurationTarget,\n} from '../../utils/application-layout/context';\nimport { dismissModal } from '../../utils/modal';\n\nfunction ApplicationItem(props: {\n  host: HTMLIxApplicationSwitchModalElement;\n  name: string;\n  description: string;\n  iconSrc: string;\n  url: string;\n  target: AppSwitchConfigurationTarget;\n  selected: boolean;\n}) {\n  function isExternal(target: AppSwitchConfigurationTarget) {\n    if (\n      target !== '_blank' &&\n      target !== '_parent' &&\n      target !== '_self' &&\n      target !== '_top'\n    ) {\n      // Check if its one of the target keywords\n      // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target\n      return true;\n    }\n\n    if (target === '_blank') {\n      return true;\n    }\n\n    return false;\n  }\n\n  return (\n    <button\n      class={{\n        AppEntry: true,\n        Selected: props.selected,\n      }}\n      onClick={() => {\n        dismissModal(props.host);\n        window.open(props.url, props.target);\n      }}\n    >\n      <div>\n        <img class=\"AppIcon\" src={props.iconSrc}></img>\n      </div>\n      <div class=\"AppName\">\n        <ix-typography format=\"h4\">\n          {props.name}\n          {isExternal(props.target) && (\n            <ix-icon\n              size=\"12\"\n              name=\"open-external\"\n              color=\"color-soft-text\"\n            ></ix-icon>\n          )}\n        </ix-typography>\n        <ix-typography format=\"label-sm\" color=\"soft\">\n          {props.description}\n        </ix-typography>\n      </div>\n    </button>\n  );\n}\n\n/** @internal */\n@Component({\n  tag: 'ix-application-switch-modal',\n  styleUrl: 'application-switch-modal.scss',\n  shadow: true,\n})\nexport class ApplicationSwitchModal {\n  @Element() hostElement!: HTMLIxApplicationSwitchModalElement;\n\n  /** @internal */\n  @Prop() config: AppSwitchConfiguration;\n\n  componentWillLoad() {\n    if (!this.config) {\n      throw Error('ApplicationConfig not provided');\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-modal-header icon=\"apps\">\n          {this.config?.i18nAppSwitch || 'Switch to application'}\n        </ix-modal-header>\n        <ix-modal-content class=\"content\">\n          <div class=\"content-apps\">\n            {(!this.config || this.config?.apps.length === 0) && (\n              <div class=\"loading\">\n                <ix-spinner size=\"medium\" variant=\"primary\"></ix-spinner>\n                <span>\n                  {this.config?.i18nLoadingApps ||\n                    'Loading available applications...'}\n                </span>\n              </div>\n            )}\n            {this.config?.apps.map((appEntry) => (\n              <ApplicationItem\n                host={this.hostElement}\n                name={appEntry.name}\n                description={appEntry.description}\n                iconSrc={appEntry.iconSrc}\n                target={appEntry.target}\n                url={appEntry.url}\n                selected={appEntry.id === this.config?.currentAppId}\n              ></ApplicationItem>\n            ))}\n          </div>\n        </ix-modal-content>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6IAAA,MAAMA,EAA4B,ktDAClC,MAAAC,EAAeD,ECef,SAASE,EAAgBC,GASvB,SAASC,EAAWC,GAClB,GACEA,IAAW,UACXA,IAAW,WACXA,IAAW,SACXA,IAAW,OACX,CAGA,OAAO,I,CAGT,GAAIA,IAAW,SAAU,CACvB,OAAO,I,CAGT,OAAO,K,CAGT,OACEC,EAAA,UACEC,MAAO,CACLC,SAAU,KACVC,SAAUN,EAAMO,UAElBC,QAAS,KACPC,EAAaT,EAAMU,MACnBC,OAAOC,KAAKZ,EAAMa,IAAKb,EAAME,OAAO,GAGtCC,EAAA,WACEA,EAAA,OAAKC,MAAM,UAAUU,IAAKd,EAAMe,WAElCZ,EAAA,OAAKC,MAAM,WACTD,EAAA,iBAAea,OAAO,MACnBhB,EAAMiB,KACNhB,EAAWD,EAAME,SAChBC,EAAA,WACEe,KAAK,KACLD,KAAK,gBACLE,MAAM,qBAIZhB,EAAA,iBAAea,OAAO,WAAWG,MAAM,QACpCnB,EAAMoB,cAKjB,C,MAQaC,EAAsB,M,+CAMjC,iBAAAC,GACE,IAAKC,KAAKC,OAAQ,CAChB,MAAMC,MAAM,iC,EAIhB,MAAAC,G,YACE,OACEvB,EAACwB,EAAI,CAAAC,IAAA,4CACHzB,EAAA,mBAAAyB,IAAA,2CAAiBC,KAAK,UACnBC,EAAAP,KAAKC,UAAM,MAAAM,SAAA,SAAAA,EAAEC,gBAAiB,yBAEjC5B,EAAA,oBAAAyB,IAAA,2CAAkBxB,MAAM,WACtBD,EAAA,OAAAyB,IAAA,2CAAKxB,MAAM,kBACNmB,KAAKC,UAAUQ,EAAAT,KAAKC,UAAM,MAAAQ,SAAA,SAAAA,EAAEC,KAAKC,UAAW,IAC7C/B,EAAA,OAAKC,MAAM,WACTD,EAAA,cAAYe,KAAK,SAASiB,QAAQ,YAClChC,EAAA,cACGiC,EAAAb,KAAKC,UAAM,MAAAY,SAAA,SAAAA,EAAEC,kBACZ,uCAIPC,EAAAf,KAAKC,UAAM,MAAAc,SAAA,S,EAAEL,KAAKM,KAAKC,I,MAAa,OACnCrC,EAACJ,EAAe,CACdW,KAAMa,KAAKkB,YACXxB,KAAMuB,EAASvB,KACfG,YAAaoB,EAASpB,YACtBL,QAASyB,EAASzB,QAClBb,OAAQsC,EAAStC,OACjBW,IAAK2B,EAAS3B,IACdN,SAAUiC,EAASE,OAAOZ,EAAAP,KAAKC,UAAM,MAAAM,SAAA,SAAAA,EAAEa,eACtB,M"}