support style arrays

Author: jogibear9988

package-lock.json

@@ -1,7 +1,7 @@
 {
   "description": "Base Custom Webcomponent",
   "name": "@node-projects/base-custom-webcomponent",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
@@ -10,7 +10,7 @@
     "tsc": "tsc"
   },
   "devDependencies": {
-    "typescript": "^5.3.2"
+    "typescript": "^5.3.3"
   },
   "repository": {
     "type": "git",

package.json

@@ -80,7 +80,7 @@ type repeatBindingItem = { name: string, item: any }
 let _bindingRegex = /\[\[.*?\]\]/g;
 
 export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
-    static readonly style: CSSStyleSheet | Promise<CSSStyleSheet>;
+    static readonly style: CSSStyleSheet | Promise<CSSStyleSheet> | CSSStyleSheet[];
     static readonly template: HTMLTemplateElement;
 
     //todo: bindings map should contain the name of the bound property
@@ -648,14 +648,18 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                 this.shadowRoot.adoptedStyleSheets = [style];
             //@ts-ignore
         } else if (this.constructor.style) {
-
             //@ts-ignore
-            if (this.constructor.style instanceof Promise)
-                //@ts-ignore
-                this.constructor.style.then((style) => this.shadowRoot.adoptedStyleSheets = [style]);
-            else
+            if (this.constructor.style instanceof CSSStyleSheet) {
                 //@ts-ignore
                 this.shadowRoot.adoptedStyleSheets = [this.constructor.style];
+                //@ts-ignore
+            } else if (Array.isArray(this.constructor.style)) {
+                //@ts-ignore
+                this.shadowRoot.adoptedStyleSheets = this.constructor.style;
+                //@ts-ignore
+            } else if (this.constructor.style instanceof Promise)
+                //@ts-ignore
+                this.constructor.style.then((style) => this.shadowRoot.adoptedStyleSheets = [style]);
         }
 
         //@ts-ignore