chore: fix repl image

Author: yanisslav

docs-builder.yml

@@ -24,11 +24,11 @@ demos:
   metaFileName: demo.json
   defaultTheme: default-ocean-blue-a11y
   uris:
-      www.telerik.com: https://localhost:7053/
-      www.telerik.com/kendo-angular-ui-develop/components/: https://localhost:7053/
-      wwwsit.telerik.com: https://localhost:7053/
-      wwwsit.telerik.com/kendo-angular-ui-develop/components/: https://localhost:7053/
-      default: https://localhost:7053/
+      www.telerik.com: https://localhost:7170/
+      www.telerik.com/kendo-angular-ui-develop/components/: https://localhost:7170/
+      wwwsit.telerik.com: https://localhost:7170/
+      wwwsit.telerik.com/kendo-angular-ui-develop/components/: https://localhost:7170/
+      default: https://localhost:7170/
   themes:
       default-main:
           name: Main
@@ -120,12 +120,7 @@ demos:
           name: CodeSandBox
           group: Edit in
           newWindow: true
-          iconUri: data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgc3Ryb2tlPSIjODJBMDBDIi8+Cjwvc3ZnPgo=
-      open-stack-blitz:
-          name: StackBlitz
-          newWindow: true
-          group: Edit in
-          iconUri: data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAyNzIgNi4xOTU2NUw0LjcxMTk2IDE1TDcuMzIwNjUgOC44MDQzNUgzTDExLjMxNTIgMEw4LjcwNjUyIDYuMTk1NjVIMTMuMDI3MloiIGZpbGw9IiMxMzg5RkQiLz4KPC9zdmc+Cg==
+          iconUri: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACRElEQVQ4T3WST2gTQRTGfzO7yW76z/5LpArFih4ECxUL0pNnQfTipcU2qODJepBClYpWUFG0XrwKmtgW/HMQ8SJC9aQnT9JLFWuxajWNxjRNs9ndGQ/bxk1LPxiYN+/7vnkz7wk2QX+GbgF3AS1gMBXn/XoOgAgHlzVydp692ua8GaF3Las1KI8JVWR0vJ1PYU2VQfIHO7TBVEOcjvwiKGeVZIDVBG6BZa0Zyy1y+/keljYYABybIR5rYkTCGbMWw8kBOljSgugWKOf5jM+V9FbSVQZ9czSVBaWn7az0LdAZMblu2BzWPriFVZIGsxYMG0pZXlUMkhlOIxlFg1ZcSie4BzCQ4QiCq9F6Ot08+M7/us1aEAPfOUSUm5E6Or3lIBmpAbfAO+0ykm7jNUB/lnNSM6x9EspbuxZf+oJ6IWgVErQCvwilLBg2PUYNU8lFJvsW2PmwhTt+iVvRxooYADnRxuPsLLvcPBeF4K8dByGhnAOvCLEWeqXiAUE7PfQ6A4AX3RRTrVwrLdHlFrgvTJQwgoqcJai8WgT8MKoOHnXwJdXCSeVywoyBWPtijQrzwqgy6P/G0cEZLM/hg95UUg0J0DtPT/IPbzQ8a96Nb1iY64kboMGwMOTxeYYatvPWbuQg8BtQygtNaLCzQ1JkBGIJ8B2mpZI8Wckw5uRwhaS5wtLBtEXrQAs+EnhJywIEJSfPDTIckJPbmEsnGCo77NceqemvWFIg7WbQmp/FX5zNFjhF0EZzJc9LUWZfupUL410s/wMjztTGtACXSgAAAABJRU5ErkJggg==
 
 cta-overview: The @Subject component is part of @ProductLink, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
 cta-intro: "@ProductLink is a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial."

examples/src/BlazorDocsExamples/BlazorDocsExamples/wwwroot/theme-configurator.js

@@ -0,0 +1,58 @@
+const createAppLoadingMessage = (loading) => ({
+    type: "loading",
+    loading
+});
+
+// Don't show loader
+const APP_LOADED_TRUE = createAppLoadingMessage(false);
+
+// Show loader
+const APP_LOADED_FALSE = createAppLoadingMessage(true);
+
+// Needed for PostMessage allowedOrigin
+const uris = {
+    "https://demos.telerik.com": "https://www.telerik.com",
+    "https://sitdemos.telerik.com": "https://wwwsit.telerik.com",
+    "https://localhost:7170": "http://localhost:8000"
+}
+
+window.TelerikMessageService = window.TelerikMessageService || (function () {
+    return {
+        init: function (DotNetInstance) {
+            window.TelerikMessageService.DotNetInstance = DotNetInstance;
+            window.addEventListener('message', this.onMessage);
+        },
+        dispose: function () {
+            window.removeEventListener('message', this.onMessage);
+        },
+        appLoaded: function () {
+            // Limit posting the message to allowed origins only depending on the enviroment
+            window.parent.postMessage(APP_LOADED_TRUE, uris[window.origin]);
+        },
+        loadTheme: async function (themeId) {
+            // theme is set entirely in the demo app.
+        },
+        onMessage(event) {
+            if (!event.origin === uris[window.origin]) {
+                return;
+            }
+
+            const eventType = event.data.type;
+
+            if (eventType === 'theme-changed') {
+                window.parent.postMessage(APP_LOADED_FALSE, uris[window.origin]);
+
+                window.TelerikMessageService.loadTheme(event.data.themeId).then(() => {
+
+                    const xurl = (new URL(window.location.toString()));
+                    xurl.searchParams.delete('theme');
+                    xurl.searchParams.set("theme", event.data.themeId);
+
+                    window.history.pushState({}, "", xurl.toString());
+                    window.location.reload();
+
+                });
+            }
+        }
+    }
+}());