@volo/ngx-lepton-x.core 4.3.0-rc.3 → 4.3.0-rc.4

package/fesm2022/volo-ngx-lepton-x.core.mjs

@@ -205,29 +205,34 @@ class StyleService {
         this.initialized$ = new BehaviorSubject(false);
     }
     async initStyles(direction) {
+        const cssExtension = direction === 'rtl' ? '.rtl' : '';
         for (const style of this.initialStyles) {
+            const href = `${style.bundleName}${cssExtension}.css`;
+            const selector = `
+        link[rel="stylesheet"][href$="${href}"],
+        link[rel="stylesheet"]#${style.bundleName}
+      `;
+            const isAlreadyLoaded = !!this.document.querySelector(selector);
+            if (isAlreadyLoaded) {
+                continue;
+            }
             await this.loadStyle(style, direction);
         }
         this.initialized$.next(true);
     }
     async loadStyle(style, direction) {
-        return new Promise((resolve, reject) => {
-            const linkElem = this.createLinkElem(style, direction, resolve);
-            //TODO: find a better way for understand style laaded by angular json
-            const appStyles = document.querySelector('link[rel="stylesheet"][href*="styles"]');
-            if (appStyles) {
-                if (this.lastInjectedStyle && this.lastInjectedStyle.isConnected) {
-                    this.lastInjectedStyle.insertAdjacentElement('afterend', linkElem);
-                }
-                else {
-                    appStyles.insertAdjacentElement('beforebegin', linkElem);
-                }
+        return new Promise((resolve) => {
+            const linkElement = this.createLinkElem(style, direction, resolve);
+            const styleLinks = Array.from(this.document.head.querySelectorAll('link[rel="stylesheet"]'));
+            const lastStyleLink = styleLinks[styleLinks.length - 1];
+            if (lastStyleLink) {
+                lastStyleLink.insertAdjacentElement('afterend', linkElement);
             }
             else {
-                this.document.head.appendChild(linkElem);
+                this.document.head.appendChild(linkElement);
             }
-            this.lastInjectedStyle = linkElem;
-            return Promise.resolve(linkElem);
+            this.lastInjectedStyle = linkElement;
+            resolve(linkElement);
         });
     }
     async replaceStyle(style, direction) {