chore: cleanup playground

siemens · Aug 13, 2024 · 98fe47f · 98fe47f
1 parent 34ddfd0
commit 98fe47f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 98 deletions.
diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json
@@ -209,15 +209,9 @@
         }
       ],
       "encapsulation": "shadow",
-      "dependents": [
-        "ix-playground-internal"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "ix-playground-internal": [
-          "ix-application"
-        ]
-      },
+      "dependencyGraph": {},
       "props": [
         {
           "name": "appSwitchConfig",
@@ -403,8 +397,7 @@
       "encapsulation": "shadow",
       "dependents": [
         "ix-basic-navigation",
-        "ix-map-navigation",
-        "ix-playground-internal"
+        "ix-map-navigation"
       ],
       "dependencies": [
         "ix-menu-expand-icon",
@@ -431,9 +424,6 @@
         ],
         "ix-map-navigation": [
           "ix-application-header"
-        ],
-        "ix-playground-internal": [
-          "ix-application-header"
         ]
       },
       "props": [
@@ -1238,7 +1228,6 @@
         "ix-empty-state",
         "ix-menu-about-news",
         "ix-modal-example",
-        "ix-playground-internal",
         "ix-split-button",
         "ix-time-picker",
         "ix-upload"
@@ -1274,9 +1263,6 @@
         "ix-modal-example": [
           "ix-button"
         ],
-        "ix-playground-internal": [
-          "ix-button"
-        ],
         "ix-split-button": [
           "ix-button"
         ],
@@ -9136,9 +9122,7 @@
       "docs": "",
       "docsTags": [],
       "encapsulation": "shadow",
-      "dependents": [
-        "ix-playground-internal"
-      ],
+      "dependents": [],
       "dependencies": [
         "ix-menu-expand-icon",
         "ix-icon-button",
@@ -9162,9 +9146,6 @@
         ],
         "ix-tooltip": [
           "ix-typography"
-        ],
-        "ix-playground-internal": [
-          "ix-menu"
         ]
       },
       "props": [
@@ -11112,15 +11093,9 @@
       "docs": "",
       "docsTags": [],
       "encapsulation": "shadow",
-      "dependents": [
-        "ix-playground-internal"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "ix-playground-internal": [
-          "ix-modal"
-        ]
-      },
+      "dependencyGraph": {},
       "props": [
         {
           "name": "animation",

diff --git a/packages/core/src/components/playground/playground.tsx b/packages/core/src/components/playground/playground.tsx
@@ -8,7 +8,6 @@
  */
 
 import { Component, h, Host } from '@stencil/core';
-import { showModal } from './../utils/modal';
 
 /** @internal */
 @Component({
@@ -19,72 +18,7 @@ import { showModal } from './../utils/modal';
   scoped: true,
 })
 export class PlaygroundInternal {
-  componentDidLoad() {
-    setTimeout(() => {
-      const div = document.createElement('ix-modal');
-      div.innerHTML = `
-            <ix-modal-header>Create new Event</ix-modal-header>
-            <ix-modal-content>
-              <label>Event name</label>
-              <input
-                style="height: 120vh"
-                type="text"
-              />
-            </ix-modal-content>
-            <ix-modal-footer>
-              <ix-button>Save</ix-button>
-              <ix-button>Cancel</ix-button>
-            </ix-modal-footer>
-      `;
-      showModal({
-        content: div,
-        size: 'full-screen',
-      });
-    }, 100);
-  }
-
   render() {
-    return (
-      <Host>
-        <ix-application>
-          <ix-application-header></ix-application-header>
-          <ix-menu></ix-menu>
-          <div
-            style={{
-              display: 'block',
-              position: 'relative',
-              height: '100%',
-            }}
-          >
-            <ix-button
-              onClick={() => {
-                const div = document.createElement('ix-modal');
-                div.innerHTML = `
-                      <ix-modal-header>Create new Event</ix-modal-header>
-                      <ix-modal-content>
-                        <label>Event name</label>
-                        <input
-                          style="height: 120vh"
-                          type="text"
-                        />
-                      </ix-modal-content>
-                      <ix-modal-footer>
-                        <ix-button>Save</ix-button>
-                        <ix-button>Cancel</ix-button>
-                      </ix-modal-footer>
-                `;
-                showModal({
-                  content: div,
-                  size: 'full-screen',
-                });
-              }}
-            >
-              Test
-            </ix-button>
-          </div>
-          <ix-button slot="bottom">Footer</ix-button>
-        </ix-application>
-      </Host>
-    );
+    return <Host></Host>;
   }
 }