@formio/js 5.0.0-rc.38 → 5.0.0-rc.39

package/dist/formio.min.js.LICENSE.txt

@@ -1,4 +1,4 @@
-/*! formiojs v5.0.0-rc.38 | https://unpkg.com/formiojs@5.0.0-rc.38/LICENSE.txt */
+/*! formiojs v5.0.0-rc.39 | https://unpkg.com/formiojs@5.0.0-rc.39/LICENSE.txt */
 
 /**
  * @license

package/dist/formio.utils.min.js.LICENSE.txt

@@ -14,7 +14,7 @@
 
 /*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */
 
-/*! formiojs v5.0.0-rc.38 | https://unpkg.com/formiojs@5.0.0-rc.38/LICENSE.txt */
+/*! formiojs v5.0.0-rc.39 | https://unpkg.com/formiojs@5.0.0-rc.39/LICENSE.txt */
 
 /**
  * @license

package/lib/cjs/Embed.js

@@ -261,7 +261,8 @@ class Formio {
             });
             element.parentNode.insertBefore(wrapper, element);
             // If we include the libraries, then we will attempt to run this in shadow dom.
-            if (Formio.config.includeLibs && (typeof wrapper.attachShadow === 'function') && !Formio.config.premium) {
+            const useShadowDom = Formio.config.includeLibs && (typeof wrapper.attachShadow === 'function');
+            if (useShadowDom) {
                 wrapper = wrapper.attachShadow({
                     mode: 'open'
                 });
@@ -269,13 +270,15 @@ class Formio {
             }
             element.parentNode.removeChild(element);
             wrapper.appendChild(element);
+            // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.
+            const libWrapper = useShadowDom ? wrapper : document.body;
             // Load the renderer styles.
-            yield Formio.addStyles(wrapper, Formio.config.embedCSS || `${Formio.cdn.js}/formio.embed.css`);
+            yield Formio.addStyles(libWrapper, Formio.config.embedCSS || `${Formio.cdn.js}/formio.embed.css`);
             // Add a loader.
             Formio.addLoader(wrapper);
             const formioSrc = Formio.config.full ? 'formio.full' : 'formio.form';
             const renderer = Formio.config.debug ? formioSrc : `${formioSrc}.min`;
-            Formio.FormioClass = yield Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
+            Formio.FormioClass = yield Formio.addScript(libWrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
             Formio.FormioClass.cdn = Formio.cdn;
             Formio.FormioClass.setBaseUrl(options.baseUrl || Formio.baseUrl || Formio.config.base);
             Formio.FormioClass.setProjectUrl(options.projectUrl || Formio.projectUrl || Formio.config.project);
@@ -292,7 +295,7 @@ class Formio {
             }
             // Add libraries if they wish to include the libs.
             if (Formio.config.template && Formio.config.includeLibs) {
-                yield Formio.addLibrary(wrapper, Formio.config.libs[Formio.config.template], Formio.config.template);
+                yield Formio.addLibrary(libWrapper, Formio.config.libs[Formio.config.template], Formio.config.template);
             }
             // Add the premium modules.
             if (Formio.config.premium) {
@@ -303,10 +306,10 @@ class Formio {
                 for (const name in Formio.config.modules) {
                     const lib = Formio.config.modules[name];
                     lib.use = lib.use || true;
-                    yield Formio.addLibrary(wrapper, lib, name);
+                    yield Formio.addLibrary(libWrapper, lib, name);
                 }
             }
-            yield Formio.addStyles(wrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/${renderer}.css`, builder));
+            yield Formio.addStyles(libWrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/${renderer}.css`, builder));
             if (Formio.config.before) {
                 yield Formio.config.before(Formio.FormioClass, element, Formio.config);
             }

package/lib/mjs/Embed.js

@@ -249,7 +249,8 @@ class Formio {
         });
         element.parentNode.insertBefore(wrapper, element);
         // If we include the libraries, then we will attempt to run this in shadow dom.
-        if (Formio.config.includeLibs && (typeof wrapper.attachShadow === 'function') && !Formio.config.premium) {
+        const useShadowDom = Formio.config.includeLibs && (typeof wrapper.attachShadow === 'function');
+        if (useShadowDom) {
             wrapper = wrapper.attachShadow({
                 mode: 'open'
             });
@@ -257,13 +258,15 @@ class Formio {
         }
         element.parentNode.removeChild(element);
         wrapper.appendChild(element);
+        // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.
+        const libWrapper = useShadowDom ? wrapper : document.body;
         // Load the renderer styles.
-        await Formio.addStyles(wrapper, Formio.config.embedCSS || `${Formio.cdn.js}/formio.embed.css`);
+        await Formio.addStyles(libWrapper, Formio.config.embedCSS || `${Formio.cdn.js}/formio.embed.css`);
         // Add a loader.
         Formio.addLoader(wrapper);
         const formioSrc = Formio.config.full ? 'formio.full' : 'formio.form';
         const renderer = Formio.config.debug ? formioSrc : `${formioSrc}.min`;
-        Formio.FormioClass = await Formio.addScript(wrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
+        Formio.FormioClass = await Formio.addScript(libWrapper, Formio.formioScript(Formio.config.script || `${Formio.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');
         Formio.FormioClass.cdn = Formio.cdn;
         Formio.FormioClass.setBaseUrl(options.baseUrl || Formio.baseUrl || Formio.config.base);
         Formio.FormioClass.setProjectUrl(options.projectUrl || Formio.projectUrl || Formio.config.project);
@@ -280,7 +283,7 @@ class Formio {
         }
         // Add libraries if they wish to include the libs.
         if (Formio.config.template && Formio.config.includeLibs) {
-            await Formio.addLibrary(wrapper, Formio.config.libs[Formio.config.template], Formio.config.template);
+            await Formio.addLibrary(libWrapper, Formio.config.libs[Formio.config.template], Formio.config.template);
         }
         // Add the premium modules.
         if (Formio.config.premium) {
@@ -291,10 +294,10 @@ class Formio {
             for (const name in Formio.config.modules) {
                 const lib = Formio.config.modules[name];
                 lib.use = lib.use || true;
-                await Formio.addLibrary(wrapper, lib, name);
+                await Formio.addLibrary(libWrapper, lib, name);
             }
         }
-        await Formio.addStyles(wrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/${renderer}.css`, builder));
+        await Formio.addStyles(libWrapper, Formio.formioScript(Formio.config.style || `${Formio.cdn.js}/${renderer}.css`, builder));
         if (Formio.config.before) {
             await Formio.config.before(Formio.FormioClass, element, Formio.config);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.38",
+  "version": "5.0.0-rc.39",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {