@gamelearn/arcade-components 3.22.4 → 3.24.0

package/dist/arcade-components.js

@@ -27334,20 +27334,18 @@ var domToReact_1 = domToReact$1, CASE_SENSITIVE_TAG_NAMES$1 = [
   "textPath"
 ], constants$2 = {
   CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES$1
-}, node = {}, lib$3 = {}, hasRequiredLib$1;
-function requireLib$1() {
-  return hasRequiredLib$1 || (hasRequiredLib$1 = 1, function(l) {
-    Object.defineProperty(l, "__esModule", { value: !0 }), l.Doctype = l.CDATA = l.Tag = l.Style = l.Script = l.Comment = l.Directive = l.Text = l.Root = l.isTag = l.ElementType = void 0;
-    var e;
-    (function(t) {
-      t.Root = "root", t.Text = "text", t.Directive = "directive", t.Comment = "comment", t.Script = "script", t.Style = "style", t.Tag = "tag", t.CDATA = "cdata", t.Doctype = "doctype";
-    })(e = l.ElementType || (l.ElementType = {}));
-    function n(t) {
-      return t.type === e.Tag || t.type === e.Script || t.type === e.Style;
-    }
-    l.isTag = n, l.Root = e.Root, l.Text = e.Text, l.Directive = e.Directive, l.Comment = e.Comment, l.Script = e.Script, l.Style = e.Style, l.Tag = e.Tag, l.CDATA = e.CDATA, l.Doctype = e.Doctype;
-  }(lib$3)), lib$3;
-}
+}, node = {}, lib$3 = {};
+(function(l) {
+  Object.defineProperty(l, "__esModule", { value: !0 }), l.Doctype = l.CDATA = l.Tag = l.Style = l.Script = l.Comment = l.Directive = l.Text = l.Root = l.isTag = l.ElementType = void 0;
+  var e;
+  (function(t) {
+    t.Root = "root", t.Text = "text", t.Directive = "directive", t.Comment = "comment", t.Script = "script", t.Style = "style", t.Tag = "tag", t.CDATA = "cdata", t.Doctype = "doctype";
+  })(e = l.ElementType || (l.ElementType = {}));
+  function n(t) {
+    return t.type === e.Tag || t.type === e.Script || t.type === e.Style;
+  }
+  l.isTag = n, l.Root = e.Root, l.Text = e.Text, l.Directive = e.Directive, l.Comment = e.Comment, l.Script = e.Script, l.Style = e.Style, l.Tag = e.Tag, l.CDATA = e.CDATA, l.Doctype = e.Doctype;
+})(lib$3);
 var __extends = commonjsGlobal && commonjsGlobal.__extends || /* @__PURE__ */ function() {
   var l = function(e, n) {
     return l = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, s) {
@@ -27378,7 +27376,7 @@ var __extends = commonjsGlobal && commonjsGlobal.__extends || /* @__PURE__ */ fu
 };
 Object.defineProperty(node, "__esModule", { value: !0 });
 node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
-var domelementtype_1 = requireLib$1(), nodeTypes = /* @__PURE__ */ new Map([
+var domelementtype_1 = lib$3, nodeTypes = /* @__PURE__ */ new Map([
   [domelementtype_1.ElementType.Tag, 1],
   [domelementtype_1.ElementType.Script, 1],
   [domelementtype_1.ElementType.Style, 1],
@@ -27786,7 +27784,7 @@ function requireLib() {
         p !== "default" && !Object.prototype.hasOwnProperty.call(u, p) && e(u, f, p);
     };
     Object.defineProperty(l, "__esModule", { value: !0 }), l.DomHandler = void 0;
-    var t = requireLib$1(), s = node;
+    var t = lib$3, s = node;
     n(node, l);
     var o = /\s+/g, d = {
       normalizeWhitespace: !1,
@@ -30325,7 +30323,7 @@ Message.defaultProps = {
   current: {},
   voiceOver: !1
 };
-const cleanStyle = { width: "100vw", height: "100%", position: "static" };
+const cleanStyle = { width: "100%", height: "100%", position: "static" };
 function HtmlWrap(l) {
   const e = document.querySelector(".screens--container");
   return useEffect(() => (l.onMount && l.onMount(), () => {
@@ -54204,7 +54202,8 @@ const useWindowSize = () => {
   const [l, e] = useState([0, 0]);
   return useLayoutEffect(() => {
     function n() {
-      e([window.innerWidth, window.innerHeight]);
+      const t = document.querySelector("#root");
+      e([t.clientWidth, t.clientHeight]);
     }
     return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
   }, []), l;
@@ -60789,7 +60788,7 @@ function BubbleWrapper({ currentMessage: l, translate: e }) {
       onOcclude: () => null,
       zIndexRange: [5, 5],
       portal: n ? { current: n } : void 0,
-      style: { width: "100vw", height: "100%", position: "static" },
+      style: { width: "100%", height: "100%", position: "static" },
       calculatePosition: () => [0, 0],
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechBubbleComponent$1, { translate: e, message: l })
     }
@@ -61291,7 +61290,7 @@ function DialogComponent({
       HtmlPro,
       {
         wrapperClass: "htmlpro-wrap-100-h",
-        style: { width: "100vw", height: "100%", position: "static" },
+        style: { width: "100%", height: "100%", position: "static" },
         portal: st ? { current: st } : void 0,
         zIndexRange: [6, 6],
         onOcclude: () => {