igniteui-webcomponents-charts 4.3.3-beta.0 → 4.3.3-beta.2

package/esm2015/lib/igc-financial-chart-default-templates-component.js

@@ -528,7 +528,26 @@ let requiredStyle = `
 }
 `;
 let checked = /*@__PURE__*/ new WeakMap();
-function ensureCss() {
+let styleInst = null;
+function ensureCss(hostElement) {
+    if (hostElement && hostElement.getRootNode) {
+        let root = hostElement.getRootNode();
+        if (root instanceof ShadowRoot) {
+            if (checked.has(root)) {
+                return;
+            }
+            if (!styleInst) {
+                styleInst = new CSSStyleSheet();
+                styleInst.replaceSync(requiredStyle);
+            }
+            let shadowRoot = root;
+            if (shadowRoot.adoptedStyleSheets.indexOf(styleInst) < 0) {
+                shadowRoot.adoptedStyleSheets.push(styleInst);
+            }
+            checked.set(root, true);
+            return;
+        }
+    }
     if (!document) {
         return;
     }
@@ -750,7 +769,7 @@ const ToolbarTemplate = (dataContext) => {
 `;
 };
 export class IgcFinancialChartDefaultTemplatesComponent {
-    constructor() {
+    constructor(hostElement) {
         //getSelection(ele: HTMLSelectElement): string[] {
         //    let ret: string[] = [];
         //    for (let i = 0; i < ele.options.length; i++) {
@@ -764,7 +783,7 @@ export class IgcFinancialChartDefaultTemplatesComponent {
         this.financialChartTypePickerTemplate = ChartTypePickerTemplate;
         this.financialChartIndicatorMenuTemplate = IndicatorMenuTemplate;
         this.financialChartToolbarTemplate = ToolbarTemplate;
-        ensureCss();
+        ensureCss(hostElement);
     }
     static register() {
         TypeRegistrar.registerCons("IgcFinancialChartDefaultTemplatesComponent", IgcFinancialChartDefaultTemplatesComponent);