feat(journey-maps): add web-component examples page

src/journey-maps/web-component/BUILD.bazel

@@ -119,5 +119,5 @@ sass_binary(
 
 markdown_to_html(
     name = "overview",
-    srcs = [":web-component.md"],
+    srcs = glob(["*.md"]),
 )

src/journey-maps/web-component/web-component-api.md

@@ -0,0 +1,3 @@
+For the full API, please see our [Angular API](/journey-maps/components/angular/api).
+
+For details on how to use this API via the Web Component, please refer to the [Overview](/journey-maps/components/web-component/overview) or the [Examples](/journey-maps/components/web-component/examples) page.

src/journey-maps/web-component/web-component-examples.md

@@ -0,0 +1,11 @@
+Below are a few example implementations using the Web Component. Please let us know if you have additional use-cases you would like to see covered here.
+
+## On your local machine
+
+If you check out this project from GitHub, You can get a simple example of the Web Component up and running on your local machine by running `JM_API_KEY=<YOUR-API-KEY> yarn start:journey-maps-wc`.
+
+## On Stackblitz
+
+We have provided a React example application showcasing some of the features of the `sbb-journey-maps-wc` web-component.
+
+=> <a href="https://stackblitz.com/edit/sbb-journey-maps-web-component-showcase" target="_blank">Web-Component Stackblitz Example using React</a>

src/showcase/app/journey-maps/journey-maps-routing.module.ts

@@ -23,6 +23,24 @@ const routes: Routes = [
         component: MarkdownViewerComponent,
         data: { packageName: 'journey-maps' },
       },
+      {
+        path: 'components/web-component',
+        component: ComponentViewerComponent,
+        data: { packageName: 'journey-maps', id: 'web-component' },
+        children: [
+          {
+            path: 'api',
+            data: { id: 'web-component/web-component-api' },
+            component: MarkdownViewerComponent,
+          },
+          {
+            path: 'examples',
+            data: { id: 'web-component/web-component-examples' },
+            component: MarkdownViewerComponent,
+          },
+          ...componentViewerSubnavigation, // paths already specified above will be ignored
+        ],
+      },
       {
         path: 'components/:id',
         component: ComponentViewerComponent,