Knockout: move svg bundle component from creator to library

src/entries/knockout-ui-model.ts

@@ -82,6 +82,7 @@ export * from "../knockout/components/paneldynamic-actions/paneldynamic-actions"
 export * from "../knockout/components/brand-info/brand-info";
 export * from "../knockout/components/notifier/notifier";
 export * from "../knockout/components/loading-indicator/loading-indicator";
+export * from "../knockout/svg-bundle";
 
 import * as ko from "knockout";
 import { SurveyModel } from "survey-core";

src/knockout/kosurvey.ts

@@ -90,9 +90,6 @@ export class SurveyImplementor extends ImplementorBase {
     );
   }
   public koEventAfterRender(element: any, survey: any) {
-    if (survey["needRenderIcons"]) {
-      SvgRegistry.renderIcons();
-    }
     survey.afterRenderSurvey(element);
   }
   public dispose(): void {

src/knockout/svg-bundle.ts

@@ -0,0 +1,13 @@
+import * as ko from "knockout";
+import { SvgRegistry } from "survey-core";
+
+ko.components.register("sv-svg-bundle", {
+  viewModel: {
+    createViewModel: (params: any, componentInfo: any) => {
+      const element = componentInfo.element.querySelector && componentInfo.element.querySelector("svg") || componentInfo.element.nextElementSibling;
+      element.innerHTML = SvgRegistry.iconsRenderedHtml();
+      return params;
+    }
+  },
+  template: "<svg id='sv-icon-holder-global-container' style=\"display:none\"></svg>"
+});

src/knockout/templates/index.html

@@ -5,6 +5,10 @@
 
 <script type="text/html" id="survey-content-template">
   <div data-bind="css: rootCss, elementStyle: themeVariables">
+    <!-- ko if: needRenderIcons -->
+      <!-- ko component: { name: 'sv-svg-bundle'} -->
+      <!-- /ko -->
+    <!-- /ko -->
     <div data-bind="css: wrapperFormCss">
       <!-- ko if: !!renderBackgroundImage -->
       <div data-bind="css: css.rootBackgroundImage, elementStyle: backgroundImageStyle"></div>