docs(angular-test-app): fix import path generation (#560)

siemens · May 31, 2023 · 3a7c0e0 · 3a7c0e0
1 parent b3fdbc1
commit 3a7c0e0
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 12 deletions.
diff --git a/packages/angular-test-app/src/app/app-routing.module.ts b/packages/angular-test-app/src/app/app-routing.module.ts
@@ -66,8 +66,8 @@ import Kpi from 'src/preview-examples/kpi';
 import MapNavigation from 'src/preview-examples/map-navigation';
 import MapNavigationOverlay from 'src/preview-examples/map-navigation-overlay';
 import MessageBar from 'src/preview-examples/message-bar';
-import Modal from 'src/preview-examples/modal';
 import ModalByInstance from 'src/preview-examples/modal-by-instance';
+import Modal from 'src/preview-examples/modal-by-template';
 import Pill from 'src/preview-examples/pill';
 import PopoverNews from 'src/preview-examples/popover-news';
 import PushCard from 'src/preview-examples/push-card';

diff --git a/packages/angular-test-app/src/app/app.module.ts b/packages/angular-test-app/src/app/app.module.ts
@@ -73,9 +73,9 @@ import Kpi from 'src/preview-examples/kpi';
 import MapNavigation from 'src/preview-examples/map-navigation';
 import MapNavigationOverlay from 'src/preview-examples/map-navigation-overlay';
 import MessageBar from 'src/preview-examples/message-bar';
-import Modal from 'src/preview-examples/modal';
 import ModalByInstance from 'src/preview-examples/modal-by-instance';
 import ModalByInstanceExample from 'src/preview-examples/modal-by-instance-content';
+import Modal from 'src/preview-examples/modal-by-template';
 import Pill from 'src/preview-examples/pill';
 import PopoverNews from 'src/preview-examples/popover-news';
 import PushCard from 'src/preview-examples/push-card';

diff --git a/packages/angular-test-app/src/preview-examples/modal-by-instance.ts b/packages/angular-test-app/src/preview-examples/modal-by-instance.ts
@@ -12,7 +12,7 @@ import { ModalService } from '@siemens/ix-angular';
 import ModalByInstanceExample from './modal-by-instance-content';
 
 @Component({
-  selector: 'app-example',
+  selector: 'app-example-instance',
   template: '<ix-button (click)="openModal()">Show modal</ix-button>',
 })
 export default class ModalByInstance {

diff --git a/...ar-test-app/src/preview-examples/modal.ts → ...src/preview-examples/modal-by-template.ts b/...ar-test-app/src/preview-examples/modal.ts → ...src/preview-examples/modal-by-template.ts
diff --git a/packages/documentation/docs/controls/modal.md b/packages/documentation/docs/controls/modal.md
@@ -6,7 +6,7 @@ import Playground from '@site/src/components/Playground';
 import SourceModal from './../auto-generated/previews/web-component/modal.md'
 import SourceReactModal from './../auto-generated/previews/react/modal.md'
 import SourceVueModal from './../auto-generated/previews/vue/modal.md'
-import SourceAngularModal from './../auto-generated/previews/angular/modal.ts.md'
+import SourceAngularModal from './../auto-generated/previews/angular/modal-by-template.ts.md'
 import SourceAngularModalByInstance from './../auto-generated/previews/angular/modal-by-instance.ts.md'
 import SourceAngularModalByInstanceContent from './../auto-generated/previews/angular/modal-by-instance-content.ts.md'
 

diff --git a/packages/documentation/src/components/Playground/utils.ts b/packages/documentation/src/components/Playground/utils.ts
@@ -134,17 +134,19 @@ async function openAngularStackBlitz(
     }
   });
   const declare_component_ts = `
-    ${declareComponents.map(
-      (filename, index) =>
-        `import COMPONENT_${index} from './${filename.substring(
-          0,
-          filename.lastIndexOf('.')
-        )}'`
-    )}
+    ${declareComponents
+      .map(
+        (filename, index) =>
+          `import COMPONENT_${index} from './${filename.substring(
+            0,
+            filename.lastIndexOf('.')
+          )}'`
+      )
+      .join(';')}
 
     export const DECLARE = [
       //@__DELCARE__COMPONENTS
-      ${declareComponents.map((_, index) => `COMPONENT_${index},`)}
+      ${declareComponents.map((_, index) => `COMPONENT_${index}`)}
     ];
   `;