@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 4.0.0

package/build/static/demo/v2/react/basic-navigation-migration.tsx

@@ -1,33 +0,0 @@
-/*
- * 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 './basic-navigation-migration.scoped.css';
-
-import {
-  IxApplication,
-  IxApplicationHeader,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-react';
-
-export default () => {
-  return (
-    <IxApplication>
-      {/*{KEEP} Compare hideHeader property */}
-      <IxApplicationHeader name="My Application">
-        <div className="placeholder-logo" slot="logo"></div>
-      </IxApplicationHeader>
-
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-    </IxApplication>
-  );
-};

package/build/static/demo/v2/react/basic-navigation-without-header.tsx

@@ -1,21 +0,0 @@
-/*
- * 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 { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-react';
-
-export default () => {
-  return (
-    <IxBasicNavigation hideHeader>
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-    </IxBasicNavigation>
-  );
-};

package/build/static/demo/v2/react/basic-navigation.scoped.css

@@ -1,17 +0,0 @@
-/*
- * 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.
- */
-/*
- * Styles get overwritten by html-test-app css files each build or dev task.
- * If you want to modify the example styles do this only inside the html-test-app
- */
-
-ix-basic-navigation {
-  width: 100vw;
-  height: 100vh;
-}

package/build/static/demo/v2/react/basic-navigation.tsx

@@ -1,24 +0,0 @@
-/*
- * 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 './basic-navigation.scoped.css';
-
-import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-react';
-
-export default () => {
-  return (
-    <IxBasicNavigation applicationName="Application name">
-      <div className="placeholder-logo" slot="logo"></div>
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-    </IxBasicNavigation>
-  );
-};

package/build/static/demo/v2/react/map-navigation-migration.tsx

@@ -1,95 +0,0 @@
-/*
- * 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 { iconBulb } from '@siemens/ix-icons/icons';
-import './map-navigation-migration.scoped.css';
-
-import {
-  IxApplication,
-  IxApplicationHeader,
-  IxButton,
-  IxContent,
-  IxContentHeader,
-  IxDropdownButton,
-  IxDropdownItem,
-  IxMenu,
-  IxMenuItem,
-  IxPane,
-  IxPaneLayout,
-} from '@siemens/ix-react';
-
-import { useState } from 'react';
-
-export default () => {
-  const [expanded, setExpanded] = useState(false);
-
-  const initialExpanded = true;
-
-  function resetExpanded(value: boolean) {
-    setExpanded(value);
-  }
-
-  return (
-    <IxApplication className="application">
-      <IxApplicationHeader name="My Application">
-        <div className="placeholder-logo" slot="logo"></div>
-
-        {/*{KEEP} Compare context menu */}
-        <IxDropdownButton variant="subtle-tertiary" label="Select config">
-          <IxDropdownItem label="Config 1"></IxDropdownItem>
-          <IxDropdownItem label="Config 2"></IxDropdownItem>
-          <IxDropdownItem label="Config 3"></IxDropdownItem>
-        </IxDropdownButton>
-      </IxApplicationHeader>
-
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-
-      {/*{KEEP} Compare overlay */}
-      <IxPane
-        className="overlay"
-        composition="right"
-        heading="Custom overlay"
-        icon={iconBulb}
-        size="320px"
-        variant="floating"
-        hideOnCollapse
-        expanded={expanded}
-        onExpandedChanged={(e) => resetExpanded(e.detail.expanded)}
-      >
-        Overlay content
-      </IxPane>
-
-      <IxPaneLayout>
-        {/*{KEEP} Compare sidebar */}
-        <IxPane
-          slot="left"
-          heading="Navigation title"
-          size="320px"
-          expanded={initialExpanded}
-        >
-          Sidebar content
-        </IxPane>
-
-        <IxContent className="content">
-          <IxContentHeader
-            slot="header"
-            headerTitle="My Content Page"
-          ></IxContentHeader>
-
-          <IxButton onClick={() => setExpanded(!expanded)}>
-            Open overlay
-          </IxButton>
-        </IxContent>
-      </IxPaneLayout>
-    </IxApplication>
-  );
-};

package/build/static/demo/v2/react/map-navigation-overlay.tsx

@@ -1,75 +0,0 @@
-/*
- * 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 { iconBulb } from '@siemens/ix-icons/icons';
-import {
-  IxButton,
-  IxContent,
-  IxContentHeader,
-  IxMapNavigation,
-  IxMapNavigationOverlay,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-react';
-import { useState } from 'react';
-
-export default () => {
-  const [overlay, setOverlay] = useState(false);
-
-  function openOverlay() {
-    setOverlay(true);
-  }
-
-  function closeOverlay() {
-    setOverlay(false);
-  }
-
-  return (
-    <IxMapNavigation
-      applicationName="My Application"
-      navigationTitle="Navigation title"
-      hideContextMenu={false}
-    >
-      <div className="placeholder-logo" slot="logo"></div>
-
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-
-      <IxContent slot="sidebar-content">Sidebar content</IxContent>
-
-      <IxContent>
-        <IxContentHeader
-          slot="header"
-          header-title="My Content Page"
-        ></IxContentHeader>
-
-        <IxButton
-          onClick={() => {
-            openOverlay();
-          }}
-        >
-          Open overlay
-        </IxButton>
-      </IxContent>
-
-      {overlay ? (
-        <IxMapNavigationOverlay
-          slot="overlay"
-          name="Custom overlay"
-          icon={iconBulb}
-          onCloseClick={() => closeOverlay()}
-        >
-          <IxContent>Overlay content</IxContent>
-        </IxMapNavigationOverlay>
-      ) : null}
-    </IxMapNavigation>
-  );
-};

package/build/static/demo/v2/react/map-navigation.tsx

@@ -1,42 +0,0 @@
-/*
- * 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 {
-  IxContent,
-  IxContentHeader,
-  IxMapNavigation,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-react';
-
-export default () => {
-  return (
-    <IxMapNavigation
-      applicationName="My Application"
-      navigationTitle="Navigation title"
-      hideContextMenu={false}
-    >
-      <div className="placeholder-logo" slot="logo"></div>
-
-      <IxMenu>
-        <IxMenuItem>Item 1</IxMenuItem>
-        <IxMenuItem>Item 2</IxMenuItem>
-      </IxMenu>
-
-      <IxContent slot="sidebar-content">Sidebar content</IxContent>
-
-      <IxContent>
-        <IxContentHeader
-          slot="header"
-          header-title="My Content Page"
-        ></IxContentHeader>
-      </IxContent>
-    </IxMapNavigation>
-  );
-};

package/build/static/demo/v2/vue/basic-navigation-migration.vue

@@ -1,33 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import {
-  IxApplication,
-  IxApplicationHeader,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-vue';
-</script>
-
-<style scoped src="./basic-navigation-migration.css"></style>
-
-<template>
-  <IxApplication>
-    <!--{KEEP} Compare hideHeader property -->
-    <IxApplicationHeader name="My Application">
-      <div className="placeholder-logo" slot="logo"></div>
-    </IxApplicationHeader>
-
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-  </IxApplication>
-</template>

package/build/static/demo/v2/vue/basic-navigation-without-header.vue

@@ -1,21 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-vue';
-</script>
-
-<template>
-  <IxBasicNavigation hideHeader>
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-  </IxBasicNavigation>
-</template>

package/build/static/demo/v2/vue/basic-navigation.css

@@ -1,17 +0,0 @@
-/*
- * 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.
- */
-/*
- * Styles get overwritten by html-test-app css files each build or dev task.
- * If you want to modify the example styles do this only inside the html-test-app
- */
-
-ix-basic-navigation {
-  width: 100vw;
-  height: 100vh;
-}

package/build/static/demo/v2/vue/basic-navigation.vue

@@ -1,24 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-vue';
-</script>
-
-<style scoped src="./basic-navigation.css"></style>
-
-<template>
-  <IxBasicNavigation applicationName="Application name">
-    <div className="placeholder-logo" slot="logo"></div>
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-  </IxBasicNavigation>
-</template>

package/build/static/demo/v2/vue/map-navigation-migration.css

@@ -1,27 +0,0 @@
-/*
- * 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.
- */
-/*
- * Styles get overwritten by html-test-app css files each build or dev task.
- * If you want to modify the example styles do this only inside the html-test-app
- */
-
-.application {
-  height: 100vh;
-  width: 100vw;
-
-  .overlay {
-    position: absolute;
-    right: 0;
-    z-index: 1;
-  }
-
-  .content {
-    box-sizing: border-box;
-  }
-}

package/build/static/demo/v2/vue/map-navigation-migration.vue

@@ -1,95 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import { iconBulb } from '@siemens/ix-icons/icons';
-import {
-  IxApplication,
-  IxApplicationHeader,
-  IxButton,
-  IxContent,
-  IxContentHeader,
-  IxDropdownButton,
-  IxDropdownItem,
-  IxMenu,
-  IxMenuItem,
-  IxPane,
-  IxPaneLayout,
-} from '@siemens/ix-vue';
-</script>
-
-<style scoped src="./map-navigation-migration.css"></style>
-
-<script lang="ts">
-export default {
-  data(): {
-    expanded: boolean;
-  } {
-    return {
-      expanded: false,
-    };
-  },
-  methods: {
-    resetExpanded(e: Event) {
-      this.expanded = (e as CustomEvent).detail.expanded;
-    },
-  },
-};
-</script>
-
-<template>
-  <IxApplication className="application">
-    <IxApplicationHeader name="My Application">
-      <div className="placeholder-logo" slot="logo"></div>
-
-      <!--{KEEP} Compare context menu -->
-      <IxDropdownButton variant="subtle-tertiary" label="Select config">
-        <IxDropdownItem label="Config 1"></IxDropdownItem>
-        <IxDropdownItem label="Config 2"></IxDropdownItem>
-        <IxDropdownItem label="Config 3"></IxDropdownItem>
-      </IxDropdownButton>
-    </IxApplicationHeader>
-
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-
-    <!--{KEEP} Compare overlay -->
-    <IxPane
-      className="overlay"
-      composition="right"
-      heading="Custom overlay"
-      :icon="iconBulb"
-      size="320px"
-      variant="floating"
-      hideOnCollapse
-      :expanded="expanded"
-      @expanded-changed="(e: Event) => resetExpanded(e)"
-    >
-      Overlay content
-    </IxPane>
-
-    <IxPaneLayout>
-      <!--{KEEP} Compare sidebar -->
-      <IxPane slot="left" heading="Navigation title" size="320px" expanded>
-        Sidebar content
-      </IxPane>
-
-      <IxContent className="content">
-        <IxContentHeader
-          slot="header"
-          header-title="My Content Page"
-        ></IxContentHeader>
-
-        <IxButton @click="expanded = !expanded">Open overlay</IxButton>
-      </IxContent>
-    </IxPaneLayout>
-  </IxApplication>
-</template>

package/build/static/demo/v2/vue/map-navigation-overlay.vue

@@ -1,72 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import { iconBulb } from '@siemens/ix-icons/icons';
-import {
-  IxButton,
-  IxContent,
-  IxContentHeader,
-  IxMapNavigation,
-  IxMapNavigationOverlay,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-vue';
-</script>
-
-<script lang="ts">
-export default {
-  data(): {
-    overlay: boolean;
-  } {
-    return {
-      overlay: false,
-    };
-  },
-  methods: {
-    showOverlay(show: boolean) {
-      this.overlay = show;
-    },
-  },
-};
-</script>
-
-<template>
-  <IxMapNavigation
-    applicationName="My Application"
-    navigationTitle="Navigation title"
-    :hideContextMenu="false"
-  >
-    <div className="placeholder-logo" slot="logo"></div>
-
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-
-    <IxContent slot="sidebar-content">Sidebar content</IxContent>
-
-    <IxContent>
-      <IxContentHeader slot="header" headerTitle="My Content Page">
-      </IxContentHeader>
-
-      <IxButton @click="() => showOverlay(true)">Open overlay</IxButton>
-    </IxContent>
-
-    <IxMapNavigationOverlay
-      v-if="overlay"
-      slot="overlay"
-      name="Custom overlay"
-      :icon="iconBulb"
-      @close-click="() => showOverlay(false)"
-    >
-      <IxContent>Overlay content</IxContent>
-    </IxMapNavigationOverlay>
-  </IxMapNavigation>
-</template>

package/build/static/demo/v2/vue/map-navigation.vue

@@ -1,40 +0,0 @@
-<!--
- * 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.
--->
-
-<script setup lang="ts">
-import {
-  IxContent,
-  IxContentHeader,
-  IxMapNavigation,
-  IxMenu,
-  IxMenuItem,
-} from '@siemens/ix-vue';
-</script>
-
-<template>
-  <IxMapNavigation
-    applicationName="My Application"
-    navigationTitle="Navigation title"
-    :hideContextMenu="false"
-  >
-    <div className="placeholder-logo" slot="logo"></div>
-
-    <IxMenu>
-      <IxMenuItem>Item 1</IxMenuItem>
-      <IxMenuItem>Item 2</IxMenuItem>
-    </IxMenu>
-
-    <IxContent slot="sidebar-content">Sidebar content</IxContent>
-
-    <IxContent>
-      <IxContentHeader slot="header" headerTitle="My Content Page">
-      </IxContentHeader>
-    </IxContent>
-  </IxMapNavigation>
-</template>

package/build/static/storybook-static/assets/basic-navigation.stories-BOR_s7Zi.js

@@ -1,26 +0,0 @@
-import{r as g,x as p}from"./iframe-BmxwExuB.js";import{n as l,t as u}from"./property-D_UrsR9o.js";import{i as x}from"./icon-DzdUj6ej.js";import{m as f}from"./generic-render-C-e0Bofh.js";import"./sample-CrjnuCO3.js";var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,m=(a,i,o,t)=>{for(var e=t>1?void 0:t?h(i,o):i,s=a.length-1,c;s>=0;s--)(c=a[s])&&(e=(t?c(i,o,e):c(e))||e);return t&&e&&d(i,o,e),e};let n=class extends g{constructor(){super(...arguments),this.args={},this.overlay=!1}render(){return p`
-      <ix-basic-navigation
-        application-name=${this.args.applicationName}
-        hide-header=${this.args.hideHeader}
-        force-breakpoint=${this.args.forceBreakpoint}
-      >
-        <ix-icon slot="logo" name=${this.args.icon}></ix-icon>
-        <ix-menu>
-          <ix-menu-item>Item 1</ix-menu-item>
-          <ix-menu-item>Item 2</ix-menu-item>
-          <ix-menu-item>Item 3</ix-menu-item>
-        </ix-menu>
-        <ix-content style="height: fit-content"
-          >${this.args.defaultSlot}</ix-content
-        >
-      </ix-basic-navigation>
-    `}};m([l()],n.prototype,"args",2);m([l()],n.prototype,"overlay",2);n=m([u("story-basic-navigation")],n);const P={title:"Example/BasicNavigation",render:a=>p`<story-basic-navigation
-      .args=${a}
-    ></story-basic-navigation>`,argTypes:f("ix-basic-navigation",{icon:x("application icon",!1),defaultSlot:{control:{type:"text"}}},!0,["breakpoints","forceBreakpoint"])},r={args:{applicationName:"Application Name",hideHeader:!1,icon:"barchart",defaultSlot:"Main Content"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    applicationName: 'Application Name',
-    hideHeader: false,
-    icon: 'barchart',
-    defaultSlot: 'Main Content'
-  }
-}`,...r.parameters?.docs?.source}}};const $=["ExampleBasicNavigation","Primary"];export{n as ExampleBasicNavigation,r as Primary,$ as __namedExportsOrder,P as default};