84242ba

changelog.md

@@ -1,5 +1,11 @@
 # Changelog for Weavy
 
+## v17.0.2 
+
+<time>2023-05-17</time>
+
+* Fixed some issues for HTML styling of apps in uikit-js via *custom elements*. 
+
 ## v17.0.1 
 
 <time>2023-05-16</time>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weavy/dropin-js",
-  "version": "17.0.1",
+  "version": "17.0.2",
   "author": "Weavy",
   "description": "Javascript library for the Weavy drop-in UI",
   "homepage": "https://github.com/weavy/weavy-dropin-js",

src/components/app.js

@@ -297,15 +297,12 @@ export default class WeavyApp extends MixinWeavyEvents(HTMLElement) {
       this.data = data;
     }
 
-    if (this.options.load === false) {
-      this.autoLoad = false;
-    }
-
-    this.className = this.options.className || "";
-
     this.#styles = new WeavyStyles(this);
     this.#styles.eventParent = this;
-    this.#styles.css = this.options.css || "";
+
+    if (this.options.styles !== undefined) {
+      this.#styles.css = this.options.css;
+    }
 
     this.#styles.on("styles-update", async () => {
       await this.whenBuilt();
@@ -349,8 +346,6 @@ export default class WeavyApp extends MixinWeavyEvents(HTMLElement) {
         true
       );
 
-      this.className = this.options.className || "";
-
       this.environment.on("history-restore", (state) => {
         console.log("history-restore", state);
         this.openBrowserState(state);
@@ -399,8 +394,12 @@ export default class WeavyApp extends MixinWeavyEvents(HTMLElement) {
     }
 
     if (this.options && typeof this.options === "object") {
-      if (this.container === null) {
-        this.container = this.options.container;
+      if (this.options.load === false) {
+        this.autoLoad = false;
+      }
+
+      if (this.options.className !== undefined) {
+        this.className = this.options.className;
       }
 
       if (this.uid === null && this.options.uid) {