@symbiotejs/symbiote 2.0.2 → 2.0.3

package/README.md

@@ -68,7 +68,7 @@ The easiest way to try Symbiote.js is to create a simple `html` file in your tex
 
 ```html
 <script type="module">
-  import { Symbiote, html } from 'https://symbiotejs.github.io/symbiote.js/core/Symbiote.js';
+  import Symbiote, { html } from 'https://symbiotejs.github.io/symbiote.js/core/Symbiote.js';
 
   class MyComponent extends Symbiote {
     init$ = {
@@ -97,12 +97,6 @@ Check the project documentation for details:
 * [symbiotejs.org](https://symbiotejs.org/)
 * [Docs on GitHub](https://github.com/symbiotejs/docsite/tree/main/md)
 
-## 🤖 Live examples
-Browser: https://symbiotejs.github.io/examples/ 
-> Use devtools to discover details 
-
-GitHub: https://github.com/symbiotejs/examples
-
 ## ✅ Browser support
 Symbiote.js is supported and tested in all major modern desktop and mobile browsers: 
 * Chrome

package/core/PubSub.js

@@ -50,6 +50,10 @@ export class PubSub {
       /** @type {Function} */
       let compFn = this.store[prop];
       if (!this.__computedSet) {
+        /** 
+         * @private 
+         * @type {Set<String>} 
+         */
         this.__computedSet = new Set();
       }
       this.__computedSet.add(prop);

package/core/Symbiote.js

@@ -621,11 +621,13 @@ export class Symbiote extends HTMLElement {
 
   /** @param {String | CSSStyleSheet} styles */
   static set rootStyles(styles) {
+    this.rootStyleSheets = [];
     this.addRootStyles(styles);
   }
 
   /** @param {String | CSSStyleSheet} styles */
   static set shadowStyles(styles) {
+    this.shadowStyleSheets = [];
     this.addShadowStyles(styles);
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "scripts": {
     "types": "tsc -p dts.cfg.json"
   },

package/types/symbiote.d.ts

@@ -33,7 +33,7 @@ declare module "core/PubSub" {
         store: any;
         callbackMap: Record<keyof T, Set<(val: unknown) => void>>;
         read(prop: keyof T): any;
-        __computedSet: Set<any>;
+        private __computedSet;
         has(prop: string): any;
         add(prop: string, val: unknown, rewrite?: boolean): void;
         pub(prop: keyof T, val: unknown): void;
@@ -126,6 +126,7 @@ declare module "core/Symbiote" {
         renderShadow: boolean;
         readyToDestroy: boolean;
         processInnerHtml: boolean;
+        ssrMode: boolean;
         allowCustomTemplate: boolean;
         ctxOwner: boolean;
         isVirtual: boolean;