jspsych-tangram 0.0.11 → 0.0.12
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.
- package/dist/construct/index.browser.js +14 -5
- package/dist/construct/index.browser.js.map +1 -1
- package/dist/construct/index.browser.min.js +8 -8
- package/dist/construct/index.browser.min.js.map +1 -1
- package/dist/construct/index.cjs +14 -5
- package/dist/construct/index.cjs.map +1 -1
- package/dist/construct/index.js +14 -5
- package/dist/construct/index.js.map +1 -1
- package/dist/index.cjs +14 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -5
- package/dist/index.js.map +1 -1
- package/dist/prep/index.browser.js +14 -5
- package/dist/prep/index.browser.js.map +1 -1
- package/dist/prep/index.browser.min.js +8 -8
- package/dist/prep/index.browser.min.js.map +1 -1
- package/dist/prep/index.cjs +14 -5
- package/dist/prep/index.cjs.map +1 -1
- package/dist/prep/index.js +14 -5
- package/dist/prep/index.js.map +1 -1
- package/package.json +1 -1
- package/src/core/components/board/GameBoard.tsx +102 -89
- package/tangram-construct.min.js +8 -8
- package/tangram-prep.min.js +8 -8
|
@@ -19984,19 +19984,28 @@ var TangramConstructPlugin = (function (jspsych) {
|
|
|
19984
19984
|
const headerStyle = {
|
|
19985
19985
|
display: "flex",
|
|
19986
19986
|
flexDirection: "row",
|
|
19987
|
-
justifyContent: "
|
|
19987
|
+
justifyContent: "center",
|
|
19988
19988
|
alignItems: "center",
|
|
19989
19989
|
padding: "20px",
|
|
19990
19990
|
background: "#f5f5f5",
|
|
19991
19991
|
flex: "0 0 auto"
|
|
19992
19992
|
};
|
|
19993
|
+
const headerContentStyle = {
|
|
19994
|
+
position: "relative",
|
|
19995
|
+
width: `${svgDimensions.width}px`,
|
|
19996
|
+
maxWidth: "100%",
|
|
19997
|
+
display: "flex",
|
|
19998
|
+
justifyContent: "center",
|
|
19999
|
+
alignItems: "center"
|
|
20000
|
+
};
|
|
19993
20001
|
const instructionsStyle = {
|
|
19994
|
-
flexGrow: 1,
|
|
19995
20002
|
fontSize: "20px",
|
|
19996
20003
|
lineHeight: 1.5,
|
|
19997
|
-
|
|
20004
|
+
textAlign: "center"
|
|
19998
20005
|
};
|
|
19999
20006
|
const timerStyle = {
|
|
20007
|
+
position: "absolute",
|
|
20008
|
+
right: 0,
|
|
20000
20009
|
fontSize: "24px",
|
|
20001
20010
|
fontWeight: "bold",
|
|
20002
20011
|
fontFamily: "monospace",
|
|
@@ -20011,14 +20020,14 @@ var TangramConstructPlugin = (function (jspsych) {
|
|
|
20011
20020
|
justifyContent: "center",
|
|
20012
20021
|
overflow: "hidden"
|
|
20013
20022
|
};
|
|
20014
|
-
return /* @__PURE__ */ React.createElement("div", { className: "tangram-trial-container", style: containerStyle }, (instructions || timeLimitMs > 0) && /* @__PURE__ */ React.createElement("div", { className: "tangram-header", style: headerStyle }, instructions && /* @__PURE__ */ React.createElement(
|
|
20023
|
+
return /* @__PURE__ */ React.createElement("div", { className: "tangram-trial-container", style: containerStyle }, (instructions || timeLimitMs > 0) && /* @__PURE__ */ React.createElement("div", { className: "tangram-header", style: headerStyle }, /* @__PURE__ */ React.createElement("div", { className: "tangram-header-content", style: headerContentStyle }, instructions && /* @__PURE__ */ React.createElement(
|
|
20015
20024
|
"div",
|
|
20016
20025
|
{
|
|
20017
20026
|
className: "tangram-instructions",
|
|
20018
20027
|
style: instructionsStyle,
|
|
20019
20028
|
dangerouslySetInnerHTML: { __html: instructions }
|
|
20020
20029
|
}
|
|
20021
|
-
), timeLimitMs > 0 && /* @__PURE__ */ React.createElement("div", { className: "tangram-timer", style: timerStyle }, formatTime(timeRemaining))), /* @__PURE__ */ React.createElement("div", { className: "tangram-gameboard-wrapper", style: gameboardWrapperStyle }, /* @__PURE__ */ React.createElement("div", { className: "tangram-gameboard", style: getGameboardStyle() }, /* @__PURE__ */ React.createElement(
|
|
20030
|
+
), timeLimitMs > 0 && /* @__PURE__ */ React.createElement("div", { className: "tangram-timer", style: timerStyle }, formatTime(timeRemaining)))), /* @__PURE__ */ React.createElement("div", { className: "tangram-gameboard-wrapper", style: gameboardWrapperStyle }, /* @__PURE__ */ React.createElement("div", { className: "tangram-gameboard", style: getGameboardStyle() }, /* @__PURE__ */ React.createElement(
|
|
20022
20031
|
BoardView,
|
|
20023
20032
|
{
|
|
20024
20033
|
controller,
|