@gamelearn/arcade-components 3.14.3 → 3.14.5

package/dist/arcade-components.js

@@ -27330,18 +27330,20 @@ 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 = {};
-(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);
+}, 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;
+}
 var __extends = commonjsGlobal && commonjsGlobal.__extends || /* @__PURE__ */ function() {
   var l = function(e, n) {
     return l = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, s) {
@@ -27372,7 +27374,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 = lib$3, nodeTypes = /* @__PURE__ */ new Map([
+var domelementtype_1 = requireLib$1(), nodeTypes = /* @__PURE__ */ new Map([
   [domelementtype_1.ElementType.Tag, 1],
   [domelementtype_1.ElementType.Script, 1],
   [domelementtype_1.ElementType.Style, 1],
@@ -27780,7 +27782,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 = lib$3, s = node;
+    var t = requireLib$1(), s = node;
     n(node, l);
     var o = /\s+/g, d = {
       normalizeWhitespace: !1,
@@ -30628,31 +30630,40 @@ function Vignette({ vignette: l, alias: e, translate: n, backgroundImageCover: t
     document.querySelector(`#${p}`).focus(), h(!d);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `comic-image ${t ? "comic-image--cover" : ""}`, children: o && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: o, alt: "comic pic" }) }),
-    (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          id: "buttonDown",
-          onClick: () => f("buttonUp"),
-          type: "button",
-          className: "un-btn comic-collapsable__headertoggle",
-          "aria-label": n("comic.toggleText"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
-        e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
-          e,
-          ": "
-        ] }) : null,
-        HTMLReactParser$1(l.textData.text)
-      ] })
-    ] }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "comic-image", className: `comic-image ${t ? "comic-image--cover" : ""}`, children: o && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: o, alt: "comic pic" }) }),
+    (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        "data-testid": "comicCollapsable",
+        className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              id: "buttonDown",
+              "data-testid": "buttonDown",
+              onClick: () => f("buttonUp"),
+              type: "button",
+              className: "un-btn comic-collapsable__headertoggle",
+              "aria-label": n("comic.toggleText"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
+            e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
+              e,
+              ": "
+            ] }) : null,
+            HTMLReactParser$1(l.textData.text)
+          ] })
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         id: "buttonUp",
+        "data-testid": "buttonUp",
         tabIndex: d ? "-1" : "0",
         "aria-hidden": d,
         className: `unset-button comic-buttonup
@@ -32185,7 +32196,7 @@ function FeedbackComponent$1({
     forward: s,
     close: s
   });
-  return useEffect(() => v(), [v]), /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `feedback-layer ${T ? "feedback-layer--withexplain" : ""}`, children: [
+  return useEffect(() => v(), [v]), /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-testid": "feedback-layer", className: `feedback-layer ${T ? "feedback-layer--withexplain" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {