@gamelearn/arcade-components 3.19.1 → 3.19.2

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 +48 -42
  4. package/dist/arcade-components.js.map +1 -1
  5. package/package.json +1 -1
package/dist/arcade-components.js CHANGED
@@ -851,49 +851,55 @@ function InventoryItem({ name: l, description: e, element: n, onFinish: t, sound
851
851
  }, p = o({ forward: u, escape: u });
852
852
  return useEffect(() => p(), [p]), useEffect(() => {
853
853
  n || t();
854
- }, [t, n]), n ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inventory--layer__info", dir: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `inventory-popup fadeIn--animation ${e ? "inventory-popup--withdescription" : ""}`, children: [
855
- /* @__PURE__ */ jsxRuntimeExports.jsx(
856
- "button",
857
- {
858
- type: "button",
859
- "aria-label": h("inventory.closeDetail"),
860
- className: "inventory-popup__close",
861
- onClick: () => {
862
- u();
863
- },
864
- children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-close" })
865
- }
866
- ),
867
- /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "inventory-popup__title", children: l }),
868
- e && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { tabIndex: "0", className: "inventory-popup__description", children: e }),
869
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inventory-popup__image", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
870
- Renderer,
871
- {
872
- fullscreen: !1,
873
- gl: { alpha: !0 },
874
- onCreated: ({ gl: _ }) => {
875
- _.setClearColor(16777215);
876
- },
877
- style: { height: "100%" },
878
- children: [
879
- /* @__PURE__ */ jsxRuntimeExports.jsx(OrbitControls, { makeDefault: !0, enableKeys: !1, enableZoom: !1, enablePan: !1 }),
880
- /* @__PURE__ */ jsxRuntimeExports.jsx(LightSet, {}),
881
- /* @__PURE__ */ jsxRuntimeExports.jsx(
882
- Item$1,
883
- {
884
- url: n.url,
885
- position: [0, 0, 0],
886
- rotation: [0, 0, 0],
887
- scale: [1, 1, 1],
888
- material: n.material || {},
889
- name: n.name
854
+ }, [t, n]), n ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inventory--layer__info", dir: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
855
+ "div",
856
+ {
857
+ className: `inventory-popup fadeIn--animation ${e || n.description ? "inventory-popup--withdescription" : ""}`,
858
+ children: [
859
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
860
+ "button",
861
+ {
862
+ type: "button",
863
+ "aria-label": h("inventory.closeDetail"),
864
+ className: "inventory-popup__close",
865
+ onClick: () => {
866
+ u();
890
867
  },
891
- `${n.uid}`
892
- )
893
- ]
894
- }
895
- ) })
896
- ] }) }) : null;
868
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-close" })
869
+ }
870
+ ),
871
+ /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "inventory-popup__title", children: l || n.name }),
872
+ (e || n.description) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { tabIndex: "0", className: "inventory-popup__description", children: e || n.description }),
873
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inventory-popup__image", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
874
+ Renderer,
875
+ {
876
+ fullscreen: !1,
877
+ gl: { alpha: !0 },
878
+ onCreated: ({ gl: _ }) => {
879
+ _.setClearColor(16777215);
880
+ },
881
+ style: { height: "100%" },
882
+ children: [
883
+ /* @__PURE__ */ jsxRuntimeExports.jsx(OrbitControls, { makeDefault: !0, enableKeys: !1, enableZoom: !1, enablePan: !1 }),
884
+ /* @__PURE__ */ jsxRuntimeExports.jsx(LightSet, {}),
885
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
886
+ Item$1,
887
+ {
888
+ url: n.url,
889
+ position: [0, 0, 0],
890
+ rotation: [0, 0, 0],
891
+ scale: [1, 1, 1],
892
+ material: n.material || {},
893
+ name: n.name
894
+ },
895
+ `${n.uid}`
896
+ )
897
+ ]
898
+ }
899
+ ) })
900
+ ]
901
+ }
902
+ ) }) : null;
897
903
  }
898
904
  function commonjsRequire(l) {
899
905
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');