@schukai/monster 1.29.1 → 1.30.1

package/source/types/validate.js

@@ -25,7 +25,7 @@ import {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateIterable('2')) // ↦ TypeError
  * console.log(Monster.Types.validateIterable([])) // ↦ value
  * </script>
@@ -35,7 +35,7 @@ import {
  *
  * ```
  * <script type="module">
- * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateIterable('2'))  // ↦ TypeError
  * console.log(validateIterable([]))  // ↦ value
  * </script>
@@ -65,7 +65,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validatePrimitive('2')) // ↦ value
  * console.log(Monster.Types.validatePrimitive([])) // ↦ TypeError
  * </script>
@@ -75,7 +75,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validatePrimitive('2'))  // ↦ value
  * console.log(validatePrimitive([]))  // ↦ TypeError
  * </script>
@@ -105,7 +105,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateBoolean(true)) // ↦ value
  * console.log(Monster.Types.validateBoolean('2')) // ↦ TypeError
  * console.log(Monster.Types.validateBoolean([])) // ↦ TypeError
@@ -116,7 +116,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateBoolean(false))  // ↦ value
  * console.log(validateBoolean('2'))  // ↦ TypeError
  * console.log(validateBoolean([]))  // ↦ TypeError
@@ -145,7 +145,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateString('2')) // ↦ value
  * console.log(Monster.Types.validateString([])) // ↦ TypeError
  * </script>
@@ -155,7 +155,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateString('2'))  // ↦ value
  * console.log(validateString([]))  // ↦ TypeError
  * </script>
@@ -183,7 +183,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateObject({})) // ↦ value
  * console.log(Monster.Types.validateObject('2')) // ↦ TypeError
  * console.log(Monster.Types.validateObject([])) // ↦ TypeError
@@ -194,7 +194,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateObject({}))  // ↦ value
  * console.log(validateObject('2'))  // ↦ TypeError
  * console.log(validateObject([]))  // ↦ TypeError
@@ -222,7 +222,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateInstance({}, Object)) // ↦ value
  * console.log(Monster.Types.validateInstance('2', Object)) // ↦ TypeError
  * console.log(Monster.Types.validateInstance([], Object)) // ↦ TypeError
@@ -233,7 +233,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateInstance({}, Object)) // ↦ value
  * console.log(validateInstance('2', Object)) // ↦ TypeError
  * console.log(validateInstance([], Object)) // ↦ TypeError
@@ -270,7 +270,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateArray('2')) // ↦ TypeError
  * console.log(Monster.Types.validateArray([])) // ↦ value
  * </script>
@@ -280,7 +280,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateArray('2'))  // ↦ TypeError
  * console.log(validateArray([]))  // ↦ value
  * </script>
@@ -307,7 +307,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateSymbol('2')) // ↦ TypeError
  * console.log(Monster.Types.validateSymbol([])) // ↦ value
  * </script>
@@ -317,7 +317,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateSymbol('2'))  // ↦ TypeError
  * console.log(validateSymbol())  // ↦ value
  * </script>
@@ -344,7 +344,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateFunction(()=>{})) // ↦ value
  * console.log(Monster.Types.validateFunction('2')) // ↦ TypeError
  * console.log(Monster.Types.validateFunction([])) // ↦ TypeError
@@ -355,7 +355,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateFunction(()=>{})) // ↦ value
  * console.log(validateFunction('2'))  // ↦ TypeError
  * console.log(validateFunction([]))  // ↦ TypeError
@@ -383,7 +383,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.Types.validateInteger(true)) // ↦ TypeError
  * console.log(Monster.Types.validateInteger('2')) // ↦ TypeError
  * console.log(Monster.Types.validateInteger(2)) // ↦ value
@@ -394,7 +394,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/validate.js';
  * console.log(validateInteger(true)) // ↦ TypeError
  * console.log(validateInteger('2'))  // ↦ TypeError
  * console.log(validateInteger(2))  // ↦ value

package/source/types/version.js

@@ -10,7 +10,7 @@ import {Base} from './base.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(new Monster.Types.Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Monster.Types.Version('1')) // ↦ 1.0.0
  * </script>
@@ -20,7 +20,7 @@ import {Base} from './base.js';
  *
  * ```
  * <script type="module">
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/version.js';
  * console.log(new Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Version('1')) // ↦ 1.0.0
  * </script>
@@ -28,7 +28,7 @@ import {Base} from './base.js';
  *
  * @example
  *
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/version.js';
  *
  * new Version('1.0.0') // ↦ 1.0.0
  * new Version(1)  // ↦ 1.0.0
@@ -151,7 +151,7 @@ let monsterVersion;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * console.log(Monster.getVersion())
  * </script>
  * ```
@@ -160,7 +160,7 @@ let monsterVersion;
  *
  * ```
  * <script type="module">
- * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/types/version.js';
+ * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/types/version.js';
  * console.log(getVersion())
  * </script>
  * ```
@@ -176,7 +176,7 @@ function getVersion() {
         return monsterVersion;
     }
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.29.1')
+    monsterVersion = new Version('1.30.1')
     /**#@-*/
 
     return monsterVersion;

package/source/util/clone.js

@@ -24,7 +24,7 @@ import {validateObject} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * Monster.Util.clone({})
  * </script>
  * ```
@@ -33,7 +33,7 @@ import {validateObject} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/clone.js';
+ * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/clone.js';
  * clone({})
  * </script>
  * ```

package/source/util/comparator.js

@@ -12,7 +12,7 @@ import {isFunction} from '../types/is.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * new Monster.Util.Comparator()
  * </script>
  * ```
@@ -21,7 +21,7 @@ import {isFunction} from '../types/is.js';
  *
  * ```
  * <script type="module">
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/comparator.js';
  * console.log(new Comparator())
  * </script>
  * ```
@@ -46,7 +46,7 @@ import {isFunction} from '../types/is.js';
  *
  * @example
  *
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/comparator.js';
  *
  * console.log(new Comparator().lessThanOrEqual(2, 5))
  * // ↦ true

package/source/util/deadmansswitch.js

@@ -18,7 +18,7 @@ import {validateFunction, validateInteger} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * new Monster.Util.DeadMansSwitch()
  * </script>
  * ```
@@ -27,13 +27,13 @@ import {validateFunction, validateInteger} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/deadmansswitch.js';
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/deadmansswitch.js';
  * new DeadMansSwitch();
  * </script>
  * ```
  *
  * @example
- * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/deadmansswitch.js';
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/deadmansswitch.js';
  *
  * const deadmansswitch = new DeadMansSwitch(100, ()=>{
  *   console.log('yeah!')

package/source/util/freeze.js

@@ -14,7 +14,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * Monster.Util.deepFreeze({})
  * </script>
  * ```
@@ -23,7 +23,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/freeze.js';
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/freeze.js';
  * deepFreeze({})
  * </script>
  * ```

package/source/util/processing.js

@@ -77,7 +77,7 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * new Monster.Util.Processing()
  * </script>
  * ```
@@ -86,13 +86,13 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/processing.js';
  * new Processing();
  * </script>
  * ```
  *
  * @example
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/processing.js';
  *
  * let startTime = +new Date();
  *

package/source/util/trimspaces.js

@@ -16,7 +16,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/monster.js';
  * Monster.Util.trimSpaces(" hello ")
  * </script>
  * ```
@@ -25,7 +25,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/trimspaces.js';
+ * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.1/dist/modules/util/trimspaces.js';
  * trimSpaces(' hello \\ ')
  * </script>
  * ```

package/test/cases/dom/customelement.js

@@ -17,14 +17,12 @@ let html1 = `
 `;
 
 
-
 describe('DOM', function () {
 
     let CustomElement, registerCustomElement, TestComponent, document, TestComponent2;
 
     describe('CustomElement()', function () {
 
-
         before(function (done) {
             initJSDOM().then(() => {
 
@@ -53,6 +51,7 @@ describe('DOM', function () {
                             get defaults() {
 
                                 return Object.assign({}, super.defaults, {
+                                    demotest: undefined,
                                     templates: {
                                         main: '<h1></h1><article><p>test</p><div id="container"></div></article>'
                                     },
@@ -85,6 +84,28 @@ describe('DOM', function () {
             mocks.innerHTML = "";
         })
 
+        describe('CustomElement() with Config', function () {
+            it('should read config from tag', function () {
+
+                let mocks = document.getElementById('mocks');
+                mocks.innerHTML = `
+                
+                <script id="config1" type="application/json">
+                {
+                    "demotest":1425
+                }
+                </script>
+                
+                <monster-testclass2 id="thisisatest" data-monster-options-selector="#config1">
+                </monster-testclass2>
+                `;
+
+                let monster = document.getElementById('thisisatest');
+                expect(monster.getOption('demotest')).is.eql(1425);
+                
+            });
+        });
+
         describe('create', function () {
             it('should return custom-element object', function () {
                 let d = new TestComponent();
@@ -209,6 +230,219 @@ describe('DOM', function () {
             })
         })
 
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array with wrong type', function () {
+
+            const htmlTAG = 'monster-testclass-x1';
+
+            let mocks, TestComponentX1;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+
+                TestComponentX1 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    static getCSSStyleSheet() {
+                        return [true];
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+
+                        return Object.assign({}, super.defaults, {
+                            templates: {
+                                main: '<h1>test</h1>'
+                            },
+                        })
+                    }
+
+                }
+
+                registerCustomElement(TestComponentX1)
+
+
+            })
+
+            it(htmlTAG + " should throw Exception", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+
+                expect(div).contain.html('data-monster-error="TypeError: value is not an instance of CSSStyleSheet"');
+                done();
+
+            })
+
+
+        })
+
+
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSSStylesheet', function () {
+
+            const htmlTAG = 'monster-testclass-x113-2';
+
+            let mocks, TestComponentX113X2;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X2 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+
+                        const s = (new CSSStyleSheet())
+                        s.insertRule('a { color : red}');
+
+                        return [s];
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X2)
+
+
+            })
+
+            it(htmlTAG + " should throw Exception 2", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+                expect(d.shadowRoot.innerHTML).is.eq('<h1>test</h1>');
+                done();
+
+            })
+        })
+
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSS as string', function () {
+
+            const htmlTAG = 'monster-testclass-x113-21';
+
+            let mocks, TestComponentX113X22;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X22 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+                        return 'a { color:red }';
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X22)
+
+
+            })
+
+            it(htmlTAG + " should eq <style>a { color:red }</style><h1>test</h1>", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+
+                expect(d.shadowRoot.innerHTML).is.eq('<style>a { color:red }</style><h1>test</h1>');
+                done();
+
+            })
+        })
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSS as string', function () {
+
+            const htmlTAG = 'monster-testclass-x113-22';
+
+            let mocks, TestComponentX113X223;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X223 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+                        return ['a { color:red }'];
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X223)
+
+
+            })
+
+            it(htmlTAG + " should eq <style>a { color:red }</style><h1>test</h1>", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+
+                expect(d.shadowRoot.innerHTML).is.eq('<style>a { color:red }</style><h1>test</h1>');
+                done();
+
+            })
+        })
+
         describe('hasNode()', function () {
 
             let mocks;
@@ -217,7 +451,6 @@ describe('DOM', function () {
                 mocks = document.getElementById('mocks');
                 mocks.innerHTML = html1;
 
-
             })
 
             it("hasNode monster-testclass should return ...", function () {

package/test/cases/dom/resource/link.js

@@ -12,15 +12,10 @@ let expect = chai.expect;
 
 chai.use(chaiDom);
 
-let html1 = `
-
-`;
 
 
 describe('Link', function () {
 
-    let mutationobserver, addedNodes=[];
-
     before(function (done) {
         initJSDOM().then(() => {
             done()
@@ -36,6 +31,8 @@ describe('Link', function () {
     })
 
     describe('Link()', function () {
+        this.timeout(5000);
+
         it('connect().available()', function (done) {
 
             const link = new Link({
@@ -51,6 +48,7 @@ describe('Link', function () {
     });
 
     describe('External Link', () => {
+        this.timeout(5000);
 
         let id = new ID('link').toString();
         let link, url = 'https://monsterjs.org/assets/empty.css?' + id;