fix(documentation): added missing files

siemens · Oct 25, 2022 · ef64fbc · ef64fbc
1 parent 3f8fb12
commit ef64fbc
Show file tree

Hide file tree

Showing 6 changed files with 232 additions and 0 deletions.
diff --git a/packages/angular-test-app/src/preview-examples/map-navigation-overlay.ts b/packages/angular-test-app/src/preview-examples/map-navigation-overlay.ts
@@ -0,0 +1,39 @@
+/*
+ * SPDX-FileCopyrightText: 2022 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 { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-map-navigation-overlay',
+  template: `
+    <ix-map-navigation-overlay title="Example title" icon="">
+      <ix-map-navigation application-name="Test Application" navigation-title="Some other content">
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138" slot="logo">
+        <defs>
+          <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+            <stop offset="0" stop-color="#00ffb9" />
+            <stop offset="1" stop-color="#0cc" />
+          </linearGradient>
+        </defs>
+        <path data-name="Vereinigungsmenge 41"
+          d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+          style="fill: url(#x05mhzd7ga)" />
+      </svg>
+      <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>
+      <div slot="sidebar-content">Sidebar content</div>
+      <div>Sidebar content</div>
+    </ix-map-navigation>
+  </ix-map-navigation-overlay>
+  `,
+})
+export class MapNavigationOverlay {}
diff --git a/packages/angular-test-app/src/preview-examples/map-navigation.ts b/packages/angular-test-app/src/preview-examples/map-navigation.ts
@@ -0,0 +1,37 @@
+/*
+ * SPDX-FileCopyrightText: 2022 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 { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-map-navigation',
+  template: `
+    <ix-map-navigation application-name="Test Application" navigation-title="Some other content">
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138" slot="logo">
+      <defs>
+        <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+          <stop offset="0" stop-color="#00ffb9" />
+          <stop offset="1" stop-color="#0cc" />
+        </linearGradient>
+      </defs>
+      <path data-name="Vereinigungsmenge 41"
+        d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+        style="fill: url(#x05mhzd7ga)" />
+    </svg>
+    <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>
+    <div slot="sidebar-content">Sidebar content</div>
+    <div>Sidebar content</div>
+  </ix-map-navigation>
+  `,
+})
+export class MapNavigation {}
diff --git a/packages/html-test-app/src/preview-examples/map-navigation-overlay.html b/packages/html-test-app/src/preview-examples/map-navigation-overlay.html
@@ -0,0 +1,42 @@
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Map navigation with overlay example</title>
+</head>
+
+<body class="theme-brand-dark">
+  <!-- Preview code -->
+  <ix-map-navigation-overlay title="Example title" icon="">
+    <ix-map-navigation application-name="Test Application" navigation-title="Some other content">
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138" slot="logo">
+        <defs>
+          <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+            <stop offset="0" stop-color="#00ffb9" />
+            <stop offset="1" stop-color="#0cc" />
+          </linearGradient>
+        </defs>
+        <path data-name="Vereinigungsmenge 41"
+          d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+          style="fill: url(#x05mhzd7ga)" />
+      </svg>
+      <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>
+      <div slot="sidebar-content">Sidebar content</div>
+      <div>Sidebar content</div>
+    </ix-map-navigation>
+  </ix-map-navigation-overlay>
+  <!-- Preview code -->
+  <script type="module" src="./init.js"></script>
+</body>
+
+</html>
diff --git a/packages/html-test-app/src/preview-examples/map-navigation.html b/packages/html-test-app/src/preview-examples/map-navigation.html
@@ -0,0 +1,40 @@
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Map navigation example</title>
+</head>
+
+<body class="theme-brand-dark">
+  <!-- Preview code -->
+  <ix-map-navigation application-name="Test Application" navigation-title="Some other content">
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138" slot="logo">
+      <defs>
+        <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+          <stop offset="0" stop-color="#00ffb9" />
+          <stop offset="1" stop-color="#0cc" />
+        </linearGradient>
+      </defs>
+      <path data-name="Vereinigungsmenge 41"
+        d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+        style="fill: url(#x05mhzd7ga)" />
+    </svg>
+    <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>
+    <div slot="sidebar-content">Sidebar content</div>
+    <div>Sidebar content</div>
+  </ix-map-navigation>
+  <!-- Preview code -->
+  <script type="module" src="./init.js"></script>
+</body>
+
+</html>
diff --git a/packages/react-test-app/src/preview-examples/map-navigation-overlay.tsx b/packages/react-test-app/src/preview-examples/map-navigation-overlay.tsx
@@ -0,0 +1,38 @@
+/*
+ * SPDX-FileCopyrightText: 2022 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 { IxMapNavigationOverlay, IxMapNavigation, IxMenu, IxMenuItem } from '@siemens/ix-react';
+import React from 'react';
+
+export const MapNavigationOverlay: React.FC = () => {
+  return (
+    <IxMapNavigationOverlay>
+      <IxMapNavigation>
+        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138">
+          <defs>
+            <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+              <stop offset="0" stop-color="#00ffb9" />
+              <stop offset="1" stop-color="#0cc" />
+            </linearGradient>
+          </defs>
+          <path data-name="Vereinigungsmenge 41"
+            d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+            style={{ fill: "url(#x05mhzd7ga)" }} />
+        </svg>
+        <IxMenu>
+          <IxMenuItem>Item 1</IxMenuItem>
+          <IxMenuItem>Item 2</IxMenuItem>
+          <IxMenuItem>Item 3</IxMenuItem>
+        </IxMenu>
+        <div slot="sidebar-content">Sidebar content</div>
+        <div>Sidebar content</div>
+      </IxMapNavigation>
+    </IxMapNavigationOverlay>
+  );
+};
diff --git a/packages/react-test-app/src/preview-examples/map-navigation.tsx b/packages/react-test-app/src/preview-examples/map-navigation.tsx
@@ -0,0 +1,36 @@
+/*
+ * SPDX-FileCopyrightText: 2022 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 { IxMapNavigation, IxMenu, IxMenuItem } from '@siemens/ix-react';
+import React from 'react';
+
+export const MapNavigation: React.FC = () => {
+  return (
+    <IxMapNavigation>
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 184.567 138">
+        <defs>
+          <linearGradient id="x05mhzd7ga" x1=".5" x2=".5" y2="1" gradientUnits="objectBoundingBox">
+            <stop offset="0" stop-color="#00ffb9" />
+            <stop offset="1" stop-color="#0cc" />
+          </linearGradient>
+        </defs>
+        <path data-name="Vereinigungsmenge 41"
+          d="M0 126c0-.337.014-.67.041-1H0V60a12 12 0 1 1 24 0v65h-.042c.027.329.042.663.042 1a12 12 0 0 1-24 0zm50.944 8.052a12 12 0 0 1 0-16.969L99.027 69 50.944 20.919A12 12 0 0 1 67.915 3.947L116 52.03l48.083-48.084a12 12 0 0 1 16.969 16.971L132.969 69l48.084 48.084a12 12 0 0 1-16.969 16.971L116 85.971l-48.085 48.082a12 12 0 0 1-16.971 0zM0 12a12 12 0 1 1 12 12A12 12 0 0 1 0 12z"
+          style={{ fill: "url(#x05mhzd7ga)" }} />
+      </svg>
+      <IxMenu>
+        <IxMenuItem>Item 1</IxMenuItem>
+        <IxMenuItem>Item 2</IxMenuItem>
+        <IxMenuItem>Item 3</IxMenuItem>
+      </IxMenu>
+      <div slot="sidebar-content">Sidebar content</div>
+      <div>Sidebar content</div>
+    </IxMapNavigation>
+  );
+};