@siemens/ix-react 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/components/IxTypography.js

@@ -0,0 +1,16 @@
+"use client";
+import { IxTypography as IxTypography$1, defineCustomElement } from '@siemens/ix/components/ix-typography.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxTypography = /*@__PURE__*/ createComponent({
+    tagName: 'ix-typography',
+    elementClass: IxTypography$1,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement
+});
+
+export { IxTypography as default };
+//# sourceMappingURL=IxTypography.js.map

package/dist/components/IxTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxTypography.js","sources":["../../src/components/IxTypography.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport { IxTypography as IxTypographyElement, defineCustomElement as defineIxTypography } from \"@siemens/ix/components/ix-typography.js\";\nimport type { StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxTypographyEvents = NonNullable<unknown>;\n\nconst IxTypography: StencilReactComponent<IxTypographyElement, IxTypographyEvents> = /*@__PURE__*/ createComponent<IxTypographyElement, IxTypographyEvents>({\n    tagName: 'ix-typography',\n    elementClass: IxTypographyElement,\n    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.\n    react: React,\n    events: {} as IxTypographyEvents,\n    defineCustomElement: defineIxTypography\n});\n\nexport default IxTypography;\n"],"names":[],"mappings":";;;;;AAgBA;AACI;AACA;;AAEA;AACA;AACA;AACH;;"}

package/dist/components/IxUpload.js

@@ -0,0 +1,16 @@
+"use client";
+import { IxUpload as IxUpload$1, defineCustomElement } from '@siemens/ix/components/ix-upload.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxUpload = /*@__PURE__*/ createComponent({
+    tagName: 'ix-upload',
+    elementClass: IxUpload$1,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onFilesChanged: 'filesChanged' },
+    defineCustomElement: defineCustomElement
+});
+
+export { IxUpload as default };
+//# sourceMappingURL=IxUpload.js.map

package/dist/components/IxUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxUpload.js","sources":["../../src/components/IxUpload.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport { type IxUploadCustomEvent } from \"@siemens/ix\";\nimport { IxUpload as IxUploadElement, defineCustomElement as defineIxUpload } from \"@siemens/ix/components/ix-upload.js\";\nimport type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxUploadEvents = { onFilesChanged: EventName<IxUploadCustomEvent<Array<File>>> };\n\nconst IxUpload: StencilReactComponent<IxUploadElement, IxUploadEvents> = /*@__PURE__*/ createComponent<IxUploadElement, IxUploadEvents>({\n    tagName: 'ix-upload',\n    elementClass: IxUploadElement,\n    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.\n    react: React,\n    events: { onFilesChanged: 'filesChanged' } as IxUploadEvents,\n    defineCustomElement: defineIxUpload\n});\n\nexport default IxUpload;\n"],"names":[],"mappings":";;;;;AAiBA;AACI;AACA;;AAEA;AACA;AACA;AACH;;"}

package/dist/components/IxValidationTooltip.js

@@ -0,0 +1,16 @@
+"use client";
+import { IxValidationTooltip as IxValidationTooltip$1, defineCustomElement } from '@siemens/ix/components/ix-validation-tooltip.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxValidationTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ix-validation-tooltip',
+    elementClass: IxValidationTooltip$1,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement
+});
+
+export { IxValidationTooltip as default };
+//# sourceMappingURL=IxValidationTooltip.js.map

package/dist/components/IxValidationTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxValidationTooltip.js","sources":["../../src/components/IxValidationTooltip.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport { IxValidationTooltip as IxValidationTooltipElement, defineCustomElement as defineIxValidationTooltip } from \"@siemens/ix/components/ix-validation-tooltip.js\";\nimport type { StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxValidationTooltipEvents = NonNullable<unknown>;\n\nconst IxValidationTooltip: StencilReactComponent<IxValidationTooltipElement, IxValidationTooltipEvents> = /*@__PURE__*/ createComponent<IxValidationTooltipElement, IxValidationTooltipEvents>({\n    tagName: 'ix-validation-tooltip',\n    elementClass: IxValidationTooltipElement,\n    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.\n    react: React,\n    events: {} as IxValidationTooltipEvents,\n    defineCustomElement: defineIxValidationTooltip\n});\n\nexport default IxValidationTooltip;\n"],"names":[],"mappings":";;;;;AAgBA;AACI;AACA;;AAEA;AACA;AACA;AACH;;"}

package/dist/components/IxWorkflowStep.js

@@ -0,0 +1,16 @@
+"use client";
+import { IxWorkflowStep as IxWorkflowStep$1, defineCustomElement } from '@siemens/ix/components/ix-workflow-step.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxWorkflowStep = /*@__PURE__*/ createComponent({
+    tagName: 'ix-workflow-step',
+    elementClass: IxWorkflowStep$1,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement
+});
+
+export { IxWorkflowStep as default };
+//# sourceMappingURL=IxWorkflowStep.js.map

package/dist/components/IxWorkflowStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxWorkflowStep.js","sources":["../../src/components/IxWorkflowStep.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport { IxWorkflowStep as IxWorkflowStepElement, defineCustomElement as defineIxWorkflowStep } from \"@siemens/ix/components/ix-workflow-step.js\";\nimport type { StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxWorkflowStepEvents = NonNullable<unknown>;\n\nconst IxWorkflowStep: StencilReactComponent<IxWorkflowStepElement, IxWorkflowStepEvents> = /*@__PURE__*/ createComponent<IxWorkflowStepElement, IxWorkflowStepEvents>({\n    tagName: 'ix-workflow-step',\n    elementClass: IxWorkflowStepElement,\n    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.\n    react: React,\n    events: {} as IxWorkflowStepEvents,\n    defineCustomElement: defineIxWorkflowStep\n});\n\nexport default IxWorkflowStep;\n"],"names":[],"mappings":";;;;;AAgBA;AACI;AACA;;AAEA;AACA;AACA;AACH;;"}

package/dist/components/IxWorkflowSteps.js

@@ -0,0 +1,16 @@
+"use client";
+import { IxWorkflowSteps as IxWorkflowSteps$1, defineCustomElement } from '@siemens/ix/components/ix-workflow-steps.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxWorkflowSteps = /*@__PURE__*/ createComponent({
+    tagName: 'ix-workflow-steps',
+    elementClass: IxWorkflowSteps$1,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onStepSelected: 'stepSelected' },
+    defineCustomElement: defineCustomElement
+});
+
+export { IxWorkflowSteps as default };
+//# sourceMappingURL=IxWorkflowSteps.js.map

package/dist/components/IxWorkflowSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxWorkflowSteps.js","sources":["../../src/components/IxWorkflowSteps.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport { IxWorkflowSteps as IxWorkflowStepsElement, defineCustomElement as defineIxWorkflowSteps } from \"@siemens/ix/components/ix-workflow-steps.js\";\nimport type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxWorkflowStepsEvents = { onStepSelected: EventName<CustomEvent<number>> };\n\nconst IxWorkflowSteps: StencilReactComponent<IxWorkflowStepsElement, IxWorkflowStepsEvents> = /*@__PURE__*/ createComponent<IxWorkflowStepsElement, IxWorkflowStepsEvents>({\n    tagName: 'ix-workflow-steps',\n    elementClass: IxWorkflowStepsElement,\n    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.\n    react: React,\n    events: { onStepSelected: 'stepSelected' } as IxWorkflowStepsEvents,\n    defineCustomElement: defineIxWorkflowSteps\n});\n\nexport default IxWorkflowSteps;\n"],"names":[],"mappings":";;;;;AAgBA;AACI;AACA;;AAEA;AACA;AACA;AACH;;"}

package/dist/context/application-context.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { reactFrameworkDelegate } from '../delegate.js';
+import { IxOverlay, PORTAL_ID } from '../modal/portal.js';
+import { IxContext } from './context.js';
+
+class IxApplicationContext extends React.Component {
+    constructor(props) {
+        super(props);
+        this.delegate = reactFrameworkDelegate;
+        this.delegate.isUsingReactPortal = true;
+    }
+    render() {
+        return (jsxs(IxContext.Provider, { value: {
+                delegate: this.delegate,
+            }, children: [this.props.children, jsx(IxOverlay, { delegate: this.delegate }), jsx("div", { id: PORTAL_ID })] }));
+    }
+}
+
+export { IxApplicationContext };
+//# sourceMappingURL=application-context.js.map

package/dist/context/application-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-context.js","sources":["../../src/context/application-context.tsx"],"sourcesContent":["'use client';\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 React, { PropsWithChildren } from 'react';\nimport { ReactFrameworkDelegate, reactFrameworkDelegate } from '../delegate';\nimport { IxOverlay, PORTAL_ID } from '../modal/portal';\nimport { IxContext } from './context';\n\nexport type IxApplicationContextProps = PropsWithChildren;\n\nexport class IxApplicationContext extends React.Component<IxApplicationContextProps> {\n  private delegate: ReactFrameworkDelegate = reactFrameworkDelegate;\n\n  constructor(props: IxApplicationContextProps) {\n    super(props);\n    this.delegate.isUsingReactPortal = true;\n  }\n\n  render() {\n    return (\n      <IxContext.Provider\n        value={{\n          delegate: this.delegate,\n        }}\n      >\n        {this.props.children}\n        <IxOverlay delegate={this.delegate}></IxOverlay>\n        <div id={PORTAL_ID}></div>\n      </IxContext.Provider>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAgBa;AAGX;;;AAEE;;;AAIA;;;;AAYH;;"}

package/dist/context/context.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+/*
+ * 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.
+ */
+const IxContext = React.createContext(null);
+
+export { IxContext };
+//# sourceMappingURL=context.js.map

package/dist/context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/context/context.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 */\n\nimport React from 'react';\nimport { ReactFrameworkDelegate } from '../delegate';\n\nexport const IxContext = React.createContext<{\n  delegate: ReactFrameworkDelegate;\n} | null>(null);\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AAKU,MAAA,SAAS,GAAG,KAAK,CAAC,aAAa,CAElC,IAAI;;;;"}

package/dist/delegate.js

@@ -0,0 +1,77 @@
+import { registerFrameworkDelegate } from '@siemens/ix';
+import ReactDOMClient from 'react-dom/client';
+
+/*
+ * 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.
+ */
+let viewInstance = 0;
+function createViewInstance() {
+    return `ix-react-view-${viewInstance++}`;
+}
+const mountedRootNodes = {};
+async function fallbackRootDom(id, view) {
+    return new Promise((resolve) => {
+        const rootElement = document.createElement('DIV');
+        rootElement.id = id;
+        rootElement.style.display = 'contents';
+        document.body.appendChild(rootElement);
+        const root = ReactDOMClient.createRoot(rootElement);
+        root.render(view);
+        mountedRootNodes[id] = root;
+        setTimeout(() => {
+            const viewElement = rootElement.children[0];
+            resolve(viewElement);
+        });
+    });
+}
+async function fallbackRemoveViewFromRootDom(view) {
+    const parent = view.parentElement;
+    const id = parent.id;
+    if (id in mountedRootNodes) {
+        mountedRootNodes[id].unmount();
+        delete mountedRootNodes[id];
+        parent.remove();
+    }
+}
+class ReactFrameworkDelegate {
+    constructor() {
+        this.isUsingReactPortal = false;
+        this.portalInitPromise = new Promise((resolve) => (this.resolvePortalInitPromise = resolve));
+    }
+    async attachView(view) {
+        const id = createViewInstance();
+        if (!this.isUsingReactPortal) {
+            return fallbackRootDom(id, view);
+        }
+        await this.isPortalReady();
+        if (this.attachViewToPortal) {
+            const refElement = await this.attachViewToPortal(id, view);
+            return refElement;
+        }
+        console.error('Portal could not be initialized');
+    }
+    async removeView(view) {
+        if (!this.removeViewFromPortal) {
+            return fallbackRemoveViewFromRootDom(view);
+        }
+        const parent = view.parentElement;
+        const id = parent.getAttribute('data-portal-id');
+        this.removeViewFromPortal(id);
+    }
+    portalReady() {
+        this.resolvePortalInitPromise?.();
+    }
+    async isPortalReady() {
+        return this.portalInitPromise;
+    }
+}
+const reactFrameworkDelegate = new ReactFrameworkDelegate();
+registerFrameworkDelegate(reactFrameworkDelegate);
+
+export { ReactFrameworkDelegate, reactFrameworkDelegate };
+//# sourceMappingURL=delegate.js.map

package/dist/delegate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegate.js","sources":["../src/delegate.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 { FrameworkDelegate, registerFrameworkDelegate } from '@siemens/ix';\nimport ReactDOMClient from 'react-dom/client';\nlet viewInstance = 0;\n\nfunction createViewInstance() {\n  return `ix-react-view-${viewInstance++}`;\n}\n\nconst mountedRootNodes: Record<string, ReactDOMClient.Root> = {};\n\nasync function fallbackRootDom(id: string, view: React.ReactNode) {\n  return new Promise((resolve) => {\n    const rootElement = document.createElement('DIV');\n    rootElement.id = id;\n    rootElement.style.display = 'contents';\n    document.body.appendChild(rootElement);\n\n    const root = ReactDOMClient.createRoot(rootElement);\n    root.render(view);\n\n    mountedRootNodes[id] = root;\n\n    setTimeout(() => {\n      const viewElement = rootElement.children[0];\n      resolve(viewElement);\n    });\n  });\n}\n\nasync function fallbackRemoveViewFromRootDom(view: any) {\n  const parent = view.parentElement;\n  const id = parent.id;\n  if (id in mountedRootNodes) {\n    mountedRootNodes[id].unmount();\n    delete mountedRootNodes[id];\n    parent.remove();\n  }\n}\n\nexport class ReactFrameworkDelegate implements FrameworkDelegate {\n  attachViewToPortal?: (id: string, view: any) => Promise<Element>;\n  removeViewFromPortal?: (id: string) => void;\n\n  resolvePortalInitPromise: (() => void) | undefined;\n  portalInitPromise: Promise<void>;\n  isUsingReactPortal = false;\n\n  constructor() {\n    this.portalInitPromise = new Promise<void>(\n      (resolve) => (this.resolvePortalInitPromise = resolve)\n    );\n  }\n\n  async attachView(view: any): Promise<any> {\n    const id = createViewInstance();\n\n    if (!this.isUsingReactPortal) {\n      return fallbackRootDom(id, view);\n    }\n\n    await this.isPortalReady();\n    if (this.attachViewToPortal) {\n      const refElement = await this.attachViewToPortal(id, view);\n      return refElement;\n    }\n\n    console.error('Portal could not be initialized');\n  }\n\n  async removeView(view: any): Promise<void> {\n    if (!this.removeViewFromPortal) {\n      return fallbackRemoveViewFromRootDom(view);\n    }\n\n    const parent = view.parentElement;\n    const id = parent.getAttribute('data-portal-id');\n\n    this.removeViewFromPortal(id);\n  }\n\n  portalReady() {\n    this.resolvePortalInitPromise?.();\n  }\n\n  private async isPortalReady() {\n    return this.portalInitPromise;\n  }\n}\n\nexport const reactFrameworkDelegate = new ReactFrameworkDelegate();\nregisterFrameworkDelegate(reactFrameworkDelegate);\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,109 @@
+export { default as IxActionCard } from './components/IxActionCard.js';
+export { default as IxApplication } from './components/IxApplication.js';
+export { default as IxApplicationHeader } from './components/IxApplicationHeader.js';
+export { default as IxAvatar } from './components/IxAvatar.js';
+export { default as IxBasicNavigation } from './components/IxBasicNavigation.js';
+export { default as IxBlind } from './components/IxBlind.js';
+export { default as IxBreadcrumb } from './components/IxBreadcrumb.js';
+export { default as IxBreadcrumbItem } from './components/IxBreadcrumbItem.js';
+export { default as IxButton } from './components/IxButton.js';
+export { default as IxCard } from './components/IxCard.js';
+export { default as IxCardAccordion } from './components/IxCardAccordion.js';
+export { default as IxCardContent } from './components/IxCardContent.js';
+export { default as IxCardList } from './components/IxCardList.js';
+export { default as IxCardTitle } from './components/IxCardTitle.js';
+export { default as IxCategoryFilter } from './components/IxCategoryFilter.js';
+export { default as IxCheckbox } from './components/IxCheckbox.js';
+export { default as IxCheckboxGroup } from './components/IxCheckboxGroup.js';
+export { default as IxChip } from './components/IxChip.js';
+export { default as IxCol } from './components/IxCol.js';
+export { default as IxContent } from './components/IxContent.js';
+export { default as IxContentHeader } from './components/IxContentHeader.js';
+export { default as IxCustomField } from './components/IxCustomField.js';
+export { default as IxDateDropdown } from './components/IxDateDropdown.js';
+export { default as IxDateInput } from './components/IxDateInput.js';
+export { default as IxDatePicker } from './components/IxDatePicker.js';
+export { default as IxDatetimePicker } from './components/IxDatetimePicker.js';
+export { default as IxDivider } from './components/IxDivider.js';
+export { default as IxDrawer } from './components/IxDrawer.js';
+export { default as IxDropdown } from './components/IxDropdown.js';
+export { default as IxDropdownButton } from './components/IxDropdownButton.js';
+export { default as IxDropdownHeader } from './components/IxDropdownHeader.js';
+export { default as IxDropdownItem } from './components/IxDropdownItem.js';
+export { default as IxDropdownQuickActions } from './components/IxDropdownQuickActions.js';
+export { default as IxEmptyState } from './components/IxEmptyState.js';
+export { default as IxEventList } from './components/IxEventList.js';
+export { default as IxEventListItem } from './components/IxEventListItem.js';
+export { default as IxExpandingSearch } from './components/IxExpandingSearch.js';
+export { default as IxFieldLabel } from './components/IxFieldLabel.js';
+export { default as IxFilterChip } from './components/IxFilterChip.js';
+export { default as IxFlipTile } from './components/IxFlipTile.js';
+export { default as IxFlipTileContent } from './components/IxFlipTileContent.js';
+export { default as IxGroup } from './components/IxGroup.js';
+export { default as IxGroupContextMenu } from './components/IxGroupContextMenu.js';
+export { default as IxGroupItem } from './components/IxGroupItem.js';
+export { default as IxHelperText } from './components/IxHelperText.js';
+export { default as IxIconButton } from './components/IxIconButton.js';
+export { default as IxIconToggleButton } from './components/IxIconToggleButton.js';
+export { default as IxInput } from './components/IxInput.js';
+export { default as IxInputGroup } from './components/IxInputGroup.js';
+export { default as IxKeyValue } from './components/IxKeyValue.js';
+export { default as IxKeyValueList } from './components/IxKeyValueList.js';
+export { default as IxKpi } from './components/IxKpi.js';
+export { default as IxLayoutAuto } from './components/IxLayoutAuto.js';
+export { default as IxLayoutGrid } from './components/IxLayoutGrid.js';
+export { default as IxLinkButton } from './components/IxLinkButton.js';
+export { default as IxMapNavigation } from './components/IxMapNavigation.js';
+export { default as IxMapNavigationOverlay } from './components/IxMapNavigationOverlay.js';
+export { default as IxMenu } from './components/IxMenu.js';
+export { default as IxMenuAbout } from './components/IxMenuAbout.js';
+export { default as IxMenuAboutItem } from './components/IxMenuAboutItem.js';
+export { default as IxMenuAboutNews } from './components/IxMenuAboutNews.js';
+export { default as IxMenuAvatar } from './components/IxMenuAvatar.js';
+export { default as IxMenuAvatarItem } from './components/IxMenuAvatarItem.js';
+export { default as IxMenuCategory } from './components/IxMenuCategory.js';
+export { default as IxMenuItem } from './components/IxMenuItem.js';
+export { default as IxMenuSettings } from './components/IxMenuSettings.js';
+export { default as IxMenuSettingsItem } from './components/IxMenuSettingsItem.js';
+export { default as IxMessageBar } from './components/IxMessageBar.js';
+export { default as IxModal } from './components/IxModal.js';
+export { default as IxModalContent } from './components/IxModalContent.js';
+export { default as IxModalFooter } from './components/IxModalFooter.js';
+export { default as IxModalHeader } from './components/IxModalHeader.js';
+export { default as IxNumberInput } from './components/IxNumberInput.js';
+export { default as IxPagination } from './components/IxPagination.js';
+export { default as IxPane } from './components/IxPane.js';
+export { default as IxPaneLayout } from './components/IxPaneLayout.js';
+export { default as IxPill } from './components/IxPill.js';
+export { default as IxPushCard } from './components/IxPushCard.js';
+export { default as IxRadio } from './components/IxRadio.js';
+export { default as IxRadioGroup } from './components/IxRadioGroup.js';
+export { default as IxRow } from './components/IxRow.js';
+export { default as IxSelect } from './components/IxSelect.js';
+export { default as IxSelectItem } from './components/IxSelectItem.js';
+export { default as IxSlider } from './components/IxSlider.js';
+export { default as IxSpinner } from './components/IxSpinner.js';
+export { default as IxSplitButton } from './components/IxSplitButton.js';
+export { default as IxTabItem } from './components/IxTabItem.js';
+export { default as IxTabs } from './components/IxTabs.js';
+export { default as IxTextarea } from './components/IxTextarea.js';
+export { default as IxTile } from './components/IxTile.js';
+export { default as IxTimePicker } from './components/IxTimePicker.js';
+export { default as IxToast } from './components/IxToast.js';
+export { default as IxToastContainer } from './components/IxToastContainer.js';
+export { default as IxToggle } from './components/IxToggle.js';
+export { default as IxToggleButton } from './components/IxToggleButton.js';
+export { default as IxTooltip } from './components/IxTooltip.js';
+export { default as IxTypography } from './components/IxTypography.js';
+export { default as IxUpload } from './components/IxUpload.js';
+export { default as IxValidationTooltip } from './components/IxValidationTooltip.js';
+export { default as IxWorkflowStep } from './components/IxWorkflowStep.js';
+export { default as IxWorkflowSteps } from './components/IxWorkflowSteps.js';
+export { IxApplicationContext } from './context/application-context.js';
+import './internal-components.js';
+export { IxIcon } from './ix-icon.js';
+export { showModal } from './modal/index.js';
+export { showToast } from './toast/toast.js';
+export { IxTree } from './tree/tree.js';
+export { Modal } from './modal/modal.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal-components.js

@@ -0,0 +1,13 @@
+"use client";
+import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-application-sidebar.js';
+import { defineCustomElement } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$3 } from '@siemens/ix/components/ix-menu-expand-icon.js';
+import { defineCustomElement as defineCustomElement$2 } from '@siemens/ix/components/ix-date-time-card.js';
+import { defineCustomElement as defineCustomElement$4 } from '@siemens/ix/components/ix-modal-loading.js';
+
+defineCustomElement();
+defineCustomElement$1();
+defineCustomElement$2();
+defineCustomElement$3();
+defineCustomElement$4();
+//# sourceMappingURL=internal-components.js.map

package/dist/internal-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-components.js","sources":["../src/internal-components.ts"],"sourcesContent":["'use client';\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 { defineCustomElement as defineIxApplicationSidebar } from '@siemens/ix/components/ix-application-sidebar.js';\nimport { defineCustomElement as defineIxApplicationSwitchModal } from '@siemens/ix/components/ix-application-switch-modal.js';\nimport { defineCustomElement as defineIxBurgerMenu } from '@siemens/ix/components/ix-menu-expand-icon.js';\nimport { defineCustomElement as defineIxDateTimeCard } from '@siemens/ix/components/ix-date-time-card.js';\nimport { defineCustomElement as defineIxModalLoading } from '@siemens/ix/components/ix-modal-loading.js';\n\ndefineIxApplicationSwitchModal();\ndefineIxApplicationSidebar();\ndefineIxDateTimeCard();\ndefineIxBurgerMenu();\ndefineIxModalLoading();\n"],"names":["defineIxApplicationSwitchModal","defineIxApplicationSidebar","defineIxDateTimeCard","defineIxBurgerMenu","defineIxModalLoading"],"mappings":";;;;;;;AAgBAA;AACAC;AACAC;AACAC;AACAC"}

package/dist/ix-icon.js

@@ -0,0 +1,15 @@
+"use client";
+import { IxIcon as IxIcon$1, defineCustomElement } from '@siemens/ix-icons/components/ix-icon.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const IxIcon = 
+/*@__PURE__*/ createComponent({
+    tagName: 'ix-icon',
+    elementClass: IxIcon$1,
+    react: React,
+    defineCustomElement: defineCustomElement,
+});
+
+export { IxIcon };
+//# sourceMappingURL=ix-icon.js.map

package/dist/ix-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-icon.js","sources":["../src/ix-icon.tsx"],"sourcesContent":["'use client';\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 */\n\n/* eslint-disable */\nimport {\n  IxIcon as IxIconElement,\n  defineCustomElement as defineIxIcon,\n} from '@siemens/ix-icons/components/ix-icon.js';\nimport {\n  createComponent,\n  StencilReactComponent,\n} from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\nexport const IxIcon: StencilReactComponent<IxIconElement> =\n  /*@__PURE__*/ createComponent<IxIconElement>({\n    tagName: 'ix-icon',\n    elementClass: IxIconElement,\n    react: React,\n    defineCustomElement: defineIxIcon,\n  });\n"],"names":[],"mappings":";;;;;;AAsBE;AACE;AACA;AACA;AACA;AACD;;"}

package/dist/modal/index.js

@@ -0,0 +1,17 @@
+import { showModal as showModal$1 } from '@siemens/ix';
+export { Modal } from './modal.js';
+
+/*
+ * 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.
+ */
+async function showModal(config) {
+    return showModal$1(config);
+}
+
+export { showModal };
+//# sourceMappingURL=index.js.map

package/dist/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/modal/index.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 */\n\nimport {\n  ModalConfig as IxModalConfig,\n  showModal as _showModal,\n} from '@siemens/ix';\nexport * from './modal';\n\nexport type ModalConfig = {\n  content: React.ReactNode | string;\n};\n\nexport async function showModal(\n  config: Omit<IxModalConfig, 'content'> & ModalConfig\n) {\n  return _showModal(config);\n}\n"],"names":["_showModal"],"mappings":";;;AAAA;;;;;;;AAOG;AAYI,eAAe,SAAS,CAC7B,MAAoD,EAAA;AAEpD,IAAA,OAAOA,WAAU,CAAC,MAAM,CAAC,CAAC;AAC5B;;;;"}

package/dist/modal/modal.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React, { useRef, useImperativeHandle } from 'react';
+import IxModal from '../components/IxModal.js';
+
+const Modal = React.forwardRef((props, ref) => {
+    const wrapperRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        close(result) {
+            wrapperRef.current?.closeModal(result);
+        },
+        dismiss(result) {
+            wrapperRef.current?.dismissModal(result);
+        },
+        modalElement: null,
+    }));
+    return jsx(IxModal, { ref: wrapperRef, children: props.children });
+});
+
+export { Modal };
+//# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../src/modal/modal.tsx"],"sourcesContent":["'use client';\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 React, { useImperativeHandle, useRef } from 'react';\nimport IxModal from '../components/IxModal';\n\nexport interface ModalRef {\n  close: <T = any>(result: T) => void;\n  dismiss: <T = any>(result?: T) => void;\n  modalElement: HTMLIxModalElement | null;\n}\n\nexport const Modal = React.forwardRef<ModalRef, React.PropsWithChildren>(\n  (props, ref) => {\n    const wrapperRef = useRef<HTMLIxModalElement | null>(null);\n\n    useImperativeHandle(ref, () => ({\n      close(result: unknown) {\n        wrapperRef.current?.closeModal(result);\n      },\n      dismiss(result?: unknown) {\n        wrapperRef.current?.dismissModal(result);\n      },\n      modalElement: null,\n    }));\n\n    return <IxModal ref={wrapperRef}>{props.children}</IxModal>;\n  }\n);\n"],"names":[],"mappings":";;;;;AAkBO;AAEH;AAEA;AACE;AACE;;AAEF;AACE;;AAEF;AACD;;AAGH;;"}

package/dist/modal/portal.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import ReactDOM from 'react-dom';
+
+const PORTAL_ID = 'ix-portal';
+const IxOverlay = (props) => {
+    const [portalRef, setPortalRef] = useState(null);
+    const resolveElementRef = useRef({});
+    const viewRefs = useRef({});
+    const [views, setViews] = useState({});
+    useEffect(() => {
+        const addOverlay = (id, view) => {
+            const _views = { ...viewRefs.current };
+            _views[id] = view;
+            setViews(_views);
+            viewRefs.current = _views;
+        };
+        const removeOverlay = (id) => {
+            const _views = { ...viewRefs.current };
+            delete _views[id];
+            setViews(_views);
+            viewRefs.current = _views;
+        };
+        props.delegate.attachViewToPortal = async (id, view) => {
+            addOverlay(id, view);
+            return new Promise((resolve) => {
+                const r = { ...resolveElementRef.current };
+                r[id] = resolve;
+                resolveElementRef.current = r;
+            });
+        };
+        props.delegate.removeViewFromPortal = async (id) => {
+            removeOverlay(id);
+        };
+        props.delegate.portalReady();
+    }, []);
+    useLayoutEffect(() => {
+        const portalRef = document.querySelector(`#${PORTAL_ID}`);
+        if (portalRef) {
+            setPortalRef(portalRef);
+        }
+    }, []);
+    useLayoutEffect(() => {
+        Object.keys(views).forEach((key) => {
+            const resolveQueue = { ...resolveElementRef.current };
+            const element = document.querySelector(`[data-portal-id="${key}"]`);
+            if (element && element.children.length === 1 && resolveQueue[key]) {
+                const view = element.children[0];
+                resolveQueue[key](view);
+            }
+        });
+    }, [views]);
+    if (!portalRef) {
+        return null;
+    }
+    return (jsx(Fragment, { children: Object.keys(views).map((key) => {
+            const RenderView = views[key];
+            return ReactDOM.createPortal(jsx("div", { "data-portal-id": key, style: { display: 'contents ' }, children: RenderView }), portalRef, key);
+        }) }));
+};
+
+export { IxOverlay, PORTAL_ID };
+//# sourceMappingURL=portal.js.map

package/dist/modal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sources":["../../src/modal/portal.tsx"],"sourcesContent":["'use client';\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 */\n\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { ReactFrameworkDelegate } from '../delegate';\n\nexport const PORTAL_ID = 'ix-portal';\n\nexport const IxOverlay = (props: { delegate: ReactFrameworkDelegate }) => {\n  const [portalRef, setPortalRef] = useState<Element | null>(null);\n\n  const resolveElementRef = useRef<\n    Record<string, (value: Element | PromiseLike<Element>) => void>\n  >({});\n\n  const viewRefs = useRef<Record<string, any>>({});\n  const [views, setViews] = useState<Record<string, any>>({});\n\n  useEffect(() => {\n    const addOverlay = (id: string, view: any) => {\n      const _views = { ...viewRefs.current };\n      _views[id] = view;\n      setViews(_views);\n      viewRefs.current = _views;\n    };\n\n    const removeOverlay = (id: string) => {\n      const _views = { ...viewRefs.current };\n      delete _views[id];\n      setViews(_views);\n      viewRefs.current = _views;\n    };\n\n    props.delegate.attachViewToPortal = async (id, view) => {\n      addOverlay(id, view);\n      return new Promise<Element>((resolve) => {\n        const r = { ...resolveElementRef.current };\n        r[id] = resolve;\n        resolveElementRef.current = r;\n      });\n    };\n\n    props.delegate.removeViewFromPortal = async (id: string) => {\n      removeOverlay(id);\n    };\n\n    props.delegate.portalReady();\n  }, []);\n\n  useLayoutEffect(() => {\n    const portalRef = document.querySelector(`#${PORTAL_ID}`);\n    if (portalRef) {\n      setPortalRef(portalRef);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    Object.keys(views).forEach((key) => {\n      const resolveQueue = { ...resolveElementRef.current };\n      const element = document.querySelector(`[data-portal-id=\"${key}\"]`);\n      if (element && element.children.length === 1 && resolveQueue[key]) {\n        const view = element.children[0];\n        resolveQueue[key](view);\n      }\n    });\n  }, [views]);\n\n  if (!portalRef) {\n    return null;\n  }\n\n  return (\n    <>\n      {Object.keys(views).map((key) => {\n        const RenderView = views[key];\n        return ReactDOM.createPortal(\n          <div data-portal-id={key} style={{ display: 'contents ' }}>\n            {RenderView}\n          </div>,\n          portalRef,\n          key\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAcO;AAEM;;AAGX;AAIA;;;AAIE;;AAEE;;AAEA;AACF;AAEA;;AAEE;;AAEA;AACF;;AAGE;AACA;;AAEE;AACA;AACF;AACF;;;AAIA;AAEA;;;;;;;;;;;;AAcE;;AAEE;;AAEJ;AACF;;AAGE;;AAGF;AAGM;;;AAWR;;"}

package/dist/toast/toast.js

@@ -0,0 +1,30 @@
+"use client";
+import { defineCustomElement as defineCustomElement$1 } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement } from '@siemens/ix/components/ix-toast.js';
+import { toast } from '@siemens/ix';
+import ReactDOMClient from 'react-dom/client';
+
+async function showToast(config) {
+    // Define custom element, otherwise dynamic creation of toast container will fail
+    defineCustomElement();
+    defineCustomElement$1();
+    if (typeof config.message === 'string') {
+        const toastInstance = await toast(config);
+        return toastInstance;
+    }
+    const node = config.message;
+    const toastContainer = document.createElement('DIV');
+    const root = ReactDOMClient.createRoot(toastContainer);
+    root.render(node);
+    const toastInstance = await toast({
+        ...config,
+        message: toastContainer,
+    });
+    toastInstance.onClose.once(() => {
+        root.unmount();
+    });
+    return toastInstance;
+}
+
+export { showToast };
+//# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../src/toast/toast.ts"],"sourcesContent":["'use client';\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 { defineCustomElement as defineToastContainer } from '@siemens/ix/components/ix-toast-container.js';\nimport { defineCustomElement as defineToast } from '@siemens/ix/components/ix-toast.js';\n\nimport { toast, ToastConfig as IxToastConfig } from '@siemens/ix';\nimport ReactDOMClient from 'react-dom/client';\n\nexport type ToastConfig = {\n  message: string | React.ReactNode;\n};\n\nexport async function showToast(\n  config: Omit<IxToastConfig, 'message'> & ToastConfig\n) {\n  // Define custom element, otherwise dynamic creation of toast container will fail\n  defineToast();\n  defineToastContainer();\n\n  if (typeof config.message === 'string') {\n    const toastInstance = await toast(config as IxToastConfig);\n    return toastInstance;\n  }\n\n  const node = config.message as React.ReactNode;\n  const toastContainer = document.createElement('DIV');\n  const root = ReactDOMClient.createRoot(toastContainer);\n  root.render(node);\n\n  const toastInstance = await toast({\n    ...config,\n    message: toastContainer,\n  });\n\n  toastInstance.onClose.once(() => {\n    root.unmount();\n  });\n\n  return toastInstance;\n}\n"],"names":[],"mappings":";;;;;;AAmBO;;AAIL;AACA;AAEA;AACE;AACA;;AAGF;;;AAGA;AAEA;AACE;AACA;AACD;AAED;;AAEA;AAEA;AACF;;"}

package/dist/tree/internal-tree.js

@@ -0,0 +1,21 @@
+"use client";
+import { IxTree, defineCustomElement } from '@siemens/ix/components/ix-tree.js';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+const InternalIxTree = 
+/*@__PURE__*/ createComponent({
+    tagName: 'ix-tree',
+    elementClass: IxTree,
+    react: React,
+    events: {
+        onContextChange: 'contextChange',
+        onNodeToggled: 'nodeToggled',
+        onNodeClicked: 'nodeClicked',
+        onNodeRemoved: 'nodeRemoved',
+    },
+    defineCustomElement: defineCustomElement,
+});
+
+export { InternalIxTree as default };
+//# sourceMappingURL=internal-tree.js.map

package/dist/tree/internal-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-tree.js","sources":["../../src/tree/internal-tree.tsx"],"sourcesContent":["'use client';\n/* eslint-disable */\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 */\n\nimport { type IxTreeCustomEvent, type TreeContext } from '@siemens/ix';\nimport {\n  IxTree as IxTreeElement,\n  defineCustomElement as defineIxTree,\n} from '@siemens/ix/components/ix-tree.js';\nimport {\n  createComponent,\n  type EventName,\n  type StencilReactComponent,\n} from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\ntype IxTreeEvents = {\n  onContextChange: EventName<IxTreeCustomEvent<TreeContext>>;\n  onNodeToggled: EventName<CustomEvent<{ id: string; isExpaned: boolean }>>;\n  onNodeClicked: EventName<CustomEvent<string>>;\n  onNodeRemoved: EventName<CustomEvent<any>>;\n};\n\nconst InternalIxTree: StencilReactComponent<IxTreeElement, IxTreeEvents> =\n  /*@__PURE__*/ createComponent<IxTreeElement, IxTreeEvents>({\n    tagName: 'ix-tree',\n    elementClass: IxTreeElement,\n    react: React,\n    events: {\n      onContextChange: 'contextChange',\n      onNodeToggled: 'nodeToggled',\n      onNodeClicked: 'nodeClicked',\n      onNodeRemoved: 'nodeRemoved',\n    } as IxTreeEvents,\n    defineCustomElement: defineIxTree,\n  });\n\nexport default InternalIxTree;\n"],"names":[],"mappings":";;;;;AA+BA;AACE;AACE;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACe;AACjB;AACD;;"}