@gamelearn/arcade-components 3.14.4 → 3.14.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/arcade-components.cjs +1 -1
  2. package/dist/arcade-components.cjs.map +1 -1
  3. package/dist/arcade-components.js +30 -21
  4. package/dist/arcade-components.js.map +1 -1
  5. package/package.json +1 -1
package/dist/arcade-components.js CHANGED
@@ -30630,31 +30630,40 @@ function Vignette({ vignette: l, alias: e, translate: n, backgroundImageCover: t
30630
30630
  document.querySelector(`#${p}`).focus(), h(!d);
30631
30631
  };
30632
30632
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
30633
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `comic-image ${t ? "comic-image--cover" : ""}`, children: o && /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: o, alt: "comic pic" }) }),
30634
- (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`, children: [
30635
- /* @__PURE__ */ jsxRuntimeExports.jsx(
30636
- "button",
30637
- {
30638
- id: "buttonDown",
30639
- onClick: () => f("buttonUp"),
30640
- type: "button",
30641
- className: "un-btn comic-collapsable__headertoggle",
30642
- "aria-label": n("comic.toggleText"),
30643
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
30644
- }
30645
- ),
30646
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
30647
- e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
30648
- e,
30649
- ": "
30650
- ] }) : null,
30651
- HTMLReactParser$1(l.textData.text)
30652
- ] })
30653
- ] }) : null,
30633
+ /* @__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" }) }),
30634
+ (u = l == null ? void 0 : l.textData) != null && u.text ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
30635
+ "div",
30636
+ {
30637
+ "data-testid": "comicCollapsable",
30638
+ className: `comic-collapsable ${d ? "comic-collapsable--opened" : ""}`,
30639
+ children: [
30640
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
30641
+ "button",
30642
+ {
30643
+ id: "buttonDown",
30644
+ "data-testid": "buttonDown",
30645
+ onClick: () => f("buttonUp"),
30646
+ type: "button",
30647
+ className: "un-btn comic-collapsable__headertoggle",
30648
+ "aria-label": n("comic.toggleText"),
30649
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-down-arrow" })
30650
+ }
30651
+ ),
30652
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "comic-collapsable__text", children: [
30653
+ e ? /* @__PURE__ */ jsxRuntimeExports.jsxs("b", { children: [
30654
+ e,
30655
+ ": "
30656
+ ] }) : null,
30657
+ HTMLReactParser$1(l.textData.text)
30658
+ ] })
30659
+ ]
30660
+ }
30661
+ ) : null,
30654
30662
  /* @__PURE__ */ jsxRuntimeExports.jsx(
30655
30663
  "button",
30656
30664
  {
30657
30665
  id: "buttonUp",
30666
+ "data-testid": "buttonUp",
30658
30667
  tabIndex: d ? "-1" : "0",
30659
30668
  "aria-hidden": d,
30660
30669
  className: `unset-button comic-buttonup