@pie-element/number-line 11.3.4-next.0 → 12.0.0-beta.0
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/configure/lib/arrows.js +68 -103
- package/configure/lib/arrows.js.map +1 -1
- package/configure/lib/card-bar.js +41 -62
- package/configure/lib/card-bar.js.map +1 -1
- package/configure/lib/defaults.js +5 -7
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/domain.js +60 -116
- package/configure/lib/domain.js.map +1 -1
- package/configure/lib/index.js +124 -194
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/main.js +585 -721
- package/configure/lib/main.js.map +1 -1
- package/configure/lib/number-text-field.js +15 -86
- package/configure/lib/number-text-field.js.map +1 -1
- package/configure/lib/point-config.js +69 -129
- package/configure/lib/point-config.js.map +1 -1
- package/configure/lib/size.js +43 -77
- package/configure/lib/size.js.map +1 -1
- package/configure/lib/ticks.js +89 -151
- package/configure/lib/ticks.js.map +1 -1
- package/configure/lib/utils.js +2 -4
- package/configure/lib/utils.js.map +1 -1
- package/configure/package.json +10 -7
- package/controller/lib/defaults.js +5 -6
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +171 -286
- package/controller/lib/index.js.map +1 -1
- package/controller/lib/tickUtils.js +96 -169
- package/controller/lib/tickUtils.js.map +1 -1
- package/controller/lib/utils.js +55 -88
- package/controller/lib/utils.js.map +1 -1
- package/controller/package.json +3 -3
- package/lib/data-converter.js +19 -23
- package/lib/data-converter.js.map +1 -1
- package/lib/draggable/index.js +104 -43
- package/lib/draggable/index.js.map +1 -1
- package/lib/index.js +118 -205
- package/lib/index.js.map +1 -1
- package/lib/number-line/colors.js +3 -13
- package/lib/number-line/colors.js.map +1 -1
- package/lib/number-line/feedback.js +53 -69
- package/lib/number-line/feedback.js.map +1 -1
- package/lib/number-line/graph/arrow.js +19 -38
- package/lib/number-line/graph/arrow.js.map +1 -1
- package/lib/number-line/graph/elements/base.js +7 -13
- package/lib/number-line/graph/elements/base.js.map +1 -1
- package/lib/number-line/graph/elements/builder.js +6 -7
- package/lib/number-line/graph/elements/builder.js.map +1 -1
- package/lib/number-line/graph/elements/line.js +209 -265
- package/lib/number-line/graph/elements/line.js.map +1 -1
- package/lib/number-line/graph/elements/point.js +170 -201
- package/lib/number-line/graph/elements/point.js.map +1 -1
- package/lib/number-line/graph/elements/ray.js +147 -185
- package/lib/number-line/graph/elements/ray.js.map +1 -1
- package/lib/number-line/graph/index.js +217 -283
- package/lib/number-line/graph/index.js.map +1 -1
- package/lib/number-line/graph/line.js +12 -22
- package/lib/number-line/graph/line.js.map +1 -1
- package/lib/number-line/graph/stacks.js +31 -54
- package/lib/number-line/graph/stacks.js.map +1 -1
- package/lib/number-line/graph/tick-utils.js +120 -209
- package/lib/number-line/graph/tick-utils.js.map +1 -1
- package/lib/number-line/graph/ticks.js +144 -225
- package/lib/number-line/graph/ticks.js.map +1 -1
- package/lib/number-line/index.js +331 -395
- package/lib/number-line/index.js.map +1 -1
- package/lib/number-line/point-chooser/button.js +33 -58
- package/lib/number-line/point-chooser/button.js.map +1 -1
- package/lib/number-line/point-chooser/img.js +2 -3
- package/lib/number-line/point-chooser/img.js.map +1 -1
- package/lib/number-line/point-chooser/index.js +152 -148
- package/lib/number-line/point-chooser/index.js.map +1 -1
- package/lib/number-line/point-chooser/styles.js +29 -52
- package/lib/number-line/point-chooser/styles.js.map +1 -1
- package/lib/number-line/transitions/fade.js +69 -48
- package/lib/number-line/transitions/fade.js.map +1 -1
- package/lib/number-line/transitions/index.js +2 -4
- package/lib/number-line/transitions/index.js.map +1 -1
- package/package.json +14 -11
package/configure/lib/arrows.js
CHANGED
|
@@ -1,124 +1,89 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
7
|
+
exports.default = exports.Arrows = void 0;
|
|
22
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
9
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
|
-
var _styles = require("@material-ui/core/styles");
|
|
29
|
-
|
|
30
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
11
|
+
var _styles = require("@mui/material/styles");
|
|
32
12
|
var _configUi = require("@pie-lib/config-ui");
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
13
|
+
const FlexRow = (0, _styles.styled)('div')({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
gap: '10px'
|
|
17
|
+
});
|
|
18
|
+
const ArrowsContainer = (0, _styles.styled)('div')(({
|
|
19
|
+
theme
|
|
20
|
+
}) => ({
|
|
21
|
+
paddingTop: theme.spacing(2),
|
|
22
|
+
display: 'flex',
|
|
23
|
+
gap: theme.spacing(2),
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
'& > *': {
|
|
26
|
+
flexShrink: 0
|
|
27
|
+
},
|
|
28
|
+
'& label': {
|
|
29
|
+
whiteSpace: 'nowrap',
|
|
30
|
+
overflow: 'visible',
|
|
31
|
+
textOverflow: 'clip'
|
|
32
|
+
},
|
|
33
|
+
'& .MuiFormControlLabel-root': {
|
|
34
|
+
margin: 0,
|
|
35
|
+
marginRight: 0
|
|
36
|
+
},
|
|
37
|
+
'& .MuiFormControlLabel-label': {
|
|
38
|
+
whiteSpace: 'nowrap',
|
|
39
|
+
overflow: 'visible',
|
|
40
|
+
textOverflow: 'clip',
|
|
41
|
+
maxWidth: 'none',
|
|
42
|
+
width: 'auto',
|
|
43
|
+
flexShrink: 0
|
|
44
|
+
}
|
|
45
|
+
}));
|
|
46
|
+
class Arrows extends _react.default.Component {
|
|
47
|
+
constructor(props) {
|
|
48
|
+
super(props);
|
|
49
|
+
this.change = (key, event, value) => {
|
|
50
|
+
const update = {
|
|
51
|
+
...this.props.arrows,
|
|
52
|
+
[key]: value
|
|
53
|
+
};
|
|
54
|
+
this.props.onChange(update);
|
|
57
55
|
};
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
_this.changeRight = _this.change.bind((0, _assertThisInitialized2["default"])(_this), 'right');
|
|
61
|
-
return _this;
|
|
56
|
+
this.changeLeft = this.change.bind(this, 'left');
|
|
57
|
+
this.changeRight = this.change.bind(this, 'right');
|
|
62
58
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
checked: arrows.left,
|
|
79
|
-
onChange: this.changeLeft
|
|
80
|
-
}), "\xA0", /*#__PURE__*/_react["default"].createElement(_configUi.InputCheckbox, {
|
|
81
|
-
className: classes.checkbox,
|
|
82
|
-
label: 'Right',
|
|
83
|
-
checked: arrows.right,
|
|
84
|
-
onChange: this.changeRight
|
|
85
|
-
})));
|
|
86
|
-
}
|
|
87
|
-
}]);
|
|
88
|
-
return Arrows;
|
|
89
|
-
}(_react["default"].Component);
|
|
90
|
-
|
|
59
|
+
render() {
|
|
60
|
+
const {
|
|
61
|
+
arrows
|
|
62
|
+
} = this.props;
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Arrows"), /*#__PURE__*/_react.default.createElement(ArrowsContainer, null, /*#__PURE__*/_react.default.createElement(_configUi.InputCheckbox, {
|
|
64
|
+
label: 'Left',
|
|
65
|
+
checked: arrows.left,
|
|
66
|
+
onChange: this.changeLeft
|
|
67
|
+
}), /*#__PURE__*/_react.default.createElement(_configUi.InputCheckbox, {
|
|
68
|
+
label: 'Right',
|
|
69
|
+
checked: arrows.right,
|
|
70
|
+
onChange: this.changeRight
|
|
71
|
+
})));
|
|
72
|
+
}
|
|
73
|
+
}
|
|
91
74
|
exports.Arrows = Arrows;
|
|
92
|
-
(0, _defineProperty2
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
left: _propTypes["default"].bool,
|
|
97
|
-
right: _propTypes["default"].bool
|
|
75
|
+
(0, _defineProperty2.default)(Arrows, "propTypes", {
|
|
76
|
+
arrows: _propTypes.default.shape({
|
|
77
|
+
left: _propTypes.default.bool,
|
|
78
|
+
right: _propTypes.default.bool
|
|
98
79
|
}).isRequired,
|
|
99
|
-
onChange: _propTypes
|
|
80
|
+
onChange: _propTypes.default.func
|
|
100
81
|
});
|
|
101
|
-
(0, _defineProperty2
|
|
82
|
+
(0, _defineProperty2.default)(Arrows, "defaultProps", {
|
|
102
83
|
arrows: {
|
|
103
84
|
left: true,
|
|
104
85
|
right: true
|
|
105
86
|
}
|
|
106
87
|
});
|
|
107
|
-
|
|
108
|
-
var styles = function styles(theme) {
|
|
109
|
-
return {
|
|
110
|
-
arrows: {
|
|
111
|
-
paddingTop: theme.spacing.unit * 2
|
|
112
|
-
},
|
|
113
|
-
flexRow: {
|
|
114
|
-
display: 'flex',
|
|
115
|
-
alignItems: 'center',
|
|
116
|
-
gap: '10px'
|
|
117
|
-
}
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
var _default = (0, _styles.withStyles)(styles)(Arrows);
|
|
122
|
-
|
|
123
|
-
exports["default"] = _default;
|
|
88
|
+
var _default = exports.default = Arrows;
|
|
124
89
|
//# sourceMappingURL=arrows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"arrows.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_configUi","FlexRow","styled","display","alignItems","gap","ArrowsContainer","theme","paddingTop","spacing","flexShrink","whiteSpace","overflow","textOverflow","margin","marginRight","maxWidth","width","Arrows","React","Component","constructor","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","render","default","createElement","InputCheckbox","label","checked","left","right","exports","_defineProperty2","PropTypes","shape","bool","isRequired","func","_default"],"sources":["../src/arrows.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { InputCheckbox } from '@pie-lib/config-ui';\n\nconst FlexRow = styled('div')({\n display: 'flex',\n alignItems: 'center',\n gap: '10px',\n});\n\nconst ArrowsContainer = styled('div')(({ theme }) => ({\n paddingTop: theme.spacing(2),\n display: 'flex',\n gap: theme.spacing(2),\n alignItems: 'center',\n '& > *': {\n flexShrink: 0,\n },\n '& label': {\n whiteSpace: 'nowrap',\n overflow: 'visible',\n textOverflow: 'clip',\n },\n '& .MuiFormControlLabel-root': {\n margin: 0,\n marginRight: 0,\n },\n '& .MuiFormControlLabel-label': {\n whiteSpace: 'nowrap',\n overflow: 'visible',\n textOverflow: 'clip',\n maxWidth: 'none',\n width: 'auto',\n flexShrink: 0,\n },\n}));\n\nexport class Arrows extends React.Component {\n static propTypes = {\n arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool }).isRequired,\n onChange: PropTypes.func,\n };\n static defaultProps = {\n arrows: { left: true, right: true },\n };\n\n constructor(props) {\n super(props);\n\n this.change = (key, event, value) => {\n const update = { ...this.props.arrows, [key]: value };\n this.props.onChange(update);\n };\n this.changeLeft = this.change.bind(this, 'left');\n this.changeRight = this.change.bind(this, 'right');\n }\n\n render() {\n const { arrows } = this.props;\n return (\n <FlexRow>\n <label>Arrows</label>\n <ArrowsContainer>\n <InputCheckbox label={'Left'} checked={arrows.left} onChange={this.changeLeft} />\n <InputCheckbox\n label={'Right'}\n checked={arrows.right}\n onChange={this.changeRight}\n />\n </ArrowsContainer>\n </FlexRow>\n );\n }\n}\n\nexport default Arrows;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,78 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
|
|
15
|
-
|
|
16
|
-
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
17
|
-
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _styles = require("@mui/material/styles");
|
|
9
|
+
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
|
|
10
|
+
var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
|
|
11
|
+
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
14
|
+
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
15
|
+
const CardBarContainer = (0, _styles.styled)('div')({
|
|
16
|
+
display: 'flex',
|
|
17
|
+
justifyContent: 'space-between'
|
|
18
|
+
});
|
|
19
|
+
const FlexContainer = (0, _styles.styled)('div')({
|
|
20
|
+
display: 'flex',
|
|
21
|
+
alignItems: 'center'
|
|
22
|
+
});
|
|
23
|
+
const StyledIconButton = (0, _styles.styled)(_IconButton.default)({
|
|
24
|
+
margin: 0,
|
|
25
|
+
padding: 0
|
|
26
|
+
});
|
|
27
|
+
const CardBar = props => {
|
|
28
|
+
const {
|
|
29
|
+
header,
|
|
30
|
+
children,
|
|
31
|
+
mini,
|
|
32
|
+
info
|
|
33
|
+
} = props;
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(CardBarContainer, null, /*#__PURE__*/_react.default.createElement(FlexContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
35
35
|
variant: mini ? 'subheading' : 'h5'
|
|
36
|
-
}, header), info), children && /*#__PURE__*/_react
|
|
36
|
+
}, header), info), children && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
37
37
|
title: children,
|
|
38
|
-
|
|
39
|
-
tooltip:
|
|
38
|
+
slotProps: {
|
|
39
|
+
tooltip: {
|
|
40
|
+
sx: theme => ({
|
|
41
|
+
fontSize: theme.typography.fontSize - 2
|
|
42
|
+
})
|
|
43
|
+
}
|
|
40
44
|
}
|
|
41
|
-
}, /*#__PURE__*/_react
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(StyledIconButton, {
|
|
42
46
|
"aria-label": "Delete",
|
|
43
|
-
|
|
44
|
-
}, /*#__PURE__*/_react
|
|
47
|
+
size: "large"
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, null))));
|
|
45
49
|
};
|
|
46
|
-
|
|
47
50
|
CardBar.propTypes = {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
info: _propTypes["default"].any
|
|
51
|
+
mini: _propTypes.default.bool,
|
|
52
|
+
header: _propTypes.default.string,
|
|
53
|
+
children: _propTypes.default.node,
|
|
54
|
+
info: _propTypes.default.any
|
|
53
55
|
};
|
|
54
|
-
|
|
55
|
-
var styles = function styles(theme) {
|
|
56
|
-
return {
|
|
57
|
-
cardBar: {
|
|
58
|
-
display: 'flex',
|
|
59
|
-
justifyContent: 'space-between'
|
|
60
|
-
},
|
|
61
|
-
button: {
|
|
62
|
-
margin: 0,
|
|
63
|
-
padding: 0
|
|
64
|
-
},
|
|
65
|
-
tooltip: {
|
|
66
|
-
fontSize: theme.typography.fontSize - 2
|
|
67
|
-
},
|
|
68
|
-
flexContainer: {
|
|
69
|
-
display: 'flex',
|
|
70
|
-
alignItems: 'center'
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
var _default = (0, _styles.withStyles)(styles)(CardBar);
|
|
76
|
-
|
|
77
|
-
exports["default"] = _default;
|
|
56
|
+
var _default = exports.default = CardBar;
|
|
78
57
|
//# sourceMappingURL=card-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"card-bar.js","names":["_styles","require","_Tooltip","_interopRequireDefault","_HelpOutline","_IconButton","_propTypes","_react","_Typography","CardBarContainer","styled","display","justifyContent","FlexContainer","alignItems","StyledIconButton","IconButton","margin","padding","CardBar","props","header","children","mini","info","default","createElement","variant","title","slotProps","tooltip","sx","theme","fontSize","typography","size","propTypes","PropTypes","bool","string","node","any","_default","exports"],"sources":["../src/card-bar.jsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Tooltip from '@mui/material/Tooltip';\nimport HelpIcon from '@mui/icons-material/HelpOutline';\nimport IconButton from '@mui/material/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Typography from '@mui/material/Typography';\n\nconst CardBarContainer = styled('div')({\n display: 'flex',\n justifyContent: 'space-between',\n});\n\nconst FlexContainer = styled('div')({\n display: 'flex',\n alignItems: 'center',\n});\n\nconst StyledIconButton = styled(IconButton)({\n margin: 0,\n padding: 0,\n});\n\nconst CardBar = (props) => {\n const { header, children, mini, info } = props;\n\n return (\n <CardBarContainer>\n <FlexContainer>\n <Typography variant={mini ? 'subheading' : 'h5'}>{header}</Typography>\n {info}\n </FlexContainer>\n {children && (\n <Tooltip\n title={children}\n slotProps={{\n tooltip: {\n sx: (theme) => ({\n fontSize: theme.typography.fontSize - 2,\n }),\n },\n }}\n >\n <StyledIconButton aria-label=\"Delete\" size=\"large\">\n <HelpIcon />\n </StyledIconButton>\n </Tooltip>\n )}\n </CardBarContainer>\n );\n};\n\nCardBar.propTypes = {\n mini: PropTypes.bool,\n header: PropTypes.string,\n children: PropTypes.node,\n info: PropTypes.any,\n};\n\nexport default CardBar;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAL,sBAAA,CAAAF,OAAA;AAEA,MAAMQ,gBAAgB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EACrCC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAClCC,OAAO,EAAE,MAAM;EACfG,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAG,IAAAL,cAAM,EAACM,mBAAU,CAAC,CAAC;EAC1CC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAIC,KAAK,IAAK;EACzB,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAE9C,oBACEb,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACjB,gBAAgB,qBACfF,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,aAAa,qBACZN,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAAiB,OAAU;IAACE,OAAO,EAAEJ,IAAI,GAAG,YAAY,GAAG;EAAK,GAAEF,MAAmB,CAAC,EACrEG,IACY,CAAC,EACfF,QAAQ,iBACPf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACxB,QAAA,CAAAuB,OAAO;IACNG,KAAK,EAAEN,QAAS;IAChBO,SAAS,EAAE;MACTC,OAAO,EAAE;QACPC,EAAE,EAAGC,KAAK,KAAM;UACdC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;QACxC,CAAC;MACH;IACF;EAAE,gBAEF1B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,gBAAgB;IAAC,cAAW,QAAQ;IAACoB,IAAI,EAAC;EAAO,gBAChD5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACtB,YAAA,CAAAqB,OAAQ,MAAE,CACK,CACX,CAEK,CAAC;AAEvB,CAAC;AAEDN,OAAO,CAACiB,SAAS,GAAG;EAClBb,IAAI,EAAEc,kBAAS,CAACC,IAAI;EACpBjB,MAAM,EAAEgB,kBAAS,CAACE,MAAM;EACxBjB,QAAQ,EAAEe,kBAAS,CAACG,IAAI;EACxBhB,IAAI,EAAEa,kBAAS,CAACI;AAClB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaN,OAAO","ignoreList":[]}
|
|
@@ -4,19 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.model = exports.configuration = void 0;
|
|
7
|
-
|
|
7
|
+
const model = exports.model = {
|
|
8
8
|
correctResponse: [],
|
|
9
9
|
feedback: {
|
|
10
10
|
correct: {
|
|
11
|
-
|
|
11
|
+
default: 'Correct',
|
|
12
12
|
type: 'none'
|
|
13
13
|
},
|
|
14
14
|
incorrect: {
|
|
15
|
-
|
|
15
|
+
default: 'Incorrect',
|
|
16
16
|
type: 'none'
|
|
17
17
|
},
|
|
18
18
|
partial: {
|
|
19
|
-
|
|
19
|
+
default: 'Nearly',
|
|
20
20
|
type: 'none'
|
|
21
21
|
}
|
|
22
22
|
},
|
|
@@ -53,8 +53,7 @@ var model = {
|
|
|
53
53
|
toolbarEditorPosition: 'bottom',
|
|
54
54
|
widthEnabled: true
|
|
55
55
|
};
|
|
56
|
-
exports.
|
|
57
|
-
var configuration = {
|
|
56
|
+
const configuration = exports.configuration = {
|
|
58
57
|
baseInputConfiguration: {
|
|
59
58
|
audio: {
|
|
60
59
|
disabled: false
|
|
@@ -172,5 +171,4 @@ var configuration = {
|
|
|
172
171
|
availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'],
|
|
173
172
|
settingsPanelDisabled: false
|
|
174
173
|
};
|
|
175
|
-
exports.configuration = configuration;
|
|
176
174
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"defaults.js","names":["model","exports","correctResponse","feedback","correct","default","type","incorrect","partial","graph","arrows","left","right","availableTypes","PF","domain","min","max","exhibitOnly","initialElements","initialType","maxNumberOfPoints","ticks","minor","major","tickIntervalType","title","width","prompt","promptEnabled","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","widthEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","instruction","settings","enabled","label","required","inputConfiguration","numberLineDimensions","step","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","spellCheck","maxMaxElements","hidePointConfigButtons","availableTools","settingsPanelDisabled"],"sources":["../src/defaults.js"],"sourcesContent":["export const model = {\n correctResponse: [],\n feedback: {\n correct: { default: 'Correct', type: 'none' },\n incorrect: { default: 'Incorrect', type: 'none' },\n partial: { default: 'Nearly', type: 'none' },\n },\n graph: {\n arrows: { left: true, right: true },\n availableTypes: {\n PF: true,\n },\n domain: { min: -1, max: 1 },\n exhibitOnly: false,\n initialElements: [],\n initialType: 'PF',\n maxNumberOfPoints: 1,\n ticks: { minor: 0.125, major: 0.5, tickIntervalType: 'Decimal' },\n title: '',\n width: 500,\n },\n prompt: '',\n promptEnabled: true,\n rationale: '',\n rationaleEnabled: true,\n teacherInstructions: '',\n teacherInstructionsEnabled: true,\n toolbarEditorPosition: 'bottom',\n widthEnabled: true,\n};\n\nexport const configuration = {\n baseInputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n textAlign: { disabled: true },\n showParagraphs: { disabled: false },\n },\n instruction: {\n settings: false,\n enabled: true,\n label:\n 'Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer.',\n },\n prompt: {\n settings: true,\n label: 'Item Stem',\n required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n rationale: {\n settings: true,\n label: 'Rationale',\n required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n required: false,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n title: {\n label: 'Title',\n settings: true,\n enabled: true,\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n numberLineDimensions: {\n settings: true,\n label: 'Width',\n enabled: true,\n min: 200,\n max: 800,\n step: 20,\n },\n mathMlOptions: {\n mmlOutput: false,\n mmlEditing: false,\n },\n language: {\n settings: false,\n label: 'Specify Language',\n enabled: false,\n },\n languageChoices: {\n label: 'Language Choices',\n options: [],\n },\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n maxMaxElements: 20,\n hidePointConfigButtons: false,\n availableTools: ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'],\n settingsPanelDisabled: false,\n};\n"],"mappings":"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","ignoreList":[]}
|