From 154c29d734ccd1e010e0af839c6074abb69a867a Mon Sep 17 00:00:00 2001 From: handeyeco Date: Thu, 27 Jul 2023 21:16:09 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20Khan/per?= =?UTF-8?q?seus@c6f6047da89d3f2c4564aff4129cec443c2059a7=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- iframe.html | 2 +- ...2f94c05.iframe.bundle.js => main.2cc0072f.iframe.bundle.js | 4 ++-- ....LICENSE.txt => main.2cc0072f.iframe.bundle.js.LICENSE.txt | 0 project.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) rename main.f2f94c05.iframe.bundle.js => main.2cc0072f.iframe.bundle.js (99%) rename main.f2f94c05.iframe.bundle.js.LICENSE.txt => main.2cc0072f.iframe.bundle.js.LICENSE.txt (100%) diff --git a/iframe.html b/iframe.html index 6bc0a9fadd..db404fe97d 100644 --- a/iframe.html +++ b/iframe.html @@ -363,4 +363,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./packages","files":"*/src/**/*@(.stories|.fixturestories).@(ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:packages\\/(?!\\.)(?=.)[^/]*?\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?(\\.stories|\\.fixturestories)\\.(ts|tsx))$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./packages","files":"*/src/**/*@(.stories|.fixturestories).@(ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:packages\\/(?!\\.)(?=.)[^/]*?\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?(\\.stories|\\.fixturestories)\\.(ts|tsx))$"}]; \ No newline at end of file diff --git a/main.f2f94c05.iframe.bundle.js b/main.2cc0072f.iframe.bundle.js similarity index 99% rename from main.f2f94c05.iframe.bundle.js rename to main.2cc0072f.iframe.bundle.js index 1d59b7099a..809f728eec 100644 --- a/main.f2f94c05.iframe.bundle.js +++ b/main.2cc0072f.iframe.bundle.js @@ -1,2 +1,2 @@ -/*! For license information please see main.f2f94c05.iframe.bundle.js.LICENSE.txt */ -(self.webpackChunkperseus=self.webpackChunkperseus||[]).push([[179],{"./.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{decorators:()=>decorators,parameters:()=>parameters});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),src=__webpack_require__("./packages/perseus/src/index.ts"),register_all_widgets_for_testing=__webpack_require__("./packages/perseus/src/util/register-all-widgets-for-testing.ts"),katex=__webpack_require__("./node_modules/katex/dist/katex.js"),katex_default=__webpack_require__.n(katex),render_a11y_string=__webpack_require__("./node_modules/katex/dist/contrib/render-a11y-string.js"),render_a11y_string_default=__webpack_require__.n(render_a11y_string);__webpack_require__("./node_modules/katex/dist/katex.css");const TestTeX=props=>{const{children,katexOptions,onRender}=props,katexHtml=react.useMemo((()=>{try{return katex_default().renderToString(children,katexOptions||{})}catch(e){return""}}),[children,katexOptions]),katexA11yHtml=react.useMemo((()=>{try{return render_a11y_string_default()(children)}catch(e){return""}}),[children]),ids=(0,dist_es._u)(),describedById="katex-".concat(ids.get("described-by-id"));return react.useEffect((()=>{onRender&&onRender()}),[]),react.createElement("span",{style:props.style,onClick:props.onClick},react.createElement("span",{style:{whiteSpace:"nowrap"},dangerouslySetInnerHTML:{__html:katexHtml},"aria-hidden":!!katexA11yHtml,"aria-describedby":describedById}),react.createElement("span",{dangerouslySetInnerHTML:{__html:katexA11yHtml},id:describedById,style:srOnly}))},srOnly={border:0,clip:"rect(0,0,0,0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px"};try{TestTeX.displayName="TestTeX",TestTeX.__docgenInfo={description:"A test version of TeX that can be used in tests and doesn't rely on\nany webapp/mobile dependencies. Math is rendered synchronously using\nrenderToString/renderA11yString. If KaTeX can't process `children`\nan empty string is rendered instead.",displayName:"TestTeX",props:{katexOptions:{defaultValue:null,description:"",name:"katexOptions",required:!1,type:{name:"any"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => unknown)"}},onRender:{defaultValue:null,description:"",name:"onRender",required:!1,type:{name:"((root?: any) => unknown)"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["testing/test-tex.tsx#TestTeX"]={docgenInfo:TestTeX.__docgenInfo,name:"TestTeX",path:"testing/test-tex.tsx#TestTeX"})}catch(__react_docgen_typescript_loader_error){}(0,register_all_widgets_for_testing.V)();const testDependencies={JIPT:{useJIPT:!1},graphieMovablesJiptLabels:{addLabel:(label,useMath)=>{}},svgImageJiptLabels:{addLabel:(label,useMath)=>{}},rendererTranslationComponents:{addComponent:renderer=>-1,removeComponentAtIndex:index=>{}},logKaTeXError:(expression,error)=>Promise.resolve({}),TeX:_ref=>{let{children}=_ref;return react.createElement("span",{className:"mock-TeX"},children)},staticUrl:str=>"mockStaticUrl(".concat(str,")"),useVideo:(id,kind)=>"YoutubeId"===id&&"YOUTUBE_ID"===kind?{status:"success",data:{video:{id:"YoutubeVideo",contentId:"contentId",youtubeId:"YoutubeId",title:"Youtube Video Title",__typename:"Video"}}}:"slug-video-id"===id&&"READABLE_ID"===kind?{status:"success",data:{video:{title:"Slug Video Title",id:"VideoId",youtubeId:"YoutubeId",contentId:"contentId",__typename:"Video"}}}:{status:"loading"},InitialRequestUrl:{origin:"origin-test-interface",host:"host-test-interface",protocol:"protocol-test-interface"},analytics:async event=>{console.log("⚡️ Sending analytics event:",event)},isDevServer:!1,kaLocale:"en",isMobile:!1,Log:{log:()=>{},error:()=>{}}},storybookTestDependencies={...testDependencies,TeX:TestTeX,staticUrl:str=>str};src.dq.setDependencies(storybookTestDependencies);const decorators=[Story=>react.createElement(dist_es.aX,null,react.createElement(Story,null))],parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},backgrounds:{values:Object.entries(es.ZP).map((_ref=>{let[name,value]=_ref;return{name,value}}))}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllButtons:()=>AllButtons,Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_data_key_configs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/math-input/src/data/key-configs.ts"),_keypad_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/math-input/src/components/keypad/keypad-button.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{let{...args}=_ref;return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{width:200,height:200,backgroundColor:"#DBDCDD",display:"flex"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{width:58,margin:"auto"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_keypad_button__WEBPACK_IMPORTED_MODULE_3__.$,_extends({},args,{onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("pressed")}))))}).bind({}),AllButtons=_ref2=>{let{...args}=_ref2;return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{backgroundColor:"#DBDCDD",display:"grid",gridTemplateColumns:"repeat(6, 1fr)",gap:"25px"}},Object.keys(_data_key_configs__WEBPACK_IMPORTED_MODULE_2__.Z).map((key=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{key,style:{width:58,margin:"auto",overflowWrap:"break-word"}},key,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_keypad_button__WEBPACK_IMPORTED_MODULE_3__.$,{keyConfig:_data_key_configs__WEBPACK_IMPORTED_MODULE_2__.Z[key],onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("pressed"),coord:[0,0]})))))};Default.parameters={storySource:{source:'({\n ...args\n}: KeypadButtonProps): React.ReactElement => (\n \n \n \n \n \n)'},...Default.parameters},AllButtons.parameters={storySource:{source:'({\n ...args\n}: KeypadButtonProps): React.ReactElement => (\n \n {Object.keys(KeyConfigs).map((key) => (\n \n {key}\n \n \n ))}\n \n)'},...AllButtons.parameters}},"./packages/math-input/src/components/keypad/keypad-mathquill.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{V2KeypadWithMathquill:()=>V2KeypadWithMathquill,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_popover__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-popover/dist/es/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_input_cursor_contexts__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/math-input/src/components/input/cursor-contexts.ts"),_input_mathquill_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/math-input/src/components/input/mathquill-helpers.ts"),_input_mathquill_instance__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/math-input/src/components/input/mathquill-instance.ts"),_key_handlers_key_translator__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/math-input/src/components/key-handlers/key-translator.ts"),_index__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/math-input/src/components/keypad/index.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"v2 Keypad With Mathquill"},V2KeypadWithMathquill=function V2KeypadWithMathquill(){const mathFieldWrapperRef=react__WEBPACK_IMPORTED_MODULE_2__.useRef(null),[mathField,setMathField]=react__WEBPACK_IMPORTED_MODULE_2__.useState(),[keypadOpen,setKeypadOpen]=react__WEBPACK_IMPORTED_MODULE_2__.useState(!0),[cursorContext,setCursorContext]=react__WEBPACK_IMPORTED_MODULE_2__.useState(_input_cursor_contexts__WEBPACK_IMPORTED_MODULE_3__.z.NONE);return react__WEBPACK_IMPORTED_MODULE_2__.useEffect((()=>{if(!mathField&&mathFieldWrapperRef.current){const mathFieldInstance=(0,_input_mathquill_instance__WEBPACK_IMPORTED_MODULE_5__.O)(mathFieldWrapperRef.current,(baseConfig=>({...baseConfig,handlers:{edit:_mathField=>{setCursorContext((0,_input_mathquill_helpers__WEBPACK_IMPORTED_MODULE_4__._w)(_mathField))}}})));setMathField(mathFieldInstance)}}),[mathField]),react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{style:{maxWidth:"400px",margin:"2em"}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_khanacademy_wonder_blocks_popover__WEBPACK_IMPORTED_MODULE_1__.J2,{content:react__WEBPACK_IMPORTED_MODULE_2__.createElement(_khanacademy_wonder_blocks_popover__WEBPACK_IMPORTED_MODULE_1__.wV,{style:{padding:10,maxWidth:"initial"}},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_index__WEBPACK_IMPORTED_MODULE_7__.Z,{extraKeys:["x","y","PI","THETA"],onClickKey:function handleClickKey(key){if(!mathField)return;"DISMISS"===key&&setKeypadOpen(!1);const mathFieldCallback=_key_handlers_key_translator__WEBPACK_IMPORTED_MODULE_6__.Z[key];mathFieldCallback?(mathFieldCallback(mathField,key),setCursorContext((0,_input_mathquill_helpers__WEBPACK_IMPORTED_MODULE_4__._w)(mathField))):console.warn("No translation to Mathquill for: ".concat(key))},cursorContext,advancedRelations:!0,basicRelations:!0,divisionKey:!0,logarithms:!0,multiplicationDot:!0,preAlgebra:!0,trigonometry:!0,sendEvent:async event=>{console.log("Send Event:",event)},showDismiss:!0})),dismissEnabled:!0,opened:keypadOpen},react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{style:{width:"100%",marginBottom:"1em",border:"1px solid ".concat(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_0__.ZP.offBlack16)},ref:mathFieldWrapperRef})),react__WEBPACK_IMPORTED_MODULE_2__.createElement("button",{onClick:()=>setKeypadOpen(!keypadOpen)},keypadOpen?"close keypad":"open keypad"))};V2KeypadWithMathquill.parameters={storySource:{source:'function V2KeypadWithMathquill() {\n const mathFieldWrapperRef = React.useRef(null);\n const [mathField, setMathField] = React.useState();\n const [keypadOpen, setKeypadOpen] = React.useState(true);\n const [cursorContext, setCursorContext] = React.useState<\n typeof CursorContext[keyof typeof CursorContext]\n >(CursorContext.NONE);\n\n React.useEffect(() => {\n if (!mathField && mathFieldWrapperRef.current) {\n const mathFieldInstance = createMathField(\n mathFieldWrapperRef.current,\n (baseConfig) => ({\n ...baseConfig,\n handlers: {\n edit: (_mathField) => {\n setCursorContext(getCursorContext(_mathField));\n },\n },\n }),\n );\n setMathField(mathFieldInstance);\n }\n }, [mathField]);\n\n function handleClickKey(key: Key) {\n if (!mathField) {\n return;\n }\n\n if (key === "DISMISS") {\n setKeypadOpen(false);\n }\n\n const mathFieldCallback = keyTranslator[key];\n if (mathFieldCallback) {\n mathFieldCallback(mathField, key);\n setCursorContext(getCursorContext(mathField));\n } else {\n \n console.warn(`No translation to Mathquill for: ${key}`);\n }\n }\n\n return (\n
\n \n {\n \n console.log("Send Event:", event);\n }}\n showDismiss\n />\n \n }\n dismissEnabled\n opened={keypadOpen}\n >\n \n \n \n
\n );\n}'},...V2KeypadWithMathquill.parameters}},"./packages/math-input/src/components/keypad/keypad-pages/keypad-pages.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NumericInput:()=>NumericInput,PreAlgebraInput:()=>PreAlgebraInput,TrigonometryInput:()=>TrigonometryInput,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_geometry_page__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/math-input/src/components/keypad/keypad-pages/geometry-page.tsx"),_numbers_page__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/math-input/src/components/keypad/keypad-pages/numbers-page.tsx"),_operators_page__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/math-input/src/components/keypad/keypad-pages/operators-page.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Keypad pages",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.withKnobs],parameters:{backgrounds:{values:[{name:"light background",value:"white",default:!0}]},viewport:{defaultViewport:"iphone6"}}},NumericInput=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_numbers_page__WEBPACK_IMPORTED_MODULE_4__.Z,{onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClickKey")}),PreAlgebraInput=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_operators_page__WEBPACK_IMPORTED_MODULE_5__.Z,{onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClickKey")}),TrigonometryInput=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_geometry_page__WEBPACK_IMPORTED_MODULE_3__.Z,{onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClickKey")});NumericInput.parameters={storySource:{source:'(): React.ReactElement => (\n \n)'},...NumericInput.parameters},PreAlgebraInput.parameters={storySource:{source:'(): React.ReactElement => (\n \n)'},...PreAlgebraInput.parameters},TrigonometryInput.parameters={storySource:{source:'(): React.ReactElement => (\n \n)'},...TrigonometryInput.parameters}},"./packages/math-input/src/components/keypad/keypad.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Everything:()=>Everything,PreAlgebra:()=>PreAlgebra,Trigonometry:()=>Trigonometry,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_keypad__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/math-input/src/components/keypad/keypad.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{}},argTypes:{advancedRelations:{control:"boolean",table:{category:opsPage}},basicRelations:{control:"boolean",table:{category:opsPage}},divisionKey:{control:"boolean",table:{category:"Numbers Page"}},logarithms:{control:"boolean",table:{category:opsPage}},multiplicationDot:{control:"boolean",table:{category:"Numbers Page"}},preAlgebra:{control:"boolean",table:{category:opsPage}},trigonometry:{control:"boolean",table:{category:"Geometry Page"}}}},Template=args=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_keypad__WEBPACK_IMPORTED_MODULE_3__.Z,_extends({},args,{onClickKey:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClickKey")})),Default=Template.bind({}),PreAlgebra=Template.bind({});PreAlgebra.args={preAlgebra:!0};const Trigonometry=Template.bind({});Trigonometry.args={preAlgebra:!0,trigonometry:!0};const Everything=Template.bind({});Everything.args={advancedRelations:!0,basicRelations:!0,divisionKey:!0,logarithms:!0,multiplicationDot:!1,preAlgebra:!0,trigonometry:!0},Default.parameters={storySource:{source:'(\n args: KeypadProps,\n): React.ReactElement => '},...Default.parameters},PreAlgebra.parameters={storySource:{source:'(\n args: KeypadProps,\n): React.ReactElement => '},...PreAlgebra.parameters},Trigonometry.parameters={storySource:{source:'(\n args: KeypadProps,\n): React.ReactElement => '},...Trigonometry.parameters},Everything.parameters={storySource:{source:'(\n args: KeypadProps,\n): React.ReactElement => '},...Everything.parameters}},"./packages/math-input/src/components/tabbar/tabbar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ActiveBarItem:()=>ActiveBarItem,DisabledBarItem:()=>DisabledBarItem,FullTabbar:()=>FullTabbar,InactiveBarItem:()=>InactiveBarItem,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_item__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/math-input/src/components/tabbar/item.tsx"),_tabbar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/math-input/src/components/tabbar/tabbar.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Tab Bar",decorators:[_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.withKnobs]},InactiveBarItem=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_item__WEBPACK_IMPORTED_MODULE_3__.e,{itemState:"inactive",itemType:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("Item Type",{Numbers:"Numbers",Geometry:"Geometry",Operators:"Operators"},"Numbers"),onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClick")}),ActiveBarItem=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_item__WEBPACK_IMPORTED_MODULE_3__.e,{itemType:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("Item Type",{Numbers:"Numbers",Geometry:"Geometry",Operators:"Operators"},"Numbers"),itemState:"active",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClick")}),DisabledBarItem=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(_item__WEBPACK_IMPORTED_MODULE_3__.e,{itemType:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.select)("Item Type",{Numbers:"Numbers",Geometry:"Geometry",Operators:"Operators"},"Numbers"),itemState:"disabled",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onClick")});function StatefulTabbarWrapper(){const[selectedItem,setSelectedItem]=react__WEBPACK_IMPORTED_MODULE_2__.useState("Numbers");return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_tabbar__WEBPACK_IMPORTED_MODULE_4__.Z,{items:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.array)("items",["Numbers","Geometry","Operators"]),selectedItem,onSelectItem:selection=>{setSelectedItem(selection),(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("selected-item")}})}const FullTabbar=()=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(StatefulTabbarWrapper,null);InactiveBarItem.parameters={storySource:{source:'() => (\n \n)'},...InactiveBarItem.parameters},ActiveBarItem.parameters={storySource:{source:'() => (\n \n)'},...ActiveBarItem.parameters},DisabledBarItem.parameters={storySource:{source:'() => (\n \n)'},...DisabledBarItem.parameters},FullTabbar.parameters={storySource:{source:"() => "},...FullTabbar.parameters}},"./packages/math-input/src/full-math-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/math-input/src/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Full Mobile MathInput"},Basic=()=>{const[value,setValue]=react__WEBPACK_IMPORTED_MODULE_0__.useState(""),[keypadElement,setKeypadElement]=react__WEBPACK_IMPORTED_MODULE_0__.useState(),[expression,setExpression]=react__WEBPACK_IMPORTED_MODULE_0__.useState(!0),[v2Keypad,setV2Keypad]=react__WEBPACK_IMPORTED_MODULE_0__.useState(!0);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{null==keypadElement||keypadElement.configure({keypadType:expression?_index__WEBPACK_IMPORTED_MODULE_1__.H5.EXPRESSION:_index__WEBPACK_IMPORTED_MODULE_1__.H5.FRACTION,extraKeys:expression?["x","y","PI","THETA"]:[]},(()=>{}))}),[keypadElement,expression]),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{padding:"1rem 0"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{onClick:()=>setExpression(!expression)},"Use ".concat(expression?"Fraction":"Expression"," Keypad")),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{onClick:()=>setV2Keypad(!v2Keypad)},"Use ".concat(v2Keypad?"Legacy":"New"," Keypad"))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_1__.VF,{value,keypadElement,onChange:(newValue,callback)=>{setValue(newValue),callback()},onFocus:()=>{null==keypadElement||keypadElement.activate()},onBlur:()=>{null==keypadElement||keypadElement.dismiss()}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_index__WEBPACK_IMPORTED_MODULE_1__.IA,{onElementMounted:node=>{node&&setKeypadElement(node)},useV2Keypad:v2Keypad}))};Basic.parameters={storySource:{source:'() => {\n const [value, setValue] = React.useState("");\n // Reference to the keypad\n const [keypadElement, setKeypadElement] = React.useState();\n // Whether to use Expression or Fraction keypad\n const [expression, setExpression] = React.useState(true);\n // Whether to use v1 or v2 keypad\n const [v2Keypad, setV2Keypad] = React.useState(true);\n\n React.useEffect(() => {\n keypadElement?.configure(\n {\n keypadType: expression\n ? KeypadType.EXPRESSION\n : KeypadType.FRACTION,\n extraKeys: expression ? ["x", "y", "PI", "THETA"] : [],\n },\n () => {},\n );\n }, [keypadElement, expression]);\n\n return (\n
\n
\n \n \n
\n\n {\n setValue(newValue);\n callback();\n }}\n onFocus={() => {\n keypadElement?.activate();\n }}\n onBlur={() => {\n keypadElement?.dismiss();\n }}\n />\n\n {\n if (node) {\n setKeypadElement(node);\n }\n }}\n useV2Keypad={v2Keypad}\n />\n
\n );\n}'},...Basic.parameters}},"./packages/perseus-editor/src/__stories__/editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Demo:()=>Demo,DemoInteractiveGraph:()=>DemoInteractiveGraph,default:()=>editor_stories});var src=__webpack_require__("./packages/perseus/src/index.ts"),es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react=__webpack_require__("./node_modules/react/index.js"),side_by_side=__webpack_require__("./testing/side-by-side.tsx");const question1={content:"A sequence is defined recursively as follows:\n\n\n$\\qquad\\displaystyle{{a}_{n}}=-\\frac{1}{a_{n-1}-1} \n~~~~~~\\text{ with}\\qquad\\displaystyle{{a}_{0}}=\\frac{1}{2}\\,$\n\n\nFind the term $a_3$ in the sequence.\n\n[[☃ input-number 1]]",images:{},widgets:{"input-number 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"input-number",options:{maxError:.1,inexact:!1,value:.5,simplify:"required",answerType:"number",size:"normal"},alignment:"default"}}};var src_editor=__webpack_require__("./packages/perseus-editor/src/editor.tsx"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),index_all=__webpack_require__("./node_modules/underscore/modules/index-all.js");function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{PropCheckBox,TextListEditor}=src.wx,Categorizer=src.Cx.widget;class CategorizerEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",{className:"perseus-widget-row"},react.createElement(PropCheckBox,{label:"Randomize item order",labelAlignment:"right",randomizeItems:this.props.randomizeItems,onChange:this.props.onChange})),"Categories:",react.createElement(TextListEditor,{options:this.props.categories,onChange:cat=>{this.change("categories",cat)},layout:"horizontal"}),"Items:",react.createElement(TextListEditor,{options:this.props.items,onChange:items=>{this.change({items,values:index_all.ZP.first(this.props.values,items.length)})},layout:"vertical"}),react.createElement(Categorizer,{apiOptions:this.props.apiOptions,items:this.props.items,categories:this.props.categories,values:this.props.values,onChange:newProps=>{this.props.onChange(newProps)},trackInteraction:function(){}}))}}_defineProperty(CategorizerEditor,"propTypes",{...src.ye.i,apiOptions:src._E.propTypes,items:prop_types_default().arrayOf(prop_types_default().string),categories:prop_types_default().arrayOf(prop_types_default().string),values:prop_types_default().arrayOf(prop_types_default().number),randomizeItems:prop_types_default().bool}),_defineProperty(CategorizerEditor,"widgetName","categorizer"),_defineProperty(CategorizerEditor,"defaultProps",{items:[],categories:[],values:[],randomizeItems:!1});const categorizer_editor=CategorizerEditor;try{CategorizerEditor.displayName="CategorizerEditor",CategorizerEditor.__docgenInfo={description:"",displayName:"CategorizerEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/categorizer-editor.tsx#CategorizerEditor"]={docgenInfo:CategorizerEditor.__docgenInfo,name:"CategorizerEditor",path:"packages/perseus-editor/src/widgets/categorizer-editor.tsx#CategorizerEditor"})}catch(__react_docgen_typescript_loader_error){}var jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),blur_input=__webpack_require__("./packages/perseus-editor/src/components/blur-input.tsx");function cs_program_editor_defineProperty(obj,key,value){return(key=function cs_program_editor_toPropertyKey(arg){var key=function cs_program_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip,PropCheckBox:cs_program_editor_PropCheckBox}=src.wx;class PairEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,cs_program_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),cs_program_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("fieldset",{className:"pair-editor"},react.createElement("label",null,"Name:"," ",react.createElement(blur_input.Z,{value:this.props.name,onChange:this.change("name")})),react.createElement("label",null," ","Value:"," ",react.createElement(blur_input.Z,{value:this.props.value,onChange:this.change("value")})))}}cs_program_editor_defineProperty(PairEditor,"propTypes",{...src.ye.i,name:prop_types_default().string,value:prop_types_default().string}),cs_program_editor_defineProperty(PairEditor,"defaultProps",{name:"",value:""});class PairsEditor extends react.Component{constructor(){var _this2;super(...arguments),_this2=this,cs_program_editor_defineProperty(this,"change",(function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return src.ye.m.apply(_this2,args)})),cs_program_editor_defineProperty(this,"handlePairChange",((pairIndex,pair)=>{const pairs=this.props.pairs.slice();pairs[pairIndex]=pair;const lastPair=pairs[pairs.length-1];lastPair.name&&lastPair.value&&pairs.push({name:"",value:""}),this.change("pairs",pairs)})),cs_program_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const editors=index_all.ZP.map(this.props.pairs,((pair,i)=>react.createElement(PairEditor,{key:i,name:pair.name,value:pair.value,onChange:this.handlePairChange.bind(this,i)})));return react.createElement("div",null,editors)}}cs_program_editor_defineProperty(PairsEditor,"propTypes",{...src.ye.i,pairs:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().string,value:prop_types_default().string})).isRequired});const KA_PROGRAM_URL=/khanacademy\.org\/computer-programming\/[^\/]+\/(\d+)/;class CSProgramEditor extends react.Component{constructor(){var _this3;super(...arguments),_this3=this,cs_program_editor_defineProperty(this,"change",(function(){for(var _len3=arguments.length,args=new Array(_len3),_key3=0;_key3<_len3;_key3++)args[_key3]=arguments[_key3];return src.ye.m.apply(_this3,args)})),cs_program_editor_defineProperty(this,"_handleSettingsChange",(settings=>{this.change({settings:settings.pairs})})),cs_program_editor_defineProperty(this,"_handleProgramIDChange",(programID=>{programID=function isolateProgramID(programUrl){const match=KA_PROGRAM_URL.exec(programUrl);return match&&(programUrl=match[1]),programUrl}(programID);const{isDevServer,InitialRequestUrl}=src.dq.getDependencies(),host=isDevServer?InitialRequestUrl.origin:"https://www.khanacademy.org",baseUrl="".concat(host,"/api/internal/scratchpads/").concat(programID);jquery_default().getJSON(baseUrl).done((programInfo=>{const programType=programInfo.userAuthoredContentType;this.change({width:programInfo.width,height:programInfo.height,programID,programType})})).fail(((jqxhr,textStatus,error)=>{src.Zb.error("Error retrieving scratchpad info for program ID ",src.D1.TransientService,{cause:error,loggedMetadata:{textStatus,programID}}),this.change({width:400,height:400,programID,programType:null})}))})),cs_program_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("label",null,"Url or Program ID:"," ",react.createElement(blur_input.Z,{value:this.props.programID,onChange:this._handleProgramIDChange})),react.createElement("br",null),react.createElement(cs_program_editor_PropCheckBox,{label:"Show Editor",showEditor:this.props.showEditor,onChange:this.props.onChange}),react.createElement(InfoTip,null,'If you show the editor, you should use the "full-width" alignment to make room for the width of the editor.'),react.createElement("br",null),react.createElement(cs_program_editor_PropCheckBox,{label:"Show Buttons",showButtons:this.props.showButtons,onChange:this.props.onChange}),react.createElement("br",null),react.createElement("label",null,"Settings:",react.createElement(PairsEditor,{name:"settings",pairs:this.props.settings,onChange:this._handleSettingsChange}),react.createElement(InfoTip,null,"Settings that you add here are available to the program as an object returned by ",react.createElement("code",null,"Program.settings()"))))}}cs_program_editor_defineProperty(CSProgramEditor,"propTypes",{...src.ye.i}),cs_program_editor_defineProperty(CSProgramEditor,"widgetName","cs-program"),cs_program_editor_defineProperty(CSProgramEditor,"defaultProps",{programID:"",programType:null,settings:[{name:"",value:""}],showEditor:!1,showButtons:!1,width:400,height:400});const cs_program_editor=CSProgramEditor;try{CSProgramEditor.displayName="CSProgramEditor",CSProgramEditor.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",displayName:"CSProgramEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/cs-program-editor.tsx#CSProgramEditor"]={docgenInfo:CSProgramEditor.__docgenInfo,name:"CSProgramEditor",path:"packages/perseus-editor/src/widgets/cs-program-editor.tsx#CSProgramEditor"})}catch(__react_docgen_typescript_loader_error){}function definition_editor_defineProperty(obj,key,value){return(key=function definition_editor_toPropertyKey(arg){var key=function definition_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{TextInput}=src.wx;class DefinitionEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,definition_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),definition_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",{className:"perseus-widget-definition-editor"},react.createElement("a",{href:"https://docs.google.com/document/d/1udaPef4imOfTMhmLDlWq4SM0mxL0r3YHFZE-5J1uGfo",target:"_blank"},"Definition style guide"),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Word to be defined:"," ",react.createElement(TextInput,{value:this.props.togglePrompt,onChange:this.change("togglePrompt"),placeholder:"define me"}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src_editor.Z,{apiOptions:this.props.apiOptions,content:this.props.definition,widgetEnabled:!1,placeholder:"definition goes here",onChange:props=>{const newProps={};index_all.ZP.has(props,"content")&&(newProps.definition=props.content),this.change(newProps)}})))}}definition_editor_defineProperty(DefinitionEditor,"propTypes",{...src.ye.i,togglePrompt:prop_types_default().string,definition:prop_types_default().string,apiOptions:prop_types_default().any}),definition_editor_defineProperty(DefinitionEditor,"widgetName","definition"),definition_editor_defineProperty(DefinitionEditor,"defaultProps",{togglePrompt:"",definition:""});const definition_editor=DefinitionEditor;try{DefinitionEditor.displayName="DefinitionEditor",DefinitionEditor.__docgenInfo={description:"",displayName:"DefinitionEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/definition-editor.tsx#DefinitionEditor"]={docgenInfo:DefinitionEditor.__docgenInfo,name:"DefinitionEditor",path:"packages/perseus-editor/src/widgets/definition-editor.tsx#DefinitionEditor"})}catch(__react_docgen_typescript_loader_error){}var react_dom=__webpack_require__("./node_modules/react-dom/index.js");function dropdown_editor_defineProperty(obj,key,value){return(key=function dropdown_editor_toPropertyKey(arg){var key=function dropdown_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:dropdown_editor_InfoTip,InlineIcon}=src.wx,{iconPlus,iconTrash}=src.ci;class DropdownEditor extends react.Component{constructor(){super(...arguments),dropdown_editor_defineProperty(this,"onPlaceholderChange",(e=>{const placeholder=e.target.value;this.props.onChange({placeholder})})),dropdown_editor_defineProperty(this,"onCorrectChange",(choiceIndex=>{const choices=index_all.ZP.map(this.props.choices,(function(choice,i){return index_all.ZP.extend({},choice,{correct:i===choiceIndex})}));this.props.onChange({choices})})),dropdown_editor_defineProperty(this,"onContentChange",((choiceIndex,e)=>{const choices=this.props.choices.slice(),choice=index_all.ZP.clone(choices[choiceIndex]);choice.content=e.target.value,choices[choiceIndex]=choice,this.props.onChange({choices})})),dropdown_editor_defineProperty(this,"addChoice",(e=>{e.preventDefault();const choices=this.props.choices;this.props.onChange({choices:choices.concat([{content:"",correct:!1}])},this.focus.bind(this,choices.length))})),dropdown_editor_defineProperty(this,"removeChoice",((choiceIndex,e)=>{e.preventDefault();const choices=(0,index_all.ZP)(this.props.choices).clone();choices.splice(choiceIndex,1),this.props.onChange({choices})})),dropdown_editor_defineProperty(this,"focus",(i=>(react_dom.findDOMNode(this.refs["editor"+i]).focus(),!0))),dropdown_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const dropdownGroupName=index_all.ZP.uniqueId("perseus_dropdown_");return react.createElement("div",{className:"perseus-widget-dropdown"},react.createElement("div",{className:"dropdown-info"},"Dropdown",react.createElement(dropdown_editor_InfoTip,null,react.createElement("p",null,"The drop down is useful for making inequalities in a custom format. We normally use the symbols ","<",","," ",">",', ≤, ≥ (in that order) which you can copy into the choices. When possible, use the "multiple choice" answer type instead.'))),react.createElement("div",{className:"dropdown-placeholder"},react.createElement("input",{type:"text",placeholder:"Placeholder value",value:this.props.placeholder,onChange:this.onPlaceholderChange}),react.createElement(dropdown_editor_InfoTip,null,react.createElement("p",null,"This value will appear as the drop down default. It should give the user some indication of the values available in the drop down itself, e.g., Yes/No/Maybe."))),react.createElement("div",{className:"clearfix"}),react.createElement("ul",{className:"dropdown-choices"},this.props.choices.map((function(choice,i){const checkedClass=choice.correct?"correct":"incorrect";return react.createElement("li",{key:""+i},react.createElement("div",null,react.createElement("input",{ref:"radio"+i,type:"radio",name:dropdownGroupName,checked:choice.correct?"checked":"",onChange:this.onCorrectChange.bind(this,i),value:i}),react.createElement("input",{type:"text",ref:"editor"+i,onChange:this.onContentChange.bind(this,i),className:checkedClass,value:choice.content}),react.createElement("a",{href:"#",className:"simple-button orange",onClick:this.removeChoice.bind(this,i)},react.createElement("span",{className:"remove-choice"},react.createElement(InlineIcon,iconTrash)))))}),this)),react.createElement("div",{className:"add-choice-container"},react.createElement("a",{href:"#",className:"simple-button orange",onClick:this.addChoice},react.createElement(InlineIcon,iconPlus)," Add a choice"," ")))}}dropdown_editor_defineProperty(DropdownEditor,"propTypes",{choices:prop_types_default().arrayOf(prop_types_default().shape({content:prop_types_default().string,correct:prop_types_default().bool})),placeholder:prop_types_default().string}),dropdown_editor_defineProperty(DropdownEditor,"widgetName","dropdown"),dropdown_editor_defineProperty(DropdownEditor,"defaultProps",{placeholder:"",choices:[{content:"",correct:!1}]});const dropdown_editor=DropdownEditor;try{DropdownEditor.displayName="DropdownEditor",DropdownEditor.__docgenInfo={description:"",displayName:"DropdownEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/dropdown-editor.tsx#DropdownEditor"]={docgenInfo:DropdownEditor.__docgenInfo,name:"DropdownEditor",path:"packages/perseus-editor/src/widgets/dropdown-editor.tsx#DropdownEditor"})}catch(__react_docgen_typescript_loader_error){}var kmath_src=__webpack_require__("./packages/kmath/src/index.ts");function example_graphie_widget_defineProperty(obj,key,value){return(key=function example_graphie_widget_toPropertyKey(arg){var key=function example_graphie_widget_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{Graphie}=src.wx,MovablePoint=Graphie.MovablePoint;class ExampleGraphieWidget extends react.Component{constructor(){var _this;super(...arguments),_this=this,example_graphie_widget_defineProperty(this,"getUserInput",(()=>src.E.getUserInput.call(this))),example_graphie_widget_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),example_graphie_widget_defineProperty(this,"movePoint",(newCoord=>{this.change({coord:newCoord})})),example_graphie_widget_defineProperty(this,"_getGridConfig",(options=>index_all.ZP.map(options.step,(function(step,i){return src.Zr.gridDimensionConfig(step,options.range[i],options.box[i],options.gridStep[i])})))),example_graphie_widget_defineProperty(this,"setupGraphie",((graphie,options)=>{const gridConfig=this._getGridConfig(options);graphie.graphInit({range:options.range,scale:index_all.ZP.pluck(gridConfig,"scale"),axisArrows:"<->",labelFormat:function(s){return"\\small{"+s+"}"},gridStep:options.gridStep,tickStep:index_all.ZP.pluck(gridConfig,"tickStep"),labelStep:1,unityLabels:index_all.ZP.pluck(gridConfig,"unityLabel")}),graphie.label([0,options.range[1][1]],options.labels[1],"above")})),example_graphie_widget_defineProperty(this,"simpleValidate",(rubric=>ExampleGraphieWidget.validate(this.getUserInput(),rubric)))}static validate(state,rubric){return null==state.coord?{type:"invalid",message:null}:kmath_src.xm.equal(state.coord,rubric.correct)?{type:"points",earned:1,total:1,message:null}:{type:"points",earned:0,total:1,message:null}}render(){return react.createElement(Graphie,{ref:"graphie",box:this.props.graph.box,range:this.props.graph.range,options:this.props.graph,setup:this.setupGraphie,setDrawingAreaAvailable:this.props.apiOptions.setDrawingAreaAvailable},react.createElement(MovablePoint,{pointSize:5,coord:this.props.coord||[0,0],constraints:[MovablePoint.constraints.snap(),MovablePoint.constraints.bound()],onMove:this.movePoint}))}}example_graphie_widget_defineProperty(ExampleGraphieWidget,"propTypes",{...src.ye.i,apiOptions:src._E.propTypes,graph:prop_types_default().object.isRequired,coord:prop_types_default().arrayOf(prop_types_default().number)}),example_graphie_widget_defineProperty(ExampleGraphieWidget,"defaultProps",{coord:null,graph:{box:[400,400],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],valid:!0,backgroundImage:null,markings:"grid",showProtractor:!1}});const example_graphie_widget={name:"example-graphie-widget",displayName:"Example Graphie Widget",hidden:!0,widget:ExampleGraphieWidget};try{examplegraphiewidget.displayName="examplegraphiewidget",examplegraphiewidget.__docgenInfo={description:"For this widget to work, we must export it.\nWe also must import this file in src/all-widgets.js",displayName:"examplegraphiewidget",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/example-graphie-widget.tsx#examplegraphiewidget"]={docgenInfo:examplegraphiewidget.__docgenInfo,name:"examplegraphiewidget",path:"packages/perseus-editor/src/widgets/example-graphie-widget.tsx#examplegraphiewidget"})}catch(__react_docgen_typescript_loader_error){}function example_graphie_widget_editor_defineProperty(obj,key,value){return(key=function example_graphie_widget_editor_toPropertyKey(arg){var key=function example_graphie_widget_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const example_graphie_widget_editor_ExampleGraphieWidget=example_graphie_widget.widget;class ExampleGraphieWidgetEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,example_graphie_widget_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),example_graphie_widget_editor_defineProperty(this,"handleChange",(newProps=>{newProps.coord&&this.change({correct:newProps.coord})})),example_graphie_widget_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement(example_graphie_widget_editor_ExampleGraphieWidget,{graph:this.props.graph,coord:this.props.correct,onChange:this.handleChange,apiOptions:this.props.apiOptions}))}}example_graphie_widget_editor_defineProperty(ExampleGraphieWidgetEditor,"propTypes",{...src.ye.i}),example_graphie_widget_editor_defineProperty(ExampleGraphieWidgetEditor,"widgetName","example-graphie-widget"),example_graphie_widget_editor_defineProperty(ExampleGraphieWidgetEditor,"defaultProps",{correct:[4,4],graph:{box:[340,340],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],valid:!0,backgroundImage:null,markings:"grid",showProtractor:!1}});const example_graphie_widget_editor=ExampleGraphieWidgetEditor;try{ExampleGraphieWidgetEditor.displayName="ExampleGraphieWidgetEditor",ExampleGraphieWidgetEditor.__docgenInfo={description:"This is the widget's editor. This is what shows up on the left side\nof the screen in the demo page. Only the question writer sees this.",displayName:"ExampleGraphieWidgetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/example-graphie-widget-editor.tsx#ExampleGraphieWidgetEditor"]={docgenInfo:ExampleGraphieWidgetEditor.__docgenInfo,name:"ExampleGraphieWidgetEditor",path:"packages/perseus-editor/src/widgets/example-graphie-widget-editor.tsx#ExampleGraphieWidgetEditor"})}catch(__react_docgen_typescript_loader_error){}function example_widget_editor_defineProperty(obj,key,value){return(key=function example_widget_editor_toPropertyKey(arg){var key=function example_widget_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class ExampleWidgetEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,example_widget_editor_defineProperty(this,"handleAnswerChange",(event=>{this.change({correct:event.target.value})})),example_widget_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),example_widget_editor_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),example_widget_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("label",null,"Correct answer:",react.createElement("input",{value:this.props.correct,onChange:this.handleAnswerChange,ref:"input"})))}}example_widget_editor_defineProperty(ExampleWidgetEditor,"propTypes",{...src.ye.i}),example_widget_editor_defineProperty(ExampleWidgetEditor,"widgetName","example-widget"),example_widget_editor_defineProperty(ExampleWidgetEditor,"defaultProps",{correct:""});const example_widget_editor=ExampleWidgetEditor;try{ExampleWidgetEditor.displayName="ExampleWidgetEditor",ExampleWidgetEditor.__docgenInfo={description:"This is the widget's editor. This is what shows up on the left side\nof the screen in the demo. Only the question writer sees this.",displayName:"ExampleWidgetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/example-widget-editor.tsx#ExampleWidgetEditor"]={docgenInfo:ExampleWidgetEditor.__docgenInfo,name:"ExampleWidgetEditor",path:"packages/perseus-editor/src/widgets/example-widget-editor.tsx#ExampleWidgetEditor"})}catch(__react_docgen_typescript_loader_error){}function explanation_editor_defineProperty(obj,key,value){return(key=function explanation_editor_toPropertyKey(arg){var key=function explanation_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{TextInput:explanation_editor_TextInput}=src.wx;class ExplanationEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,explanation_editor_defineProperty(this,"state",{}),explanation_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),explanation_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",{className:"perseus-widget-explanation-editor"},react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Prompt to show explanation:"," ",react.createElement(explanation_editor_TextInput,{value:this.props.showPrompt,onChange:this.change("showPrompt")}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Prompt to hide explanation:"," ",react.createElement(explanation_editor_TextInput,{value:this.props.hidePrompt,onChange:this.change("hidePrompt")}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src_editor.Z,{apiOptions:this.props.apiOptions,content:this.props.explanation,widgets:this.props.widgets,widgetEnabled:!0,immutableWidgets:!1,onChange:props=>{const newProps={};index_all.ZP.has(props,"content")&&(newProps.explanation=props.content),index_all.ZP.has(props,"widgets")&&(newProps.widgets=props.widgets),this.change(newProps)}})))}}explanation_editor_defineProperty(ExplanationEditor,"propTypes",{...src.ye.i,showPrompt:prop_types_default().string,hidePrompt:prop_types_default().string,explanation:prop_types_default().string,widgets:prop_types_default().object,apiOptions:prop_types_default().any}),explanation_editor_defineProperty(ExplanationEditor,"widgetName","explanation"),explanation_editor_defineProperty(ExplanationEditor,"defaultProps",{showPrompt:"Explain",hidePrompt:"Hide explanation",explanation:"explanation goes here\n\nmore explanation",widgets:{}});const explanation_editor=ExplanationEditor;try{ExplanationEditor.displayName="ExplanationEditor",ExplanationEditor.__docgenInfo={description:"",displayName:"ExplanationEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/explanation-editor.tsx#ExplanationEditor"]={docgenInfo:ExplanationEditor.__docgenInfo,name:"ExplanationEditor",path:"packages/perseus-editor/src/widgets/explanation-editor.tsx#ExplanationEditor"})}catch(__react_docgen_typescript_loader_error){}var expression_editor=__webpack_require__("./packages/perseus-editor/src/widgets/expression-editor.tsx"),lib=__webpack_require__("./node_modules/aphrodite/lib/index.js");function graded_group_editor_defineProperty(obj,key,value){return(key=function graded_group_editor_toPropertyKey(arg){var key=function graded_group_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InlineIcon:graded_group_editor_InlineIcon,TextInput:graded_group_editor_TextInput}=src.wx,{iconPlus:graded_group_editor_iconPlus,iconTrash:graded_group_editor_iconTrash}=src.ci;class GradedGroupEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,graded_group_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),graded_group_editor_defineProperty(this,"handleAddHint",(()=>{this.props.onChange({hint:{content:""}},(()=>{this.refs["hint-editor"].focus()}))})),graded_group_editor_defineProperty(this,"handleRemoveHint",(e=>{this.props.onChange({hint:null})})),graded_group_editor_defineProperty(this,"getSaveWarnings",(()=>this.refs.editor.getSaveWarnings())),graded_group_editor_defineProperty(this,"serialize",(()=>({title:this.props.title,...this.refs.editor.serialize(),hint:this.refs["hint-editor"]&&this.refs["hint-editor"].serialize()})))}render(){return react.createElement("div",{className:"perseus-group-editor"},react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",{className:(0,lib.css)(styles.title)},"Title:"," ",react.createElement(graded_group_editor_TextInput,{value:this.props.title,className:(0,lib.css)(styles.input),onChange:this.change("title")}))),react.createElement(src_editor.Z,{ref:"editor",content:this.props.content,widgets:this.props.widgets,apiOptions:this.props.apiOptions,images:this.props.images,widgetEnabled:!0,immutableWidgets:!1,onChange:this.props.onChange,warnNoPrompt:!0,warnNoWidgets:!0}),!this.props.hint&&react.createElement("button",{type:"button",style:{marginTop:10},className:"add-hint simple-button orange",onClick:this.handleAddHint},react.createElement(graded_group_editor_InlineIcon,graded_group_editor_iconPlus)," Add a hint"),this.props.hint&&react.createElement("div",{className:"perseus-hint-editor"},react.createElement("div",{className:(0,lib.css)(styles.hintsTitle)},"Hint"),react.createElement(src_editor.Z,{ref:"hint-editor",content:this.props.hint?this.props.hint.content:"",widgets:this.props.hint?this.props.hint.widgets:{},apiOptions:this.props.apiOptions,images:this.props.hint&&this.props.hint.images,widgetEnabled:!0,immutableWidgets:!1,onChange:props=>{this.change("hint",Object.assign({},this.props.hint,props))}}),react.createElement("button",{type:"button",className:"remove-hint simple-button orange",onClick:this.handleRemoveHint},react.createElement(graded_group_editor_InlineIcon,graded_group_editor_iconTrash)," Remove this hint")))}}graded_group_editor_defineProperty(GradedGroupEditor,"propTypes",{...src.ye.i,title:prop_types_default().string,content:prop_types_default().string,widgets:prop_types_default().object,images:prop_types_default().object,apiOptions:src._E.propTypes}),graded_group_editor_defineProperty(GradedGroupEditor,"widgetName","graded-group"),graded_group_editor_defineProperty(GradedGroupEditor,"defaultProps",{title:"",content:"",widgets:{},images:{},hint:null});const styles=lib.StyleSheet.create({title:{fontSize:18,fontWeight:"bold"},input:{fontSize:18},hintsTitle:{marginTop:10,fontSize:"110%",fontWeight:"bold"}}),graded_group_editor=GradedGroupEditor;try{GradedGroupEditor.displayName="GradedGroupEditor",GradedGroupEditor.__docgenInfo={description:"",displayName:"GradedGroupEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/graded-group-editor.tsx#GradedGroupEditor"]={docgenInfo:GradedGroupEditor.__docgenInfo,name:"GradedGroupEditor",path:"packages/perseus-editor/src/widgets/graded-group-editor.tsx#GradedGroupEditor"})}catch(__react_docgen_typescript_loader_error){}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i[].concat(...this._editors.map((editor=>editor?editor.getSaveWarnings():[]))))),graded_group_set_editor_defineProperty(this,"serialize",(()=>({gradedGroups:this.props.gradedGroups}))),graded_group_set_editor_defineProperty(this,"renderGroups",(()=>this.props.gradedGroups?this.props.gradedGroups.map(((group,i)=>react.createElement(graded_group_editor,_extends({key:i,ref:el=>this._editors[i]=el},group,{apiOptions:this.props.apiOptions,widgetEnabled:!0,immutableWidgets:!1,onChange:data=>this.change("gradedGroups",setArrayItem(this.props.gradedGroups,i,{...this.props.gradedGroups[i],...data}))})))):null)),graded_group_set_editor_defineProperty(this,"addGroup",(()=>{const groups=this.props.gradedGroups||[];this.change("gradedGroups",groups.concat([graded_group_editor.defaultProps]))}))}UNSAFE_componentWillMount(){this._editors=[]}render(){return react.createElement("div",{className:"perseus-group-editor"},this.renderGroups(),react.createElement("button",{onClick:this.addGroup},"Add group"))}}graded_group_set_editor_defineProperty(GradedGroupSetEditor,"propTypes",{...src.ye.i,apiOptions:src._E.propTypes,gradedGroups:prop_types_default().array,onChange:prop_types_default().func.isRequired}),graded_group_set_editor_defineProperty(GradedGroupSetEditor,"widgetName","graded-group-set"),graded_group_set_editor_defineProperty(GradedGroupSetEditor,"defaultProps",{gradedGroups:[]});const setArrayItem=(list,i,value)=>[...list.slice(0,i),value,...list.slice(i+1)],graded_group_set_editor=GradedGroupSetEditor;try{GradedGroupSetEditor.displayName="GradedGroupSetEditor",GradedGroupSetEditor.__docgenInfo={description:"",displayName:"GradedGroupSetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/graded-group-set-editor.tsx#GradedGroupSetEditor"]={docgenInfo:GradedGroupSetEditor.__docgenInfo,name:"GradedGroupSetEditor",path:"packages/perseus-editor/src/widgets/graded-group-set-editor.tsx#GradedGroupSetEditor"})}catch(__react_docgen_typescript_loader_error){}var create_react_class=__webpack_require__("./node_modules/create-react-class/index.js"),create_react_class_default=__webpack_require__.n(create_react_class);const{ButtonGroup,InfoTip:graph_settings_InfoTip,PropCheckBox:graph_settings_PropCheckBox,RangeInput}=src.wx,{getDependencies}=src.dq,defaultBackgroundImage={url:null,width:0,height:0};const graph_settings=create_react_class_default()({displayName:"GraphSettings",propTypes:{...src.ye.i,editableSettings:prop_types_default().arrayOf(prop_types_default().oneOf(["canvas","graph","snap","image","measure"])),box:prop_types_default().arrayOf(prop_types_default().number),labels:prop_types_default().arrayOf(prop_types_default().string),range:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().number)),step:prop_types_default().arrayOf(prop_types_default().number),gridStep:prop_types_default().arrayOf(prop_types_default().number),snapStep:prop_types_default().arrayOf(prop_types_default().number),valid:prop_types_default().oneOfType([prop_types_default().bool,prop_types_default().string]),backgroundImage:prop_types_default().object,markings:prop_types_default().oneOf(["graph","grid","none"]),showProtractor:prop_types_default().bool,showRuler:prop_types_default().bool,showTooltips:prop_types_default().bool,rulerLabel:prop_types_default().string,rulerTicks:prop_types_default().number},getDefaultProps:function(){return{editableSettings:["graph","snap","image","measure"],box:[src.Yu.defaultBoxSizeSmall,src.Yu.defaultBoxSizeSmall],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:defaultBackgroundImage,markings:"graph",showProtractor:!1,showRuler:!1,showTooltips:!1,rulerLabel:"",rulerTicks:10}},getInitialState:function(){return this.stateFromProps(this.props)},componentDidMount:function(){this._isMounted=!0,this.changeGraph=index_all.ZP.debounce(this.changeGraph,300)},UNSAFE_componentWillReceiveProps:function(nextProps){index_all.ZP.isEqual(this.props.labels,nextProps.labels)&&index_all.ZP.isEqual(this.props.gridStep,nextProps.gridStep)&&index_all.ZP.isEqual(this.props.snapStep,nextProps.snapStep)&&index_all.ZP.isEqual(this.props.step,nextProps.step)&&index_all.ZP.isEqual(this.props.range,nextProps.range)&&index_all.ZP.isEqual(this.props.backgroundImage,nextProps.backgroundImage)||this.setState(this.stateFromProps(nextProps))},componentWillUnmount:function(){this._isMounted=!1},stateFromProps:function(props){return{labelsTextbox:props.labels,gridStepTextbox:props.gridStep,snapStepTextbox:props.snapStep,stepTextbox:props.step,rangeTextbox:props.range,backgroundImage:index_all.ZP.clone(props.backgroundImage)}},change(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(this,args)},changeRulerLabel:function(e){this.change({rulerLabel:e.target.value})},changeRulerTicks:function(e){this.change({rulerTicks:+e.target.value})},changeBackgroundUrl:function(e){if("keypress"===e.type&&"Enter"!==e.key)return;const setUrl=(url,width,height)=>{const image=index_all.ZP.clone(this.props.backgroundImage);image.url=url,image.width=width,image.height=height,this.setState({backgroundImage:image},this.changeGraph)},url=react_dom.findDOMNode(this.refs["bg-url"]).value;url?src.Zr.getImageSize(url,((width,height)=>{this._isMounted&&setUrl(url,width,height)})):setUrl(null,0,0)},renderLabelChoices:function(choices){return index_all.ZP.map(choices,(function(nameAndValue){return react.createElement("option",{value:nameAndValue[1]},nameAndValue[0])}))},validRange:function(range){return index_all.ZP.every(range,(function(num){return index_all.ZP.isFinite(num)}))?!(range[0]>=range[1])||"Range must have a higher number on the right":"Range must be a valid number"},validateStepValue:function(settings){const{step,range,name,minTicks,maxTicks}=settings;if(!index_all.ZP.isFinite(step))return name+" must be a valid number";const nSteps=function numSteps(range,step){return Math.floor((range[1]-range[0])/step)}(range,step);return nStepsmaxTicks)||name+" is too small, there can be at most "+maxTicks+" ticks."},validSnapStep:function(step,range){return this.validateStepValue({step,range,name:"Snap step",minTicks:5,maxTicks:60})},validGridStep:function(step,range){return this.validateStepValue({step,range,name:"Grid step",minTicks:3,maxTicks:60})},validStep:function(step,range){return this.validateStepValue({step,range,name:"Step",minTicks:3,maxTicks:20})},validBackgroundImageSize:function(image){if(!image.url)return!0;return!!(image.width<=450&&image.height<=450)||"Image must be smaller than 450px x 450px."},validateGraphSettings:function(range,step,gridStep,snapStep,image){const self=this;let msg;const goodRange=index_all.ZP.every(range,(function(range){return msg=self.validRange(range),!0===msg}));if(!goodRange)return msg;const goodStep=index_all.ZP.every(step,(function(step,i){return msg=self.validStep(step,range[i]),!0===msg}));if(!goodStep)return msg;const goodGridStep=index_all.ZP.every(gridStep,(function(gridStep,i){return msg=self.validGridStep(gridStep,range[i]),!0===msg}));if(!goodGridStep)return msg;const goodSnapStep=index_all.ZP.every(snapStep,(function(snapStep,i){return msg=self.validSnapStep(snapStep,range[i]),!0===msg}));if(!goodSnapStep)return msg;const goodImageSize=this.validBackgroundImageSize(image);return!0===goodImageSize||(msg=goodImageSize,msg)},changeLabel:function(i,e){const val=e.target.value,labels=this.state.labelsTextbox.slice();labels[i]=val,this.setState({labelsTextbox:labels},this.changeGraph)},changeRange:function(i,values){const ranges=this.state.rangeTextbox.slice();ranges[i]=values;const step=this.state.stepTextbox.slice(),gridStep=this.state.gridStepTextbox.slice(),snapStep=this.state.snapStepTextbox.slice(),scale=src.Zr.scaleFromExtent(ranges[i],this.props.box[i]);!0===this.validRange(ranges[i])&&(step[i]=src.Zr.tickStepFromExtent(ranges[i],this.props.box[i]),gridStep[i]=src.Zr.gridStepFromTickStep(step[i],scale),snapStep[i]=gridStep[i]/2),this.setState({stepTextbox:step,gridStepTextbox:gridStep,snapStepTextbox:snapStep,rangeTextbox:ranges},this.changeGraph)},changeStep:function(step){this.setState({stepTextbox:step},this.changeGraph)},changeSnapStep:function(snapStep){this.setState({snapStepTextbox:snapStep},this.changeGraph)},changeGridStep:function(gridStep){this.setState({gridStepTextbox:gridStep,snapStepTextbox:index_all.ZP.map(gridStep,(function(step){return step/2}))},this.changeGraph)},changeGraph:function(){const labels=this.state.labelsTextbox,range=index_all.ZP.map(this.state.rangeTextbox,(function(range){return index_all.ZP.map(range,Number)})),step=index_all.ZP.map(this.state.stepTextbox,Number),gridStep=this.state.gridStepTextbox,snapStep=this.state.snapStepTextbox,image=this.state.backgroundImage,validationResult=this.validateGraphSettings(range,step,gridStep,snapStep,image);!0===validationResult?this.change({valid:!0,labels,range,step,gridStep,snapStep,backgroundImage:image}):this.change({valid:validationResult})},render:function(){const scale=[src.TR.roundTo(2,src.Zr.scaleFromExtent(this.props.range[0],this.props.box[0])),src.TR.roundTo(2,src.Zr.scaleFromExtent(this.props.range[1],this.props.box[1]))],{TeX}=getDependencies();return react.createElement("div",null,index_all.ZP.contains(this.props.editableSettings,"canvas")&&react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},"Canvas size (x,y pixels)",react.createElement(RangeInput,{value:this.props.box,onChange:box=>{this.change({box})}})),react.createElement("div",{className:"perseus-widget-row"},"Scale (px per div):"," ",react.createElement(TeX,null,"("+scale[0]+", "+scale[1]+")"))),index_all.ZP.contains(this.props.editableSettings,"graph")&&react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"}," ","x Label",react.createElement("input",{type:"text",className:"graph-settings-axis-label",ref:"labels-0",onChange:e=>this.changeLabel(0,e),value:this.state.labelsTextbox[0]||""})),react.createElement("div",{className:"perseus-widget-right-col"},"y Label",react.createElement("input",{type:"text",className:"graph-settings-axis-label",ref:"labels-1",onChange:e=>this.changeLabel(1,e),value:this.state.labelsTextbox[1]||""}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"x Range",react.createElement(RangeInput,{value:this.state.rangeTextbox[0],onChange:vals=>this.changeRange(0,vals)})),react.createElement("div",{className:"perseus-widget-right-col"},"y Range",react.createElement(RangeInput,{value:this.state.rangeTextbox[1],onChange:vals=>this.changeRange(1,vals)}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Tick Step",react.createElement(RangeInput,{value:this.state.stepTextbox,onChange:this.changeStep})),react.createElement("div",{className:"perseus-widget-right-col"},"Grid Step",react.createElement(RangeInput,{value:this.state.gridStepTextbox,onChange:this.changeGridStep}))),index_all.ZP.contains(this.props.editableSettings,"snap")&&react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Snap Step",react.createElement(RangeInput,{value:this.state.snapStepTextbox,onChange:this.changeSnapStep}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Markings: "),react.createElement(ButtonGroup,{value:this.props.markings,allowEmpty:!1,buttons:[{value:"graph",content:"Graph"},{value:"grid",content:"Grid"},{value:"none",content:"None"}],onChange:this.change("markings")})),react.createElement("div",{className:"perseus-widget-left-col"},react.createElement(graph_settings_PropCheckBox,{label:"Show tooltips",showTooltips:this.props.showTooltips,onChange:this.change}))),index_all.ZP.contains(this.props.editableSettings,"image")&&react.createElement("div",{className:"image-settings"},react.createElement("div",null,"Background image:"),react.createElement("div",null,"Url:"," ",react.createElement("input",{type:"text",className:"graph-settings-background-url",ref:"bg-url",value:this.state.backgroundImage.url||"",onChange:e=>{const image=index_all.ZP.clone(this.props.backgroundImage);image.url=e.target.value,this.setState({backgroundImage:image})},onKeyPress:this.changeBackgroundUrl,onBlur:this.changeBackgroundUrl}),react.createElement(graph_settings_InfoTip,null,react.createElement("p",null,'Create an image in graphie, or use the "Add image" function to create a background.')))),index_all.ZP.contains(this.props.editableSettings,"measure")&&react.createElement("div",{className:"misc-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},react.createElement(graph_settings_PropCheckBox,{label:"Show ruler",showRuler:this.props.showRuler,onChange:this.change})),react.createElement("div",{className:"perseus-widget-right-col"},react.createElement(graph_settings_PropCheckBox,{label:"Show protractor",showProtractor:this.props.showProtractor,onChange:this.change}))),this.props.showRuler&&react.createElement("div",null,react.createElement("div",null,react.createElement("label",null," ","Ruler label:"," ",react.createElement("select",{onChange:this.changeRulerLabel,value:this.props.rulerLabel},react.createElement("option",{value:""},"None"),react.createElement("optgroup",{label:"Metric"},this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])),react.createElement("optgroup",{label:"Imperial"},this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]]))))),react.createElement("div",null,react.createElement("label",null," ","Ruler ticks:"," ",react.createElement("select",{onChange:this.changeRulerTicks,value:this.props.rulerTicks},index_all.ZP.map([1,2,4,8,10,16],(function(n){return react.createElement("option",{value:n},n)}))))))))}});function grapher_editor_extends(){return grapher_editor_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{let correct=this.props.correct;if(!index_all.ZP.contains(newAvailableTypes,this.props.correct.type)){const graph=this.props.graph,newType=chooseType(newAvailableTypes);correct=defaultPlotProps(newType,graph)}this.props.onChange({availableTypes:newAvailableTypes,correct})})),grapher_editor_defineProperty(this,"serialize",(()=>index_all.ZP.chain(this.props).pick("correct","availableTypes").extend({graph:index_all.ZP.omit(this.props.graph,"box")}).value()))}render(){const sizeClass=containerSizeClass.SMALL;let equationString,graph;if(!0===this.props.graph.valid){const graphProps={graph:this.props.graph,plot:this.props.correct,availableTypes:this.props.availableTypes,onChange:(newProps,cb)=>{var _newProps$plot;let correct=this.props.correct;correct=correct.type===(null===(_newProps$plot=newProps.plot)||void 0===_newProps$plot?void 0:_newProps$plot.type)?index_all.ZP.extend({},correct,newProps.plot):newProps.plot,this.props.onChange({correct},cb)},trackInteraction:function(){}};graph=react.createElement(Grapher,grapher_editor_extends({},graphProps,{apiOptions:this.props.apiOptions,containerSizeClass:sizeClass})),equationString=getEquationString(graphProps)}else graph=react.createElement("div",{className:"perseus-error"},this.props.graph.valid);return react.createElement("div",null,react.createElement("div",null,"Correct answer"," ",react.createElement(grapher_editor_InfoTip,null,react.createElement("p",null,"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."))," ",": ",equationString),react.createElement(graph_settings,{editableSettings:["graph","snap","image"],box:getInteractiveBoxFromSizeClass(sizeClass),range:this.props.graph.range,labels:this.props.graph.labels,step:this.props.graph.step,gridStep:this.props.graph.gridStep,snapStep:this.props.graph.snapStep,valid:this.props.graph.valid,backgroundImage:this.props.graph.backgroundImage,markings:this.props.graph.markings,rulerLabel:this.props.graph.rulerLabel,rulerTicks:this.props.graph.rulerTicks,showTooltips:this.props.graph.showTooltips,onChange:this.change("graph")}),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Available functions: "),react.createElement(MultiButtonGroup,{allowEmpty:!1,values:this.props.availableTypes,buttons:index_all.ZP.map(allTypes,typeToButton),onChange:this.handleAvailableTypesChange})),graph)}}grapher_editor_defineProperty(GrapherEditor,"propTypes",{...src.ye.i}),grapher_editor_defineProperty(GrapherEditor,"widgetName","grapher"),grapher_editor_defineProperty(GrapherEditor,"defaultProps",{correct:DEFAULT_GRAPHER_PROPS.plot,graph:DEFAULT_GRAPHER_PROPS.graph,availableTypes:DEFAULT_GRAPHER_PROPS.availableTypes});const grapher_editor=GrapherEditor;try{GrapherEditor.displayName="GrapherEditor",GrapherEditor.__docgenInfo={description:"",displayName:"GrapherEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/grapher-editor.tsx#GrapherEditor"]={docgenInfo:GrapherEditor.__docgenInfo,name:"GrapherEditor",path:"packages/perseus-editor/src/widgets/grapher-editor.tsx#GrapherEditor"})}catch(__react_docgen_typescript_loader_error){}function group_editor_defineProperty(obj,key,value){return(key=function group_editor_toPropertyKey(arg){var key=function group_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class GroupEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,group_editor_defineProperty(this,"_renderMetadataEditor",(()=>{const GroupMetadataEditor=this.props.apiOptions.GroupMetadataEditor;return react.createElement(GroupMetadataEditor,{value:this.props.metadata,onChange:this.change("metadata")})})),group_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),group_editor_defineProperty(this,"getSaveWarnings",(()=>this.refs.editor.getSaveWarnings())),group_editor_defineProperty(this,"serialize",(()=>index_all.ZP.extend({},this.refs.editor.serialize(),{metadata:this.props.metadata})))}render(){return react.createElement("div",{className:"perseus-group-editor"},react.createElement("div",null,this._renderMetadataEditor()),react.createElement(src_editor.Z,{ref:"editor",content:this.props.content,widgets:this.props.widgets,apiOptions:this.props.apiOptions,images:this.props.images,widgetEnabled:!0,immutableWidgets:!1,onChange:this.props.onChange}))}}group_editor_defineProperty(GroupEditor,"propTypes",{...src.ye.i,content:prop_types_default().string,widgets:prop_types_default().object,images:prop_types_default().object,metadata:prop_types_default().any,apiOptions:src._E.propTypes}),group_editor_defineProperty(GroupEditor,"widgetName","group"),group_editor_defineProperty(GroupEditor,"defaultProps",{content:"",widgets:{},images:{},metadata:void 0});const group_editor=GroupEditor;try{GroupEditor.displayName="GroupEditor",GroupEditor.__docgenInfo={description:"",displayName:"GroupEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/group-editor.tsx#GroupEditor"]={docgenInfo:GroupEditor.__docgenInfo,name:"GroupEditor",path:"packages/perseus-editor/src/widgets/group-editor.tsx#GroupEditor"})}catch(__react_docgen_typescript_loader_error){}function iframe_editor_defineProperty(obj,key,value){return(key=function iframe_editor_toPropertyKey(arg){var key=function iframe_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{PropCheckBox:iframe_editor_PropCheckBox}=src.wx;class iframe_editor_PairEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,iframe_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),iframe_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("fieldset",null,react.createElement("label",null,"Name:",react.createElement(blur_input.Z,{value:this.props.name,onChange:this.change("name")})),react.createElement("label",null,"Value:",react.createElement(blur_input.Z,{value:this.props.value,onChange:this.change("value")})))}}iframe_editor_defineProperty(iframe_editor_PairEditor,"propTypes",{...src.ye.i,name:prop_types_default().string,value:prop_types_default().string}),iframe_editor_defineProperty(iframe_editor_PairEditor,"defaultProps",{name:"",value:""});class iframe_editor_PairsEditor extends react.Component{constructor(){var _this2;super(...arguments),_this2=this,iframe_editor_defineProperty(this,"change",(function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return src.ye.m.apply(_this2,args)})),iframe_editor_defineProperty(this,"handlePairChange",((pairIndex,pair)=>{const pairs=this.props.pairs.slice();pairs[pairIndex]=pair;const lastPair=pairs[pairs.length-1];lastPair.name&&lastPair.value&&pairs.push({name:"",value:""}),this.change("pairs",pairs)})),iframe_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const editors=index_all.ZP.map(this.props.pairs,((pair,i)=>react.createElement(iframe_editor_PairEditor,{key:i,name:pair.name,value:pair.value,onChange:this.handlePairChange.bind(this,i)})));return react.createElement("div",null,editors)}}iframe_editor_defineProperty(iframe_editor_PairsEditor,"propTypes",{...src.ye.i,pairs:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().string,value:prop_types_default().string})).isRequired});class IframeEditor extends react.Component{constructor(){var _this3;super(...arguments),_this3=this,iframe_editor_defineProperty(this,"change",(function(){for(var _len3=arguments.length,args=new Array(_len3),_key3=0;_key3<_len3;_key3++)args[_key3]=arguments[_key3];return src.ye.m.apply(_this3,args)})),iframe_editor_defineProperty(this,"handleSettingsChange",(settings=>{this.change({settings:settings.pairs})})),iframe_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",{style:{fontWeight:"bold",textAlign:"center"}},"This widget is deprecated! ",react.createElement("br",null),"Try using the Video or CS Program widgets instead."),react.createElement("label",null,"Url or Program ID:",react.createElement(blur_input.Z,{value:this.props.url,onChange:this.change("url")})),react.createElement("br",null),react.createElement("label",null,"Settings:",react.createElement(iframe_editor_PairsEditor,{name:"settings",pairs:this.props.settings,onChange:this.handleSettingsChange})),react.createElement("br",null),react.createElement("label",null,"Width:",react.createElement(blur_input.Z,{value:this.props.width,onChange:this.change("width")})),react.createElement("label",null,"Height:",react.createElement(blur_input.Z,{value:this.props.height,onChange:this.change("height")})),react.createElement(iframe_editor_PropCheckBox,{label:"Allow full screen",allowFullScreen:this.props.allowFullScreen,onChange:this.props.onChange}),react.createElement("br",null),react.createElement(iframe_editor_PropCheckBox,{label:"Allow iframe content to redirect the page",allowTopNavigation:this.props.allowTopNavigation,onChange:this.props.onChange}))}}iframe_editor_defineProperty(IframeEditor,"propTypes",{...src.ye.i}),iframe_editor_defineProperty(IframeEditor,"widgetName","iframe"),iframe_editor_defineProperty(IframeEditor,"defaultProps",{url:"",settings:[{name:"",value:""}],width:"400",height:"400",allowFullScreen:!1,allowTopNavigation:!1});const iframe_editor=IframeEditor;try{IframeEditor.displayName="IframeEditor",IframeEditor.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",displayName:"IframeEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/iframe-editor.tsx#IframeEditor"]={docgenInfo:IframeEditor.__docgenInfo,name:"IframeEditor",path:"packages/perseus-editor/src/widgets/iframe-editor.tsx#IframeEditor"})}catch(__react_docgen_typescript_loader_error){}const{InfoTip:image_editor_InfoTip,InlineIcon:image_editor_InlineIcon,RangeInput:image_editor_RangeInput}=src.wx,defaultRange=[0,10],image_editor_defaultBackgroundImage={url:null,width:0,height:0},INTERNALLY_HOSTED_URL_RE=new RegExp("^(https?|web\\+graphie)://[^/]*(ka-.*.s3.amazonaws.com|(fastly|cdn).kastatic.org|khanacademy.org|kasandbox.org)"),captionAlignments=["center","above","above right","right","below right","below","below left","left","above left"],image_editor=create_react_class_default()({displayName:"ImageEditor",propTypes:{...src.ye.i},statics:{widgetName:"image"},componentDidMount:function(){this._isMounted=!0},componentWillUnmount:function(){this._isMounted=!1},getDefaultProps:function(){return{title:"",range:[defaultRange,defaultRange],box:[400,400],backgroundImage:image_editor_defaultBackgroundImage,labels:[],alt:"",caption:""}},getInitialState:function(){return{backgroundImageError:""}},render:function(){const backgroundImage=this.props.backgroundImage,imageSettings=react.createElement("div",{className:"image-settings"},react.createElement("div",null,react.createElement("label",null,react.createElement("div",null,"Preview:"),react.createElement("img",{alt:"Editor preview of image",src:backgroundImage.url,style:{width:"100%"}}))),react.createElement("div",null,react.createElement("label",null,react.createElement("div",null,"Dimensions:"),react.createElement("p",null,backgroundImage.width,"x",backgroundImage.height))),react.createElement("div",null,react.createElement("label",null,react.createElement("div",null,"Alt text:",react.createElement(image_editor_InfoTip,null,"This is important for screenreaders. The content of this alt text will be formatted as markdown (tables, emphasis, etc. are supported).")),react.createElement(src_editor.Z,{apiOptions:this.props.apiOptions,content:this.props.alt,onChange:props=>{null!=props.content&&this.change("alt",props.content)},widgetEnabled:!1}))),react.createElement("div",null,react.createElement("label",null,react.createElement("div",null,"Caption:"),react.createElement(src_editor.Z,{apiOptions:this.props.apiOptions,content:this.props.caption,onChange:props=>{null!=props.content&&this.change("caption",props.content)},widgetEnabled:!1})))),backgroundImageErrorText=react.createElement("div",{className:"renderer-widget-error"},this.state.backgroundImageError);return react.createElement("div",{className:"perseus-image-editor"},react.createElement("label",null,"Image url:",react.createElement(image_editor_InfoTip,null,"Paste an image or graphie image URL."),this.state.backgroundImageError&&backgroundImageErrorText,react.createElement(blur_input.Z,{value:backgroundImage.url||"",style:{width:332},onChange:url=>this.onUrlChange(url,!1)})),backgroundImage.url&&imageSettings)},_renderRowForLabel:function(label,i){return react.createElement("tr",{key:i},react.createElement("td",null,react.createElement(image_editor_RangeInput,{value:label.coordinates,onChange:this.onCoordinateChange.bind(this,i)})),react.createElement("td",{style:{verticalAlign:"bottom",width:"5px"}},react.createElement("input",{type:"text",className:"graph-settings-axis-label",value:label.content,onChange:this.onContentChange.bind(this,i)})),react.createElement("td",null,react.createElement("select",{className:"perseus-widget-dropdown",value:label.alignment,onChange:this.onAlignmentChange.bind(this,i)},captionAlignments.map((function(alignment,i){return react.createElement("option",{key:""+i,value:alignment},alignment)}),this))),react.createElement("td",null,react.createElement("a",{href:"#",className:"simple-button orange delete-label",title:"Remove this label",onClick:this.removeLabel.bind(this,i)},react.createElement(image_editor_InlineIcon,src.ci.iconTrash))))},change(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(this,args)},removeLabel:function(labelIndex,e){e.preventDefault();const labels=(0,index_all.ZP)(this.props.labels).clone();labels.splice(labelIndex,1),this.props.onChange({labels})},onCoordinateChange:function(labelIndex,newCoordinates){const labels=this.props.labels.slice();labels[labelIndex]=index_all.ZP.extend({},labels[labelIndex],{coordinates:newCoordinates}),this.props.onChange({labels})},onContentChange:function(labelIndex,e){const newContent=e.target.value,labels=this.props.labels.slice();labels[labelIndex]=index_all.ZP.extend({},labels[labelIndex],{content:newContent}),this.props.onChange({labels})},onAlignmentChange:function(labelIndex,e){const newAlignment=e.target.value,labels=this.props.labels.slice();labels[labelIndex]=index_all.ZP.extend({},labels[labelIndex],{alignment:newAlignment}),this.props.onChange({labels})},setUrl:function(url,width,height,silent){if(!this._isMounted)return;const image=index_all.ZP.clone(this.props.backgroundImage);image.url=url,image.width=width,image.height=height;const box=[image.width,image.height];this.props.onChange({backgroundImage:image,box},null,silent)},onUrlChange:async function(url,silent){if(url)if(INTERNALLY_HOSTED_URL_RE.test(url)){this.setState({backgroundImageError:""});try{const size=await src.Zr.getImageSizeModern(url);this.setUrl(url,size[0],size[1],!0)}catch(error){this.setState({backgroundImageError:"There was an error loading the image URL: ".concat(error)})}}else this.setState({backgroundImageError:"Images must be from sites hosted by Khan Academy. Please input a Khan Academy-owned address, or use the Add Image tool to rehost an existing image"});else this.setUrl(url,0,0,silent)},onRangeChange:function(type,newRange){const range=this.props.range.slice();range[type]=newRange,this.props.onChange({range})},serialize(){return src.yU.serialize.call(this)}});function input_number_editor_defineProperty(obj,key,value){return(key=function input_number_editor_toPropertyKey(arg){var key=function input_number_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:input_number_editor_InfoTip}=src.wx,answerTypes={number:{name:"Numbers",forms:"integer, decimal, proper, improper, mixed"},decimal:{name:"Decimals",forms:"decimal"},integer:{name:"Integers",forms:"integer"},rational:{name:"Fractions and mixed numbers",forms:"integer, proper, improper, mixed"},improper:{name:"Improper numbers (no mixed)",forms:"integer, proper, improper"},mixed:{name:"Mixed numbers (no improper)",forms:"integer, proper, mixed"},percent:{name:"Numbers or percents",forms:"integer, decimal, proper, improper, mixed, percent"},pi:{name:"Numbers with pi",forms:"pi"}};class InputNumberEditor extends react.Component{constructor(){super(...arguments),input_number_editor_defineProperty(this,"handleAnswerChange",(str=>{const value=src.Zr.firstNumericalParse(str)||0;this.props.onChange({value})})),input_number_editor_defineProperty(this,"focus",(()=>(react_dom.findDOMNode(this.refs.input).focus(),!0))),input_number_editor_defineProperty(this,"serialize",(()=>({value:this.props.value,simplify:this.props.simplify,size:this.props.size,inexact:this.props.inexact,maxError:this.props.maxError,answerType:this.props.answerType,rightAlign:this.props.rightAlign})))}render(){const answerTypeOptions=index_all.ZP.map(answerTypes,(function(v,k){return react.createElement("option",{value:k,key:k},v.name)}),this);return react.createElement("div",null,react.createElement("div",null,react.createElement("label",null,"Correct answer:"," ",react.createElement(blur_input.Z,{value:""+this.props.value,onChange:this.handleAnswerChange,ref:"input"}))),react.createElement("div",null,react.createElement("label",null,"Unsimplified answers"," ",react.createElement("select",{value:this.props.simplify,onChange:e=>{this.props.onChange({simplify:e.target.value})}},react.createElement("option",{value:"required"},"will not be graded"),react.createElement("option",{value:"optional"},"will be accepted"),react.createElement("option",{value:"enforced"},"will be marked wrong"))),react.createElement(input_number_editor_InfoTip,null,react.createElement("p",null,'Normally select "will not be graded". This will give the user a message saying the answer is correct but not simplified. The user will then have to simplify it and re-enter, but will not be penalized. (5th grade and anything after)'),react.createElement("p",null,'Select "will be accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'),react.createElement("p",null,'Select "will be marked wrong" only if we are specifically assessing the ability to simplify.'))),react.createElement("div",null,react.createElement("label",null,react.createElement("input",{type:"checkbox",checked:this.props.inexact,onChange:e=>{this.props.onChange({inexact:e.target.checked})}})," ","Allow inexact answers"),react.createElement("label",null,react.createElement("input",{type:"checkbox",style:{visibility:"hidden"}}),"Max error:"," ",react.createElement("input",{type:"text",disabled:!this.props.inexact,defaultValue:this.props.maxError,onBlur:e=>{const ans=""+(src.Zr.firstNumericalParse(e.target.value)||0);e.target.value=ans,this.props.onChange({maxError:ans})}}))),react.createElement("div",null,"Answer type:"," ",react.createElement("select",{value:this.props.answerType,onChange:e=>{this.props.onChange({answerType:e.target.value})}},answerTypeOptions),react.createElement(input_number_editor_InfoTip,null,react.createElement("p",null,'Use the default "Numbers" unless the answer must be in a specific form (e.g., question is about converting decimals to fractions).'))),react.createElement("div",null,react.createElement("label",null,"Width"," ",react.createElement("select",{value:this.props.size,onChange:e=>{this.props.onChange({size:e.target.value})}},react.createElement("option",{value:"normal"},"Normal (80px)"),react.createElement("option",{value:"small"},"Small (40px)"))),react.createElement(input_number_editor_InfoTip,null,react.createElement("p",null,'Use size "Normal" for all text boxes, unless there are multiple text boxes in one line and the answer area is too narrow to fit them.'))),react.createElement("div",null,react.createElement("label",null,react.createElement("input",{type:"checkbox",checked:this.props.rightAlign,onChange:e=>{this.props.onChange({rightAlign:e.target.checked})}})," ","Right alignment")))}}input_number_editor_defineProperty(InputNumberEditor,"widgetName","input-number"),input_number_editor_defineProperty(InputNumberEditor,"defaultProps",{value:0,simplify:"required",size:"normal",inexact:!1,maxError:.1,answerType:"number",rightAlign:!1});const input_number_editor=InputNumberEditor;try{InputNumberEditor.displayName="InputNumberEditor",InputNumberEditor.__docgenInfo={description:"",displayName:"InputNumberEditor",props:{value:{defaultValue:{value:"0"},description:"",name:"value",required:!1,type:{name:"number"}},simplify:{defaultValue:{value:"required"},description:"",name:"simplify",required:!1,type:{name:"enum",value:[{value:'"required"'},{value:'"optional"'},{value:'"enforced"'}]}},size:{defaultValue:{value:"normal"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}},inexact:{defaultValue:{value:"false"},description:"",name:"inexact",required:!1,type:{name:"boolean"}},maxError:{defaultValue:{value:"0.1"},description:"",name:"maxError",required:!1,type:{name:"string | number"}},answerType:{defaultValue:{value:"number"},description:"",name:"answerType",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"decimal"'},{value:'"integer"'},{value:'"rational"'},{value:'"improper"'},{value:'"mixed"'},{value:'"percent"'},{value:'"pi"'}]}},rightAlign:{defaultValue:{value:"false"},description:"",name:"rightAlign",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:'(arg1: { value?: 0 | ParsedValue | undefined; simplify?: "required" | "optional" | "enforced" | undefined; size?: "normal" | "small" | undefined; inexact?: boolean | undefined; maxError?: string | ... 1 more ... | undefined; answerType?: "number" | ... 7 more ... | undefined; rightAlign?: boolean | undefined; }) => ...'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/input-number-editor.tsx#InputNumberEditor"]={docgenInfo:InputNumberEditor.__docgenInfo,name:"InputNumberEditor",path:"packages/perseus-editor/src/widgets/input-number-editor.tsx#InputNumberEditor"})}catch(__react_docgen_typescript_loader_error){}function constraint_editor_defineProperty(obj,key,value){return(key=function constraint_editor_toPropertyKey(arg){var key=function constraint_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{ButtonGroup:constraint_editor_ButtonGroup,MathInput,NumberInput}=src.wx;class ConstraintEditor extends react.Component{constructor(){super(...arguments),constraint_editor_defineProperty(this,"change",(propName=>src.ye.m.call(this,propName)))}render(){const{TeX}=src.dq.getDependencies();return react.createElement("div",null,react.createElement("div",{className:"perseus-widget-row"},"Constraint:"," ",react.createElement(constraint_editor_ButtonGroup,{value:this.props.constraint,allowEmpty:!1,buttons:[{value:"none",content:"None"},{value:"snap",content:"Snap"},{value:"x",content:"x="},{value:"y",content:"y="}],onChange:this.change("constraint")})),"snap"===this.props.constraint&&react.createElement("div",{className:"perseus-widget-row"},"Snap:"," ",react.createElement(NumberInput,{value:this.props.snap,placeholder:0,onChange:this.change("snap")})),"x"===this.props.constraint&&react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"x=")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintFn,onChange:this.change("constraintFn")}))),"y"===this.props.constraint&&react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"y=")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintFn,onChange:this.change("constraintFn")}))),"Ensure these are set so nothing can be dragged off the canvas:",react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"x \\in \\Large[")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintXMin,onChange:this.change("constraintXMin")}),react.createElement(TeX,null,", ")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintXMax,onChange:this.change("constraintXMax")})," ",react.createElement(TeX,null,"\\Large]"))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"y \\in \\Large[")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintYMin,onChange:this.change("constraintYMin")}),react.createElement(TeX,null,", ")," ",react.createElement(MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.constraintYMax,onChange:this.change("constraintYMax")})," ",react.createElement(TeX,null,"\\Large]"))))}}constraint_editor_defineProperty(ConstraintEditor,"defaultProps",{constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"});const constraint_editor=ConstraintEditor;try{ConstraintEditor.displayName="ConstraintEditor",ConstraintEditor.__docgenInfo={description:"",displayName:"ConstraintEditor",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(values: { [key: string]: any; }, callback?: (() => unknown) | undefined, silent?: boolean | undefined) => unknown"}},constraint:{defaultValue:{value:"none"},description:"",name:"constraint",required:!1,type:{name:"string"}},constraintFn:{defaultValue:{value:"0"},description:"",name:"constraintFn",required:!1,type:{name:"string"}},constraintXMax:{defaultValue:{value:"10"},description:"",name:"constraintXMax",required:!1,type:{name:"string"}},constraintXMin:{defaultValue:{value:"-10"},description:"",name:"constraintXMin",required:!1,type:{name:"string"}},constraintYMax:{defaultValue:{value:"10"},description:"",name:"constraintYMax",required:!1,type:{name:"string"}},constraintYMin:{defaultValue:{value:"-10"},description:"",name:"constraintYMin",required:!1,type:{name:"string"}},snap:{defaultValue:{value:"0.5"},description:"",name:"snap",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/interaction/constraint-editor.tsx#ConstraintEditor"]={docgenInfo:ConstraintEditor.__docgenInfo,name:"ConstraintEditor",path:"packages/perseus-editor/src/widgets/interaction/constraint-editor.tsx#ConstraintEditor"})}catch(__react_docgen_typescript_loader_error){}function interaction_editor_extends(){return interaction_editor_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;isrc.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},"Coordinate: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordX,onChange:this.change("coordX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordY,onChange:this.change("coordY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,onChange:this.change("color")})))}}interaction_editor_defineProperty(PointEditor,"propTypes",{...src.ye.i,coordX:prop_types_default().string,coordY:prop_types_default().string,color:prop_types_default().string}),interaction_editor_defineProperty(PointEditor,"defaultProps",{coordX:"0",coordY:"0",color:src.eA.BLACK});class LineEditor extends react.Component{constructor(){var _this2;super(...arguments),_this2=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return src.ye.m.apply(_this2,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},"Start: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startX,onChange:this.change("startX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startY,onChange:this.change("startY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},"End: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.endX,onChange:this.change("endX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.endY,onChange:this.change("endY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,onChange:this.change("color")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.Nx,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")}),"   ",react.createElement(src.B7,{value:this.props.arrows,onChange:this.change("arrows")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Width:"," ",react.createElement(interaction_editor_NumberInput,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")}))))}}interaction_editor_defineProperty(LineEditor,"propTypes",{...src.ye.i,startX:prop_types_default().string,startY:prop_types_default().string,endX:prop_types_default().string,endY:prop_types_default().string,color:prop_types_default().string,strokeDasharray:prop_types_default().string,arrows:prop_types_default().string,strokeWidth:prop_types_default().number}),interaction_editor_defineProperty(LineEditor,"defaultProps",{startX:"-5",startY:"5",endX:"5",endY:"5",color:src.eA.BLACK,strokeDasharray:"",arrows:"",strokeWidth:2});class MovablePointEditor extends react.Component{constructor(){var _this3;super(...arguments),_this3=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len3=arguments.length,args=new Array(_len3),_key3=0;_key3<_len3;_key3++)args[_key3]=arguments[_key3];return src.ye.m.apply(_this3,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},"Start: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startX,onChange:this.change("startX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startY,onChange:this.change("startY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},"Update ",react.createElement(TeX,null,"(x_n, y_n)")," for ",react.createElement(TeX,null,"n =")," ",react.createElement(interaction_editor_NumberInput,{value:this.props.varSubscript,placeholder:0,onChange:this.change("varSubscript")})),react.createElement(constraint_editor,this.props))}}interaction_editor_defineProperty(MovablePointEditor,"propTypes",{...src.ye.i,startX:prop_types_default().string,startY:prop_types_default().string,constraint:prop_types_default().string,snap:prop_types_default().number,constraintFn:prop_types_default().string}),interaction_editor_defineProperty(MovablePointEditor,"defaultProps",{startX:"0",startY:"0",constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"});class MovableLineEditor extends react.Component{constructor(){var _this4;super(...arguments),_this4=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len4=arguments.length,args=new Array(_len4),_key4=0;_key4<_len4;_key4++)args[_key4]=arguments[_key4];return src.ye.m.apply(_this4,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},"Initial position:",react.createElement("div",{className:"perseus-widget-row"},"Start: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startX,onChange:this.change("startX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.startY,onChange:this.change("startY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},"End: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.endX,onChange:this.change("endX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.endY,onChange:this.change("endY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},"Start updates ",react.createElement(TeX,null,"(x_n, y_n)")," for ",react.createElement(TeX,null,"n ="),react.createElement(interaction_editor_NumberInput,{value:this.props.startSubscript,placeholder:0,onChange:this.change("startSubscript")})),react.createElement("div",{className:"perseus-widget-row"},"End updates ",react.createElement(TeX,null,"(x_m, y_m)")," for ",react.createElement(TeX,null,"m ="),react.createElement(interaction_editor_NumberInput,{value:this.props.endSubscript,placeholder:0,onChange:this.change("endSubscript")})),react.createElement("div",{className:"perseus-widget-row"},"All constraints are applied to the start point."),react.createElement(constraint_editor,this.props))}}interaction_editor_defineProperty(MovableLineEditor,"propTypes",{...src.ye.i,startX:prop_types_default().string,startY:prop_types_default().string,endX:prop_types_default().string,endY:prop_types_default().string,constraint:prop_types_default().string,snap:prop_types_default().number,constraintFn:prop_types_default().string}),interaction_editor_defineProperty(MovableLineEditor,"defaultProps",{startX:"-5",startY:"5",endX:"5",endY:"5",constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"});class FunctionEditor extends react.Component{constructor(){var _this5;super(...arguments),_this5=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len5=arguments.length,args=new Array(_len5),_key5=0;_key5<_len5;_key5++)args[_key5]=arguments[_key5];return src.ye.m.apply(_this5,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,this.props.funcName+"(x)=")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.value,onChange:this.change("value")})),react.createElement("div",{className:"perseus-widget-row"},"Range: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.rangeMin,onChange:this.change("rangeMin")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.rangeMax,onChange:this.change("rangeMax")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,onChange:this.change("color")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.Nx,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Width:"," ",react.createElement(interaction_editor_NumberInput,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")}))))}}interaction_editor_defineProperty(FunctionEditor,"propTypes",{...src.ye.i,value:prop_types_default().string,rangeMin:prop_types_default().string,rangeMax:prop_types_default().string,color:prop_types_default().string,strokeDashArray:prop_types_default().string,strokeWidth:prop_types_default().number}),interaction_editor_defineProperty(FunctionEditor,"defaultProps",{value:"x",rangeMin:"-10",rangeMax:"10",color:src.eA.BLUE,strokeDasharray:"",strokeWidth:2});class ParametricEditor extends react.Component{constructor(){var _this6;super(...arguments),_this6=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len6=arguments.length,args=new Array(_len6),_key6=0;_key6<_len6;_key6++)args[_key6]=arguments[_key6];return src.ye.m.apply(_this6,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"X(t) =")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.x,onChange:this.change("x")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(TeX,null,"Y(t) =")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.y,onChange:this.change("y")})),react.createElement("div",{className:"perseus-widget-row"},"Range: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.rangeMin,onChange:this.change("rangeMin")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.rangeMax,onChange:this.change("rangeMax")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,onChange:this.change("color")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.Nx,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Width:"," ",react.createElement(interaction_editor_NumberInput,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")}))))}}interaction_editor_defineProperty(ParametricEditor,"propTypes",{...src.ye.i,x:prop_types_default().string,y:prop_types_default().string,rangeMin:prop_types_default().string,rangeMax:prop_types_default().string,color:prop_types_default().string,strokeDashArray:prop_types_default().string,strokeWidth:prop_types_default().number}),interaction_editor_defineProperty(ParametricEditor,"defaultProps",{x:"cos(t)",y:"sin(t)",rangeMin:"0",rangeMax:"2\\pi",color:src.eA.BLUE,strokeDasharray:"",strokeWidth:2});class LabelEditor extends react.Component{constructor(){var _this7;super(...arguments),_this7=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len7=arguments.length,args=new Array(_len7),_key7=0;_key7<_len7;_key7++)args[_key7]=arguments[_key7];return src.ye.m.apply(_this7,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(interaction_editor_TextInput,{value:this.props.label,onChange:this.change("label"),style:{width:"100%"}})),react.createElement("div",{className:"perseus-widget-row"},"Location: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordX,onChange:this.change("coordX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordY,onChange:this.change("coordY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,onChange:this.change("color")})))}}interaction_editor_defineProperty(LabelEditor,"propTypes",{...src.ye.i,color:prop_types_default().string,coordX:prop_types_default().string,coordY:prop_types_default().string,label:prop_types_default().string}),interaction_editor_defineProperty(LabelEditor,"defaultProps",{coordX:"0",coordY:"0",color:src.eA.BLACK,label:"\\phi"});class RectangleEditor extends react.Component{constructor(){var _this8;super(...arguments),_this8=this,interaction_editor_defineProperty(this,"change",(function(){for(var _len8=arguments.length,args=new Array(_len8),_key8=0;_key8<_len8;_key8++)args[_key8]=arguments[_key8];return src.ye.m.apply(_this8,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"graph-settings"},react.createElement("div",{className:"perseus-widget-row"},"Bottom left: ",react.createElement(TeX,null,"\\Large("),react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordX,onChange:this.change("coordX")}),react.createElement(TeX,null,",")," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.coordY,onChange:this.change("coordY")}),react.createElement(TeX,null,"\\Large)")),react.createElement("div",{className:"perseus-widget-row"},"Width:"," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.width,onChange:this.change("width")})),react.createElement("div",{className:"perseus-widget-row"},"Height:"," ",react.createElement(interaction_editor_MathInput,{buttonSets:[],buttonsVisible:"never",value:this.props.height,onChange:this.change("height")})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(src.zH,{value:this.props.color,lightColors:!0,onChange:this.change("color")})),react.createElement("div",{className:"perseus-widget-row"},"You want a border? Sorry, draw your own."))}}interaction_editor_defineProperty(RectangleEditor,"propTypes",{...src.ye.i,color:prop_types_default().string,coordX:prop_types_default().string,coordY:prop_types_default().string,height:prop_types_default().string,width:prop_types_default().string}),interaction_editor_defineProperty(RectangleEditor,"defaultProps",{coordX:"-5",coordY:"5",width:"2",height:"3",color:src.eA.LIGHT_BLUE});class InteractionEditor extends react.Component{constructor(){var _this9;super(...arguments),_this9=this,interaction_editor_defineProperty(this,"state",{usedVarSubscripts:this._getAllVarSubscripts(this.props.elements),usedFunctionNames:this._getAllFunctionNames(this.props.elements)}),interaction_editor_defineProperty(this,"_updateGraphProps",(newProps=>{this.change({graph:index_all.ZP.extend(index_all.ZP.omit(newProps,"step"),{tickStep:newProps.step})})})),interaction_editor_defineProperty(this,"_addNewElement",(e=>{const elementType=e.target.value;if(""===elementType)return;e.target.value="";const newElement={type:elementType,key:elementType+"-"+(16777215*Math.random()<<0).toString(16),options:"point"===elementType?index_all.ZP.clone(PointEditor.defaultProps):"line"===elementType?index_all.ZP.clone(LineEditor.defaultProps):"movable-point"===elementType?index_all.ZP.clone(MovablePointEditor.defaultProps):"movable-line"===elementType?index_all.ZP.clone(MovableLineEditor.defaultProps):"function"===elementType?index_all.ZP.clone(FunctionEditor.defaultProps):"parametric"===elementType?index_all.ZP.clone(ParametricEditor.defaultProps):"label"===elementType?index_all.ZP.clone(LabelEditor.defaultProps):"rectangle"===elementType?index_all.ZP.clone(RectangleEditor.defaultProps):{}};let nextSubscript;if("movable-point"===elementType)nextSubscript=index_all.ZP.max([index_all.ZP.max(this.state.usedVarSubscripts),-1])+1,newElement.options.varSubscript=nextSubscript;else if("movable-line"===elementType)nextSubscript=index_all.ZP.max([index_all.ZP.max(this.state.usedVarSubscripts),-1])+1,newElement.options.startSubscript=nextSubscript,newElement.options.endSubscript=nextSubscript+1;else if("function"===elementType){const nextLetter=String.fromCharCode(index_all.ZP.max([index_all.ZP.max(index_all.ZP.map(this.state.usedFunctionNames,(function(c){return c.charCodeAt(0)}))),"e".charCodeAt(0)])+1);newElement.options.funcName=nextLetter}this.change({elements:this.props.elements.concat(newElement)})})),interaction_editor_defineProperty(this,"_deleteElement",(index=>{const element=this.props.elements[index];this.change({elements:index_all.ZP.without(this.props.elements,element)})})),interaction_editor_defineProperty(this,"_moveElementUp",(index=>{const element=this.props.elements[index],newElements=index_all.ZP.without(this.props.elements,element);newElements.splice(index-1,0,element),this.change({elements:newElements})})),interaction_editor_defineProperty(this,"_moveElementDown",(index=>{const element=this.props.elements[index],newElements=index_all.ZP.without(this.props.elements,element);newElements.splice(index+1,0,element),this.change({elements:newElements})})),interaction_editor_defineProperty(this,"change",(function(){for(var _len9=arguments.length,args=new Array(_len9),_key9=0;_key9<_len9;_key9++)args[_key9]=arguments[_key9];return src.ye.m.apply(_this9,args)})),interaction_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}UNSAFE_componentWillReceiveProps(nextProps){this.setState({usedVarSubscripts:this._getAllVarSubscripts(nextProps.elements),usedFunctionNames:this._getAllFunctionNames(nextProps.elements)})}_getAllVarSubscripts(elements){return index_all.ZP.map(index_all.ZP.where(elements,{type:"movable-point"}),(element=>element.options.varSubscript)).concat(index_all.ZP.map(index_all.ZP.where(elements,{type:"movable-line"}),(element=>element.options.startSubscript))).concat(index_all.ZP.map(index_all.ZP.where(elements,{type:"movable-line"}),(element=>element.options.endSubscript)))}_getAllFunctionNames(elements){return index_all.ZP.map(index_all.ZP.where(elements,{type:"function"}),(element=>element.options.funcName))}render(){const{TeX}=interaction_editor_getDependencies();return react.createElement("div",{className:"perseus-widget-interaction-editor"},react.createElement(src.F7,{title:"Grid settings"},react.createElement(graph_settings,{editableSettings:["canvas","graph"],box:this.props.graph.box,labels:this.props.graph.labels,range:this.props.graph.range,step:this.props.graph.tickStep,gridStep:this.props.graph.gridStep,markings:this.props.graph.markings,onChange:this._updateGraphProps}),!0!==this.props.graph.valid&&react.createElement("div",null,this.props.graph.valid)),index_all.ZP.map(this.props.elements,(function(element,n){return"movable-point"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Movable point"," ",react.createElement(TeX,null,"(x_{"+element.options.varSubscript+"}, y_{"+element.options.varSubscript+"})")),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement.bind(this,n),key:element.key},react.createElement(MovablePointEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"movable-line"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Movable line"," ",react.createElement(TeX,null,"(x_{"+element.options.startSubscript+"}, y_{"+element.options.startSubscript+"})")," ","to"," ",react.createElement(TeX,null,"(x_{"+element.options.endSubscript+"}, y_{"+element.options.endSubscript+"})")),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement.bind(this,n),key:element.key},react.createElement(MovableLineEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"point"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Point"," ",react.createElement(TeX,null,"("+element.options.coordX+", "+element.options.coordY+")")),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement.bind(this,n),key:element.key},react.createElement(PointEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"line"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Line"," ",react.createElement(TeX,null,"("+element.options.startX+", "+element.options.startY+")")," ","to"," ",react.createElement(TeX,null,"("+element.options.endX+", "+element.options.endY+")")),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement.bind(this,n),key:element.key},react.createElement(LineEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"function"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Function"," ",react.createElement(TeX,null,element.options.funcName+"(x) = "+element.options.value)),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement,key:element.key},react.createElement(FunctionEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"parametric"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Parametric"),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement,key:element.key},react.createElement(ParametricEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"label"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Label"," ",react.createElement(TeX,null,unescapeMathMode(element.options.label))," "),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement,key:element.key},react.createElement(LabelEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):"rectangle"===element.type?react.createElement(src.F7,{title:react.createElement("span",null,"Rectangle"," ",react.createElement(TeX,null,"("+element.options.coordX+", "+element.options.coordY+")")," — ",react.createElement(TeX,null,element.options.width+" \\times "+element.options.height)),onUp:0===n?null:this._moveElementUp.bind(this,n),onDown:n===this.props.elements.length-1?null:this._moveElementDown.bind(this,n),onDelete:this._deleteElement,key:element.key},react.createElement(RectangleEditor,interaction_editor_extends({},element.options,{onChange:newProps=>{const elements=JSON.parse(JSON.stringify(this.props.elements));index_all.ZP.extend(elements[n].options,newProps),this.change({elements})}}))):void 0}),this),react.createElement("div",{className:"perseus-widget-interaction-editor-select-element"},react.createElement("select",{onChange:this._addNewElement},react.createElement("option",{value:""},"Add an element","…"),react.createElement("option",{disabled:!0},"--"),react.createElement("option",{value:"point"},"Point"),react.createElement("option",{value:"line"},"Line segment"),react.createElement("option",{value:"function"},"Function plot"),react.createElement("option",{value:"parametric"},"Parametric plot"),react.createElement("option",{value:"label"},"Label"),react.createElement("option",{value:"rectangle"},"Rectangle"),react.createElement("option",{value:"movable-point"},"★ Movable point"),react.createElement("option",{value:"movable-line"},"★ Movable line segment"))))}}interaction_editor_defineProperty(InteractionEditor,"propTypes",{...src.ye.i,elements:prop_types_default().arrayOf(prop_types_default().object),graph:prop_types_default().objectOf(prop_types_default().any)}),interaction_editor_defineProperty(InteractionEditor,"widgetName","interaction"),interaction_editor_defineProperty(InteractionEditor,"defaultProps",{graph:{box:[400,400],labels:["x","y"],range:[[-10,10],[-10,10]],tickStep:[1,1],gridStep:[1,1],markings:"graph"},elements:[]});const interaction_editor=InteractionEditor;try{InteractionEditor.displayName="InteractionEditor",InteractionEditor.__docgenInfo={description:"",displayName:"InteractionEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/interaction-editor.tsx#InteractionEditor"]={docgenInfo:InteractionEditor.__docgenInfo,name:"InteractionEditor",path:"packages/perseus-editor/src/widgets/interaction-editor.tsx#InteractionEditor"})}catch(__react_docgen_typescript_loader_error){}var dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js"),wonder_blocks_typography_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js");const parsePointCount=points=>{const parsed=parseInt(points,10);return isNaN(parsed)||0===parsed?"unlimited":parsed},graph_points_count_selector=_ref=>{let{numPoints=1,onChange}=_ref;return react.createElement("select",{value:numPoints,onChange:e=>{onChange(parsePointCount(e.target.value))}},[...Array(7).keys()].map((n=>react.createElement("option",{key:n,value:n},"".concat(n," point").concat(n>1?"s":"")))),react.createElement("option",{value:"unlimited"},"unlimited"))};try{graphpointscountselector.displayName="graphpointscountselector",graphpointscountselector.__docgenInfo={description:"",displayName:"graphpointscountselector",props:{numPoints:{defaultValue:{value:"1"},description:"",name:"numPoints",required:!1,type:{name:"PointValue"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(points: PointValue) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/components/graph-points-count-selector.tsx#graphpointscountselector"]={docgenInfo:graphpointscountselector.__docgenInfo,name:"graphpointscountselector",path:"packages/perseus-editor/src/components/graph-points-count-selector.tsx#graphpointscountselector"})}catch(__react_docgen_typescript_loader_error){}const graph_type_selector=props=>react.createElement("select",{value:props.graphType,onChange:e=>{const type=e.target.value;props.onChange(type)}},react.createElement("option",{value:"linear"},"Linear function"),react.createElement("option",{value:"quadratic"},"Quadratic function"),react.createElement("option",{value:"sinusoid"},"Sinusoid function"),react.createElement("option",{value:"circle"},"Circle"),react.createElement("option",{value:"point"},"Point(s)"),react.createElement("option",{value:"linear-system"},"Linear System"),react.createElement("option",{value:"polygon"},"Polygon"),react.createElement("option",{value:"segment"},"Line Segment(s)"),react.createElement("option",{value:"ray"},"Ray"),react.createElement("option",{value:"angle"},"Angle"));try{graphtypeselector.displayName="graphtypeselector",graphtypeselector.__docgenInfo={description:"",displayName:"graphtypeselector",props:{graphType:{defaultValue:null,description:"",name:"graphType",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(newGraphType: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/components/graph-type-selector.tsx#graphtypeselector"]={docgenInfo:graphtypeselector.__docgenInfo,name:"graphtypeselector",path:"packages/perseus-editor/src/components/graph-type-selector.tsx#graphtypeselector"})}catch(__react_docgen_typescript_loader_error){}const segment_count_selector=_ref=>{let{numSegments=1,onChange}=_ref;return react.createElement("select",{key:"segment-select",value:numSegments,onChange:e=>{const num=+e.target.value;onChange(num)}},index_all.ZP.range(1,7).map((n=>react.createElement("option",{key:n,value:n},"".concat(n," segment").concat(n>1?"s":"")))))};try{segmentcountselector.displayName="segmentcountselector",segmentcountselector.__docgenInfo={description:"",displayName:"segmentcountselector",props:{numSegments:{defaultValue:{value:"1"},description:"",name:"numSegments",required:!1,type:{name:"number"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(numSegments: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/components/segment-count-selector.tsx#segmentcountselector"]={docgenInfo:segmentcountselector.__docgenInfo,name:"segmentcountselector",path:"packages/perseus-editor/src/components/segment-count-selector.tsx#segmentcountselector"})}catch(__react_docgen_typescript_loader_error){}function interactive_graph_editor_extends(){return interactive_graph_editor_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{const{children,style}=props;return react.createElement(es.G7,{style:{...style,flexDirection:"row",marginTop:dist_es.Z.xSmall_8}},children)},FieldLabel=props=>react.createElement(wonder_blocks_typography_dist_es.S$,{style:{marginRight:dist_es.Z.xSmall_8}},props.children);class InteractiveGraphEditor extends react.Component{constructor(){super(...arguments),interactive_graph_editor_defineProperty(this,"displayName","InteractiveGraphEditor"),interactive_graph_editor_defineProperty(this,"className","perseus-widget-interactive-graph"),interactive_graph_editor_defineProperty(this,"deprecatedProps",deprecatedProps)}UNSAFE_componentWillMount(){DeprecationMixin.UNSAFE_componentWillMount.call(this)}render(){var _this$props$graph$typ,_this$props$graph,_this$props$correct,_this$props$correct2,_this$props$correct3,_this$props$correct4,_this$props$correct5,_this$props$correct6,_this$props$correct7,_this$props$correct8,_this$props$correct9,_this$props$correct10;let graph,equationString;const gridStep=this.props.gridStep||src.Zr.getGridStep(this.props.range,this.props.step,src.Yu.defaultBoxSize),snapStep=this.props.snapStep||src.Zr.snapStepFromGridStep(gridStep),sizeClass=interactive_graph_editor_containerSizeClass.SMALL;if(!0===this.props.valid){const graphProps={ref:"graph",box:this.props.box,range:this.props.range,labels:this.props.labels,step:this.props.step,gridStep,snapStep,graph:this.props.correct,backgroundImage:this.props.backgroundImage,markings:this.props.markings,showProtractor:this.props.showProtractor,showRuler:this.props.showRuler,rulerLabel:this.props.rulerLabel,rulerTicks:this.props.rulerTicks,trackInteraction:function(){},onChange:newProps=>{let correct=this.props.correct;correct=correct.type===newProps.graph.type?index_all.ZP.extend({},correct,newProps.graph):newProps.graph,this.props.onChange({correct})}};graph=react.createElement(InteractiveGraph,interactive_graph_editor_extends({},graphProps,{containerSizeClass:sizeClass,apiOptions:{...this.props.apiOptions,isMobile:!1}})),equationString=InteractiveGraph.getEquationString(graphProps)}else graph=react.createElement("div",{className:"perseus-error"},this.props.valid);return react.createElement(es.G7,null,react.createElement(Row,null,react.createElement(FieldLabel,null,"Type of Graph:"),react.createElement(graph_type_selector,{graphType:null!==(_this$props$graph$typ=null===(_this$props$graph=this.props.graph)||void 0===_this$props$graph?void 0:_this$props$graph.type)&&void 0!==_this$props$graph$typ?_this$props$graph$typ:InteractiveGraph.defaultProps.graph.type,onChange:type=>{this.props.onChange({graph:{type},correct:{type}})}})),"point"===(null===(_this$props$correct=this.props.correct)||void 0===_this$props$correct?void 0:_this$props$correct.type)&&react.createElement(Row,null,react.createElement(FieldLabel,null,"Number of Points:"),react.createElement(graph_points_count_selector,{numPoints:null===(_this$props$correct2=this.props.correct)||void 0===_this$props$correct2?void 0:_this$props$correct2.numPoints,onChange:points=>{this.props.onChange({correct:{type:"point",numPoints:points}})}})),"polygon"===(null===(_this$props$correct3=this.props.correct)||void 0===_this$props$correct3?void 0:_this$props$correct3.type)&&react.createElement(react.Fragment,null,react.createElement(Row,null,react.createElement(FieldLabel,null,"Number of sides:"),react.createElement("select",{key:"polygon-select",value:(null===(_this$props$correct4=this.props.correct)||void 0===_this$props$correct4?void 0:_this$props$correct4.numSides)||3,onChange:e=>{const graph={...this.props.correct,numSides:parsePointCount(e.target.value),coords:null,snapTo:"grid"};this.props.onChange({correct:graph})}},index_all.ZP.map(index_all.ZP.range(3,13),(function(n){return react.createElement("option",{key:n,value:n},"".concat(n," sides"))})),react.createElement("option",{value:"unlimited"},"unlimited sides"))),react.createElement(Row,null,react.createElement(FieldLabel,null,"Snap to:"),react.createElement("select",{key:"polygon-snap",value:null===(_this$props$correct5=this.props.correct)||void 0===_this$props$correct5?void 0:_this$props$correct5.snapTo,onChange:e=>{const graph={...this.props.correct,snapTo:e.target.value,coords:null};this.props.onChange({correct:graph})}},react.createElement("option",{value:"grid"},"grid"),"unlimited"!==(null===(_this$props$correct6=this.props.correct)||void 0===_this$props$correct6?void 0:_this$props$correct6.numSides)&&react.createElement(react.Fragment,null,react.createElement("option",{value:"angles"},"interior angles"),react.createElement("option",{value:"sides"},"side measures"))),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("p",null,"These options affect the movement of the vertex points. The grid option will guide the points to the nearest half step along the grid."),react.createElement("p",null,"The interior angle and side measure options guide the points to the nearest whole angle or side")," ","measure respectively.")),react.createElement(Row,null,react.createElement(wonder_blocks_typography_dist_es.S$,{tag:"label"},"Show angle measures:"," ",react.createElement("input",{type:"checkbox",checked:null===(_this$props$correct7=this.props.correct)||void 0===_this$props$correct7?void 0:_this$props$correct7.showAngles,onChange:()=>{this.props.onChange({correct:{...this.props.correct,showAngles:!this.props.correct.showAngles}})}})),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("p",null,"Displays the interior angle measures."))),react.createElement(Row,null,react.createElement(wonder_blocks_typography_dist_es.S$,{tag:"label"},"Show side measures:"," ",react.createElement("input",{type:"checkbox",checked:null===(_this$props$correct8=this.props.correct)||void 0===_this$props$correct8?void 0:_this$props$correct8.showSides,onChange:()=>{this.props.onChange({correct:{...this.props.correct,showSides:!this.props.correct.showSides}})}})),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("p",null,"Displays the side lengths.")))),"segment"===(null===(_this$props$correct9=this.props.correct)||void 0===_this$props$correct9?void 0:_this$props$correct9.type)&&react.createElement(Row,null,react.createElement(FieldLabel,null,"Number of segments: "),react.createElement(segment_count_selector,{numSegments:null===(_this$props$correct10=this.props.correct)||void 0===_this$props$correct10?void 0:_this$props$correct10.numSegments,onChange:sides=>{this.props.onChange({correct:{type:"segment",numSegments:sides,coords:null}})}})),react.createElement(Row,null,react.createElement(FieldLabel,null,"Correct answer:"),react.createElement(wonder_blocks_typography_dist_es.Rr,{style:{fontSize:12,backgroundColor:"#eee",paddingInline:dist_es.Z.xxSmall_6,borderColor:"#ccc",borderStyle:"solid",borderWidth:1}},equationString),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("p",null,"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."))),react.createElement(graph_settings,{box:interactive_graph_editor_getInteractiveBoxFromSizeClass(sizeClass),range:this.props.range,labels:this.props.labels,step:this.props.step,gridStep,snapStep,valid:this.props.valid,backgroundImage:this.props.backgroundImage,markings:this.props.markings,showProtractor:this.props.showProtractor,showRuler:this.props.showRuler,showTooltips:this.props.showTooltips,rulerLabel:this.props.rulerLabel,rulerTicks:this.props.rulerTicks,onChange:this.props.onChange}),"polygon"===this.props.correct.type&&react.createElement("div",{className:"type-settings"},react.createElement("label",null," ","Student answer must"," ",react.createElement("select",{value:this.props.correct.match,onChange:this.changeMatchType},react.createElement("option",{value:"exact"},"match exactly"),react.createElement("option",{value:"congruent"},"be congruent"),react.createElement("option",{value:"approx"},"be approximately congruent"),react.createElement("option",{value:"similar"},"be similar"))),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("ul",null,react.createElement("li",null,react.createElement("p",null,react.createElement("b",null,"Match Exactly:")," Match exactly in size, orientation, and location on the grid even if it is not shown in the background.")),react.createElement("li",null,react.createElement("p",null,react.createElement("b",null,"Be Congruent:")," Be congruent in size and shape, but can be located anywhere on the grid.")),react.createElement("li",null,react.createElement("p",null,react.createElement("b",null,"Be Approximately Congruent:")," Be exactly similar, and congruent in size and shape to within 0.1 units, but can be located anywhere on the grid."," ",react.createElement("em",null,"Use this with snapping to angle measure."))),react.createElement("li",null,react.createElement("p",null,react.createElement("b",null,"Be Similar:")," Be similar with matching interior angles, and side measures that are matching or a multiple of the correct side measures. The figure can be located anywhere on the grid."))))),"angle"===this.props.correct.type&&react.createElement("div",{className:"type-settings"},react.createElement("div",null,react.createElement("label",null," ","Student answer must"," ",react.createElement("select",{value:this.props.correct.match,onChange:this.changeMatchType},react.createElement("option",{value:"exact"},"match exactly"),react.createElement("option",{value:"congruent"},"be congruent"))),react.createElement(interactive_graph_editor_InfoTip,null,react.createElement("p",null,"Congruency requires only that the angle measures are the same. An exact match implies congruency, but also requires that the angles have the same orientation and that the vertices are in the same position.")))),graph)}changeMatchType(e){const correct=index_all.ZP.extend({},this.props.correct,{match:e.target.value});this.props.onChange({correct})}serialize(){const json=index_all.ZP.pick(this.props,"step","backgroundImage","markings","labels","showProtractor","showRuler","showTooltips","rulerLabel","rulerTicks","range","gridStep","snapStep"),graph=this.refs.graph;if(graph){const correct=graph&&graph.getUserInput();index_all.ZP.extend(json,{graph:{type:correct.type},correct}),index_all.ZP.each(["allowReflexAngles","angleOffsetDeg","numPoints","numSides","numSegments","showAngles","showSides","snapTo","snapDegrees"],(function(key){index_all.ZP.has(correct,key)&&(json.graph[key]=correct[key])}))}return json}}interactive_graph_editor_defineProperty(InteractiveGraphEditor,"widgetName","interactive-graph"),interactive_graph_editor_defineProperty(InteractiveGraphEditor,"defaultProps",{...InteractiveGraph.defaultProps,valid:!0,backgroundImage:{url:null},showTooltips:!1,correct:{type:InteractiveGraph.defaultProps.graph.type,coords:null}});const interactive_graph_editor=InteractiveGraphEditor;try{InteractiveGraphEditor.displayName="InteractiveGraphEditor",InteractiveGraphEditor.__docgenInfo={description:"",displayName:"InteractiveGraphEditor",props:{apiOptions:{defaultValue:null,description:"",name:"apiOptions",required:!0,type:{name:"Readonly unknown) | undefined; onFocusChange?: ((newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadElement?: HTMLElement | undefined, focusedElement?: HTMLElement | undefined) => u..."}},labels:{defaultValue:null,description:"",name:"labels",required:!0,type:{name:"readonly string[]"}},range:{defaultValue:null,description:"",name:"range",required:!0,type:{name:"[Range, Range]"}},step:{defaultValue:null,description:"",name:"step",required:!0,type:{name:"[number, number]"}},gridStep:{defaultValue:null,description:"",name:"gridStep",required:!0,type:{name:"[number, number]"}},snapStep:{defaultValue:null,description:"",name:"snapStep",required:!0,type:{name:"[number, number]"}},box:{defaultValue:null,description:"",name:"box",required:!0,type:{name:"[number, number]"}},valid:{defaultValue:{value:"true"},description:"",name:"valid",required:!1,type:{name:"boolean"}},backgroundImage:{defaultValue:{value:"{\n url: null,\n} as const"},description:"",name:"backgroundImage",required:!1,type:{name:"PerseusImageBackground"}},markings:{defaultValue:null,description:"",name:"markings",required:!0,type:{name:"string"}},showProtractor:{defaultValue:null,description:"",name:"showProtractor",required:!0,type:{name:"boolean"}},showRuler:{defaultValue:null,description:"",name:"showRuler",required:!0,type:{name:"boolean"}},showTooltips:{defaultValue:{value:"false"},description:"",name:"showTooltips",required:!1,type:{name:"boolean"}},rulerLabel:{defaultValue:null,description:"",name:"rulerLabel",required:!0,type:{name:"string"}},rulerTicks:{defaultValue:null,description:"",name:"rulerTicks",required:!0,type:{name:"number"}},correct:{defaultValue:{value:"{\n type: InteractiveGraph.defaultProps.graph.type,\n coords: null,\n }"},description:"",name:"correct",required:!1,type:{name:"any"}},graph:{defaultValue:null,description:"",name:"graph",required:!0,type:{name:"PerseusGraphType | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(props: Partial) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/interactive-graph-editor.tsx#InteractiveGraphEditor"]={docgenInfo:InteractiveGraphEditor.__docgenInfo,name:"InteractiveGraphEditor",path:"packages/perseus-editor/src/widgets/interactive-graph-editor.tsx#InteractiveGraphEditor"})}catch(__react_docgen_typescript_loader_error){}var label_image_editor=__webpack_require__("./packages/perseus-editor/src/widgets/label-image-editor.tsx");function lights_puzzle_editor_defineProperty(obj,key,value){return(key=function lights_puzzle_editor_toPropertyKey(arg){var key=function lights_puzzle_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:lights_puzzle_editor_InfoTip,NumberInput:lights_puzzle_editor_NumberInput,PropCheckBox:lights_puzzle_editor_PropCheckBox}=src.wx,TABLE_STYLE={display:"table",tableLayout:"fixed"},ROW_STYLE={display:"table-row"},CELL_STYLE={display:"table-cell",padding:5},BASE_TILE_STYLE={borderRadius:10,cursor:"pointer"},PATTERNS={plus:()=>[[!1,!0,!1],[!0,!0,!0],[!1,!0,!1]],x:()=>[[!0,!1,!0],[!1,!0,!1],[!0,!1,!0]],"plus/x":iter=>iter%2?PATTERNS.x():PATTERNS.plus()},clampToInt=function(value,min,max){return value=Math.floor(value),value=Math.max(value,min),value=Math.min(value,max)};class Tile extends react.Component{constructor(){super(...arguments),lights_puzzle_editor_defineProperty(this,"_flip",(()=>{this.props.onChange(!this.props.value)}))}render(){const color=this.props.value?"#55dd55":"#115511",style=index_all.ZP.extend({},BASE_TILE_STYLE,{width:this.props.size,height:this.props.size,backgroundColor:color});return react.createElement("div",{style,onClick:this._flip})}}lights_puzzle_editor_defineProperty(Tile,"propTypes",{value:prop_types_default().bool.isRequired,size:prop_types_default().number.isRequired});class TileGrid extends react.Component{render(){return react.createElement("div",{style:TABLE_STYLE,className:"no-select"},index_all.ZP.map(this.props.cells,((row,y)=>react.createElement("div",{key:y,style:ROW_STYLE},index_all.ZP.map(row,((cell,x)=>react.createElement("div",{key:x,style:CELL_STYLE},react.createElement(Tile,{value:cell,size:this.props.size,onChange:index_all.ZP.partial(this.props.onChange,y,x)}))))))))}}lights_puzzle_editor_defineProperty(TileGrid,"propTypes",{cells:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().bool)).isRequired,size:prop_types_default().number.isRequired});class LightsPuzzleEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,lights_puzzle_editor_defineProperty(this,"_height",(()=>this.props.startCells.length)),lights_puzzle_editor_defineProperty(this,"_width",(()=>0!==this.props.startCells.length?this.props.startCells[0].length:0)),lights_puzzle_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),lights_puzzle_editor_defineProperty(this,"_handlePatternChange",(e=>{this.change("flipPattern",e.target.value)})),lights_puzzle_editor_defineProperty(this,"_changeWidth",(newWidth=>{newWidth=clampToInt(newWidth,1,8),this._truncateCells(newWidth,this._height())})),lights_puzzle_editor_defineProperty(this,"_changeHeight",(newHeight=>{newHeight=clampToInt(newHeight,1,8),this._truncateCells(this._width(),newHeight)})),lights_puzzle_editor_defineProperty(this,"_truncateCells",((newWidth,newHeight)=>{const newCells=index_all.ZP.times(newHeight,(y=>index_all.ZP.times(newWidth,(x=>!(!this.props.startCells[y]||!this.props.startCells[y][x])))));this.change({startCells:newCells})})),lights_puzzle_editor_defineProperty(this,"_switchTile",((tileY,tileX)=>{const newCells=(oldCells=this.props.startCells,predicate=(y,x)=>y===tileY&&x===tileX,index_all.ZP.map(oldCells,((row,y)=>index_all.ZP.map(row,((cell,x)=>predicate(y,x)?!cell:cell)))));var oldCells,predicate;this.change({startCells:newCells})})),lights_puzzle_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",null,"Width:",react.createElement(lights_puzzle_editor_NumberInput,{value:this._width(),placeholder:5,onChange:this._changeWidth}),", ","Height:",react.createElement(lights_puzzle_editor_NumberInput,{value:this._height(),placeholder:5,onChange:this._changeHeight})),react.createElement("div",null,"Flip pattern:",react.createElement("select",{value:this.props.flipPattern,onChange:this._handlePatternChange},index_all.ZP.map(index_all.ZP.keys(PATTERNS),((pattern,i)=>react.createElement("option",{value:pattern,key:i},pattern))))),react.createElement("div",null,"Grade incomplete puzzles as wrong:"," ",react.createElement(lights_puzzle_editor_PropCheckBox,{gradeIncompleteAsWrong:this.props.gradeIncompleteAsWrong,onChange:this.props.onChange}),react.createElement(lights_puzzle_editor_InfoTip,null,"By default, incomplete puzzles are graded as empty.")),react.createElement("div",null,"Starting configuration:"),react.createElement("div",{style:{overflowX:"auto"}},react.createElement(TileGrid,{cells:this.props.startCells,size:50,onChange:this._switchTile})))}}lights_puzzle_editor_defineProperty(LightsPuzzleEditor,"propTypes",{...src.ye.i,startCells:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().bool)),flipPattern:prop_types_default().string.isRequired,gradeIncompleteAsWrong:prop_types_default().bool.isRequired}),lights_puzzle_editor_defineProperty(LightsPuzzleEditor,"widgetName","lights-puzzle"),lights_puzzle_editor_defineProperty(LightsPuzzleEditor,"defaultProps",{startCells:[[!1,!1,!1],[!1,!1,!1],[!1,!1,!1]],flipPattern:"plus",gradeIncompleteAsWrong:!1});const lights_puzzle_editor=LightsPuzzleEditor;try{LightsPuzzleEditor.displayName="LightsPuzzleEditor",LightsPuzzleEditor.__docgenInfo={description:"",displayName:"LightsPuzzleEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/lights-puzzle-editor.tsx#LightsPuzzleEditor"]={docgenInfo:LightsPuzzleEditor.__docgenInfo,name:"LightsPuzzleEditor",path:"packages/perseus-editor/src/widgets/lights-puzzle-editor.tsx#LightsPuzzleEditor"})}catch(__react_docgen_typescript_loader_error){}function matcher_editor_defineProperty(obj,key,value){return(key=function matcher_editor_toPropertyKey(arg){var key=function matcher_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:matcher_editor_InfoTip,PropCheckBox:matcher_editor_PropCheckBox,TextListEditor:matcher_editor_TextListEditor}=src.wx;class MatcherEditor extends react.Component{constructor(){super(...arguments),matcher_editor_defineProperty(this,"onLabelChange",((index,e)=>{const labels=index_all.ZP.clone(this.props.labels);labels[index]=e.target.value,this.props.onChange({labels})})),matcher_editor_defineProperty(this,"getSaveWarnings",(()=>this.props.left.length!==this.props.right.length?["The two halves of the matcher have different numbers of cards."]:[])),matcher_editor_defineProperty(this,"serialize",(()=>index_all.ZP.pick(this.props,"left","right","labels","orderMatters","padding")))}render(){return react.createElement("div",{className:"perseus-matcher-editor"},react.createElement("div",null," ","Correct answer:"," ",react.createElement(matcher_editor_InfoTip,null,react.createElement("p",null,"Enter the correct answers here. The preview on the right will show the cards in a randomized order, which is how the student will see them."))),react.createElement("div",{className:"perseus-clearfix"},react.createElement(matcher_editor_TextListEditor,{options:this.props.left,onChange:(options,cb)=>{this.props.onChange({left:options},cb)},layout:"vertical"}),react.createElement(matcher_editor_TextListEditor,{options:this.props.right,onChange:(options,cb)=>{this.props.onChange({right:options},cb)},layout:"vertical"})),react.createElement("span",null," ","Labels:"," ",react.createElement(matcher_editor_InfoTip,null,react.createElement("p",null,"These are entirely optional."))),react.createElement("div",null,react.createElement("input",{type:"text",defaultValue:this.props.labels[0],onChange:this.onLabelChange.bind(this,0)}),react.createElement("input",{type:"text",defaultValue:this.props.labels[1],onChange:this.onLabelChange.bind(this,1)})),react.createElement("div",null,react.createElement(matcher_editor_PropCheckBox,{label:"Order of the matched pairs matters:",orderMatters:this.props.orderMatters,onChange:this.props.onChange}),react.createElement(matcher_editor_InfoTip,null,react.createElement("p",null,"With this option enabled, only the order provided above will be treated as correct. This is useful when ordering is significant, such as in the context of a proof."),react.createElement("p",null,"If disabled, pairwise matching is sufficient. To make this clear, the left column becomes fixed in the provided order and only the cards in the right column can be moved."))),react.createElement("div",null,react.createElement(matcher_editor_PropCheckBox,{label:"Padding:",padding:this.props.padding,onChange:this.props.onChange}),react.createElement(matcher_editor_InfoTip,null,react.createElement("p",null,"Padding is good for text, but not needed for images."))))}}matcher_editor_defineProperty(MatcherEditor,"propTypes",{left:prop_types_default().array,right:prop_types_default().array,labels:prop_types_default().array,orderMatters:prop_types_default().bool,padding:prop_types_default().bool}),matcher_editor_defineProperty(MatcherEditor,"widgetName","matcher"),matcher_editor_defineProperty(MatcherEditor,"defaultProps",{left:["$x$","$y$","$z$"],right:["$1$","$2$","$3$"],labels:["test","label"],orderMatters:!1,padding:!0});const matcher_editor=MatcherEditor;try{MatcherEditor.displayName="MatcherEditor",MatcherEditor.__docgenInfo={description:"",displayName:"MatcherEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/matcher-editor.tsx#MatcherEditor"]={docgenInfo:MatcherEditor.__docgenInfo,name:"MatcherEditor",path:"packages/perseus-editor/src/widgets/matcher-editor.tsx#MatcherEditor"})}catch(__react_docgen_typescript_loader_error){}function matrix_editor_defineProperty(obj,key,value){return(key=function matrix_editor_toPropertyKey(arg){var key=function matrix_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{RangeInput:matrix_editor_RangeInput}=src.wx,Matrix=src.x7.widget;class MatrixEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,matrix_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),matrix_editor_defineProperty(this,"onMatrixBoardSizeChange",(range=>{const matrixSize=function(matrix){const matrixSize=[1,1];return(0,index_all.ZP)(matrix).each(((matrixRow,row)=>{let rowWidth=0;(0,index_all.ZP)(matrixRow).each(((matrixCol,col)=>{null!=matrixCol&&matrixCol.toString().length&&(rowWidth=col+1)})),matrixSize[1]=Math.max(matrixSize[1],rowWidth),rowWidth>0&&(matrixSize[0]=Math.max(matrixSize[0],row+1))})),matrixSize}(this.props.answers);if(null!==range[0]&&null!==range[1]){range=[Math.round(Math.min(Math.max(range[0],1),6)),Math.round(Math.min(Math.max(range[1],1),6))];const answers=(0,index_all.ZP)(Math.min(range[0],matrixSize[0])).times((row=>(0,index_all.ZP)(Math.min(range[1],matrixSize[1])).times((col=>this.props.answers[row][col]))));this.props.onChange({matrixBoardSize:range,answers})}})),matrix_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const matrixProps=index_all.ZP.extend({numericInput:!0,onBlur:()=>{},onFocus:()=>{},trackInteraction:()=>{}},this.props);return react.createElement("div",{className:"perseus-matrix-editor"},react.createElement("div",{className:"perseus-widget-row"}," ","Max matrix size:"," ",react.createElement(matrix_editor_RangeInput,{value:this.props.matrixBoardSize,onChange:this.onMatrixBoardSizeChange,format:this.props.labelStyle,useArrowKeys:!0})),react.createElement("div",{className:"perseus-widget-row"},react.createElement(Matrix,matrixProps)),react.createElement("div",{className:"perseus-widget-row"}," ","Matrix prefix:"," ",react.createElement(src_editor.Z,{ref:"prefix",apiOptions:this.props.apiOptions,content:this.props.prefix,widgetEnabled:!1,onChange:newProps=>{this.change({prefix:newProps.content})}})),react.createElement("div",{className:"perseus-widget-row"}," ","Matrix suffix:"," ",react.createElement(src_editor.Z,{ref:"suffix",apiOptions:this.props.apiOptions,content:this.props.suffix,widgetEnabled:!1,onChange:newProps=>{this.change({suffix:newProps.content})}})))}}matrix_editor_defineProperty(MatrixEditor,"propTypes",{...src.ye.i,matrixBoardSize:prop_types_default().arrayOf(prop_types_default().number).isRequired,answers:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().number)),prefix:prop_types_default().string,suffix:prop_types_default().string,cursorPosition:prop_types_default().arrayOf(prop_types_default().number)}),matrix_editor_defineProperty(MatrixEditor,"widgetName","matrix"),matrix_editor_defineProperty(MatrixEditor,"defaultProps",{matrixBoardSize:[3,3],answers:[[]],prefix:"",suffix:"",cursorPosition:[0,0]});const matrix_editor=MatrixEditor;try{MatrixEditor.displayName="MatrixEditor",MatrixEditor.__docgenInfo={description:"",displayName:"MatrixEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/matrix-editor.tsx#MatrixEditor"]={docgenInfo:MatrixEditor.__docgenInfo,name:"MatrixEditor",path:"packages/perseus-editor/src/widgets/matrix-editor.tsx#MatrixEditor"})}catch(__react_docgen_typescript_loader_error){}function measurer_editor_defineProperty(obj,key,value){return(key=function measurer_editor_toPropertyKey(arg){var key=function measurer_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:measurer_editor_InfoTip,NumberInput:measurer_editor_NumberInput,PropCheckBox:measurer_editor_PropCheckBox,RangeInput:measurer_editor_RangeInput}=src.wx,defaultImage={url:null,top:0,left:0};class MeasurerEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,measurer_editor_defineProperty(this,"className","perseus-widget-measurer"),measurer_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),measurer_editor_defineProperty(this,"_changeUrl",(e=>{this._changeImage("url",e.target.value)})),measurer_editor_defineProperty(this,"_changeTop",(newTop=>{this._changeImage("top",newTop)})),measurer_editor_defineProperty(this,"_changeLeft",(newLeft=>{this._changeImage("left",newLeft)})),measurer_editor_defineProperty(this,"_changeImage",((subProp,newValue)=>{const image=index_all.ZP.clone(this.props.image);image[subProp]=newValue,this.change("image",image)})),measurer_editor_defineProperty(this,"renderLabelChoices",(choices=>index_all.ZP.map(choices,(function(nameAndValue){const[name,value]=nameAndValue;return react.createElement("option",{key:value,value},name)})))),measurer_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const image=index_all.ZP.extend({},defaultImage,this.props.image);return react.createElement("div",{className:"perseus-widget-measurer"},react.createElement("div",null,"Image displayed under protractor and/or ruler:"),react.createElement("div",null,"URL:"," ",react.createElement("input",{type:"text",className:"perseus-widget-measurer-url",ref:"image-url",defaultValue:image.url,onChange:this._changeUrl}),react.createElement(measurer_editor_InfoTip,null,react.createElement("p",null,'Create an image in graphie, or use the "Add image" function to create a background.'))),image.url&&react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",{className:"perseus-widget-left-col"},"Pixels from top:"," ",react.createElement(measurer_editor_NumberInput,{placeholder:0,onChange:this._changeTop,value:image.top,useArrowKeys:!0})),react.createElement("label",{className:"perseus-widget-right-col"},"Pixels from left:"," ",react.createElement(measurer_editor_NumberInput,{placeholder:0,onChange:this._changeLeft,value:image.left,useArrowKeys:!0}))),react.createElement("div",null,"Containing area [width, height]:"," ",react.createElement(measurer_editor_RangeInput,{onChange:this.change("box"),value:this.props.box,useArrowKeys:!0})),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},react.createElement(measurer_editor_PropCheckBox,{label:"Show ruler",showRuler:this.props.showRuler,onChange:this.props.onChange})),react.createElement("div",{className:"perseus-widget-right-col"},react.createElement(measurer_editor_PropCheckBox,{label:"Show protractor",showProtractor:this.props.showProtractor,onChange:this.props.onChange}))),this.props.showRuler&&react.createElement("div",null,react.createElement("div",null,react.createElement("label",null," ","Ruler label:"," ",react.createElement("select",{onChange:e=>this.change("rulerLabel",e.target.value),value:this.props.rulerLabel},react.createElement("option",{value:""},"None"),react.createElement("optgroup",{label:"Metric"},this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])),react.createElement("optgroup",{label:"Imperial"},this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]]))))),react.createElement("div",null,react.createElement("label",null," ","Ruler ticks:"," ",react.createElement("select",{onChange:e=>this.change("rulerTicks",+e.target.value),value:this.props.rulerTicks},index_all.ZP.map([1,2,4,8,10,16],(function(n){return react.createElement("option",{key:n,value:n},n)}))))),react.createElement("div",null,react.createElement("label",null,"Ruler pixels per unit:"," ",react.createElement(measurer_editor_NumberInput,{placeholder:40,onChange:this.change("rulerPixels"),value:this.props.rulerPixels,useArrowKeys:!0}))),react.createElement("div",null,react.createElement("label",null,"Ruler length in units:"," ",react.createElement(measurer_editor_NumberInput,{placeholder:10,onChange:this.change("rulerLength"),value:this.props.rulerLength,useArrowKeys:!0})))))}}measurer_editor_defineProperty(MeasurerEditor,"widgetName","measurer"),measurer_editor_defineProperty(MeasurerEditor,"propTypes",{...src.ye.i,box:prop_types_default().arrayOf(prop_types_default().number),image:prop_types_default().shape({url:prop_types_default().string,top:prop_types_default().number,left:prop_types_default().number}),showProtractor:prop_types_default().bool,showRuler:prop_types_default().bool,rulerLabel:prop_types_default().string,rulerTicks:prop_types_default().number,rulerPixels:prop_types_default().number,rulerLength:prop_types_default().number}),measurer_editor_defineProperty(MeasurerEditor,"defaultProps",{box:[480,480],image:{},showProtractor:!0,showRuler:!1,rulerLabel:"",rulerTicks:10,rulerPixels:40,rulerLength:10});const measurer_editor=MeasurerEditor;try{MeasurerEditor.displayName="MeasurerEditor",MeasurerEditor.__docgenInfo={description:"",displayName:"MeasurerEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/measurer-editor.tsx#MeasurerEditor"]={docgenInfo:MeasurerEditor.__docgenInfo,name:"MeasurerEditor",path:"packages/perseus-editor/src/widgets/measurer-editor.tsx#MeasurerEditor"})}catch(__react_docgen_typescript_loader_error){}function molecule_editor_defineProperty(obj,key,value){return(key=function molecule_editor_toPropertyKey(arg){var key=function molecule_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{NumberInput:molecule_editor_NumberInput,TextInput:molecule_editor_TextInput}=src.wx;class MoleculeWidgetEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,molecule_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),molecule_editor_defineProperty(this,"updateMolecule",(newValue=>{this.change({smiles:newValue})})),molecule_editor_defineProperty(this,"updateRotation",(newValue=>{this.change({rotationAngle:newValue})})),molecule_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",null,react.createElement("label",null,"SMILES: ",react.createElement(molecule_editor_TextInput,{onChange:this.updateMolecule,value:this.props.smiles}))),react.createElement("div",null,react.createElement("label",null,"Rotation (deg): ",react.createElement(molecule_editor_NumberInput,{onChange:this.updateRotation,value:this.props.rotationAngle}))))}}molecule_editor_defineProperty(MoleculeWidgetEditor,"propTypes",{...src.ye.i,rotationAngle:prop_types_default().number,smiles:prop_types_default().string}),molecule_editor_defineProperty(MoleculeWidgetEditor,"widgetName","molecule-renderer");const molecule_editor=MoleculeWidgetEditor;try{MoleculeWidgetEditor.displayName="MoleculeWidgetEditor",MoleculeWidgetEditor.__docgenInfo={description:"",displayName:"MoleculeWidgetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/molecule-editor.tsx#MoleculeWidgetEditor"]={docgenInfo:MoleculeWidgetEditor.__docgenInfo,name:"MoleculeWidgetEditor",path:"packages/perseus-editor/src/widgets/molecule-editor.tsx#MoleculeWidgetEditor"})}catch(__react_docgen_typescript_loader_error){}function number_line_editor_defineProperty(obj,key,value){return(key=function number_line_editor_toPropertyKey(arg){var key=function number_line_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{ButtonGroup:number_line_editor_ButtonGroup,InfoTip:number_line_editor_InfoTip,NumberInput:number_line_editor_NumberInput,PropCheckBox:number_line_editor_PropCheckBox,RangeInput:number_line_editor_RangeInput}=src.wx;class NumberLineEditor extends react.Component{constructor(){super(...arguments),number_line_editor_defineProperty(this,"onRangeChange",(range=>{this.props.onChange({range})})),number_line_editor_defineProperty(this,"onLabelRangeChange",((i,num)=>{let labelRange=this.props.labelRange.slice();const otherNum=labelRange[1-i];null==num||null==otherNum?labelRange[i]=num:labelRange=[Math.min(num,otherNum),Math.max(num,otherNum)],this.props.onChange({labelRange})})),number_line_editor_defineProperty(this,"onDivisionRangeChange",(divisionRange=>{let numDivisions=this.props.numDivisions;var x,gt,lt;x=numDivisions,gt=divisionRange[0],lt=divisionRange[1],numDivisions=Math.min(Math.max(x,gt),lt),this.props.onChange({divisionRange,numDivisions})})),number_line_editor_defineProperty(this,"onNumChange",((key,value)=>{const opts={};opts[key]=value,this.props.onChange(opts)})),number_line_editor_defineProperty(this,"onNumDivisionsChange",(numDivisions=>{const divRange=this.props.divisionRange.slice();(numDivisions=(numDivisions=index_all.ZP.isFinite(numDivisions)?Math.round(numDivisions):0)<0?-1*numDivisions:numDivisions)&&(numDivisions=Math.min(divRange[1],Math.max(divRange[0],numDivisions)),this.props.onChange({tickStep:null,divisionRange:divRange,numDivisions}))})),number_line_editor_defineProperty(this,"onTickStepChange",(tickStep=>{this.props.onChange({numDivisions:null,tickStep})})),number_line_editor_defineProperty(this,"onChangeRelation",(e=>{const value=e.target.value;this.props.onChange({correctRel:value,isInequality:"eq"!==value})})),number_line_editor_defineProperty(this,"onLabelStyleChange",(labelStyle=>{this.props.onChange({labelStyle})})),number_line_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const range=this.props.range,labelRange=this.props.labelRange,divisionRange=this.props.divisionRange;range[0]=+range[0],range[1]=+range[1];const width=range[1]-range[0],numDivisions=this.props.numDivisions,snapDivisions=this.props.snapDivisions,tickStep=this.props.tickStep,isTickCtrl=this.props.isTickCtrl;let step;step=isTickCtrl?null:tickStep?tickStep/snapDivisions:width/numDivisions/snapDivisions;return react.createElement("div",{className:"perseus-widget-number-line-editor"},react.createElement("div",{className:"perseus-widget-row"},"Correct x"," ",react.createElement("select",{value:this.props.correctRel,onChange:this.onChangeRelation},react.createElement("option",{value:"eq"}," = "),react.createElement("option",{value:"lt"}," < "),react.createElement("option",{value:"gt"}," > "),react.createElement("option",{value:"le"}," ≤ "),react.createElement("option",{value:"ge"}," ≥ "))," ",react.createElement(number_line_editor_NumberInput,{value:this.props.correctX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"correctX"),checkValidity:val=>val>=range[0]&&val<=range[1]&&(!step||kmath_src.Rx.isInteger((val-range[0])/step)),placeholder:"answer",size:"normal",useArrowKeys:!0}),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This is the correct answer. The answer is validated (as right or wrong) by using only the end position of the point and the relation (=, <, >, ≤, ≥)."))),react.createElement("div",{className:"perseus-widget-row"},this.props.static?react.createElement("label",null,"Range:"):react.createElement("label",null,"Position:"," ",react.createElement(number_line_editor_NumberInput,{value:this.props.initialX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"initialX"),placeholder:range[0],checkValidity:val=>val>=range[0]&&val<=range[1],useArrowKeys:!0})," ∈ "),react.createElement(number_line_editor_RangeInput,{value:range,onChange:this.onRangeChange,format:this.props.labelStyle,useArrowKeys:!0}),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This controls the initial position of the point along the number line and the",react.createElement("strong",null,"range"),", the position of the endpoints of the number line. Setting the range constrains the position of the answer and the labels."),react.createElement("p",null,"In static mode, the initial position of the point is determined by Correct x instead of position."))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("div",{className:"perseus-widget-left-col"},"Labels:"," ",react.createElement(number_line_editor_NumberInput,{value:labelRange[0],placeholder:range[0],format:this.props.labelStyle,checkValidity:val=>val>=range[0]&&val<=range[1],onChange:this.onLabelRangeChange.bind(this,0),useArrowKeys:!0}),react.createElement("span",null," & "),react.createElement(number_line_editor_NumberInput,{value:labelRange[1],placeholder:range[1],format:this.props.labelStyle,checkValidity:val=>val>=range[0]&&val<=range[1],onChange:this.onLabelRangeChange.bind(this,1),useArrowKeys:!0}),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This controls the position of the left / right labels. By default, the labels are set by the range ",react.createElement("br",null),react.createElement("strong",null,"Note:")," Ensure that the labels line up with the tick marks, or it may be confusing for users.")))),react.createElement("div",{className:"perseus-widget-row"},"Style:"," ",react.createElement(number_line_editor_ButtonGroup,{allowEmpty:!1,value:this.props.labelStyle,buttons:[{value:"decimal",content:"0.75",title:"Decimals"},{value:"improper",content:"⁷⁄₄",title:"Improper fractions"},{value:"mixed",content:"1¾",title:"Mixed numbers"},{value:"non-reduced",content:"⁸⁄₄",title:"Non-reduced"}],onChange:this.onLabelStyleChange}),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This controls the styling of the labels for the two main labels as well as all the tick mark labels, if applicable. Your choices are decimal, improper fractions, mixed fractions, and non-reduced fractions."))),react.createElement("div",{className:"perseus-widget-row"},!this.props.static&&react.createElement("div",{className:"perseus-widget-left-col"},react.createElement(number_line_editor_PropCheckBox,{label:"Show tick controller",isTickCtrl:this.props.isTickCtrl,onChange:this.props.onChange})),react.createElement("div",{className:"perseus-widget-right-col"},react.createElement(number_line_editor_PropCheckBox,{label:"Show label ticks",labelTicks:this.props.labelTicks,onChange:this.props.onChange}))),react.createElement("div",{className:"perseus-widget-row"},!this.props.static&&react.createElement(number_line_editor_PropCheckBox,{label:"Show tooltips",showTooltips:this.props.showTooltips,onChange:this.props.onChange})),react.createElement("div",{className:"perseus-widget-row"},isTickCtrl&&react.createElement("span",null,react.createElement("label",null,"Start num divisions at"," ",react.createElement(number_line_editor_NumberInput,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:val=>val>=divisionRange[0]&&val<=divisionRange[1],placeholder:width/this.props.tickStep,useArrowKeys:!0})),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This controls the number (and position) of the tick marks. The number of divisions is constrained to"," "+divisionRange[0]+"–"+divisionRange[1],".",react.createElement("br",null),react.createElement("strong",null,"Note:")," The user will be able to specify the number of divisions in a number input."))),!isTickCtrl&&react.createElement("span",null,react.createElement("label",null,"Num divisions:"," ",react.createElement(number_line_editor_NumberInput,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:val=>val>=divisionRange[0]&&val<=divisionRange[1],placeholder:width/this.props.tickStep,useArrowKeys:!0}))," ",react.createElement("label",null,"or tick step:"," ",react.createElement(number_line_editor_NumberInput,{value:this.props.tickStep||null,format:this.props.labelStyle,onChange:this.onTickStepChange,checkValidity:val=>val>0&&val<=width,placeholder:width/this.props.numDivisions,useArrowKeys:!0})),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This controls the number (and position) of the tick marks; you can either set the number of divisions (2 divisions would split the entire range in two halves), or the tick step (the distance between ticks) and the other value will be updated accordingly."," ",react.createElement("br",null),react.createElement("strong",null,"Note:")," There is no check to see if labels coordinate with the tick marks, which may be confusing for users if the blue labels and black ticks are off-step.")))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Snap increments per tick:"," ",react.createElement(number_line_editor_NumberInput,{value:snapDivisions,checkValidity:val=>val>0,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"snapDivisions"),useArrowKeys:!0})),react.createElement(number_line_editor_InfoTip,null,react.createElement("p",null,"This determines the number of different places the point will snap between two adjacent tick marks."," ",react.createElement("br",null),react.createElement("strong",null,"Note:"),"Ensure the required number of snap increments is provided to answer the question."))))}}number_line_editor_defineProperty(NumberLineEditor,"propTypes",{range:prop_types_default().arrayOf(prop_types_default().number).isRequired,labelRange:prop_types_default().arrayOf(prop_types_default().number).isRequired,labelStyle:prop_types_default().string.isRequired,labelTicks:prop_types_default().bool,divisionRange:prop_types_default().arrayOf(prop_types_default().number).isRequired,numDivisions:prop_types_default().number.isRequired,snapDivisions:prop_types_default().number,tickStep:prop_types_default().number,correctRel:prop_types_default().oneOf(["lt","gt","le","ge","eq"]),correctX:prop_types_default().number,initialX:prop_types_default().number,isTickCtrl:prop_types_default().bool,onChange:prop_types_default().func.isRequired,static:prop_types_default().bool,showTooltips:prop_types_default().bool}),number_line_editor_defineProperty(NumberLineEditor,"widgetName","number-line"),number_line_editor_defineProperty(NumberLineEditor,"defaultProps",{range:[0,10],labelRange:[null,null],labelStyle:"decimal",labelTicks:!0,divisionRange:[1,12],numDivisions:5,snapDivisions:2,tickStep:null,correctRel:"eq",correctX:null,initialX:null,showTooltips:!1});const number_line_editor=NumberLineEditor;try{NumberLineEditor.displayName="NumberLineEditor",NumberLineEditor.__docgenInfo={description:"",displayName:"NumberLineEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/number-line-editor.tsx#NumberLineEditor"]={docgenInfo:NumberLineEditor.__docgenInfo,name:"NumberLineEditor",path:"packages/perseus-editor/src/widgets/number-line-editor.tsx#NumberLineEditor"})}catch(__react_docgen_typescript_loader_error){}const{ButtonGroup:numeric_input_editor_ButtonGroup,InfoTip:numeric_input_editor_InfoTip,InlineIcon:numeric_input_editor_InlineIcon,MultiButtonGroup:numeric_input_editor_MultiButtonGroup,NumberInput:numeric_input_editor_NumberInput,PropCheckBox:numeric_input_editor_PropCheckBox,TextInput:numeric_input_editor_TextInput}=src.wx,{iconGear,iconTrash:numeric_input_editor_iconTrash}=src.ci,{firstNumericalParse}=src.Zr,answerFormButtons=[{title:"Integers",value:"integer",content:"6"},{title:"Decimals",value:"decimal",content:"0.75"},{title:"Proper fractions",value:"proper",content:"⅗"},{title:"Improper fractions",value:"improper",content:"⁷⁄₄"},{title:"Mixed numbers",value:"mixed",content:"1¾"},{title:"Numbers with π",value:"pi",content:"π"}],initAnswer=status=>({value:null,status,message:"",simplify:"required",answerForms:[],strict:!1,maxError:null}),NumericInputEditor=create_react_class_default()({displayName:"NumericInputEditor",propTypes:{...src.ye.i},statics:{widgetName:"numeric-input"},getDefaultProps:function(){return{answers:[initAnswer("correct")],size:"normal",coefficient:!1,labelText:"",rightAlign:!1}},getInitialState:function(){return{lastStatus:"wrong",showOptions:index_all.ZP.map(this.props.answers,(()=>!1))}},render:function(){const answers=this.props.answers,unsimplifiedAnswers=i=>react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Unsimplified answers are"),react.createElement(numeric_input_editor_ButtonGroup,{value:answers[i].simplify,allowEmpty:!1,buttons:[{value:"required",content:"ungraded"},{value:"optional",content:"accepted"},{value:"enforced",content:"wrong"}],onChange:this.updateAnswer(i,"simplify")}),react.createElement(numeric_input_editor_InfoTip,null,react.createElement("p",null,'Normally select "ungraded". This will give the user a message saying the answer is correct but not simplified. The user will then have to simplify it and re-enter, but will not be penalized. (5th grade and after)'),react.createElement("p",null,'Select "accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'),react.createElement("p",null,'Select "wrong" ',react.createElement("em",null,"only")," if we are specifically assessing the ability to simplify."))),suggestedAnswerTypes=i=>react.createElement("div",null,react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Choose the suggested answer formats"),react.createElement(numeric_input_editor_MultiButtonGroup,{buttons:answerFormButtons,values:answers[i].answerForms,onChange:this.updateAnswer(i,"answerForms")}),react.createElement(numeric_input_editor_InfoTip,null,react.createElement("p",null,'Formats will be autoselected for you based on the given answer; to show no suggested formats and accept all types, simply have a decimal/integer be the answer. Values with π will have format "pi", and values that are fractions will have some subset (mixed will be "mixed" and "proper"; improper/proper will both be "improper" and "proper"). If you would like to specify that it is only a proper fraction (or only a mixed/improper fraction), deselect the other format. Except for specific cases, you should not need to change the autoselected formats.'),react.createElement("p",null,"To restrict the answer to ",react.createElement("em",null,"only"),' an improper fraction (i.e. 7/4), select the improper fraction and toggle "strict" to true. This ',react.createElement("b",null,"will not")," ","accept 1.75 as an answer."," "),react.createElement("p",null,"Unless you are testing that specific skill, please do not restrict the answer format."))),react.createElement("div",{className:"perseus-widget-row"},react.createElement(numeric_input_editor_PropCheckBox,{label:"Strictly match only these formats",strict:answers[i].strict,onChange:this.updateAnswer.bind(this,i)}))),maxError=i=>react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Max error"," ",react.createElement(numeric_input_editor_NumberInput,{className:"max-error",value:answers[i].maxError,onChange:this.updateAnswer(i,"maxError"),placeholder:"0"}))),inputSize=react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Width: "),react.createElement(numeric_input_editor_ButtonGroup,{value:this.props.size,allowEmpty:!1,buttons:[{value:"normal",content:"Normal (80px)"},{value:"small",content:"Small (40px)"}],onChange:this.change("size")}),react.createElement(numeric_input_editor_InfoTip,null,react.createElement("p",null,'Use size "Normal" for all text boxes, unless there are multiple text boxes in one line and the answer area is too narrow to fit them.'))),rightAlign=react.createElement("div",{className:"perseus-widget-row"},react.createElement(numeric_input_editor_PropCheckBox,{label:"Right alignment",rightAlign:this.props.rightAlign,onChange:this.props.onChange})),labelText=react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Label text:"," ",react.createElement(numeric_input_editor_TextInput,{value:this.props.labelText,onChange:this.change("labelText")})),react.createElement(numeric_input_editor_InfoTip,null,react.createElement("p",null,"Text to describe this input. This will be shown to users using screenreaders."))),coefficientCheck=react.createElement("div",null,react.createElement("div",{className:"perseus-widget-row"},react.createElement(numeric_input_editor_PropCheckBox,{label:"Coefficient",coefficient:this.props.coefficient,onChange:this.props.onChange}),react.createElement(numeric_input_editor_InfoTip,null,react.createElement("p",null,"A coefficient style number allows the student to use - for -1 and an empty string to mean 1.")))),addAnswerButton=react.createElement("div",null,react.createElement("a",{href:"javascript:void(0)",className:"simple-button orange",onClick:()=>this.addAnswer(),onKeyDown:e=>this.onSpace(e,this.addAnswer)},react.createElement("span",null,"Add new answer"))),instructions={wrong:"(address the mistake/misconception)",ungraded:"(explain in detail to avoid confusion)",correct:"(reinforce the user's understanding)"};return react.createElement("div",{className:"perseus-input-number-editor"},react.createElement("div",{className:"ui-title"},"User input"),react.createElement("div",{className:"msg-title"},"Message shown to user on attempt"),(()=>answers.map(((answer,i)=>{const editor=react.createElement(src_editor.Z,{apiOptions:this.props.apiOptions,content:answer.message||"",placeholder:"Why is this answer "+answer.status+"?\t"+instructions[answer.status],widgetEnabled:!1,onChange:newProps=>{"content"in newProps&&this.updateAnswer(i,{message:newProps.content})}});return react.createElement("div",{className:"perseus-widget-row",key:i},react.createElement("div",{className:"input-answer-editor-value-container"+(answer.maxError?" with-max-error":"")},react.createElement(numeric_input_editor_NumberInput,{value:answer.value,className:"numeric-input-value",placeholder:"answer",format:index_all.ZP.last(answer.answerForms),onFormatChange:(newValue,format)=>{let forms;"pi"===format?forms=["pi"]:"mixed"===format?forms=["proper","mixed"]:"proper"!==format&&"improper"!==format||(forms=["proper","improper"]),this.updateAnswer(i,{value:firstNumericalParse(newValue),answerForms:forms})},onChange:newValue=>{this.updateAnswer(i,{value:firstNumericalParse(newValue)})}}),answer.strict&&react.createElement("div",{className:"is-strict-indicator",title:"strictly equivalent to"},"≡"),"required"!==answer.simplify&&"correct"===answer.status&&react.createElement("div",{className:"simplify-indicator "+answer.simplify,title:"accepts unsimplified answers"},"‰"),answer.maxError?react.createElement("div",{className:"max-error-container"},react.createElement("div",{className:"max-error-plusmn"},"±"),react.createElement(numeric_input_editor_NumberInput,{placeholder:0,value:answers[i].maxError,format:index_all.ZP.last(answer.answerForms),onChange:this.updateAnswer(i,"maxError")})):null,react.createElement("div",{className:"value-divider"}),react.createElement("a",{href:"javascript:void(0)",className:"answer-status "+answer.status,onClick:()=>this.onStatusChange(i),onKeyDown:e=>this.onSpace(e,this.onStatusChange,i)},answer.status),react.createElement("a",{href:"javascript:void(0)",className:"answer-trash",onClick:()=>this.onTrashAnswer(i),onKeyDown:e=>this.onSpace(e,this.onTrashAnswer,i)},react.createElement(numeric_input_editor_InlineIcon,numeric_input_editor_iconTrash)),react.createElement("a",{href:"javascript:void(0)",className:"options-toggle",onClick:()=>this.onToggleOptions(i),onKeyDown:e=>this.onSpace(e,this.onToggleOptions,i)},react.createElement(numeric_input_editor_InlineIcon,iconGear))),react.createElement("div",{className:"input-answer-editor-message"},editor),this.state.showOptions[i]&&react.createElement("div",{className:"options-container"},maxError(i),"correct"===answer.status&&unsimplifiedAnswers(i),suggestedAnswerTypes(i)))})))(),addAnswerButton,inputSize,rightAlign,coefficientCheck,labelText)},change(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(this,args)},onToggleOptions:function(choiceIndex){const showOptions=this.state.showOptions.slice();showOptions[choiceIndex]=!showOptions[choiceIndex],this.setState({showOptions})},onTrashAnswer:function(choiceIndex){if(choiceIndex>=0&&choiceIndex{const update={};update[key]=value,this.updateAnswer(choiceIndex,update)}),choiceIndex,update);let answers=index_all.ZP.clone(this.props.answers);if(choiceIndex===answers.length){const lastAnswer=initAnswer(this.state.lastStatus);answers=answers.concat(lastAnswer)}answers[choiceIndex]=index_all.ZP.extend({},answers[choiceIndex],update),this.props.onChange({answers})},addAnswer:function(){const lastAnswer=initAnswer(this.state.lastStatus),answers=this.props.answers.concat(lastAnswer);this.props.onChange({answers})},getSaveWarnings:function(){const warnings=[];return index_all.ZP.contains(index_all.ZP.pluck(this.props.answers,"value"),"")&&warnings.push("One or more answers is empty"),this.props.answers.forEach(((answer,i)=>{answer.strict&&(!answer.answerForms||0===answer.answerForms.length)&&warnings.push("Answer ".concat(i+1," is set to string format ")+"matching, but no format was selected")})),warnings},serialize(){return src.yU.serialize.call(this)}}),numeric_input_editor=NumericInputEditor;function orderer_editor_defineProperty(obj,key,value){return(key=function orderer_editor_toPropertyKey(arg){var key=function orderer_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:orderer_editor_InfoTip,TextListEditor:orderer_editor_TextListEditor}=src.wx;class OrdererEditor extends react.Component{constructor(){super(...arguments),orderer_editor_defineProperty(this,"onOptionsChange",((whichOptions,options,cb)=>{const props={};props[whichOptions]=index_all.ZP.map(options,(function(option){return{content:option}})),this.props.onChange(props,cb)})),orderer_editor_defineProperty(this,"onLayoutChange",(e=>{this.props.onChange({layout:e.target.value})})),orderer_editor_defineProperty(this,"onHeightChange",(e=>{this.props.onChange({height:e.target.value})})),orderer_editor_defineProperty(this,"serialize",(()=>({options:index_all.ZP.chain(index_all.ZP.pluck(this.props.correctOptions,"content")).union(index_all.ZP.pluck(this.props.otherOptions,"content")).uniq().reject((function(content){return""===content})).sort().sortBy((function(content){return/\d/.test(content)?0:/^\$?[a-zA-Z]+\$?$/.test(content)?2:1})).map((function(content){return{content}})).value(),correctOptions:this.props.correctOptions,otherOptions:this.props.otherOptions,height:this.props.height,layout:this.props.layout})))}render(){return react.createElement("div",{className:"perseus-widget-orderer"},react.createElement("div",null," ","Correct answer:"," ",react.createElement(orderer_editor_InfoTip,null,react.createElement("p",null,"Place the cards in the correct order. The same card can be used more than once in the answer but will only be displayed once at the top of a stack of identical cards."))),react.createElement(orderer_editor_TextListEditor,{options:index_all.ZP.pluck(this.props.correctOptions,"content"),onChange:this.onOptionsChange.bind(this,"correctOptions"),layout:this.props.layout}),react.createElement("div",null," ","Other cards:"," ",react.createElement(orderer_editor_InfoTip,null,react.createElement("p",null,"Create cards that are not part of the answer."))),react.createElement(orderer_editor_TextListEditor,{options:index_all.ZP.pluck(this.props.otherOptions,"content"),onChange:this.onOptionsChange.bind(this,"otherOptions"),layout:this.props.layout}),react.createElement("div",null,react.createElement("label",null," ","Layout:"," ",react.createElement("select",{value:this.props.layout,onChange:this.onLayoutChange},react.createElement("option",{value:"horizontal"},"Horizontal"),react.createElement("option",{value:"vertical"},"Vertical"))),react.createElement(orderer_editor_InfoTip,null,react.createElement("p",null,"Use the horizontal layout for short text and small images. The vertical layout is best for longer text (e.g. proofs)."))),react.createElement("div",null,react.createElement("label",null," ","Height:"," ",react.createElement("select",{value:this.props.height,onChange:this.onHeightChange},react.createElement("option",{value:"normal"},"Normal"),react.createElement("option",{value:"auto"},"Automatic"))),react.createElement(orderer_editor_InfoTip,null,react.createElement("p",null,'Use "Normal" for text, "Automatic" for images.'))))}}orderer_editor_defineProperty(OrdererEditor,"propTypes",{correctOptions:prop_types_default().array,otherOptions:prop_types_default().array,height:prop_types_default().oneOf(["normal","auto"]),layout:prop_types_default().oneOf(["horizontal","vertical"]),onChange:prop_types_default().func.isRequired}),orderer_editor_defineProperty(OrdererEditor,"widgetName","orderer"),orderer_editor_defineProperty(OrdererEditor,"defaultProps",{correctOptions:[{content:"$x$"}],otherOptions:[{content:"$y$"}],height:"normal",layout:"horizontal"});const orderer_editor=OrdererEditor;try{OrdererEditor.displayName="OrdererEditor",OrdererEditor.__docgenInfo={description:"",displayName:"OrdererEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/orderer-editor.tsx#OrdererEditor"]={docgenInfo:OrdererEditor.__docgenInfo,name:"OrdererEditor",path:"packages/perseus-editor/src/widgets/orderer-editor.tsx#OrdererEditor"})}catch(__react_docgen_typescript_loader_error){}function passage_editor_defineProperty(obj,key,value){return(key=function passage_editor_toPropertyKey(arg){var key=function passage_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:passage_editor_InfoTip,PropCheckBox:passage_editor_PropCheckBox}=src.wx;class PassageEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,passage_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),passage_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){const passageEditor=react.createElement(src_editor.Z,{ref:"passage-editor",apiOptions:this.props.apiOptions,content:this.props.passageText,widgetEnabled:!1,placeholder:"Type passage here...",onChange:newProps=>{this.change({passageText:newProps.content})},showWordCount:!0}),footnotesEditor=react.createElement(src_editor.Z,{ref:"passage-footnotes-editor",apiOptions:this.props.apiOptions,content:this.props.footnotes,widgetEnabled:!1,placeholder:"Type footnotes here...",onChange:newProps=>{this.change({footnotes:newProps.content})}});return react.createElement("div",{className:"perseus-widget-passage-editor"},react.createElement("div",{className:"perseus-widget-row"},react.createElement(passage_editor_PropCheckBox,{label:"Show line numbers",labelAlignment:"right",showLineNumbers:this.props.showLineNumbers,onChange:this.props.onChange})),react.createElement("div",null,"Passage title:",react.createElement(passage_editor_InfoTip,null,react.createElement("p",null,"An optional title that will appear directly above the passage in the same font style. (E.g. Passage 1)")),react.createElement("div",null,react.createElement("input",{type:"text",defaultValue:this.props.passageTitle,onChange:e=>{this.change({passageTitle:e.target.value})}}))),react.createElement("div",null,"Passage Text:",passageEditor),react.createElement("div",null,"Footnotes:",react.createElement(passage_editor_InfoTip,null,react.createElement("p",null,"To add footnotes, add ^ characters where they belong in the passage. Then, add ^ in the footnotes area to reference the footnotes in the passage.")),footnotesEditor))}}passage_editor_defineProperty(PassageEditor,"propTypes",{...src.ye.i,passageTitle:prop_types_default().string,passageText:prop_types_default().string,footnotes:prop_types_default().string,showLineNumbers:prop_types_default().bool}),passage_editor_defineProperty(PassageEditor,"widgetName","passage"),passage_editor_defineProperty(PassageEditor,"defaultProps",{passageTitle:"",passageText:"",footnotes:"",showLineNumbers:!0});const passage_editor=PassageEditor;try{PassageEditor.displayName="PassageEditor",PassageEditor.__docgenInfo={description:"",displayName:"PassageEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/passage-editor.tsx#PassageEditor"]={docgenInfo:PassageEditor.__docgenInfo,name:"PassageEditor",path:"packages/perseus-editor/src/widgets/passage-editor.tsx#PassageEditor"})}catch(__react_docgen_typescript_loader_error){}function passage_ref_editor_defineProperty(obj,key,value){return(key=function passage_ref_editor_toPropertyKey(arg){var key=function passage_ref_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:passage_ref_editor_InfoTip,NumberInput:passage_ref_editor_NumberInput,TextInput:passage_ref_editor_TextInput}=src.wx;class PassageRefEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,passage_ref_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),passage_ref_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",null,react.createElement("label",null,"Passage Number: ",react.createElement(passage_ref_editor_NumberInput,{value:this.props.passageNumber,onChange:this.change("passageNumber")}))),react.createElement("div",null,react.createElement("label",null,"Reference Number: ",react.createElement(passage_ref_editor_NumberInput,{value:this.props.referenceNumber,onChange:this.change("referenceNumber")}))),react.createElement("div",null,react.createElement("label",null,"Summary Text: ",react.createElement(passage_ref_editor_TextInput,{value:this.props.summaryText,onChange:this.change("summaryText")}),react.createElement(passage_ref_editor_InfoTip,null,react.createElement("p",null,"Short summary of the referenced section. This will be included in parentheses and quotes automatically."),react.createElement("p",null,"Ex: The start ... the end")))))}}passage_ref_editor_defineProperty(PassageRefEditor,"propTypes",{...src.ye.i,passageNumber:prop_types_default().number,referenceNumber:prop_types_default().number,summaryText:prop_types_default().string}),passage_ref_editor_defineProperty(PassageRefEditor,"widgetName","passage-ref"),passage_ref_editor_defineProperty(PassageRefEditor,"defaultProps",{passageNumber:1,referenceNumber:1,summaryText:""});const passage_ref_editor=PassageRefEditor;try{PassageRefEditor.displayName="PassageRefEditor",PassageRefEditor.__docgenInfo={description:"",displayName:"PassageRefEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/passage-ref-editor.tsx#PassageRefEditor"]={docgenInfo:PassageRefEditor.__docgenInfo,name:"PassageRefEditor",path:"packages/perseus-editor/src/widgets/passage-ref-editor.tsx#PassageRefEditor"})}catch(__react_docgen_typescript_loader_error){}function passage_ref_target_editor_defineProperty(obj,key,value){return(key=function passage_ref_target_editor_toPropertyKey(arg){var key=function passage_ref_target_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class PassageRefTargetEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,passage_ref_target_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),passage_ref_target_editor_defineProperty(this,"handleContentChange",(e=>{this.change({content:e.target.value})})),passage_ref_target_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,"Content:",react.createElement("input",{type:"text",value:this.props.content,onChange:this.handleContentChange}))}}passage_ref_target_editor_defineProperty(PassageRefTargetEditor,"propTypes",{...src.ye.i,content:prop_types_default().string}),passage_ref_target_editor_defineProperty(PassageRefTargetEditor,"widgetName","passage-ref-target"),passage_ref_target_editor_defineProperty(PassageRefTargetEditor,"defaultProps",{content:""});const passage_ref_target_editor=PassageRefTargetEditor;try{PassageRefTargetEditor.displayName="PassageRefTargetEditor",PassageRefTargetEditor.__docgenInfo={description:"",displayName:"PassageRefTargetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/passage-ref-target-editor.tsx#PassageRefTargetEditor"]={docgenInfo:PassageRefTargetEditor.__docgenInfo,name:"PassageRefTargetEditor",path:"packages/perseus-editor/src/widgets/passage-ref-target-editor.tsx#PassageRefTargetEditor"})}catch(__react_docgen_typescript_loader_error){}function plotter_editor_extends(){return plotter_editor_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i"$"+kmath_src.Rx.round(num,2)+"$";class PlotterEditor extends react.Component{constructor(){super(...arguments),plotter_editor_defineProperty(this,"state",{editing:this.props.static?"starting":"correct",pic:null,loadedUrl:null,minX:null,maxX:null,tickStep:null}),plotter_editor_defineProperty(this,"fetchPic",(url=>{if(this.state.loadedUrl!==url){const pic=new Image;pic.src=url,pic.onload=()=>{this.setState({pic,loadedUrl:url})}}})),plotter_editor_defineProperty(this,"handleChangeTickStep",(value=>{this.setState({tickStep:value})})),plotter_editor_defineProperty(this,"handleChangeRange",(newValue=>{this.setState({minX:newValue[0],maxX:newValue[1]})})),plotter_editor_defineProperty(this,"changeLabelInterval",(value=>{this.props.onChange({labelInterval:value})})),plotter_editor_defineProperty(this,"handlePlotterChange",(newProps=>{const props={};props[this.state.editing]=newProps.values,this.props.onChange(props)})),plotter_editor_defineProperty(this,"changeType",(type=>{let categories;if("histogram"===type?(categories=[formatNumber(0)].concat(this.props.categories),this.props.onChange({type,categories})):"histogram"===this.props.type?(categories=this.props.categories.slice(1),this.props.onChange({type,categories})):this.props.onChange({type}),categories){react_dom.findDOMNode(this.refs.categories).value=categories.join(", ")}})),plotter_editor_defineProperty(this,"changeLabel",((i,e)=>{const labels=index_all.ZP.clone(this.props.labels);labels[i]=e.target.value,this.props.onChange({labels})})),plotter_editor_defineProperty(this,"changePicUrl",(value=>{const url=src.Zr.getRealImageUrl(value);this.props.onChange({picUrl:url})})),plotter_editor_defineProperty(this,"changeCategories",(categories=>{let n=categories.length;"histogram"===this.props.type&&n--;const value=this.props.scaleY;this.props.onChange({categories,correct:padArray(this.props.correct,n,value),starting:padArray(this.props.starting,n,value)})})),plotter_editor_defineProperty(this,"changeScale",(e=>{const oldScale=this.props.scaleY,newScale=+e.target.value||editorDefaults.scaleY,scale=function(value){return value*newScale/oldScale},maxY=scale(this.props.maxY);this.props.onChange({scaleY:newScale,maxY,correct:index_all.ZP.map(this.props.correct,scale),starting:index_all.ZP.map(this.props.starting,scale)}),react_dom.findDOMNode(this.refs.maxY).value=maxY})),plotter_editor_defineProperty(this,"changeMax",(e=>{this.props.onChange({maxY:+e.target.value||editorDefaults.maxY})})),plotter_editor_defineProperty(this,"changeSnaps",(e=>{this.props.onChange({snapsPerLine:+e.target.value||editorDefaults.snapsPerLine})})),plotter_editor_defineProperty(this,"changeEditing",(editing=>{this.setState({editing})})),plotter_editor_defineProperty(this,"setCategoriesFromScale",(()=>{const scale=this.state.tickStep||1,min=this.state.minX||0,max=this.state.maxX||0,length=Math.floor((max-min)/scale)*scale;let categories;categories="histogram"===this.props.type||"dotplot"===this.props.type?index_all.ZP.range(0,length+scale,scale):index_all.ZP.range(scale,length+scale,scale),categories=index_all.ZP.map(categories,(num=>num+min)),categories=index_all.ZP.map(categories,formatNumber),this.changeCategories(categories);react_dom.findDOMNode(this.refs.categories).value=categories.join(", ")})),plotter_editor_defineProperty(this,"serialize",(()=>{const json=index_all.ZP.pick(this.props,"correct","starting","type","labels","categories","scaleY","maxY","snapsPerLine","labelInterval");return"pic"===this.props.type&&(json.picUrl=this.props.picUrl),json}))}UNSAFE_componentWillMount(){this.fetchPic(this.props.picUrl)}UNSAFE_componentWillReceiveProps(nextProps){this.fetchPic(nextProps.picUrl),nextProps.static&&this.setState({editing:"starting"})}render(){const setFromScale=index_all.ZP.contains(["line","histogram","dotplot"],this.props.type),canChangeSnaps=!index_all.ZP.contains(["pic","dotplot"],this.props.type),props={trackInteraction:()=>{},...this.props};return react.createElement("div",{className:"perseus-widget-plotter-editor"},react.createElement("div",null,"Chart type:"," ",index_all.ZP.map(["bar","line","pic","histogram","dotplot"],(function(type){return react.createElement("label",{key:type},react.createElement("input",{type:"radio",name:"chart-type",checked:this.props.type===type,onChange:index_all.ZP.partial(this.changeType,type)}),type)}),this)),react.createElement("div",null,"Labels:"," ",index_all.ZP.map(["x","y"],(function(axis,i){return react.createElement("label",{key:axis},axis+":",react.createElement("input",{type:"text",onChange:index_all.ZP.partial(this.changeLabel,i),defaultValue:this.props.labels[i]}))}),this)),setFromScale&&react.createElement("div",{className:"set-from-scale-box"},react.createElement("span",{className:"categories-title"},"Set Categories From Scale"),react.createElement("div",null,react.createElement("label",null,"Tick Step:"," ",react.createElement(plotter_editor_NumberInput,{placeholder:1,useArrowKeys:!0,value:this.state.tickStep,onChange:this.handleChangeTickStep})),react.createElement(plotter_editor_InfoTip,null,react.createElement("p",null,"The difference between adjacent ticks."))),react.createElement("div",null,react.createElement("label",null,"Range:"," ",react.createElement(plotter_editor_RangeInput,{placeholder:[0,10],useArrowKeys:!0,value:[this.state.minX,this.state.maxX],onChange:this.handleChangeRange}))),react.createElement("div",null,react.createElement("button",{onClick:this.setCategoriesFromScale},"Set Categories"," "))),react.createElement("div",null,react.createElement("label",null,"Label Interval:"," ",react.createElement(plotter_editor_NumberInput,{useArrowKeys:!0,value:this.props.labelInterval,onChange:this.changeLabelInterval})),react.createElement(plotter_editor_InfoTip,null,react.createElement("p",null,'Which ticks to display the labels for. For instance, setting this to "4" will only show every 4th label (plus the last one)'))),"pic"===this.props.type&&react.createElement("div",null,react.createElement("label",null,"Picture:"," ",react.createElement(blur_input.Z,{className:"pic-url",value:this.props.picUrl,onChange:this.changePicUrl}),react.createElement(plotter_editor_InfoTip,null,react.createElement("p",null,'Use the default picture of Earth, or insert the URL for a different picture using the "Add image" function.'))),this.state.pic&&this.state.pic.width!==this.state.pic.height&&react.createElement("p",{className:"warning"},react.createElement("b",null,"Warning"),": You are using a picture which is not square. This means the image will get distorted. You should probably crop it to be square.")),react.createElement("div",null,react.createElement("label",null,"Categories:"," ",react.createElement(plotter_editor_TextListEditor,{ref:"categories",layout:"horizontal",options:this.props.categories,onChange:this.changeCategories}))),react.createElement("div",null,react.createElement("label",null,"Scale (y):"," ",react.createElement("input",{type:"text",onChange:this.changeScale,defaultValue:this.props.scaleY}))),react.createElement("div",null,react.createElement("label",null,"Max y:"," ",react.createElement("input",{type:"text",ref:"maxY",onChange:this.changeMax,defaultValue:this.props.maxY}))),canChangeSnaps&&react.createElement("div",null,react.createElement("label",null,"Snaps per line:"," ",react.createElement("input",{type:"text",onChange:this.changeSnaps,defaultValue:this.props.snapsPerLine})),react.createElement(plotter_editor_InfoTip,null,react.createElement("p",null,"Creates the specified number of divisions between the horizontal lines. Fewer snaps between lines makes the graph easier for the student to create correctly."))),react.createElement("div",null,"Editing values:"," ",["correct","starting"].map((editing=>react.createElement("label",{key:editing},react.createElement("input",{type:"radio",disabled:"correct"===editing&&this.props.static,checked:this.props.static?"starting"===editing:this.state.editing===editing,onChange:e=>this.changeEditing(editing)}),editing))),react.createElement(plotter_editor_InfoTip,null,react.createElement("p",null,"Use this toggle to switch between editing the correct answer (what the student will be graded on) and the starting values (what the student will see plotted when they start the problem). Note: These cannot be the same."),react.createElement("p",null,"In static mode, the starting values are rendered out to the displayed widget."))),react.createElement(Plotter,plotter_editor_extends({},props,{starting:this.props[this.state.editing],onChange:this.handlePlotterChange})))}}plotter_editor_defineProperty(PlotterEditor,"propTypes",widgetPropTypes),plotter_editor_defineProperty(PlotterEditor,"widgetName","plotter"),plotter_editor_defineProperty(PlotterEditor,"defaultProps",{...editorDefaults,correct:[1],starting:[1],type:"bar",labels:["",""],categories:[""],picSize:30,picBoxHeight:36,plotDimensions:[275,200],labelInterval:1,get picUrl(){const staticUrl=src.dq.getDependencies().staticUrl;return staticUrl?staticUrl("/images/badges/earth-small.png"):null}});const plotter_editor=PlotterEditor;try{PlotterEditor.displayName="PlotterEditor",PlotterEditor.__docgenInfo={description:"",displayName:"PlotterEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/plotter-editor.tsx#PlotterEditor"]={docgenInfo:PlotterEditor.__docgenInfo,name:"PlotterEditor",path:"packages/perseus-editor/src/widgets/plotter-editor.tsx#PlotterEditor"})}catch(__react_docgen_typescript_loader_error){}var editor=__webpack_require__("./packages/perseus-editor/src/widgets/radio/editor.tsx");function reaction_diagram_editor_defineProperty(obj,key,value){return(key=function reaction_diagram_editor_toPropertyKey(arg){var key=function reaction_diagram_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{NumberInput:reaction_diagram_editor_NumberInput,TextInput:reaction_diagram_editor_TextInput}=src.wx;class ReactionDiagramWidgetEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,reaction_diagram_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),reaction_diagram_editor_defineProperty(this,"updateMolecule",(idx=>function(newValue){const newSmiles=[...this.props.smiles];newSmiles[idx]=newValue,this.change({smiles:newSmiles})}.bind(this))),reaction_diagram_editor_defineProperty(this,"updateRotation",(idx=>function(newValue){const newRot=[...this.props.rotationAngle];newRot[idx]=newValue,this.change({rotationAngle:newRot})}.bind(this))),reaction_diagram_editor_defineProperty(this,"updateSeparators",((idx,propName)=>newValue=>{const newSep=this.props.separators.map((sep=>({...sep})));newSep[idx][propName]=newValue,this.change({separators:newSep})})),reaction_diagram_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("div",null,react.createElement("label",null,"LHS SMILES: ",react.createElement(reaction_diagram_editor_TextInput,{onChange:this.updateMolecule(0),value:this.props.smiles[0]}))),react.createElement("div",null,react.createElement("label",null,"LHS Rotation (deg): ",react.createElement(reaction_diagram_editor_NumberInput,{onChange:this.updateRotation(0),value:this.props.rotationAngle[0]}))),react.createElement("div",null,react.createElement("label",null,"RHS SMILES: ",react.createElement(reaction_diagram_editor_TextInput,{onChange:this.updateMolecule(1),value:this.props.smiles[1]}))),react.createElement("div",null,react.createElement("label",null,"RHS Rotation (deg): ",react.createElement(reaction_diagram_editor_NumberInput,{onChange:this.updateRotation(1),value:this.props.rotationAngle[1]}))),react.createElement("div",null,react.createElement("label",null,"Top of arrow text: ",react.createElement(reaction_diagram_editor_TextInput,{onChange:this.updateSeparators(0,"topText"),value:this.props.separators[0].topText}))),react.createElement("div",null,react.createElement("label",null,"Bottom of arrow text: ",react.createElement(reaction_diagram_editor_TextInput,{onChange:this.updateSeparators(0,"bottomText"),value:this.props.separators[0].bottomText}))))}}reaction_diagram_editor_defineProperty(ReactionDiagramWidgetEditor,"propTypes",{...src.ye.i,rotationAngle:prop_types_default().arrayOf(prop_types_default().number),separators:prop_types_default().arrayOf(prop_types_default().object),smiles:prop_types_default().arrayOf(prop_types_default().string)}),reaction_diagram_editor_defineProperty(ReactionDiagramWidgetEditor,"widgetName","reaction-diagram"),reaction_diagram_editor_defineProperty(ReactionDiagramWidgetEditor,"defaultProps",{smiles:["",""],rotationAngle:[0,0],separators:[{type:"right",topText:"",bottomText:""}]});const reaction_diagram_editor=ReactionDiagramWidgetEditor;try{ReactionDiagramWidgetEditor.displayName="ReactionDiagramWidgetEditor",ReactionDiagramWidgetEditor.__docgenInfo={description:"",displayName:"ReactionDiagramWidgetEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/reaction-diagram-editor.tsx#ReactionDiagramWidgetEditor"]={docgenInfo:ReactionDiagramWidgetEditor.__docgenInfo,name:"ReactionDiagramWidgetEditor",path:"packages/perseus-editor/src/widgets/reaction-diagram-editor.tsx#ReactionDiagramWidgetEditor"})}catch(__react_docgen_typescript_loader_error){}function sequence_editor_defineProperty(obj,key,value){return(key=function sequence_editor_toPropertyKey(arg){var key=function sequence_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InlineIcon:sequence_editor_InlineIcon}=src.wx,{iconCircleArrowDown,iconCircleArrowUp,iconPlus:sequence_editor_iconPlus,iconTrash:sequence_editor_iconTrash}=src.ci;class StepControlButton extends react.Component{render(){return react.createElement("a",{href:"#",className:"step-control-button simple-button simple-button--small orange",onClick:e=>{e.preventDefault(),this.props.onClick()}},react.createElement(sequence_editor_InlineIcon,this.props.icon))}}class SequenceEditor extends react.Component{constructor(){super(...arguments),sequence_editor_defineProperty(this,"_handleEditorChange",((i,newProps)=>{const steps=index_all.ZP.clone(this.props.json);steps[i]=index_all.ZP.extend({},steps[i],newProps),this.props.onChange({json:steps})})),sequence_editor_defineProperty(this,"serialize",(()=>({json:index_all.ZP.times(this.props.json.length,(i=>this.refs["editor"+i].serialize()))}))),sequence_editor_defineProperty(this,"_handleMoveStepEarlier",(i=>{if(0===i)return;const steps=index_all.ZP.clone(this.props.json),step=steps[i];steps.splice(i,1),steps.splice(i-1,0,step),this.props.onChange({json:steps})})),sequence_editor_defineProperty(this,"_handleMoveStepLater",(i=>{const steps=index_all.ZP.clone(this.props.json);if(i+1===steps.length)return;const step=steps[i];steps.splice(i,1),steps.splice(i+1,0,step),this.props.onChange({json:steps})})),sequence_editor_defineProperty(this,"_handleAddStepAfter",(i=>{const steps=index_all.ZP.clone(this.props.json),newStep=i>=0?{widgets:steps[i].widgets}:{};steps.splice(i+1,0,newStep),this.props.onChange({json:steps})})),sequence_editor_defineProperty(this,"_handleRemoveStep",(i=>{const steps=index_all.ZP.clone(this.props.json);steps.splice(i,1),this.props.onChange({json:steps})}))}render(){return react.createElement("div",{className:"perseus-sequence-editor"},index_all.ZP.map(this.props.json,((json,i)=>react.createElement("div",{key:i},"Step ",i+1,react.createElement("div",{style:{display:"inline-block",float:"right"}},i+1{this._handleMoveStepLater(i)}}),i>0&&react.createElement(StepControlButton,{icon:iconCircleArrowUp,onClick:()=>{this._handleMoveStepEarlier(i)}}),react.createElement(StepControlButton,{icon:sequence_editor_iconTrash,onClick:()=>{confirm("Are you sure you want to remove step "+(i+1)+"?")&&this._handleRemoveStep(i)}}),react.createElement(StepControlButton,{icon:sequence_editor_iconPlus,onClick:()=>{this._handleAddStepAfter(i)}})),react.createElement(src_editor.Z,{ref:"editor"+i,apiOptions:this.props.apiOptions,content:json.content,widgets:json.widgets,images:json.images,widgetEnabled:!0,immutableWidgets:!1,onChange:index_all.ZP.partial(this._handleEditorChange,i)})))))}}sequence_editor_defineProperty(SequenceEditor,"propTypes",{json:prop_types_default().arrayOf(prop_types_default().shape({content:prop_types_default().string,widgets:prop_types_default().objectOf(prop_types_default().any),images:prop_types_default().objectOf(prop_types_default().any)})),apiOptions:src._E.propTypes,onChange:prop_types_default().func.isRequired}),sequence_editor_defineProperty(SequenceEditor,"widgetName","sequence"),sequence_editor_defineProperty(SequenceEditor,"defaultProps",{json:[{content:"",widgets:{},images:{}}]});const sequence_editor=SequenceEditor;try{SequenceEditor.displayName="SequenceEditor",SequenceEditor.__docgenInfo={description:"",displayName:"SequenceEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/sequence-editor.tsx#SequenceEditor"]={docgenInfo:SequenceEditor.__docgenInfo,name:"SequenceEditor",path:"packages/perseus-editor/src/widgets/sequence-editor.tsx#SequenceEditor"})}catch(__react_docgen_typescript_loader_error){}function simple_markdown_tester_editor_defineProperty(obj,key,value){return(key=function simple_markdown_tester_editor_toPropertyKey(arg){var key=function simple_markdown_tester_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class TextArea extends react.Component{constructor(){super(...arguments),simple_markdown_tester_editor_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),simple_markdown_tester_editor_defineProperty(this,"changeValue",(e=>{this.props.onChange(e.target.value)}))}render(){return react.createElement("textarea",{ref:"input",value:this.props.value||"",onChange:this.changeValue})}}class SimpleMarkdownTesterEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,simple_markdown_tester_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),simple_markdown_tester_editor_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),simple_markdown_tester_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("label",null,react.createElement("div",null,"Simple markdown contents:"),react.createElement("div",null,react.createElement(TextArea,{value:this.props.value,onChange:this.change("value"),ref:"input"}))))}}simple_markdown_tester_editor_defineProperty(SimpleMarkdownTesterEditor,"propTypes",{...src.ye.i}),simple_markdown_tester_editor_defineProperty(SimpleMarkdownTesterEditor,"widgetName","simple-markdown-tester"),simple_markdown_tester_editor_defineProperty(SimpleMarkdownTesterEditor,"defaultProps",{value:""});const simple_markdown_tester_editor=SimpleMarkdownTesterEditor;try{SimpleMarkdownTesterEditor.displayName="SimpleMarkdownTesterEditor",SimpleMarkdownTesterEditor.__docgenInfo={description:"",displayName:"SimpleMarkdownTesterEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/simple-markdown-tester-editor.tsx#SimpleMarkdownTesterEditor"]={docgenInfo:SimpleMarkdownTesterEditor.__docgenInfo,name:"SimpleMarkdownTesterEditor",path:"packages/perseus-editor/src/widgets/simple-markdown-tester-editor.tsx#SimpleMarkdownTesterEditor"})}catch(__react_docgen_typescript_loader_error){}var wonder_blocks_i18n_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-i18n/dist/es/index.js");function simulator_editor_defineProperty(obj,key,value){return(key=function simulator_editor_toPropertyKey(arg){var key=function simulator_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:simulator_editor_InfoTip,NumberInput:simulator_editor_NumberInput}=src.wx;class SimulatorEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,simulator_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),simulator_editor_defineProperty(this,"handleTargetValueChange",((propName,e)=>{this.change(propName,e.target.value)})),simulator_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",{className:"perseus-widget-simulator"},react.createElement("div",null,wonder_blocks_i18n_dist_es._("X-Axis Label"),":",react.createElement("input",{type:"text",className:"graph-settings-axis-label",value:this.props.xAxisLabel,onChange:index_all.ZP.partial(this.handleTargetValueChange,"xAxisLabel")})),react.createElement("div",null,wonder_blocks_i18n_dist_es._("Y-Axis Label"),":",react.createElement("input",{type:"text",className:"graph-settings-axis-label",value:this.props.yAxisLabel,onChange:index_all.ZP.partial(this.handleTargetValueChange,"yAxisLabel")})),react.createElement("div",null,wonder_blocks_i18n_dist_es._('"True Proportion" Label'),":",react.createElement("input",{type:"text",className:"graph-settings-axis-label",value:this.props.proportionLabel,onChange:index_all.ZP.partial(this.handleTargetValueChange,"proportionLabel")}),react.createElement(simulator_editor_InfoTip,null,react.createElement("p",null,'This text will be displayed next to the box in which the user enters the sample proportion for their simulation. For example, if your question is about surveying for approval ratings, you might want this to say "Sample approval rating".'))),react.createElement("div",null,wonder_blocks_i18n_dist_es._("Proportion or Percentage"),":",react.createElement("select",{className:"perseus-widget-dropdown",value:this.props.proportionOrPercentage,onChange:index_all.ZP.partial(this.handleTargetValueChange,"proportionOrPercentage")},react.createElement("option",{key:"proportion",value:"proportion"},"Proportion"),react.createElement("option",{key:"percentage",value:"percentage"},"Percentage")),react.createElement(simulator_editor_InfoTip,null,react.createElement("p",null,"Do you want the user to describe their simulation in terms of a proportion or a percentage?"))),react.createElement("div",null,wonder_blocks_i18n_dist_es._("Number of trials"),":",react.createElement(simulator_editor_NumberInput,{value:this.props.numTrials,checkValidity:val=>val>=0&&val<=5e3,onChange:this.change("numTrials")}),react.createElement(simulator_editor_InfoTip,null,react.createElement("p",null,"This controls the number of trials used in the simulation. For example, if you set this to 50, then the survey will be conducted 50 times. Warning: setting this too high (i.e., greater than 5000 or so) will freeze the page."))))}}simulator_editor_defineProperty(SimulatorEditor,"propTypes",{...src.ye.i,xAxisLabel:prop_types_default().string,yAxisLabel:prop_types_default().string,numTrials:prop_types_default().number,proportionLabel:prop_types_default().string,proportionOrPercentage:prop_types_default().string}),simulator_editor_defineProperty(SimulatorEditor,"widgetName","simulator"),simulator_editor_defineProperty(SimulatorEditor,"defaultProps",{xAxisLabel:"Proportion (%)",yAxisLabel:"Number of times seen",numTrials:100,proportionLabel:"Underlying proportion",proportionOrPercentage:"proportion"});const simulator_editor=SimulatorEditor;try{SimulatorEditor.displayName="SimulatorEditor",SimulatorEditor.__docgenInfo={description:"",displayName:"SimulatorEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/simulator-editor.tsx#SimulatorEditor"]={docgenInfo:SimulatorEditor.__docgenInfo,name:"SimulatorEditor",path:"packages/perseus-editor/src/widgets/simulator-editor.tsx#SimulatorEditor"})}catch(__react_docgen_typescript_loader_error){}function sorter_editor_defineProperty(obj,key,value){return(key=function sorter_editor_toPropertyKey(arg){var key=function sorter_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:sorter_editor_InfoTip,PropCheckBox:sorter_editor_PropCheckBox,TextListEditor:sorter_editor_TextListEditor}=src.wx;class SorterEditor extends react.Component{constructor(){super(...arguments),sorter_editor_defineProperty(this,"onLayoutChange",(e=>{this.props.onChange({layout:e.target.value})})),sorter_editor_defineProperty(this,"serialize",(()=>index_all.ZP.pick(this.props,"correct","layout","padding")))}render(){const editor=this;return react.createElement("div",null,react.createElement("div",null," ","Correct answer:"," ",react.createElement(sorter_editor_InfoTip,null,react.createElement("p",null,"Enter the correct answer (in the correct order) here. The preview on the right will have the cards in a randomized order, which is how the student will see them."))),react.createElement(sorter_editor_TextListEditor,{options:this.props.correct,onChange:function(options,cb){editor.props.onChange({correct:options},cb)},layout:this.props.layout}),react.createElement("div",null,react.createElement("label",null," ","Layout:"," ",react.createElement("select",{value:this.props.layout,onChange:this.onLayoutChange},react.createElement("option",{value:"horizontal"},"Horizontal"),react.createElement("option",{value:"vertical"},"Vertical"))),react.createElement(sorter_editor_InfoTip,null,react.createElement("p",null,"Use the horizontal layout for short text and small images. The vertical layout is best for longer text and larger images."))),react.createElement("div",null,react.createElement(sorter_editor_PropCheckBox,{label:"Padding:",padding:this.props.padding,onChange:this.props.onChange}),react.createElement(sorter_editor_InfoTip,null,react.createElement("p",null,"Padding is good for text, but not needed for images."))))}}sorter_editor_defineProperty(SorterEditor,"propTypes",{correct:prop_types_default().array,layout:prop_types_default().oneOf(["horizontal","vertical"]),padding:prop_types_default().bool}),sorter_editor_defineProperty(SorterEditor,"widgetName","sorter"),sorter_editor_defineProperty(SorterEditor,"defaultProps",{correct:["$x$","$y$","$z$"],layout:"horizontal",padding:!0});const sorter_editor=SorterEditor;try{SorterEditor.displayName="SorterEditor",SorterEditor.__docgenInfo={description:"",displayName:"SorterEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/sorter-editor.tsx#SorterEditor"]={docgenInfo:SorterEditor.__docgenInfo,name:"SorterEditor",path:"packages/perseus-editor/src/widgets/sorter-editor.tsx#SorterEditor"})}catch(__react_docgen_typescript_loader_error){}function table_editor_defineProperty(obj,key,value){return(key=function table_editor_toPropertyKey(arg){var key=function table_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:table_editor_InfoTip,NumberInput:table_editor_NumberInput}=src.wx,Table=src.dm.widget;class TableEditor extends react.Component{constructor(){super(...arguments),table_editor_defineProperty(this,"focus",(()=>{react_dom.findDOMNode(this.refs.numberOfColumns).focus()})),table_editor_defineProperty(this,"onSizeInput",((numRawRows,numRawColumns)=>{let rows=+numRawRows||0,columns=+numRawColumns||0;rows=Math.min(Math.max(1,rows),30),columns=Math.min(Math.max(1,columns),6);const oldColumns=this.props.columns,oldRows=this.props.rows,answers=this.props.answers;function fixColumnSizing(array){columns<=oldColumns?array.length=columns:(0,index_all.ZP)(columns-oldColumns).times((function(){array.push("")}))}rows<=oldRows?answers.length=rows:(0,index_all.ZP)(rows-oldRows).times((function(){answers.push(src.Zr.stringArrayOfSize(oldColumns))}));const headers=this.props.headers;fixColumnSizing(headers),index_all.ZP.each(answers,fixColumnSizing),this.props.onChange({rows,columns,answers,headers})})),table_editor_defineProperty(this,"serialize",(()=>{const json=index_all.ZP.pick(this.props,"headers","rows","columns");return index_all.ZP.extend({},json,{answers:index_all.ZP.map(this.props.answers,index_all.ZP.clone)})}))}render(){const tableProps=index_all.ZP.pick(this.props,"headers","answers","onChange","apiOptions");return index_all.ZP.extend(tableProps,{editableHeaders:!0,Editor:src_editor.Z,onFocus:()=>{},onBlur:()=>{},trackInteraction:()=>{}}),react.createElement("div",null,react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Number of columns:"," ",react.createElement(table_editor_NumberInput,{ref:"numberOfColumns",value:this.props.columns,onChange:val=>{val&&this.onSizeInput(this.props.rows,val)},useArrowKeys:!0}))),react.createElement("div",{className:"perseus-widget-row"},react.createElement("label",null,"Number of rows:"," ",react.createElement(table_editor_NumberInput,{ref:"numberOfRows",value:this.props.rows,onChange:val=>{val&&this.onSizeInput(val,this.props.columns)},useArrowKeys:!0}))),react.createElement("div",null," ","Table of answers:"," ",react.createElement(table_editor_InfoTip,null,react.createElement("p",null,"The student has to fill out all cells in the table. For partially filled tables create a table using the template, and insert text input boxes as desired."))),react.createElement("div",null,react.createElement(Table,tableProps)))}}table_editor_defineProperty(TableEditor,"propTypes",{rows:prop_types_default().number,columns:prop_types_default().number,headers:prop_types_default().arrayOf(prop_types_default().string),answers:prop_types_default().arrayOf(prop_types_default().arrayOf(prop_types_default().string))}),table_editor_defineProperty(TableEditor,"widgetName","table"),table_editor_defineProperty(TableEditor,"defaultProps",{headers:[""],rows:4,columns:1,answers:(0,index_all.ZP)(4).times((function(){return src.Zr.stringArrayOfSize(1)}))});const table_editor=TableEditor;try{TableEditor.displayName="TableEditor",TableEditor.__docgenInfo={description:"",displayName:"TableEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/table-editor.tsx#TableEditor"]={docgenInfo:TableEditor.__docgenInfo,name:"TableEditor",path:"packages/perseus-editor/src/widgets/table-editor.tsx#TableEditor"})}catch(__react_docgen_typescript_loader_error){}function transformer_editor_defineProperty(obj,key,value){return(key=function transformer_editor_toPropertyKey(arg){var key=function transformer_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{Graph,InfoTip:transformer_editor_InfoTip,PropCheckBox:transformer_editor_PropCheckBox}=src.wx,Transformer=src._J.widget,{deepEq,getGridStep}=src.Zr;const transformer_editor_defaultBackgroundImage={url:null};function orderInsensitiveCoordsEqual(coords1,coords2){return coords1=index_all.ZP.clone(coords1).sort(kmath_src.xm.compare),coords2=index_all.ZP.clone(coords2).sort(kmath_src.xm.compare),index_all.ZP.all(index_all.ZP.map(coords1,(function(coord1,i){const coord2=coords2[i];return kmath_src.xm.equal(coord1,coord2)})))}const defaultTransformerProps={apiOptions:src._E.defaults,gradeEmpty:!1,graphMode:"interactive",listMode:"dynamic",graph:{},tools:{translation:{enabled:!0,required:!1,constraints:{}},rotation:{enabled:!0,required:!1,constraints:{fixed:!1},coord:[1,6]},reflection:{enabled:!0,required:!1,constraints:{fixed:!1},coords:[[2,-4],[2,2]]},dilation:{enabled:!0,required:!1,constraints:{fixed:!1},coord:[6,6]}},drawSolutionShape:!0,starting:{shape:{type:"polygon-3",coords:[[2,2],[2,6],[7,2]]},transformations:[]},correct:{shape:{type:"polygon-3",coords:[[2,2],[2,6],[7,2]]},transformations:[]}};class ToolSettings extends react.Component{constructor(){super(...arguments),transformer_editor_defineProperty(this,"changeConstraints",(changed=>{const newConstraints=index_all.ZP.extend({},this.props.constraints,changed);this.props.onChange({constraints:newConstraints})}))}render(){return react.createElement("div",null,this.props.name,":"," ",react.createElement(transformer_editor_PropCheckBox,{label:"enabled:",enabled:this.props.settings.enabled,onChange:this.props.onChange})," ",this.props.settings.enabled&&react.createElement(transformer_editor_PropCheckBox,{label:"required:",required:this.props.settings.required,onChange:this.props.onChange}),this.props.settings.enabled&&react.createElement(transformer_editor_InfoTip,null,"'Required' will only grade the answer as correct if the student has used at least one such transformation.")," ",this.props.allowFixed&&this.props.settings.enabled&&react.createElement(transformer_editor_PropCheckBox,{label:"fixed:",fixed:this.props.settings.constraints.fixed,onChange:this.changeConstraints}),this.props.allowFixed&&this.props.settings.enabled&&react.createElement(transformer_editor_InfoTip,null,"Enable 'fixed' to prevent the student from repositioning the tool. The tool will appear in the position at which it is placed in the editor below."))}}transformer_editor_defineProperty(ToolSettings,"defaultProps",{allowFixed:!0});class TransformationExplorerSettings extends react.Component{constructor(){super(...arguments),transformer_editor_defineProperty(this,"getMode",(()=>this.props.graphMode+","+this.props.listMode)),transformer_editor_defineProperty(this,"changeMode",(e=>{const modes=e.target.value.split(",");this.props.onChange({graphMode:modes[0],listMode:modes[1]})})),transformer_editor_defineProperty(this,"changeHandlerFor",(toolName=>change=>{const newTools=index_all.ZP.clone(this.props.tools);newTools[toolName]=index_all.ZP.extend({},this.props.tools[toolName],change),this.props.onChange({tools:newTools})}))}render(){return react.createElement("div",{className:"transformer-settings"},react.createElement("div",null," ","Mode:"," ",react.createElement("select",{value:this.getMode(),onChange:this.changeMode},react.createElement("option",{value:"interactive,dynamic"}," ","Exploration with text"," "),react.createElement("option",{value:"interactive,static"}," ","Exploration without text"," "),react.createElement("option",{value:"dynamic,interactive"}," ","Formal with movement"," "),react.createElement("option",{value:"static,interactive"}," ","Formal without movement"," ")),react.createElement(transformer_editor_InfoTip,null,react.createElement("ul",null,react.createElement("li",null,react.createElement("b",null,"Exploration:")," Students create transformations with tools on the graph."," "),react.createElement("li",null,react.createElement("b",null,"Formal with movement:")," Students specify transformations mathematically in the transformation list. Graph shows the results of these transformations."," "),react.createElement("li",null,react.createElement("b",null,"Formal without movement:")," Students specify transformations mathematically in the transformation list. Graph does not update."," ")))),react.createElement(ToolSettings,{name:"Translations",settings:this.props.tools.translation,allowFixed:!1,onChange:this.changeHandlerFor("translation")}),react.createElement(ToolSettings,{name:"Rotations",settings:this.props.tools.rotation,onChange:this.changeHandlerFor("rotation")}),react.createElement(ToolSettings,{name:"Reflections",settings:this.props.tools.reflection,onChange:this.changeHandlerFor("reflection")}),react.createElement(ToolSettings,{name:"Dilations",settings:this.props.tools.dilation,onChange:this.changeHandlerFor("dilation")}),react.createElement(transformer_editor_PropCheckBox,{label:"Draw Solution:",drawSolutionShape:this.props.drawSolutionShape,onChange:this.props.onChange}))}}const ShapeTypes={getPointCountForType:function(type){const splitType=type.split("-");return"polygon"===splitType[0]?splitType[1]||3:"line"===splitType[0]||"lineSegment"===splitType[0]?2:"angle"===splitType[0]?3:"circle"===splitType[0]?2:"point"===splitType[0]?1:void 0},addMovableShape:function(graphie,options){if(options.editable&&options.translatable)throw new src.uI("It doesn't make sense to have a movable shape where you can stretch the points and translate them simultaneously.",src.D1.InvalidInput,{metadata:{options}});const points=index_all.ZP.map(options.shape.coords,(function(coord){let isMoving=!1,previousCoord=coord;const currentPoint=graphie.addMovablePoint({coord,normalStyle:options.normalPointStyle,highlightStyle:options.highlightPointStyle,constraints:{fixed:!options.translatable&&!options.editable},visible:options.showPoints,snapX:options.snap&&options.snap[0]||0,snapY:options.snap&&options.snap[1]||0,bounded:!1,onMove:function(x,y){isMoving||(previousCoord=currentPoint.coord,isMoving=!0);let moveVector=kmath_src.xr.subtract([x,y],currentPoint.coord);options.onMove&&(moveVector=options.onMove(moveVector[0],moveVector[1])),options.translatable&&index_all.ZP.each(points,(function(point){point!==currentPoint&&point.setCoord(kmath_src.xr.add(point.coord,moveVector))}));const oldCoord=currentPoint.coord,newCoord=kmath_src.xr.add(currentPoint.coord,moveVector);return currentPoint.coord=newCoord,shape.update(),currentPoint.coord=oldCoord,newCoord},onMoveEnd:function(){if(options.onMoveEnd&&isMoving){isMoving=!1;const change=kmath_src.xr.subtract(currentPoint.coord,previousCoord);options.onMoveEnd(change[0],change[1])}shape.update()}});return currentPoint.bounded=!0,currentPoint})),shape=ShapeTypes.addShape(graphie,options,points),removeShapeWithoutPoints=shape.remove;return shape.remove=function(){removeShapeWithoutPoints.apply(shape),index_all.ZP.invoke(points,"remove")},shape},addShape:function(graphie,options,points){points=points||options.shape.coords;const types=ShapeTypes._typesOf(options.shape),typeOptions=options.shape.options||ShapeTypes.defaultOptions(types),shapes=ShapeTypes._mapTypes(types,points,(function(type,points,i){const shapeOptions=index_all.ZP.extend({},options,typeOptions[i]);return ShapeTypes._addType(graphie,type,points,shapeOptions)})),updateFuncs=index_all.ZP.filter(index_all.ZP.pluck(shapes,"update"),index_all.ZP.identity),removeFuncs=index_all.ZP.filter(index_all.ZP.pluck(shapes,"remove"),index_all.ZP.identity),getOptions=function(){return index_all.ZP.map(shapes,(function(shape){return shape.getOptions?shape.getOptions():{}}))};return{type:types,points,update:function(){index_all.ZP.invoke(updateFuncs,"call")},remove:function(){index_all.ZP.invoke(removeFuncs,"call")},toJSON:function(){const coords=index_all.ZP.map(points,(function(pt){return index_all.ZP.isArray(pt)?pt:pt.coord}));return{type:types,coords,options:getOptions()}},getOptions}},equal:function(shape1,shape2){const types1=ShapeTypes._typesOf(shape1),types2=ShapeTypes._typesOf(shape2);if(types1.length!==types2.length)return!1;const shapes1=ShapeTypes._mapTypes(types1,shape1.coords,ShapeTypes._combine),shapes2=ShapeTypes._mapTypes(types2,shape2.coords,ShapeTypes._combine);return index_all.ZP.all(index_all.ZP.map(shapes1,(function(partialShape1,i){const partialShape2=shapes2[i];return partialShape1.type===partialShape2.type&&ShapeTypes._forType(partialShape1.type).equal(partialShape1.coords,partialShape2.coords)})))},_typesOf:function(shape){let types=shape.type;return index_all.ZP.isArray(types)||(types=[types]),index_all.ZP.map(types,(function(type){return"polygon"===type?"polygon-3":type}))},defaultOptions:function(types){return index_all.ZP.map(types,(function(type){const typeDefaultOptions=ShapeTypes._forType(type).defaultOptions;return index_all.ZP.extend({},typeDefaultOptions)}))},_forType:function(type){const baseType=type.split("-")[0];return ShapeTypes[baseType]},_mapTypes:function(types,points,func,context){return index_all.ZP.map(types,(function(type,i){const pointCount=ShapeTypes.getPointCountForType(type),currentPoints=index_all.ZP.first(points,pointCount);return points=index_all.ZP.rest(points,pointCount),func.call(context,type,currentPoints,i)}))},_addType:function(graphie,type,points,options){const lineCoords=index_all.ZP.isArray(points[0])?{coordA:points[0],coordZ:points[1]}:{pointA:points[0],pointZ:points[1]};if("polygon"===(type=type.split("-")[0])){const polygon=graphie.addMovablePolygon(index_all.ZP.extend({},options,{fixed:!options.editable,snapX:options.snap&&options.snap[0]||0,snapY:options.snap&&options.snap[1]||0,points,constrainToGraph:!1}));return{update:polygon.transform.bind(polygon),remove:polygon.remove.bind(polygon)}}if("line"===type||"lineSegment"===type){const line=graphie.addMovableLineSegment(index_all.ZP.extend({},options,lineCoords,{movePointsWithLine:!0,fixed:!0,constraints:{fixed:!0},extendLine:"line"===type}));return{update:line.transform.bind(line,!0),remove:line.remove.bind(line)}}if("angle"===type){const shouldChangeReflexivity=!!options.editable&&null,angle=graphie.addMovableAngle({angleLabel:"$deg0",fixed:!0,points,normalStyle:options.normalStyle,reflex:options.reflex});return index_all.ZP.isArray(points[0])||options.editable||(points[0].remove(),points[2].remove()),{update:angle.update.bind(angle,shouldChangeReflexivity),remove:angle.remove.bind(angle),getOptions:function(){return{reflex:angle.isReflex()}}}}if("circle"===type){let perimeter={remove:index_all.ZP.identity};const redrawPerim=function(){const coord0=points[0].coord||points[0],coord1=points[1].coord||points[1],radius=kmath_src.xm.distanceToPoint(coord0,coord1);perimeter.remove(),perimeter=graphie.circle(coord0,radius,index_all.ZP.extend({stroke:src.eA.DYNAMIC,"stroke-width":2},options.normalStyle))};return redrawPerim(),points[1].remove&&!options.editable&&points[1].remove(),{update:redrawPerim,remove:function(){perimeter.remove()}}}if("point"===type)return{update:null,remove:null};throw new src.uI("Invalid shape type "+type,src.D1.InvalidInput)},_combine:function(type,coords){return{type,coords}},polygon:{equal:orderInsensitiveCoordsEqual},line:{equal:kmath_src.jv.equal},lineSegment:{equal:orderInsensitiveCoordsEqual},angle:{equal:function(points1,points2){if(!kmath_src.xm.equal(points1[1],points2[1]))return!1;const line1_0=[points1[1],points1[0]],line1_2=[points1[1],points1[2]],line2_0=[points2[1],points2[0]],line2_2=[points2[1],points2[2]],equalUnflipped=kmath_src.kx.equal(line1_0,line2_0)&&kmath_src.kx.equal(line1_2,line2_2),equalFlipped=kmath_src.kx.equal(line1_0,line2_2)&&kmath_src.kx.equal(line1_2,line2_0);return equalUnflipped||equalFlipped},defaultOptions:{reflex:!1}},circle:{equal:function(points1,points2){const radius1=kmath_src.xm.distanceToPoint(points1[0],points1[1]),radius2=kmath_src.xm.distanceToPoint(points2[0],points2[1]);return kmath_src.xm.equal(points1[0],points2[0])&&kmath_src.Rx.equal(radius1,radius2)}},point:{equal:kmath_src.xm.equal}};class TransformationsShapeEditor extends react.Component{constructor(){super(...arguments),transformer_editor_defineProperty(this,"getTypeString",(type=>index_all.ZP.isArray(type)?index_all.ZP.map(type,this.getTypeString).join(","):"polygon"===type?"polygon-"+this.props.shape.coords.length:type)),transformer_editor_defineProperty(this,"changeType",(e=>{const types=String(e.target.value).split(","),pointCount=function arraySum(array){return index_all.ZP.reduce(array,(function(memo,arg){return memo+arg}),0)}(index_all.ZP.map(types,ShapeTypes.getPointCountForType)),radius=function scaleToRange(dist,range){const spreadX=range[0][1]-range[0][0],spreadY=range[1][1]-range[1][0];return dist*Math.max(spreadX,spreadY)/20}(4,this.refs.graph.props.range),offset=180*(.5-1/pointCount),coords=index_all.ZP.times(pointCount,(function(i){return kmath_src.xm.rotateDeg([radius,0],360*i/pointCount+offset)}));this.props.onChange({shape:{type:types,coords,options:ShapeTypes.defaultOptions(types)}})})),transformer_editor_defineProperty(this,"updateCoords",(()=>{this.props.onChange({shape:this.shape.toJSON()})})),transformer_editor_defineProperty(this,"setupGraphie",(graphie=>{this.shape=ShapeTypes.addMovableShape(graphie,{editable:!0,snap:graphie.snap,shape:this.props.shape,onMoveEnd:this.updateCoords})}))}render(){return react.createElement("div",null,react.createElement(Graph,{ref:"graph",box:this.props.graph.box,range:this.props.graph.range,labels:this.props.graph.labels,step:this.props.graph.step,gridStep:this.props.graph.gridStep,markings:this.props.graph.markings,backgroundImage:this.props.graph.backgroundImage,onGraphieUpdated:this.setupGraphie}),react.createElement("select",{key:"type-select",value:this.getTypeString(this.props.shape.type),onChange:this.changeType},react.createElement("option",{value:"polygon-3"},"Triangle"),react.createElement("option",{value:"polygon-4"},"Quadrilateral"),react.createElement("option",{value:"polygon-5"},"Pentagon"),react.createElement("option",{value:"polygon-6"},"Hexagon"),react.createElement("option",{value:"line"},"Line"),react.createElement("option",{value:"line,line"},"2 lines"),react.createElement("option",{value:"lineSegment"},"Line segment"),react.createElement("option",{value:"lineSegment,lineSegment"}," ","2 line segments"," "),react.createElement("option",{value:"angle"},"Angle"),react.createElement("option",{value:"circle"},"Circle")))}componentDidMount(){this.setupGraphie(this.refs.graph.graphie())}componentDidUpdate(prevProps){deepEq(prevProps.shape,this.props.shape)||this.refs.graph.reset()}}class TransformerEditor extends react.Component{constructor(){super(...arguments),transformer_editor_defineProperty(this,"changeGraph",((graphChanges,callback)=>{const newGraph=index_all.ZP.extend({},this.props.graph,graphChanges);this.props.onChange({graph:newGraph},callback)})),transformer_editor_defineProperty(this,"changeStarting",(startingChanges=>{const newStarting=index_all.ZP.extend({},this.props.starting,startingChanges);this.props.onChange({starting:newStarting})})),transformer_editor_defineProperty(this,"changeTransformer",((changes,callback)=>{changes.transformations&&(changes.correct={...this.props.correct,transformations:changes.transformations},delete changes.transformations),this.props.onChange(changes,callback)})),transformer_editor_defineProperty(this,"serialize",(()=>{const json=this.refs.explorer.getEditorJSON();return json.correct=json.answer,delete json.answer,json}))}render(){const graph=index_all.ZP.extend(function(setProps,boxSize){const labels=(setProps=setProps||{}).labels||["x","y"],range=setProps.range||[[-10,10],[-10,10]],step=setProps.step||[1,1];return{box:[boxSize,boxSize],labels,range,step,gridStep:setProps.gridStep||getGridStep(range,step,boxSize),valid:!0,backgroundImage:transformer_editor_defaultBackgroundImage,markings:"grid",showProtractor:!1}}(this.props.graph,340),this.props.graph);return react.createElement("div",null,react.createElement("div",null,react.createElement(transformer_editor_PropCheckBox,{label:"Grade empty answers as wrong:",gradeEmpty:this.props.gradeEmpty,onChange:this.props.onChange}),react.createElement(transformer_editor_InfoTip,null,react.createElement("p",null,"We generally do not grade empty answers. This usually works well, but sometimes can result in giving away part of an answer in a multi-part question."),react.createElement("p",null,"If this is a multi-part question (there is another widget), you probably want to enable this option. Otherwise, you should leave it disabled."),react.createElement("p",null,"Confused? Talk to Elizabeth."))),react.createElement("div",null,"Graph settings:"),react.createElement(graph_settings,{box:graph.box,labels:graph.labels,range:graph.range,step:graph.step,gridStep:graph.gridStep,valid:graph.valid,backgroundImage:graph.backgroundImage,markings:graph.markings,showProtractor:graph.showProtractor,onChange:this.changeGraph}),react.createElement("div",null,"Transformation settings:"),react.createElement(TransformationExplorerSettings,{ref:"transformationSettings",graphMode:this.props.graphMode,listMode:this.props.listMode,tools:this.props.tools,drawSolutionShape:this.props.drawSolutionShape,onChange:this.props.onChange}),react.createElement("div",null,"Starting location:"),react.createElement(TransformationsShapeEditor,{ref:"shapeEditor",graph,shape:this.props.starting.shape,onChange:this.changeStarting,setDrawingAreaAvailable:this.props.apiOptions.setDrawingAreaAvailable}),react.createElement("div",null,"Solution transformations:"),react.createElement(Transformer,{ref:"explorer",graph,graphMode:this.props.graphMode,listMode:this.props.listMode,gradeEmpty:this.props.gradeEmpty,tools:this.props.tools,drawSolutionShape:this.props.drawSolutionShape,starting:this.props.starting,correct:this.props.starting,transformations:this.props.correct.transformations,onChange:this.changeTransformer,trackInteraction:()=>{}}))}}transformer_editor_defineProperty(TransformerEditor,"defaultProps",defaultTransformerProps),transformer_editor_defineProperty(TransformerEditor,"widgetName","transformer");const transformer_editor=TransformerEditor;try{TransformerEditor.displayName="TransformerEditor",TransformerEditor.__docgenInfo={description:"",displayName:"TransformerEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/transformer-editor.tsx#TransformerEditor"]={docgenInfo:TransformerEditor.__docgenInfo,name:"TransformerEditor",path:"packages/perseus-editor/src/widgets/transformer-editor.tsx#TransformerEditor"})}catch(__react_docgen_typescript_loader_error){}var kas_src=__webpack_require__("./packages/kas/src/index.js");function unit_editor_defineProperty(obj,key,value){return(key=function unit_editor_toPropertyKey(arg){var key=function unit_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InlineIcon:unit_editor_InlineIcon,NumberInput:unit_editor_NumberInput}=src.wx,{iconOk,iconRemove}=src.ci,primUnits=function(expr){return expr.simplify().asMul().partition()[1].flatten().simplify()};class UnitExample extends react.Component{constructor(){super(...arguments),unit_editor_defineProperty(this,"_checkValidity",(_ref=>{let{name,original,sigfigs}=_ref;const parseResult=kas_src.f6(name);let solvedExample="",valid=!0;if(parseResult.parsed&&original){const x=new kas_src.nd("x"),{unit}=parseResult,equality=new kas_src.Eq(original,"=",new kas_src.UM(x,unit));try{solvedExample=function(num,sigfigs){return(0,src.Md)(num,sigfigs,-10,!1)}(equality.solveLinearEquationForVariable(x).eval(),sigfigs),valid=kas_src.qu(primUnits(original),primUnits(unit)).equal}catch(e){valid=!1}}else valid=!1;this.setState({valid,solvedExample})}))}UNSAFE_componentWillMount(){this._checkValidity(this.props)}UNSAFE_componentWillReceiveProps(nextProps){this._checkValidity(nextProps)}render(){let icon;return icon=this.state.valid?react.createElement("span",null,react.createElement("span",{className:"unit-example-okay"},react.createElement(unit_editor_InlineIcon,iconOk)),this.state.solvedExample):react.createElement("span",{className:"unit-example-not-okay"},react.createElement(unit_editor_InlineIcon,iconRemove)),react.createElement("div",null,icon," ",this.props.name)}}class UnitInputEditor extends react.Component{constructor(_props){var _this;super(_props),_this=this,unit_editor_defineProperty(this,"parsed",void 0),unit_editor_defineProperty(this,"groupId",void 0),unit_editor_defineProperty(this,"original",void 0),unit_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),unit_editor_defineProperty(this,"handleAcceptingUnitsChange",(event=>{const acceptingUnits=event.target.value.split(",").map((str=>str.trim())).filter((str=>""!==str));this.change({acceptingUnits})})),unit_editor_defineProperty(this,"handleSigfigChange",(sigfigs=>{this.change({sigfigs})})),unit_editor_defineProperty(this,"_checkSigfigValidity",(sigfigs=>sigfigs>0&&sigfigs<=10)),unit_editor_defineProperty(this,"_setAccepting",(val=>{this.change({accepting:val})})),unit_editor_defineProperty(this,"_doOriginal",(props=>{const tryParse=kas_src.f6(props.value);this.parsed=!1,tryParse.parsed&&"unitMagnitude"===tryParse.type&&(this.original=tryParse.expr,this.parsed=!0)})),unit_editor_defineProperty(this,"onChange",(event=>{this.props.onChange({value:event.target.value})})),unit_editor_defineProperty(this,"getSaveWarnings",(()=>{const{value,accepting,acceptingUnits}=this.props,warnings=[];return kas_src.f6(value).parsed||warnings.push("Answer did not parse"),"some"===accepting&&0===acceptingUnits.length&&warnings.push("There are no accepted units"),warnings})),unit_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this))),this.groupId=index_all.ZP.uniqueId("accepting"),this._doOriginal(_props)}UNSAFE_componentWillReceiveProps(nextProps){this._doOriginal(nextProps)}render(){const{acceptingUnits=[],accepting}=this.props;let acceptingElem=null;if("some"===accepting){const unitsArr=acceptingUnits.map(((name,i)=>react.createElement(UnitExample,{name,original:this.original||null,sigfigs:this.props.sigfigs,key:i})));acceptingElem=react.createElement("div",null,react.createElement("input",{type:"text",defaultValue:acceptingUnits.join(", "),onChange:this.handleAcceptingUnitsChange})," ","(comma-separated)",unitsArr)}return react.createElement("div",{className:"unit-editor"},react.createElement("div",null,react.createElement("input",{value:this.props.value,className:"unit-editor-canonical",onChange:this.onChange})," ",this.parsed?react.createElement("span",{className:"unit-example-okay"},react.createElement(unit_editor_InlineIcon,iconOk)):react.createElement("span",{className:"unit-example-not-okay"},react.createElement(unit_editor_InlineIcon,iconRemove))),react.createElement("div",null,"Significant Figures:"," ",react.createElement(unit_editor_NumberInput,{value:this.props.sigfigs,onChange:this.handleSigfigChange,checkValidity:this._checkSigfigValidity,useArrowKeys:!0})),react.createElement("div",null,react.createElement("label",null,react.createElement("input",{type:"radio",name:this.groupId,onChange:()=>this._setAccepting("all"),checked:"all"===this.props.accepting})," Any equivalent unit "),react.createElement("label",null,react.createElement("input",{type:"radio",name:this.groupId,onChange:()=>this._setAccepting("some"),checked:"some"===this.props.accepting})," Only these units ")),acceptingElem)}}unit_editor_defineProperty(UnitInputEditor,"propTypes",{...src.ye.i,value:prop_types_default().string,acceptingUnits:prop_types_default().arrayOf(prop_types_default().string),accepting:prop_types_default().oneOf(["all","some"]),sigfigs:prop_types_default().number}),unit_editor_defineProperty(UnitInputEditor,"widgetName","unit-input"),unit_editor_defineProperty(UnitInputEditor,"defaultProps",{value:"5x10^5 kg m / s^2",accepting:"all",sigfigs:3});const unit_editor=UnitInputEditor;try{UnitInputEditor.displayName="UnitInputEditor",UnitInputEditor.__docgenInfo={description:"",displayName:"UnitInputEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/unit-editor.tsx#UnitInputEditor"]={docgenInfo:UnitInputEditor.__docgenInfo,name:"UnitInputEditor",path:"packages/perseus-editor/src/widgets/unit-editor.tsx#UnitInputEditor"})}catch(__react_docgen_typescript_loader_error){}function video_editor_defineProperty(obj,key,value){return(key=function video_editor_toPropertyKey(arg){var key=function video_editor_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{InfoTip:video_editor_InfoTip}=src.wx,KA_VIDEO_URL=/khanacademy\.org\/.*\/v\/(.*)$/;function getSlugFromUrl(url){const match=KA_VIDEO_URL.exec(url);return match?match[1]:url}class VideoEditor extends react.Component{constructor(){var _this;super(...arguments),_this=this,video_editor_defineProperty(this,"_handleUrlChange",(url=>{this.props.onChange({location:getSlugFromUrl(url)})})),video_editor_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),video_editor_defineProperty(this,"serialize",(()=>src.yU.serialize.call(this)))}render(){return react.createElement("div",null,react.createElement("label",null,"KA Video Slug:"," ",react.createElement(blur_input.Z,{value:this.props.location,style:{width:290},onChange:this._handleUrlChange}),react.createElement(video_editor_InfoTip,null,"KA video URLs will be converted to just the slug.")))}}video_editor_defineProperty(VideoEditor,"propTypes",{...src.ye.i,location:prop_types_default().string,onChange:prop_types_default().func}),video_editor_defineProperty(VideoEditor,"widgetName","video"),video_editor_defineProperty(VideoEditor,"defaultProps",{location:""});const video_editor=VideoEditor;try{VideoEditor.displayName="VideoEditor",VideoEditor.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",displayName:"VideoEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/video-editor.tsx#VideoEditor"]={docgenInfo:VideoEditor.__docgenInfo,name:"VideoEditor",path:"packages/perseus-editor/src/widgets/video-editor.tsx#VideoEditor"})}catch(__react_docgen_typescript_loader_error){}const all_editors=[categorizer_editor,cs_program_editor,definition_editor,dropdown_editor,example_graphie_widget_editor,example_widget_editor,explanation_editor,expression_editor.Z,graded_group_editor,graded_group_set_editor,grapher_editor,group_editor,iframe_editor,image_editor,input_number_editor,interaction_editor,interactive_graph_editor,label_image_editor.Z,lights_puzzle_editor,matcher_editor,matrix_editor,measurer_editor,molecule_editor,number_line_editor,numeric_input_editor,orderer_editor,passage_editor,passage_ref_editor,passage_ref_target_editor,plotter_editor,reaction_diagram_editor,sequence_editor,simple_markdown_tester_editor,simulator_editor,sorter_editor,table_editor,transformer_editor,unit_editor,video_editor,editor.Z];function example_widget_defineProperty(obj,key,value){return(key=function example_widget_toPropertyKey(arg){var key=function example_widget_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class example_widget_TextInput extends react.Component{constructor(){super(...arguments),example_widget_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),example_widget_defineProperty(this,"changeValue",(e=>{this.props.onChange(e.target.value)}))}render(){return react.createElement("input",{ref:"input",value:this.props.value||"",onChange:this.changeValue})}}class ExampleWidget extends react.Component{constructor(){var _this;super(...arguments),_this=this,example_widget_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),example_widget_defineProperty(this,"getUserInput",(()=>this.props.value)),example_widget_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),example_widget_defineProperty(this,"simpleValidate",(rubric=>ExampleWidget.validate(this.getUserInput(),rubric)))}static validate(value,rubric){return""===value?{type:"invalid",message:"It looks like you haven't answered all of the question yet."}:value===rubric.correct?{type:"points",earned:1,total:1,message:null}:{type:"points",earned:0,total:1,message:null}}render(){return react.createElement(example_widget_TextInput,{ref:"input",value:this.props.value,onChange:this.change("value")})}}example_widget_defineProperty(ExampleWidget,"propTypes",{...src.ye.i,value:prop_types_default().string}),example_widget_defineProperty(ExampleWidget,"defaultProps",{value:""});const example_widget={name:"example-widget",displayName:"Example Widget",defaultAlignment:"inline-block",hidden:!0,widget:ExampleWidget};try{examplewidget.displayName="examplewidget",examplewidget.__docgenInfo={description:"For this widget to work, we must import this file in src/all-widgets.js",displayName:"examplewidget",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/example-widget.tsx#examplewidget"]={docgenInfo:examplewidget.__docgenInfo,name:"examplewidget",path:"packages/perseus-editor/src/widgets/example-widget.tsx#examplewidget"})}catch(__react_docgen_typescript_loader_error){}function simple_markdown_tester_defineProperty(obj,key,value){return(key=function simple_markdown_tester_toPropertyKey(arg){var key=function simple_markdown_tester_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const mdParse=src.ZU.parse,mdOutput=src.ZU.basicOutput;class SimpleMarkdownTester extends react.Component{constructor(){var _this;super(...arguments),_this=this,simple_markdown_tester_defineProperty(this,"change",(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return src.ye.m.apply(_this,args)})),simple_markdown_tester_defineProperty(this,"toJSON",(()=>({}))),simple_markdown_tester_defineProperty(this,"focus",(()=>(this.refs.input.focus(),!0))),simple_markdown_tester_defineProperty(this,"simpleValidate",(rubric=>SimpleMarkdownTester.validate(this.toJSON(),rubric)))}static validate(state,rubric){return{type:"points",earned:0,total:0,message:null}}render(){const parsed=mdParse(this.props.value),output=mdOutput(parsed);return react.createElement("div",null,output)}}simple_markdown_tester_defineProperty(SimpleMarkdownTester,"propTypes",{...src.ye.i,value:prop_types_default().string}),simple_markdown_tester_defineProperty(SimpleMarkdownTester,"defaultProps",{value:""});const simple_markdown_tester={name:"simple-markdown-tester",displayName:"Simple Markdown Tester",hidden:!0,widget:SimpleMarkdownTester,transform:index_all.ZP.identity};try{simplemarkdowntester.displayName="simplemarkdowntester",simplemarkdowntester.__docgenInfo={description:"For this widget to work, we must import this file in src/all-widgets.js",displayName:"simplemarkdowntester",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/simple-markdown-tester.tsx#simplemarkdowntester"]={docgenInfo:simplemarkdowntester.__docgenInfo,name:"simplemarkdowntester",path:"packages/perseus-editor/src/widgets/simple-markdown-tester.tsx#simplemarkdowntester"})}catch(__react_docgen_typescript_loader_error){}const testing_widgets=[example_graphie_widget,example_widget,simple_markdown_tester],all_widgets=[...src.DA,...testing_widgets];src.Cu.registerWidgets(all_widgets),src.Cu.registerEditors(all_editors);const editor_stories={title:"Perseus/Editor"},Demo=()=>react.createElement(src_editor.Z,{apiOptions:src._E.defaults,content:question1.content,placeholder:"",widgets:question1.widgets,images:question1.images,disabled:!1,widgetEnabled:!0,immutableWidgets:!1,showWordCount:!0,warnNoPrompt:!0,warnNoWidgets:!0,onChange:props=>{}}),DemoInteractiveGraph=()=>{const editorRef=react.useRef(null),[options,setOptions]=react.useState({}),[content,setContent]=react.useState("[[☃ interactive-graph 1]]"),[images,setImages]=react.useState({}),[widgets,setWidgets]=react.useState({"interactive-graph 1":{options:{labels:["x","y"],range:[[-10,10],[-10,10]],gridStep:[1,1],snapStep:[1,1],step:[1,1],backgroundImage:{url:null},markings:"graph",showProtractor:!1,showRuler:!1,showTooltips:!1,rulerLabel:"",rulerTicks:10,graph:{type:"linear",coords:[[1,1],[5,5]]},correct:{type:"linear"}},type:"interactive-graph",version:{major:0,minor:0}}});return react.createElement("div",{className:"framework-perseus"},react.createElement(side_by_side.Z,{leftTitle:"Editor",left:react.createElement(es.G7,{style:{width:"360px",margin:"20px"}},react.createElement(src_editor.Z,{ref:editorRef,apiOptions:src._E.defaults,content,placeholder:"",widgets,images,disabled:!1,widgetEnabled:!0,immutableWidgets:!1,showWordCount:!0,warnNoPrompt:!1,warnNoWidgets:!0,onChange:props=>{(0,esm.action)("onChange")(props),props.content?setContent(props.content):props.widgets?setWidgets(props.widgets):props.images&&setImages(props.images),setTimeout((()=>{var _editorRef$current;setOptions((null===(_editorRef$current=editorRef.current)||void 0===_editorRef$current?void 0:_editorRef$current.serialize())||{})}),0)}})),rightTitle:"Serialized Widget Options",jsonObject:options}))};Demo.parameters={storySource:{source:'(): React.ReactElement => {\n return (\n {}}\n />\n );\n}'},...Demo.parameters},DemoInteractiveGraph.parameters={storySource:{source:'(): React.ReactElement => {\n const editorRef = React.useRef(null);\n const [options, setOptions] = React.useState({});\n const [content, setContent] = React.useState(\n "[[\\u2603 interactive-graph 1]]",\n );\n const [images, setImages] = React.useState({});\n const [widgets, setWidgets] = React.useState({\n "interactive-graph 1": {\n options: {\n labels: ["x", "y"],\n range: [\n [-10, 10],\n [-10, 10],\n ],\n gridStep: [1, 1],\n snapStep: [1, 1],\n step: [1, 1],\n backgroundImage: {\n url: null,\n },\n markings: "graph",\n showProtractor: false,\n showRuler: false,\n showTooltips: false,\n rulerLabel: "",\n rulerTicks: 10,\n graph: {\n type: "linear",\n coords: [\n [1, 1],\n [5, 5],\n ],\n },\n correct: {\n type: "linear",\n },\n },\n type: "interactive-graph",\n version: {\n major: 0,\n minor: 0,\n },\n },\n });\n\n return (\n // Many of the editor components use scoped CSS that requires this\n // class to be above it.\n // TODO: Refactor to aphrodite styles instead of scoped CSS in Less.\n
\n \n ) => {\n action("onChange")(props);\n if (props.content) {\n setContent(props.content);\n } else if (props.widgets) {\n setWidgets(props.widgets);\n } else if (props.images) {\n setImages(props.images);\n }\n // We need to wait for one tick so that the editor\n // has been re-rendered with the changed props. If\n // we don\'t wait, we get the values from the n-1\n // render and miss the latest change.\n setTimeout(() => {\n setOptions(\n editorRef.current?.serialize() || {},\n );\n }, 0);\n }}\n />\n \n }\n rightTitle="Serialized Widget Options"\n jsonObject={options}\n />\n
\n );\n}'},...DemoInteractiveGraph.parameters}},"./packages/perseus-editor/src/components/__stories__/blur-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_blur_input__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/components/blur-input.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Components/Blur Input"},Default=()=>{const[value,setValue]=react__WEBPACK_IMPORTED_MODULE_1__.useState("");return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_blur_input__WEBPACK_IMPORTED_MODULE_2__.Z,{value,onChange:newValue=>{(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(newValue),setValue(newValue)}})};Default.parameters={storySource:{source:'(): React.ReactElement => {\n const [value, setValue] = React.useState("");\n\n return (\n {\n action("onChange")(newValue);\n setValue(newValue);\n }}\n />\n );\n}'},...Default.parameters}},"./packages/perseus-editor/src/components/__stories__/section-control-button.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonForEditingSectionsOfContentWithInArticleEditor:()=>ButtonForEditingSectionsOfContentWithInArticleEditor,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _khanacademy_perseus__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/perseus/src/index.ts"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_section_control_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/components/section-control-button.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Components/Section Control Button"},ButtonForEditingSectionsOfContentWithInArticleEditor=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(_section_control_button__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:_khanacademy_perseus__WEBPACK_IMPORTED_MODULE_0__.ci.iconTrash,onClick:()=>{},title:"Remove image widget"});ButtonForEditingSectionsOfContentWithInArticleEditor.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n title="Remove image widget"\n />\n );\n}'},...ButtonForEditingSectionsOfContentWithInArticleEditor.parameters};try{ButtonForEditingSectionsOfContentWithInArticleEditor.displayName="ButtonForEditingSectionsOfContentWithInArticleEditor",ButtonForEditingSectionsOfContentWithInArticleEditor.__docgenInfo={description:"",displayName:"ButtonForEditingSectionsOfContentWithInArticleEditor",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/components/__stories__/section-control-button.stories.tsx#ButtonForEditingSectionsOfContentWithInArticleEditor"]={docgenInfo:ButtonForEditingSectionsOfContentWithInArticleEditor.__docgenInfo,name:"ButtonForEditingSectionsOfContentWithInArticleEditor",path:"packages/perseus-editor/src/components/__stories__/section-control-button.stories.tsx#ButtonForEditingSectionsOfContentWithInArticleEditor"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentAdded:()=>ContentAdded,ContentAddedRemovedAndChanged:()=>ContentAddedRemovedAndChanged,ContentRemoved:()=>ContentRemoved,MiscContentChanges:()=>MiscContentChanges,default:()=>structured_item_diff_stories});var react=__webpack_require__("./node_modules/react/index.js"),src=__webpack_require__("./packages/perseus/src/index.ts"),index_all=__webpack_require__("./node_modules/underscore/modules/index-all.js"),text_diff=__webpack_require__("./packages/perseus-editor/src/diffs/text-diff.tsx"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types);const performDiff=function(before,after,key){return"object"==typeof before||"object"==typeof after?function(before,after,key){const beforeKeys=index_all.ZP.isObject(before)?(0,index_all.ZP)(before).keys():[],afterKeys=index_all.ZP.isObject(after)?(0,index_all.ZP)(after).keys():[],keys=index_all.ZP.union(beforeKeys,afterKeys),children=index_all.ZP.map(keys,(function(key){return performDiff((before||{})[key],(after||{})[key],key)}));let status;status=void 0===before?"added":void 0===after?"removed":index_all.ZP.any(children,(function(child){return"unchanged"!==child.status}))?"changed":"unchanged";return{after:"",before:"",children,key,status}}(before,after,key):function(before,after,key){let status;return status=before===after?"unchanged":void 0===before?"added":void 0===after?"removed":"changed",{after:JSON.stringify(after),before:JSON.stringify(before),children:[],key,status}}(before,after,key)},widget_diff_performer=performDiff;function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const{SvgImage}=src.wx,indentationFromDepth=function(depth){return 20*(depth-1)};class DiffSide extends react.Component{render(){const className=classnames_default()(this.props.className,{"diff-row":!0,before:"before"===this.props.side,after:"after"===this.props.side});return react.createElement("div",{className},react.createElement("div",{style:{paddingLeft:indentationFromDepth(this.props.depth)}},this.props.showKey&&this.props.propKey+": ",react.createElement("span",{className:"inner-value dark "+this.props.className},this.props.value)))}}_defineProperty(DiffSide,"propTypes",{className:prop_types_default().string.isRequired,depth:prop_types_default().number.isRequired,propKey:prop_types_default().string.isRequired,showKey:prop_types_default().bool.isRequired,side:prop_types_default().oneOf(["before","after"]).isRequired,value:prop_types_default().string});class CollapsedRow extends react.Component{render(){const self=this;return react.createElement("div",{onClick:self.props.onClick,style:{clear:"both"}},index_all.ZP.map(["before","after"],(function(side){return react.createElement("div",{className:"diff-row collapsed "+side,key:side},react.createElement("div",{style:{paddingLeft:indentationFromDepth(self.props.depth)}},react.createElement("span",null," [ show unmodified ] ")))})))}}_defineProperty(CollapsedRow,"propTypes",{depth:prop_types_default().number,onClick:prop_types_default().func.isRequired}),_defineProperty(CollapsedRow,"defaultProps",{depth:0});class DiffEntry extends react.Component{constructor(){super(...arguments),_defineProperty(this,"state",{expanded:this.props.expanded}),_defineProperty(this,"expand",(()=>{this.setState({expanded:!0})}))}render(){const entry=this.props.entry,propertyDeleted="removed"===entry.status,propertyAdded="added"===entry.status,propertyChanged="changed"===entry.status,hasChildren=entry.children.length>0,leftClass=classnames_default()({removed:propertyDeleted||propertyChanged&&!hasChildren,dark:propertyDeleted,"blank-space":propertyAdded}),rightClass=classnames_default()({added:propertyAdded||propertyChanged&&!hasChildren,dark:propertyAdded,"blank-space":propertyDeleted});let shownChildren;shownChildren=this.state.expanded?entry.children:(0,index_all.ZP)(entry.children).select((function(child){return"unchanged"!==child.status}));let collapsed=shownChildren.length1&&(filteredWidgetInfo.alignment=alignment),"transformer"===type&&(filteredWidgetInfo.graded=graded),src.Cu.supportsStaticMode(type))&&(filteredWidgetInfo.static=null!==(_widgetInfo$static=null==widgetInfo?void 0:widgetInfo.static)&&void 0!==_widgetInfo$static?_widgetInfo$static:void 0);return filteredWidgetInfo};class RendererDiff extends react.Component{render(){var _before$widgets,_after$widgets;const{after,before,showAlignmentOptions,showSeparator,title}=this.props;let textDiff,widgetsDiff;(before.content||after.content)&&(textDiff=react.createElement(text_diff.Z,{before:before.content,after:after.content,title}));const beforeWidgets=Object.keys(null!==(_before$widgets=before.widgets)&&void 0!==_before$widgets?_before$widgets:{}).filter((widget=>before.content.includes(widget))),afterWidgets=Object.keys(null!==(_after$widgets=after.widgets)&&void 0!==_after$widgets?_after$widgets:{}).filter((widget=>after.content.includes(widget)));if(beforeWidgets.length||afterWidgets.length){widgetsDiff=index_all.ZP.union(beforeWidgets,afterWidgets).map((widget=>{var _before$widgets2,_after$widgets2,_before$widgets$widge,_before$widgets3,_after$widgets$widget,_after$widgets3;return react.createElement(widget_diff,{before:filterWidgetInfo(null===(_before$widgets2=before.widgets)||void 0===_before$widgets2?void 0:_before$widgets2[widget],showAlignmentOptions),after:filterWidgetInfo(null===(_after$widgets2=after.widgets)||void 0===_after$widgets2?void 0:_after$widgets2[widget],showAlignmentOptions),title:widget,type:(null!==(_before$widgets$widge=null===(_before$widgets3=before.widgets)||void 0===_before$widgets3?void 0:_before$widgets3[widget])&&void 0!==_before$widgets$widge?_before$widgets$widge:{}).type||(null!==(_after$widgets$widget=null===(_after$widgets3=after.widgets)||void 0===_after$widgets3?void 0:_after$widgets3[widget])&&void 0!==_after$widgets$widget?_after$widgets$widget:{}).type,key:widget})}))}return react.createElement("div",null,textDiff,widgetsDiff,showSeparator&&react.createElement("div",{className:"diff-separator"}))}}!function renderer_diff_defineProperty(obj,key,value){return(key=function renderer_diff_toPropertyKey(arg){var key=function renderer_diff_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(RendererDiff,"defaultProps",{after:{content:"",images:{},widgets:{}},before:{content:"",images:{},widgets:{}},showAlignmentOptions:!1,showSeparator:!1});const renderer_diff=RendererDiff;try{RendererDiff.displayName="RendererDiff",RendererDiff.__docgenInfo={description:"",displayName:"RendererDiff",props:{after:{defaultValue:{value:'{\n content: "",\n images: {},\n widgets: {},\n }'},description:"",name:"after",required:!1,type:{name:"RendererProps"}},before:{defaultValue:{value:'{\n content: "",\n images: {},\n widgets: {},\n }'},description:"",name:"before",required:!1,type:{name:"RendererProps"}},showAlignmentOptions:{defaultValue:{value:"false"},description:"",name:"showAlignmentOptions",required:!1,type:{name:"boolean"}},showSeparator:{defaultValue:{value:"false"},description:"",name:"showSeparator",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/renderer-diff.tsx#RendererDiff"]={docgenInfo:RendererDiff.__docgenInfo,name:"RendererDiff",path:"packages/perseus-editor/src/diffs/renderer-diff.tsx#RendererDiff"})}catch(__react_docgen_typescript_loader_error){}var tags_diff=__webpack_require__("./packages/perseus-editor/src/diffs/tags-diff.tsx");function beginsWith(path,beginPath){let matches=!0;for(let i=0;i=path.length)return!1;beginPath[i]!==path[i]&&(matches=!1)}return matches}function checkPath(beforePath,afterPath){if(beforePath.length!==afterPath.length)return!1;for(let i=0,l=beforePath.length;i0&&checkPath(path,beforeList[0][1]),afterPath=afterList.length>0&&checkPath(path,afterList[0][1]);beforePath&&afterPath?(result.push(path),beforeList.splice(0,1),afterList.splice(0,1)):beforePath?(result.push(path),beforeList.splice(0,1)):afterPath&&(result.push(path),afterList.splice(0,1))}else if("array"===shape.type){let index=0,newPath=path.concat(index);for(;beforeList.length>0&&beginsWith(beforeList[0][1],newPath)||afterList.length>0&&beginsWith(afterList[0][1],newPath);)StructuredItemDiff.generateCompletePathsList(beforeList,afterList,result,shape.elementShape,newPath),index++,newPath=path.concat(index)}else if("object"===shape.type){const keys=Object.keys(shape.shape);for(let i=0;ibeforeList.push([c,p]))).setHintMapper(((c,_,p)=>beforeList.push([c,p]))).setTagsMapper(((c,_,p)=>beforeList.push([c,p]))).mapTree((0,src.uJ)(before),shape),(0,src.f_)().setContentMapper(((c,_,p)=>afterList.push([c,p]))).setHintMapper(((c,_,p)=>afterList.push([c,p]))).setTagsMapper(((c,_,p)=>afterList.push([c,p]))).mapTree((0,src.uJ)(after),shape);const beforeListModified=beforeList.slice(),afterListModified=afterList.slice(),allDiffPaths=[];StructuredItemDiff.generateCompletePathsList(beforeListModified,afterListModified,allDiffPaths,shape,[]);const diffCount=allDiffPaths.length,diffs=allDiffPaths.map(((path,n)=>{const isTag="tags"===path[path.length-1],currentTitle=function getTitle(path){const title=[];for(let i=0;icheckPath(e[1],path))),after=afterList.find((e=>checkPath(e[1],path)));if(isTag){before||(before=[[],path]),after||(after=[[],path]);const beforeTags=[];Array.isArray(before[0])&&before[0].forEach((tagId=>{"string"==typeof tagId&&beforeTags.push(tags.idToName(tagId))}));const afterTags=[];Array.isArray(after[0])&&after[0].forEach((tagId=>{"string"==typeof tagId&&afterTags.push(tags.idToName(tagId))}));const intersection=beforeTags.filter((tag=>afterTags.includes(tag))),beforeOnly=beforeTags.filter((tag=>!afterTags.includes(tag))),afterOnly=afterTags.filter((tag=>!beforeTags.includes(tag)));return react.createElement(tags_diff.Z,{beforeOnly,afterOnly,intersection,title:currentTitle,showSeparator:nreact.createElement(perseus_diff_wrapper.Z,null,react.createElement(StoryComponent,null))]},tags={a:"a tag",b:"b tag",c:"c tag"},ContentAdded=args=>{const props={before:{_multi:{directions:{__type:"content",content:"",images:{},widgets:{}},passage:{type:"content",content:"",images:{},widgets:{}},overview:{type:"content",content:"",images:{},widgets:{}},hints:[],questions:[]}},after:{_multi:{directions:{type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}}],questions:[{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},shape:{type:"object",shape:{directions:{type:"content"},overview:{type:"content"},passage:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}},questions:{type:"array",elementShape:{type:"object",shape:{tags:{type:"tags"},question:{type:"content"},overview:{type:"content"},keepInMind:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}}}}}}},tags:{idToName:id=>tags[id],nameToId:name=>name[0],names:["a tag","b tag","c tag"]}};return react.createElement(structured_item_diff,props)},ContentAddedRemovedAndChanged=args=>{const props={before:{_multi:{directions:{__type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}},{type:"hint",content:"hint 2",images:{},widgets:{}}],questions:[{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},after:{_multi:{directions:{type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}}],questions:[{hints:[],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question edited",images:{},widgets:{}},tags:["a","c"]},{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},shape:{type:"object",shape:{directions:{type:"content"},overview:{type:"content"},passage:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}},questions:{type:"array",elementShape:{type:"object",shape:{tags:{type:"tags"},question:{type:"content"},overview:{type:"content"},keepInMind:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}}}}}}},tags:{idToName:id=>tags[id],nameToId:name=>name[0],names:["a tag","b tag","c tag"]}};return react.createElement(structured_item_diff,props)},MiscContentChanges=args=>{const props={before:{_multi:{directions:{__type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}},{type:"hint",content:"hint 2",images:{},widgets:{}},{type:"hint",content:"hint 3",images:{},widgets:{}}],questions:[{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}},{type:"hint",content:"question hint 2",images:{},widgets:{}},{type:"hint",content:"question hint 3",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question edited",images:{},widgets:{}},tags:["a","c"]},{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]},{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},after:{_multi:{directions:{__type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}},{type:"hint",content:"hint 2",images:{},widgets:{}}],questions:[{hints:[{type:"hint",content:"question hint 1 edited",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question edited",images:{},widgets:{}},tags:["a","c"]},{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},shape:{type:"object",shape:{directions:{type:"content"},overview:{type:"content"},passage:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}},questions:{type:"array",elementShape:{type:"object",shape:{tags:{type:"tags"},question:{type:"content"},overview:{type:"content"},keepInMind:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}}}}}}},tags:{idToName:id=>tags[id],nameToId:name=>name[0],names:["a tag","b tag","c tag"]}};return react.createElement(structured_item_diff,props)},ContentRemoved=args=>{const props={before:{_multi:{directions:{__type:"content",content:"directions",images:{},widgets:{}},passage:{type:"content",content:"passage",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},hints:[{type:"hint",content:"hint 1",images:{},widgets:{}},{type:"hint",content:"hint 2",images:{},widgets:{}}],questions:[{hints:[{type:"hint",content:"question hint 1 edited",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question edited",images:{},widgets:{}},tags:["a","c"]},{hints:[{type:"hint",content:"question hint 1",images:{},widgets:{}}],keepInMind:{type:"content",content:"keep in mind",images:{},widgets:{}},overview:{type:"content",content:"overview",images:{},widgets:{}},question:{type:"content",content:"question",images:{},widgets:{}},tags:["a","b"]}]}},after:{_multi:{directions:{__type:"content",content:"",images:{},widgets:{}},passage:{type:"content",content:"",images:{},widgets:{}},overview:{type:"content",content:"",images:{},widgets:{}},hints:[],questions:[]}},shape:{type:"object",shape:{directions:{type:"content"},overview:{type:"content"},passage:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}},questions:{type:"array",elementShape:{type:"object",shape:{tags:{type:"tags"},question:{type:"content"},overview:{type:"content"},keepInMind:{type:"content"},hints:{type:"array",elementShape:{type:"hint"}}}}}}},tags:{idToName:id=>tags[id],nameToId:name=>name[0],names:["a tag","b tag","c tag"]}};return react.createElement(structured_item_diff,props)};ContentAdded.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n before: {\n _multi: {\n directions: {\n __type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n hints: [],\n questions: [],\n },\n },\n after: {\n _multi: {\n directions: {\n type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n shape: {\n type: "object",\n shape: {\n directions: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n passage: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n questions: {\n type: "array",\n elementShape: {\n type: "object",\n shape: {\n tags: {type: "tags"},\n question: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n keepInMind: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n },\n },\n },\n },\n },\n tags: {\n idToName: (id) => tags[id],\n nameToId: (name) => name[0],\n names: ["a tag", "b tag", "c tag"],\n },\n } as const;\n\n return ;\n}'},...ContentAdded.parameters},ContentAddedRemovedAndChanged.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n const props = {\n before: {\n _multi: {\n directions: {\n __type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "hint 2",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n after: {\n _multi: {\n directions: {\n type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question edited",\n images: {},\n widgets: {},\n },\n tags: ["a", "c"],\n },\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n shape: {\n type: "object",\n shape: {\n directions: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n passage: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n questions: {\n type: "array",\n elementShape: {\n type: "object",\n shape: {\n tags: {type: "tags"},\n question: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n keepInMind: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n },\n },\n },\n },\n },\n tags: {\n idToName: (id) => tags[id],\n nameToId: (name) => name[0],\n names: ["a tag", "b tag", "c tag"],\n },\n } as const;\n return ;\n}'},...ContentAddedRemovedAndChanged.parameters},MiscContentChanges.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n before: {\n _multi: {\n directions: {\n __type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "hint 2",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "hint 3",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "question hint 2",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "question hint 3",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question edited",\n images: {},\n widgets: {},\n },\n tags: ["a", "c"],\n },\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n after: {\n _multi: {\n directions: {\n __type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "hint 2",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1 edited",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question edited",\n images: {},\n widgets: {},\n },\n tags: ["a", "c"],\n },\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n shape: {\n type: "object",\n shape: {\n directions: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n passage: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n questions: {\n type: "array",\n elementShape: {\n type: "object",\n shape: {\n tags: {type: "tags"},\n question: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n keepInMind: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n },\n },\n },\n },\n },\n tags: {\n idToName: (id) => tags[id],\n nameToId: (name) => name[0],\n names: ["a tag", "b tag", "c tag"],\n },\n } as const;\n\n return ;\n}'},...MiscContentChanges.parameters},ContentRemoved.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n before: {\n _multi: {\n directions: {\n __type: "content",\n content: "directions",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "passage",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n hints: [\n {\n type: "hint",\n content: "hint 1",\n images: {},\n widgets: {},\n },\n {\n type: "hint",\n content: "hint 2",\n images: {},\n widgets: {},\n },\n ],\n questions: [\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1 edited",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question edited",\n images: {},\n widgets: {},\n },\n tags: ["a", "c"],\n },\n {\n hints: [\n {\n type: "hint",\n content: "question hint 1",\n images: {},\n widgets: {},\n },\n ],\n keepInMind: {\n type: "content",\n content: "keep in mind",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "overview",\n images: {},\n widgets: {},\n },\n question: {\n type: "content",\n content: "question",\n images: {},\n widgets: {},\n },\n tags: ["a", "b"],\n },\n ],\n },\n },\n after: {\n _multi: {\n directions: {\n __type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n passage: {\n type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n overview: {\n type: "content",\n content: "",\n images: {},\n widgets: {},\n },\n hints: [],\n questions: [],\n },\n },\n shape: {\n type: "object",\n shape: {\n directions: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n passage: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n questions: {\n type: "array",\n elementShape: {\n type: "object",\n shape: {\n tags: {type: "tags"},\n question: {\n type: "content",\n },\n overview: {\n type: "content",\n },\n keepInMind: {\n type: "content",\n },\n hints: {\n type: "array",\n elementShape: {\n type: "hint",\n },\n },\n },\n },\n },\n },\n },\n tags: {\n idToName: (id) => tags[id],\n nameToId: (name) => name[0],\n names: ["a tag", "b tag", "c tag"],\n },\n } as const;\n\n return ;\n}'},...ContentRemoved.parameters};try{ContentAdded.displayName="ContentAdded",ContentAdded.__docgenInfo={description:"",displayName:"ContentAdded",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentAdded"]={docgenInfo:ContentAdded.__docgenInfo,name:"ContentAdded",path:"packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentAdded"})}catch(__react_docgen_typescript_loader_error){}try{ContentAddedRemovedAndChanged.displayName="ContentAddedRemovedAndChanged",ContentAddedRemovedAndChanged.__docgenInfo={description:"",displayName:"ContentAddedRemovedAndChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentAddedRemovedAndChanged"]={docgenInfo:ContentAddedRemovedAndChanged.__docgenInfo,name:"ContentAddedRemovedAndChanged",path:"packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentAddedRemovedAndChanged"})}catch(__react_docgen_typescript_loader_error){}try{MiscContentChanges.displayName="MiscContentChanges",MiscContentChanges.__docgenInfo={description:"",displayName:"MiscContentChanges",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#MiscContentChanges"]={docgenInfo:MiscContentChanges.__docgenInfo,name:"MiscContentChanges",path:"packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#MiscContentChanges"})}catch(__react_docgen_typescript_loader_error){}try{ContentRemoved.displayName="ContentRemoved",ContentRemoved.__docgenInfo={description:"",displayName:"ContentRemoved",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentRemoved"]={docgenInfo:ContentRemoved.__docgenInfo,name:"ContentRemoved",path:"packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx#ContentRemoved"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/diffs/__stories__/tags-diff.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tags_diff__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus-editor/src/diffs/tags-diff.tsx"),_perseus_diff_wrapper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/diffs/__stories__/perseus-diff-wrapper.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Diffs/Tags Diff",decorators:[StoryComponent=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_perseus_diff_wrapper__WEBPACK_IMPORTED_MODULE_2__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(StoryComponent,null))]},Example=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tags_diff__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"tags",beforeOnly:["Math","Biology","History"],afterOnly:["World War I"],intersection:["Physics","Chemistry"]});Example.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...Example.parameters};try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/tags-diff.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"packages/perseus-editor/src/diffs/__stories__/tags-diff.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/diffs/__stories__/text-diff.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Example:()=>Example,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_text_diff__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus-editor/src/diffs/text-diff.tsx"),_perseus_diff_wrapper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/diffs/__stories__/perseus-diff-wrapper.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Diffs/Text Diff",decorators:[StoryComponent=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_perseus_diff_wrapper__WEBPACK_IMPORTED_MODULE_2__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(StoryComponent,null))]},Example=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_diff__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"A day in the life of a text diff",before:"🥱 Hello world!",after:"😴 Goodbye world!"});Example.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...Example.parameters};try{Example.displayName="Example",Example.__docgenInfo={description:"",displayName:"Example",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/diffs/__stories__/text-diff.stories.tsx#Example"]={docgenInfo:Example.__docgenInfo,name:"Example",path:"packages/perseus-editor/src/diffs/__stories__/text-diff.stories.tsx#Example"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/__stories__/expression-editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Debug:()=>Debug,default:()=>__WEBPACK_DEFAULT_EXPORT__});var aphrodite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_testing_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./testing/renderer-with-debug-ui.tsx"),_expression_editor__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/perseus-editor/src/widgets/expression-editor.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{this.setState({...props})}}))),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_testing_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_2__.b,{question:this.mergeQuestionWithState(),apiOptions,reviewMode:!0}))}}const Debug=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(WithDebug,null),question={content:"This is a cool expression question\n\n[[☃ expression 1]]\n\n",images:{},widgets:{"expression 1":{alignment:"default",graded:!0,options:{answerForms:[{considered:"correct",form:!0,key:"0",simplify:!1,value:"16+88i"}],buttonSets:["basic"],functions:["f","g","h"],times:!1},static:!1,type:"expression",version:{major:1,minor:0}}}},styles=aphrodite__WEBPACK_IMPORTED_MODULE_0__.StyleSheet.create({wrapper:{padding:50},editorWrapper:{paddingBottom:100}});Debug.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Debug.parameters};try{Debug.displayName="Debug",Debug.__docgenInfo={description:"",displayName:"Debug",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/__stories__/expression-editor.stories.tsx#Debug"]={docgenInfo:Debug.__docgenInfo,name:"Debug",path:"packages/perseus-editor/src/widgets/__stories__/expression-editor.stories.tsx#Debug"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/__stories__/label-image-editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var aphrodite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_label_image_editor__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image-editor.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ithis.setState({...this._widget.serialize(),...props}),ref:widget=>this._widget=widget})))}}const Default=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(WithState,null);Default.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Default.parameters};try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/__stories__/label-image-editor.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"packages/perseus-editor/src/widgets/__stories__/label-image-editor.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/__stories__/radio-editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var aphrodite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_radio_editor__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/widgets/radio/editor.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ithis.setState({...this._widget.serialize(),...props}),ref:widget=>this._widget=widget})))}}const Default=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(WithState,null);Default.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Default.parameters};try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/__stories__/radio-editor.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"packages/perseus-editor/src/widgets/__stories__/radio-editor.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{EmptyNonInteractive:()=>EmptyNonInteractive,FilledNonInteractive:()=>FilledNonInteractive,Interactive:()=>Interactive,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_answer_choices__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image/answer-choices.tsx");function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ireact__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_1__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_answer_choices__WEBPACK_IMPORTED_MODULE_3__.Z,_extends({},props,{onChange:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(...arguments),props.onChange(...arguments)}})));class WithState extends react__WEBPACK_IMPORTED_MODULE_2__.Component{constructor(){super(...arguments),_defineProperty(this,"state",{choices:[]})}render(){const{choices}=this.state;return react__WEBPACK_IMPORTED_MODULE_2__.createElement(Wrapper,{choices,onChange:choices=>this.setState({choices})})}}const EmptyNonInteractive=args=>{const props={choices:[],onChange:function(){}};return react__WEBPACK_IMPORTED_MODULE_2__.createElement(Wrapper,props)},FilledNonInteractive=args=>{const props={choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],onChange:function(){}};return react__WEBPACK_IMPORTED_MODULE_2__.createElement(Wrapper,props)},Interactive=args=>react__WEBPACK_IMPORTED_MODULE_2__.createElement(WithState,null);EmptyNonInteractive.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n const props = {choices: [], onChange: (...args) => {}} as const;\n return ;\n}"},...EmptyNonInteractive.parameters},FilledNonInteractive.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n choices: [\n "Lamborghini",\n "BMW",\n "Volkswagen",\n "Fiat",\n "Porsche",\n "Ferrari",\n ],\n onChange: (...args) => {},\n } as const;\n return ;\n}'},...FilledNonInteractive.parameters},Interactive.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Interactive.parameters};try{EmptyNonInteractive.displayName="EmptyNonInteractive",EmptyNonInteractive.__docgenInfo={description:"",displayName:"EmptyNonInteractive",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#EmptyNonInteractive"]={docgenInfo:EmptyNonInteractive.__docgenInfo,name:"EmptyNonInteractive",path:"packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#EmptyNonInteractive"})}catch(__react_docgen_typescript_loader_error){}try{FilledNonInteractive.displayName="FilledNonInteractive",FilledNonInteractive.__docgenInfo={description:"",displayName:"FilledNonInteractive",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#FilledNonInteractive"]={docgenInfo:FilledNonInteractive.__docgenInfo,name:"FilledNonInteractive",path:"packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#FilledNonInteractive"})}catch(__react_docgen_typescript_loader_error){}try{Interactive.displayName="Interactive",Interactive.__docgenInfo={description:"",displayName:"Interactive",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#Interactive"]={docgenInfo:Interactive.__docgenInfo,name:"Interactive",path:"packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx#Interactive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/label-image/__stories__/behavior.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_behavior__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image/behavior.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Widgets/Label Image/Behavior"},Default=args=>{const[state,setState]=react__WEBPACK_IMPORTED_MODULE_1__.useState({multipleAnswers:!1,hideChoicesFromInstructions:!1}),props={multipleAnswers:state.multipleAnswers,hideChoicesFromInstructions:state.hideChoicesFromInstructions,onChange:newState=>{(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(newState),setState({...state,...newState})}};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_behavior__WEBPACK_IMPORTED_MODULE_2__.Z,props)};Default.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const [state, setState] = React.useState({\n multipleAnswers: false,\n hideChoicesFromInstructions: false,\n });\n\n const props = {\n multipleAnswers: state.multipleAnswers,\n hideChoicesFromInstructions: state.hideChoicesFromInstructions,\n onChange: (newState) => {\n action("onChange")(newState);\n setState({...state, ...newState});\n },\n } as const;\n return ;\n}'},...Default.parameters};try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/behavior.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"packages/perseus-editor/src/widgets/label-image/__stories__/behavior.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Empty:()=>Empty,WithAnswers:()=>WithAnswers,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_marker__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image/marker.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Widgets/Label Image/Marker"},styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{marginTop:150,position:"relative",width:32,height:32}}),Wrapper=props=>react__WEBPACK_IMPORTED_MODULE_2__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_1__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_2__.createElement(_marker__WEBPACK_IMPORTED_MODULE_3__.Z,props)),Empty=args=>{const props={answers:[],choices:[],label:"",onChange:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(...arguments)},onRemove:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onRemove")(...arguments)},x:50,y:50};return react__WEBPACK_IMPORTED_MODULE_2__.createElement(Wrapper,props)},WithAnswers=args=>{const props={answers:["BMW","Ferrari"],choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],label:"Automotive",onChange:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(...arguments)},onRemove:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onRemove")(...arguments)},x:50,y:50};return react__WEBPACK_IMPORTED_MODULE_2__.createElement(Wrapper,props)};Empty.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n answers: [],\n choices: [],\n label: "",\n onChange: (...args) => {\n action("onChange")(...args);\n },\n onRemove: (...args) => {\n action("onRemove")(...args);\n },\n x: 50,\n y: 50,\n } as const;\n return ;\n}'},...Empty.parameters},WithAnswers.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n answers: ["BMW", "Ferrari"],\n choices: [\n "Lamborghini",\n "BMW",\n "Volkswagen",\n "Fiat",\n "Porsche",\n "Ferrari",\n ],\n label: "Automotive",\n onChange: (...args) => {\n action("onChange")(...args);\n },\n onRemove: (...args) => {\n action("onRemove")(...args);\n },\n x: 50,\n y: 50,\n } as const;\n return ;\n}'},...WithAnswers.parameters};try{Empty.displayName="Empty",Empty.__docgenInfo={description:"",displayName:"Empty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx#Empty"]={docgenInfo:Empty.__docgenInfo,name:"Empty",path:"packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx#Empty"})}catch(__react_docgen_typescript_loader_error){}try{WithAnswers.displayName="WithAnswers",WithAnswers.__docgenInfo={description:"",displayName:"WithAnswers",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx#WithAnswers"]={docgenInfo:WithAnswers.__docgenInfo,name:"WithAnswers",path:"packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx#WithAnswers"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Empty:()=>Empty,Filled:()=>Filled,Interactive:()=>Interactive,default:()=>__WEBPACK_DEFAULT_EXPORT__});var aphrodite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_question_markers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image/question-markers.tsx");function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Widgets/Label Image/Question Markers"},styles=aphrodite__WEBPACK_IMPORTED_MODULE_0__.StyleSheet.create({wrapper:{width:338}}),Wrapper=props=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_0__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_question_markers__WEBPACK_IMPORTED_MODULE_2__.Z,props));class WithState extends react__WEBPACK_IMPORTED_MODULE_1__.Component{constructor(){super(...arguments),_defineProperty(this,"state",{markers:[{answers:[],label:"",x:50,y:50}]})}render(){const{markers}=this.state;return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_0__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_question_markers__WEBPACK_IMPORTED_MODULE_2__.Z,{choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers,onChange:markers=>this.setState({markers})}))}}const Empty=args=>{const props={choices:[],imageUrl:"",imageWidth:0,imageHeight:0,markers:[],onChange:()=>{}};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Wrapper,props)},Filled=args=>{const props={choices:[],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:[{answers:[],label:"",x:50,y:50}],onChange:()=>{}};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Wrapper,props)},Interactive=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(WithState,null);Empty.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n choices: [],\n imageUrl: "",\n imageWidth: 0,\n imageHeight: 0,\n markers: [],\n onChange: () => {},\n } as const;\n return ;\n}'},...Empty.parameters},Filled.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n choices: [],\n imageUrl:\n "https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",\n imageWidth: 1280,\n imageHeight: 1024,\n markers: [\n {\n answers: [],\n label: "",\n x: 50,\n y: 50,\n },\n ],\n onChange: () => {},\n } as const;\n return ;\n}'},...Filled.parameters},Interactive.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Interactive.parameters};try{Empty.displayName="Empty",Empty.__docgenInfo={description:"",displayName:"Empty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Empty"]={docgenInfo:Empty.__docgenInfo,name:"Empty",path:"packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Empty"})}catch(__react_docgen_typescript_loader_error){}try{Filled.displayName="Filled",Filled.__docgenInfo={description:"",displayName:"Filled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Filled"]={docgenInfo:Filled.__docgenInfo,name:"Filled",path:"packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Filled"})}catch(__react_docgen_typescript_loader_error){}try{Interactive.displayName="Interactive",Interactive.__docgenInfo={description:"",displayName:"Interactive",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Interactive"]={docgenInfo:Interactive.__docgenInfo,name:"Interactive",path:"packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx#Interactive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Empty:()=>Empty,Filled:()=>Filled,Interactive:()=>Interactive,default:()=>__WEBPACK_DEFAULT_EXPORT__});var aphrodite__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_select_image__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus-editor/src/widgets/label-image/select-image.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Editor/Widgets/Label Image/Select Image"},styles=aphrodite__WEBPACK_IMPORTED_MODULE_0__.StyleSheet.create({wrapper:{width:338}}),Wrapper=props=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_0__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_select_image__WEBPACK_IMPORTED_MODULE_2__.Z,props)),WithState=()=>{const[url,setUrl]=react__WEBPACK_IMPORTED_MODULE_1__.useState("");return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_0__.css)(styles.wrapper)},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_select_image__WEBPACK_IMPORTED_MODULE_2__.Z,{onChange:url=>setUrl(url),url}))},Empty=args=>{const props={url:"",onChange:()=>{}};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Wrapper,props)},Filled=args=>{const props={url:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",onChange:()=>{}};return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Wrapper,props)},Interactive=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(WithState,null);Empty.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n url: "",\n onChange: () => {},\n } as const;\n\n return ;\n}'},...Empty.parameters},Filled.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const props = {\n url: "https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",\n onChange: () => {},\n } as const;\n\n return ;\n}'},...Filled.parameters},Interactive.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Interactive.parameters};try{Empty.displayName="Empty",Empty.__docgenInfo={description:"",displayName:"Empty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Empty"]={docgenInfo:Empty.__docgenInfo,name:"Empty",path:"packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Empty"})}catch(__react_docgen_typescript_loader_error){}try{Filled.displayName="Filled",Filled.__docgenInfo={description:"",displayName:"Filled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Filled"]={docgenInfo:Filled.__docgenInfo,name:"Filled",path:"packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Filled"})}catch(__react_docgen_typescript_loader_error){}try{Interactive.displayName="Interactive",Interactive.__docgenInfo={description:"",displayName:"Interactive",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Interactive"]={docgenInfo:Interactive.__docgenInfo,name:"Interactive",path:"packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx#Interactive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/__stories__/hints-renderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Interactive:()=>Interactive,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_hints_renderer__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/hints-renderer.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Renderers/Hints Renderer",argTypes:{hints:{control:"object",defaultValue:[{content:"this is hint 1",images:{},replace:!1,widgets:{}},{content:"this is hint 2",images:{},replace:!1,widgets:{}},{content:"this is hint 3",images:{},replace:!1,widgets:{}}]},hintsVisible:{control:{type:"number",min:0},defaultValue:3}}},Interactive=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__.G7,{style:{left:80}},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_hints_renderer__WEBPACK_IMPORTED_MODULE_2__.Z,args));Interactive.parameters={storySource:{source:'(args: StoryArgs): any => {\n return (\n // Sorry for the hacks! The HintRenderer uses absolute positioning\n // for the "1 / 3" label that is rendered left of the hint. So we shift\n // everything over so we can see it.\n \n \n \n );\n}'},...Interactive.parameters};try{Interactive.displayName="Interactive",Interactive.__docgenInfo={description:"",displayName:"Interactive",props:{hints:{defaultValue:null,description:"",name:"hints",required:!0,type:{name:"readonly any[]"}},hintsVisible:{defaultValue:null,description:"",name:"hintsVisible",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/hints-renderer.stories.tsx#Interactive"]={docgenInfo:Interactive.__docgenInfo,name:"Interactive",path:"packages/perseus/src/__stories__/hints-renderer.stories.tsx#Interactive"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/__stories__/item-renderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CodeblockItem:()=>CodeblockItem,InputNumberItem:()=>InputNumberItem,LabelImageItem:()=>LabelImageItem,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_testing_item_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./testing/item-renderer-with-debug-ui.tsx"),_testdata_item_renderer_testdata__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/__testdata__/item-renderer.testdata.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Renderers/Item Renderer"},InputNumberItem=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_testing_item_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__.g,{item:_testdata_item_renderer_testdata__WEBPACK_IMPORTED_MODULE_2__.zc}),LabelImageItem=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_testing_item_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__.g,{item:_testdata_item_renderer_testdata__WEBPACK_IMPORTED_MODULE_2__.Sd}),CodeblockItem=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_testing_item_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__.g,{item:_testdata_item_renderer_testdata__WEBPACK_IMPORTED_MODULE_2__.br});InputNumberItem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...InputNumberItem.parameters},LabelImageItem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...LabelImageItem.parameters},CodeblockItem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...CodeblockItem.parameters};try{InputNumberItem.displayName="InputNumberItem",InputNumberItem.__docgenInfo={description:"",displayName:"InputNumberItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/item-renderer.stories.tsx#InputNumberItem"]={docgenInfo:InputNumberItem.__docgenInfo,name:"InputNumberItem",path:"packages/perseus/src/__stories__/item-renderer.stories.tsx#InputNumberItem"})}catch(__react_docgen_typescript_loader_error){}try{LabelImageItem.displayName="LabelImageItem",LabelImageItem.__docgenInfo={description:"",displayName:"LabelImageItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/item-renderer.stories.tsx#LabelImageItem"]={docgenInfo:LabelImageItem.__docgenInfo,name:"LabelImageItem",path:"packages/perseus/src/__stories__/item-renderer.stories.tsx#LabelImageItem"})}catch(__react_docgen_typescript_loader_error){}try{CodeblockItem.displayName="CodeblockItem",CodeblockItem.__docgenInfo={description:"",displayName:"CodeblockItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/item-renderer.stories.tsx#CodeblockItem"]={docgenInfo:CodeblockItem.__docgenInfo,name:"CodeblockItem",path:"packages/perseus/src/__stories__/item-renderer.stories.tsx#CodeblockItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/__stories__/server-item-renderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputNumberItem:()=>InputNumberItem,LabelImageItem:()=>LabelImageItem,default:()=>server_item_renderer_stories});var react=__webpack_require__("./node_modules/react/index.js"),es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-button/dist/es/index.js"),dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),wonder_blocks_layout_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-layout/dist/es/index.js"),src=__webpack_require__("./packages/perseus/src/index.ts"),ke_score_ui=__webpack_require__("./testing/ke-score-ui.tsx"),side_by_side=__webpack_require__("./testing/side-by-side.tsx");const ServerItemRendererWithDebugUI=_ref=>{let{item,apiOptions}=_ref;const ref=react.useRef(null),[state,setState]=react.useState(null),options=apiOptions||Object.freeze({});return react.createElement(side_by_side.Z,{leftTitle:"Renderer",left:react.createElement(react.Fragment,null,react.createElement(src.UT,{ref,problemNum:0,apiOptions:options,item}),react.createElement(dist_es.G7,{style:{flexDirection:"row",alignItems:"center"}},react.createElement(es.Z,{onClick:()=>{ref.current&&setState(ref.current.scoreInput())}},"Check"),react.createElement(wonder_blocks_layout_dist_es.x9,{size:8}),react.createElement(es.Z,{onClick:()=>{var _ref$current;null===(_ref$current=ref.current)||void 0===_ref$current||_ref$current.showRationalesForCurrentlySelectedChoices()}},"Show Rationales")),react.createElement(ke_score_ui.Z,{score:state})),jsonObject:item})};try{ServerItemRendererWithDebugUI.displayName="ServerItemRendererWithDebugUI",ServerItemRendererWithDebugUI.__docgenInfo={description:"",displayName:"ServerItemRendererWithDebugUI",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"PerseusItem"}},apiOptions:{defaultValue:null,description:"",name:"apiOptions",required:!1,type:{name:"Readonly<{ isArticle?: boolean; onInputError?: ((widgetId: any, value: string, message?: string | null) => unknown) | undefined; onFocusChange?: ((newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadElement?: HTMLElement | undefined, focusedElement?: HTMLElement | undefined) => unknown) |..."}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["testing/server-item-renderer-with-debug-ui.tsx#ServerItemRendererWithDebugUI"]={docgenInfo:ServerItemRendererWithDebugUI.__docgenInfo,name:"ServerItemRendererWithDebugUI",path:"testing/server-item-renderer-with-debug-ui.tsx#ServerItemRendererWithDebugUI"})}catch(__react_docgen_typescript_loader_error){}var item_renderer_testdata=__webpack_require__("./packages/perseus/src/__testdata__/item-renderer.testdata.ts");const server_item_renderer_stories={title:"Perseus/Renderers/Server Item Renderer"},InputNumberItem=args=>react.createElement(ServerItemRendererWithDebugUI,{item:item_renderer_testdata.zc}),LabelImageItem=args=>react.createElement(ServerItemRendererWithDebugUI,{item:item_renderer_testdata.Sd});InputNumberItem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...InputNumberItem.parameters},LabelImageItem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...LabelImageItem.parameters};try{InputNumberItem.displayName="InputNumberItem",InputNumberItem.__docgenInfo={description:"",displayName:"InputNumberItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/server-item-renderer.stories.tsx#InputNumberItem"]={docgenInfo:InputNumberItem.__docgenInfo,name:"InputNumberItem",path:"packages/perseus/src/__stories__/server-item-renderer.stories.tsx#InputNumberItem"})}catch(__react_docgen_typescript_loader_error){}try{LabelImageItem.displayName="LabelImageItem",LabelImageItem.__docgenInfo={description:"",displayName:"LabelImageItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/server-item-renderer.stories.tsx#LabelImageItem"]={docgenInfo:LabelImageItem.__docgenInfo,name:"LabelImageItem",path:"packages/perseus/src/__stories__/server-item-renderer.stories.tsx#LabelImageItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/button-group.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonsWithNoTitles:()=>ButtonsWithNoTitles,ButtonsWithTitles:()=>ButtonsWithTitles,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_button_group__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/button-group.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Button Group"},HarnassedButtonGroup=props=>{const[value,updateValue]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_button_group__WEBPACK_IMPORTED_MODULE_1__.Z,{buttons:props.buttons,value,onChange:newValue=>{updateValue(newValue)}})},ButtonsWithNoTitles=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(HarnassedButtonGroup,{buttons:[{value:"One",content:"Item #1"},{value:"Two",content:"Item #2"},{value:"Three",content:"Item #3"}]}),ButtonsWithTitles=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(HarnassedButtonGroup,{buttons:[{value:"One",content:"Item #1",title:"The first item"},{value:"Two",content:"Item #2",title:"The second item"},{value:"Three",content:"Item #3",title:"The third item"}]});ButtonsWithNoTitles.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...ButtonsWithNoTitles.parameters},ButtonsWithTitles.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...ButtonsWithTitles.parameters};try{ButtonsWithNoTitles.displayName="ButtonsWithNoTitles",ButtonsWithNoTitles.__docgenInfo={description:"",displayName:"ButtonsWithNoTitles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/button-group.stories.tsx#ButtonsWithNoTitles"]={docgenInfo:ButtonsWithNoTitles.__docgenInfo,name:"ButtonsWithNoTitles",path:"packages/perseus/src/components/__stories__/button-group.stories.tsx#ButtonsWithNoTitles"})}catch(__react_docgen_typescript_loader_error){}try{ButtonsWithTitles.displayName="ButtonsWithTitles",ButtonsWithTitles.__docgenInfo={description:"",displayName:"ButtonsWithTitles",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/button-group.stories.tsx#ButtonsWithTitles"]={docgenInfo:ButtonsWithTitles.__docgenInfo,name:"ButtonsWithTitles",path:"packages/perseus/src/components/__stories__/button-group.stories.tsx#ButtonsWithTitles"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllowingFullBleed:()=>AllowingFullBleed,HeightConstrainingAnImage:()=>HeightConstrainingAnImage,LargeImageWithLargeContainer:()=>LargeImageWithLargeContainer,LargeImageWithSmallerContainer:()=>LargeImageWithSmallerContainer,SmallImageWithMediumContainer:()=>SmallImageWithMediumContainer,SmallImageWithSmallContainer:()=>SmallImageWithSmallContainer,TwoOverlayedImagesInsteadOneResponsiveContainer:()=>TwoOverlayedImagesInsteadOneResponsiveContainer,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_dependencies__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/dependencies.ts"),_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/fixed-to-responsive.tsx");const svgUrl="https://www.khanacademy.org/images/ohnoes-concerned.svg",__WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Fixed to Responsive"},SmallImageWithSmallContainer=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:200},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:200,height:200,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),SmallImageWithMediumContainer=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:600},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:600,height:600,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),LargeImageWithLargeContainer=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:1024},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:1024,height:1024,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),LargeImageWithSmallerContainer=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:200},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:1024,height:1024,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),TwoOverlayedImagesInsteadOneResponsiveContainer=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:200},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",key:1,width:200,height:200,src:"https://www.khanacademy.org/images/hand-tree.new.png"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",key:2,width:200,height:200,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),HeightConstrainingAnImage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:1024,constrainHeight:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:1024,height:1024,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)})),AllowingFullBleed=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fixed_to_responsive__WEBPACK_IMPORTED_MODULE_1__.Z,{width:1024,height:600,allowFullBleed:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",width:600,height:600,src:(0,_dependencies__WEBPACK_IMPORTED_MODULE_2__.getDependencies)().staticUrl(svgUrl)}));SmallImageWithSmallContainer.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}'},...SmallImageWithSmallContainer.parameters},SmallImageWithMediumContainer.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}'},...SmallImageWithMediumContainer.parameters},LargeImageWithLargeContainer.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}'},...LargeImageWithLargeContainer.parameters},LargeImageWithSmallerContainer.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}'},...LargeImageWithSmallerContainer.parameters},TwoOverlayedImagesInsteadOneResponsiveContainer.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n \n );\n}'},...TwoOverlayedImagesInsteadOneResponsiveContainer.parameters},HeightConstrainingAnImage.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}'},...HeightConstrainingAnImage.parameters},AllowingFullBleed.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n \n \n );\n}'},...AllowingFullBleed.parameters};try{SmallImageWithSmallContainer.displayName="SmallImageWithSmallContainer",SmallImageWithSmallContainer.__docgenInfo={description:"",displayName:"SmallImageWithSmallContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#SmallImageWithSmallContainer"]={docgenInfo:SmallImageWithSmallContainer.__docgenInfo,name:"SmallImageWithSmallContainer",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#SmallImageWithSmallContainer"})}catch(__react_docgen_typescript_loader_error){}try{SmallImageWithMediumContainer.displayName="SmallImageWithMediumContainer",SmallImageWithMediumContainer.__docgenInfo={description:"",displayName:"SmallImageWithMediumContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#SmallImageWithMediumContainer"]={docgenInfo:SmallImageWithMediumContainer.__docgenInfo,name:"SmallImageWithMediumContainer",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#SmallImageWithMediumContainer"})}catch(__react_docgen_typescript_loader_error){}try{LargeImageWithLargeContainer.displayName="LargeImageWithLargeContainer",LargeImageWithLargeContainer.__docgenInfo={description:"",displayName:"LargeImageWithLargeContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#LargeImageWithLargeContainer"]={docgenInfo:LargeImageWithLargeContainer.__docgenInfo,name:"LargeImageWithLargeContainer",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#LargeImageWithLargeContainer"})}catch(__react_docgen_typescript_loader_error){}try{LargeImageWithSmallerContainer.displayName="LargeImageWithSmallerContainer",LargeImageWithSmallerContainer.__docgenInfo={description:"",displayName:"LargeImageWithSmallerContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#LargeImageWithSmallerContainer"]={docgenInfo:LargeImageWithSmallerContainer.__docgenInfo,name:"LargeImageWithSmallerContainer",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#LargeImageWithSmallerContainer"})}catch(__react_docgen_typescript_loader_error){}try{TwoOverlayedImagesInsteadOneResponsiveContainer.displayName="TwoOverlayedImagesInsteadOneResponsiveContainer",TwoOverlayedImagesInsteadOneResponsiveContainer.__docgenInfo={description:"",displayName:"TwoOverlayedImagesInsteadOneResponsiveContainer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#TwoOverlayedImagesInsteadOneResponsiveContainer"]={docgenInfo:TwoOverlayedImagesInsteadOneResponsiveContainer.__docgenInfo,name:"TwoOverlayedImagesInsteadOneResponsiveContainer",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#TwoOverlayedImagesInsteadOneResponsiveContainer"})}catch(__react_docgen_typescript_loader_error){}try{HeightConstrainingAnImage.displayName="HeightConstrainingAnImage",HeightConstrainingAnImage.__docgenInfo={description:"",displayName:"HeightConstrainingAnImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#HeightConstrainingAnImage"]={docgenInfo:HeightConstrainingAnImage.__docgenInfo,name:"HeightConstrainingAnImage",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#HeightConstrainingAnImage"})}catch(__react_docgen_typescript_loader_error){}try{AllowingFullBleed.displayName="AllowingFullBleed",AllowingFullBleed.__docgenInfo={description:"",displayName:"AllowingFullBleed",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#AllowingFullBleed"]={docgenInfo:AllowingFullBleed.__docgenInfo,name:"AllowingFullBleed",path:"packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx#AllowingFullBleed"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/graph.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LabeledSquaredBox:()=>LabeledSquaredBox,SquareBoxSizeAndOtherwiseEmpty:()=>SquareBoxSizeAndOtherwiseEmpty,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_graph__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/graph.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Graph"},SquareBoxSizeAndOtherwiseEmpty=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_graph__WEBPACK_IMPORTED_MODULE_1__.Z,{box:[200,200]}),LabeledSquaredBox=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_graph__WEBPACK_IMPORTED_MODULE_1__.Z,{box:[200,200],labels:["First label","Second label"]});SquareBoxSizeAndOtherwiseEmpty.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...SquareBoxSizeAndOtherwiseEmpty.parameters},LabeledSquaredBox.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...LabeledSquaredBox.parameters};try{SquareBoxSizeAndOtherwiseEmpty.displayName="SquareBoxSizeAndOtherwiseEmpty",SquareBoxSizeAndOtherwiseEmpty.__docgenInfo={description:"",displayName:"SquareBoxSizeAndOtherwiseEmpty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/graph.stories.tsx#SquareBoxSizeAndOtherwiseEmpty"]={docgenInfo:SquareBoxSizeAndOtherwiseEmpty.__docgenInfo,name:"SquareBoxSizeAndOtherwiseEmpty",path:"packages/perseus/src/components/__stories__/graph.stories.tsx#SquareBoxSizeAndOtherwiseEmpty"})}catch(__react_docgen_typescript_loader_error){}try{LabeledSquaredBox.displayName="LabeledSquaredBox",LabeledSquaredBox.__docgenInfo={description:"",displayName:"LabeledSquaredBox",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/graph.stories.tsx#LabeledSquaredBox"]={docgenInfo:LabeledSquaredBox.__docgenInfo,name:"LabeledSquaredBox",path:"packages/perseus/src/components/__stories__/graph.stories.tsx#LabeledSquaredBox"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/graphie.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PieChartGraphieLabels:()=>PieChartGraphieLabels,SquareBoxSizeAndOtherwiseEmpty:()=>SquareBoxSizeAndOtherwiseEmpty,default:()=>graphie_stories});var react=__webpack_require__("./node_modules/react/index.js"),item_renderer_with_debug_ui=__webpack_require__("./testing/item-renderer-with-debug-ui.tsx");const itemWithPieChart={answerArea:{calculator:!1,chi2Table:!1,periodicTable:!1,tTable:!1,zTable:!1},hints:[],itemDataVersion:{major:0,minor:1},question:{content:"[[☃ image 1]]",images:{},widgets:{"image 1":{alignment:"block",graded:!0,options:{alt:"This chart presents a pie graph divided into 2 sectors: 28 percent are unsuccessful and 72 percent are successful.",backgroundImage:{height:210,url:"web+graphie://cdn.kastatic.org/ka-perseus-graphie/7c0a5afb8670fad738df800ffe16c5e516b48777",width:210},box:[210,210],caption:"Source: NASA “Current and Past Missions”",labels:[],range:[[0,10],[0,10]],static:!1,title:"Percentage of Successful Cometary Missions (1978-2014)"},static:!1,type:"image",version:{major:0,minor:0}}}},_multi:null,answer:null};var graphie=__webpack_require__("./packages/perseus/src/components/graphie.tsx");const graphie_stories={title:"Perseus/Components/Graphie"},SquareBoxSizeAndOtherwiseEmpty=args=>react.createElement(graphie.Z,{box:[200,200],setDrawingAreaAvailable:()=>{},setup:()=>{}}),PieChartGraphieLabels=args=>react.createElement(item_renderer_with_debug_ui.g,{item:itemWithPieChart});SquareBoxSizeAndOtherwiseEmpty.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n setup={() => {}}\n />\n );\n}"},...SquareBoxSizeAndOtherwiseEmpty.parameters},PieChartGraphieLabels.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...PieChartGraphieLabels.parameters};try{SquareBoxSizeAndOtherwiseEmpty.displayName="SquareBoxSizeAndOtherwiseEmpty",SquareBoxSizeAndOtherwiseEmpty.__docgenInfo={description:"",displayName:"SquareBoxSizeAndOtherwiseEmpty",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/graphie.stories.tsx#SquareBoxSizeAndOtherwiseEmpty"]={docgenInfo:SquareBoxSizeAndOtherwiseEmpty.__docgenInfo,name:"SquareBoxSizeAndOtherwiseEmpty",path:"packages/perseus/src/components/__stories__/graphie.stories.tsx#SquareBoxSizeAndOtherwiseEmpty"})}catch(__react_docgen_typescript_loader_error){}try{PieChartGraphieLabels.displayName="PieChartGraphieLabels",PieChartGraphieLabels.__docgenInfo={description:"",displayName:"PieChartGraphieLabels",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/graphie.stories.tsx#PieChartGraphieLabels"]={docgenInfo:PieChartGraphieLabels.__docgenInfo,name:"PieChartGraphieLabels",path:"packages/perseus/src/components/__stories__/graphie.stories.tsx#PieChartGraphieLabels"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/hud.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TestMessageDisabled:()=>TestMessageDisabled,TestMessageEnabled:()=>TestMessageEnabled,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_hud__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/hud.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/HUD"},TestMessageDisabled=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_hud__WEBPACK_IMPORTED_MODULE_1__.Z,{fixedPosition:!1,message:"Test message",enabled:!1,onClick:()=>{}}),TestMessageEnabled=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_hud__WEBPACK_IMPORTED_MODULE_1__.Z,{fixedPosition:!1,message:"Test message",enabled:!0,onClick:()=>{}});TestMessageDisabled.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n {}}\n />\n );\n}'},...TestMessageDisabled.parameters},TestMessageEnabled.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n {}}\n />\n );\n}'},...TestMessageEnabled.parameters};try{TestMessageDisabled.displayName="TestMessageDisabled",TestMessageDisabled.__docgenInfo={description:"",displayName:"TestMessageDisabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/hud.stories.tsx#TestMessageDisabled"]={docgenInfo:TestMessageDisabled.__docgenInfo,name:"TestMessageDisabled",path:"packages/perseus/src/components/__stories__/hud.stories.tsx#TestMessageDisabled"})}catch(__react_docgen_typescript_loader_error){}try{TestMessageEnabled.displayName="TestMessageEnabled",TestMessageEnabled.__docgenInfo={description:"",displayName:"TestMessageEnabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/hud.stories.tsx#TestMessageEnabled"]={docgenInfo:TestMessageEnabled.__docgenInfo,name:"TestMessageEnabled",path:"packages/perseus/src/components/__stories__/hud.stories.tsx#TestMessageEnabled"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Icon:()=>Icon,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_icon_paths__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/icon-paths.ts"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/components/icon.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ireact__WEBPACK_IMPORTED_MODULE_0__.createElement(_icon__WEBPACK_IMPORTED_MODULE_2__.Z,_extends({style:{display:"block"},icon:_icon_paths__WEBPACK_IMPORTED_MODULE_1__.iconCheck},args));Icon.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => (\n \n)'},...Icon.parameters};try{Icon.displayName="Icon",Icon.__docgenInfo={description:"",displayName:"Icon",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:'{ readonly path: "M8.70710678,12.2928932 C8.31658249,11.9023689 7.68341751,11.9023689 7.29289322,12.2928932 C6.90236893,12.6834175 6.90236893,13.3165825 7.29289322,13.7071068 L9.82842712,16.2426407 C10.2207367,16.6349502 10.8574274,16.6328935 11.2471942,16.2380576 L16.7116603,10.7025237 C17.0996535,10.3094846 17.095...'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/icon.stories.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"packages/perseus/src/components/__stories__/icon.stories.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/image-loader.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InvalidImageWithChildrenForFailedLoading:()=>InvalidImageWithChildrenForFailedLoading,PngImage:()=>PngImage,SvgImage:()=>SvgImage,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_image_loader__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/image-loader.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Image Loader"},SvgImage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_image_loader__WEBPACK_IMPORTED_MODULE_1__.Z,{src:"http://www.khanacademy.org/images/ohnoes-concerned.svg",preloader:null,imgProps:{alt:"ALT"},onUpdate:()=>{}}),PngImage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_image_loader__WEBPACK_IMPORTED_MODULE_1__.Z,{src:"https://www.khanacademy.org/images/hand-tree.new.png",preloader:null,imgProps:{alt:"ALT"},onUpdate:()=>{}}),InvalidImageWithChildrenForFailedLoading=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_image_loader__WEBPACK_IMPORTED_MODULE_1__.Z,{src:"http://abcdefiahofshiaof.noway.badimage.com",preloader:null,imgProps:{alt:"ALT"},onUpdate:()=>{}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"You can see me! The image failed to load."));SvgImage.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n ReactElement> | null | undefined'.\n preloader={null}\n imgProps={{\n alt: \"ALT\",\n }}\n onUpdate={() => {}}\n />\n );\n}"},...SvgImage.parameters},PngImage.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n ReactElement> | null | undefined'.\n preloader={null}\n imgProps={{\n alt: \"ALT\",\n }}\n onUpdate={() => {}}\n />\n );\n}"},...PngImage.parameters},InvalidImageWithChildrenForFailedLoading.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n ReactElement> | null | undefined'.\n preloader={null}\n imgProps={{\n alt: \"ALT\",\n }}\n onUpdate={() => {}}\n >\n You can see me! The image failed to load.\n \n );\n}"},...InvalidImageWithChildrenForFailedLoading.parameters};try{SvgImage.displayName="SvgImage",SvgImage.__docgenInfo={description:"",displayName:"SvgImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/image-loader.stories.tsx#SvgImage"]={docgenInfo:SvgImage.__docgenInfo,name:"SvgImage",path:"packages/perseus/src/components/__stories__/image-loader.stories.tsx#SvgImage"})}catch(__react_docgen_typescript_loader_error){}try{PngImage.displayName="PngImage",PngImage.__docgenInfo={description:"",displayName:"PngImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/image-loader.stories.tsx#PngImage"]={docgenInfo:PngImage.__docgenInfo,name:"PngImage",path:"packages/perseus/src/components/__stories__/image-loader.stories.tsx#PngImage"})}catch(__react_docgen_typescript_loader_error){}try{InvalidImageWithChildrenForFailedLoading.displayName="InvalidImageWithChildrenForFailedLoading",InvalidImageWithChildrenForFailedLoading.__docgenInfo={description:"",displayName:"InvalidImageWithChildrenForFailedLoading",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/image-loader.stories.tsx#InvalidImageWithChildrenForFailedLoading"]={docgenInfo:InvalidImageWithChildrenForFailedLoading.__docgenInfo,name:"InvalidImageWithChildrenForFailedLoading",path:"packages/perseus/src/components/__stories__/image-loader.stories.tsx#InvalidImageWithChildrenForFailedLoading"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/info-tip.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ImageOnMouseover:()=>ImageOnMouseover,TextOnMouseover:()=>TextOnMouseover,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_info_tip__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/info-tip.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Info Tip"},TextOnMouseover=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_info_tip__WEBPACK_IMPORTED_MODULE_1__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Sample text")),ImageOnMouseover=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_info_tip__WEBPACK_IMPORTED_MODULE_1__.Z,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",src:"http://www.khanacademy.org/images/ohnoes-concerned.svg"}));TextOnMouseover.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n Sample text\n \n );\n}"},...TextOnMouseover.parameters},ImageOnMouseover.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n \n \n );\n}'},...ImageOnMouseover.parameters};try{TextOnMouseover.displayName="TextOnMouseover",TextOnMouseover.__docgenInfo={description:"",displayName:"TextOnMouseover",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/info-tip.stories.tsx#TextOnMouseover"]={docgenInfo:TextOnMouseover.__docgenInfo,name:"TextOnMouseover",path:"packages/perseus/src/components/__stories__/info-tip.stories.tsx#TextOnMouseover"})}catch(__react_docgen_typescript_loader_error){}try{ImageOnMouseover.displayName="ImageOnMouseover",ImageOnMouseover.__docgenInfo={description:"",displayName:"ImageOnMouseover",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/info-tip.stories.tsx#ImageOnMouseover"]={docgenInfo:ImageOnMouseover.__docgenInfo,name:"ImageOnMouseover",path:"packages/perseus/src/components/__stories__/info-tip.stories.tsx#ImageOnMouseover"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/inline-icon.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicIconPathAndSizing:()=>BasicIconPathAndSizing,BasicIconWithAdditionalStyling:()=>BasicIconWithAdditionalStyling,BasicIconWithAriaTitle:()=>BasicIconWithAriaTitle,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_inline_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/inline-icon.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ireact__WEBPACK_IMPORTED_MODULE_0__.createElement(_inline_icon__WEBPACK_IMPORTED_MODULE_1__.Z,defaultPath),BasicIconWithAdditionalStyling=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_inline_icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultPath,{style:{color:"red"}})),BasicIconWithAriaTitle=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_inline_icon__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultPath,{title:"Sample ARIA title"}));BasicIconPathAndSizing.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...BasicIconPathAndSizing.parameters},BasicIconWithAdditionalStyling.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}'},...BasicIconWithAdditionalStyling.parameters},BasicIconWithAriaTitle.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...BasicIconWithAriaTitle.parameters};try{BasicIconPathAndSizing.displayName="BasicIconPathAndSizing",BasicIconPathAndSizing.__docgenInfo={description:"",displayName:"BasicIconPathAndSizing",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconPathAndSizing"]={docgenInfo:BasicIconPathAndSizing.__docgenInfo,name:"BasicIconPathAndSizing",path:"packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconPathAndSizing"})}catch(__react_docgen_typescript_loader_error){}try{BasicIconWithAdditionalStyling.displayName="BasicIconWithAdditionalStyling",BasicIconWithAdditionalStyling.__docgenInfo={description:"",displayName:"BasicIconWithAdditionalStyling",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconWithAdditionalStyling"]={docgenInfo:BasicIconWithAdditionalStyling.__docgenInfo,name:"BasicIconWithAdditionalStyling",path:"packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconWithAdditionalStyling"})}catch(__react_docgen_typescript_loader_error){}try{BasicIconWithAriaTitle.displayName="BasicIconWithAriaTitle",BasicIconWithAriaTitle.__docgenInfo={description:"",displayName:"BasicIconWithAriaTitle",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconWithAriaTitle"]={docgenInfo:BasicIconWithAriaTitle.__docgenInfo,name:"BasicIconWithAriaTitle",path:"packages/perseus/src/components/__stories__/inline-icon.stories.tsx#BasicIconWithAriaTitle"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/input-with-examples.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AriaLabelTextWithListOfExamples:()=>AriaLabelTextWithListOfExamples,DefaultAndMostlyEmptyProps:()=>DefaultAndMostlyEmptyProps,DisabledInput:()=>DisabledInput,ListOfExamples:()=>ListOfExamples,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_input_with_examples__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/input-with-examples.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{},value:""},testExamples=["Sample 1","Sample 2","Sample 3"],DefaultAndMostlyEmptyProps=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_input_with_examples__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject),ListOfExamples=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_input_with_examples__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{examples:testExamples})),AriaLabelTextWithListOfExamples=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_input_with_examples__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{examples:testExamples,labelText:"Test label"})),DisabledInput=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_input_with_examples__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{disabled:!0,examples:testExamples}));DefaultAndMostlyEmptyProps.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...DefaultAndMostlyEmptyProps.parameters},ListOfExamples.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...ListOfExamples.parameters},AriaLabelTextWithListOfExamples.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}'},...AriaLabelTextWithListOfExamples.parameters},DisabledInput.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}"},...DisabledInput.parameters};try{DefaultAndMostlyEmptyProps.displayName="DefaultAndMostlyEmptyProps",DefaultAndMostlyEmptyProps.__docgenInfo={description:"",displayName:"DefaultAndMostlyEmptyProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#DefaultAndMostlyEmptyProps"]={docgenInfo:DefaultAndMostlyEmptyProps.__docgenInfo,name:"DefaultAndMostlyEmptyProps",path:"packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#DefaultAndMostlyEmptyProps"})}catch(__react_docgen_typescript_loader_error){}try{ListOfExamples.displayName="ListOfExamples",ListOfExamples.__docgenInfo={description:"",displayName:"ListOfExamples",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#ListOfExamples"]={docgenInfo:ListOfExamples.__docgenInfo,name:"ListOfExamples",path:"packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#ListOfExamples"})}catch(__react_docgen_typescript_loader_error){}try{AriaLabelTextWithListOfExamples.displayName="AriaLabelTextWithListOfExamples",AriaLabelTextWithListOfExamples.__docgenInfo={description:"",displayName:"AriaLabelTextWithListOfExamples",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#AriaLabelTextWithListOfExamples"]={docgenInfo:AriaLabelTextWithListOfExamples.__docgenInfo,name:"AriaLabelTextWithListOfExamples",path:"packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#AriaLabelTextWithListOfExamples"})}catch(__react_docgen_typescript_loader_error){}try{DisabledInput.displayName="DisabledInput",DisabledInput.__docgenInfo={description:"",displayName:"DisabledInput",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#DisabledInput"]={docgenInfo:DisabledInput.__docgenInfo,name:"DisabledInput",path:"packages/perseus/src/components/__stories__/input-with-examples.stories.tsx#DisabledInput"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/lint.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DefaultLintContainerAndMessage:()=>DefaultLintContainerAndMessage,InlineLintContainerAndMessage:()=>InlineLintContainerAndMessage,LintSeverity1Error:()=>LintSeverity1Error,LintSeverity2Warning:()=>LintSeverity2Warning,LintSeverity3Recommendation:()=>LintSeverity3Recommendation,LintSeverity4OfflineReportingOnly:()=>LintSeverity4OfflineReportingOnly,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_lint__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/lint.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{let{children}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:"250px",padding:"8px",margin:"20px",border:"solid 1px grey"}},children)},DefaultLintContainerAndMessage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject)),LintSeverity1Error=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{severity:1}))),LintSeverity2Warning=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{severity:2}))),LintSeverity3Recommendation=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{severity:3}))),LintSeverity4OfflineReportingOnly=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{severity:4}))),InlineLintContainerAndMessage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_lint__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{inline:!0})));DefaultLintContainerAndMessage.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}"},...DefaultLintContainerAndMessage.parameters},LintSeverity1Error.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n \n \n );\n}"},...LintSeverity1Error.parameters},LintSeverity2Warning.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n \n \n );\n}"},...LintSeverity2Warning.parameters},LintSeverity3Recommendation.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}"},...LintSeverity3Recommendation.parameters},LintSeverity4OfflineReportingOnly.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}"},...LintSeverity4OfflineReportingOnly.parameters},InlineLintContainerAndMessage.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n \n \n );\n}"},...InlineLintContainerAndMessage.parameters};try{Meta.displayName="Meta",Meta.__docgenInfo={description:"Metadata to configure the stories for a component.",displayName:"Meta",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#Meta"]={docgenInfo:Meta.__docgenInfo,name:"Meta",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#Meta"})}catch(__react_docgen_typescript_loader_error){}try{DefaultLintContainerAndMessage.displayName="DefaultLintContainerAndMessage",DefaultLintContainerAndMessage.__docgenInfo={description:"",displayName:"DefaultLintContainerAndMessage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#DefaultLintContainerAndMessage"]={docgenInfo:DefaultLintContainerAndMessage.__docgenInfo,name:"DefaultLintContainerAndMessage",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#DefaultLintContainerAndMessage"})}catch(__react_docgen_typescript_loader_error){}try{LintSeverity1Error.displayName="LintSeverity1Error",LintSeverity1Error.__docgenInfo={description:"",displayName:"LintSeverity1Error",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity1Error"]={docgenInfo:LintSeverity1Error.__docgenInfo,name:"LintSeverity1Error",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity1Error"})}catch(__react_docgen_typescript_loader_error){}try{LintSeverity2Warning.displayName="LintSeverity2Warning",LintSeverity2Warning.__docgenInfo={description:"",displayName:"LintSeverity2Warning",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity2Warning"]={docgenInfo:LintSeverity2Warning.__docgenInfo,name:"LintSeverity2Warning",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity2Warning"})}catch(__react_docgen_typescript_loader_error){}try{LintSeverity3Recommendation.displayName="LintSeverity3Recommendation",LintSeverity3Recommendation.__docgenInfo={description:"",displayName:"LintSeverity3Recommendation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity3Recommendation"]={docgenInfo:LintSeverity3Recommendation.__docgenInfo,name:"LintSeverity3Recommendation",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity3Recommendation"})}catch(__react_docgen_typescript_loader_error){}try{LintSeverity4OfflineReportingOnly.displayName="LintSeverity4OfflineReportingOnly",LintSeverity4OfflineReportingOnly.__docgenInfo={description:"",displayName:"LintSeverity4OfflineReportingOnly",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity4OfflineReportingOnly"]={docgenInfo:LintSeverity4OfflineReportingOnly.__docgenInfo,name:"LintSeverity4OfflineReportingOnly",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#LintSeverity4OfflineReportingOnly"})}catch(__react_docgen_typescript_loader_error){}try{InlineLintContainerAndMessage.displayName="InlineLintContainerAndMessage",InlineLintContainerAndMessage.__docgenInfo={description:"",displayName:"InlineLintContainerAndMessage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/lint.stories.tsx#InlineLintContainerAndMessage"]={docgenInfo:InlineLintContainerAndMessage.__docgenInfo,name:"InlineLintContainerAndMessage",path:"packages/perseus/src/components/__stories__/lint.stories.tsx#InlineLintContainerAndMessage"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/math-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlwaysVisibleButtonSet:()=>AlwaysVisibleButtonSet,DefaultWithAriaLabel:()=>DefaultWithAriaLabel,DefaultWithBasicButtonSet:()=>DefaultWithBasicButtonSet,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_math_input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/math-input.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{}},DefaultWithBasicButtonSet=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_input__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject),AlwaysVisibleButtonSet=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{buttonsVisible:"always"})),DefaultWithAriaLabel=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{labelText:"Sample label"}));DefaultWithBasicButtonSet.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...DefaultWithBasicButtonSet.parameters},AlwaysVisibleButtonSet.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...AlwaysVisibleButtonSet.parameters},DefaultWithAriaLabel.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...DefaultWithAriaLabel.parameters};try{DefaultWithBasicButtonSet.displayName="DefaultWithBasicButtonSet",DefaultWithBasicButtonSet.__docgenInfo={description:"",displayName:"DefaultWithBasicButtonSet",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-input.stories.tsx#DefaultWithBasicButtonSet"]={docgenInfo:DefaultWithBasicButtonSet.__docgenInfo,name:"DefaultWithBasicButtonSet",path:"packages/perseus/src/components/__stories__/math-input.stories.tsx#DefaultWithBasicButtonSet"})}catch(__react_docgen_typescript_loader_error){}try{AlwaysVisibleButtonSet.displayName="AlwaysVisibleButtonSet",AlwaysVisibleButtonSet.__docgenInfo={description:"",displayName:"AlwaysVisibleButtonSet",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-input.stories.tsx#AlwaysVisibleButtonSet"]={docgenInfo:AlwaysVisibleButtonSet.__docgenInfo,name:"AlwaysVisibleButtonSet",path:"packages/perseus/src/components/__stories__/math-input.stories.tsx#AlwaysVisibleButtonSet"})}catch(__react_docgen_typescript_loader_error){}try{DefaultWithAriaLabel.displayName="DefaultWithAriaLabel",DefaultWithAriaLabel.__docgenInfo={description:"",displayName:"DefaultWithAriaLabel",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-input.stories.tsx#DefaultWithAriaLabel"]={docgenInfo:DefaultWithAriaLabel.__docgenInfo,name:"DefaultWithAriaLabel",path:"packages/perseus/src/components/__stories__/math-input.stories.tsx#DefaultWithAriaLabel"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/math-output.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{EmptyPropsObject:()=>EmptyPropsObject,NumericValue:()=>NumericValue,StringValue:()=>StringValue,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_math_output__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/math-output.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Math Ouput"},EmptyPropsObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_output__WEBPACK_IMPORTED_MODULE_1__.Z,null),StringValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_output__WEBPACK_IMPORTED_MODULE_1__.Z,{value:"Test string value"}),NumericValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_math_output__WEBPACK_IMPORTED_MODULE_1__.Z,{value:1234567890});EmptyPropsObject.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...EmptyPropsObject.parameters},StringValue.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...StringValue.parameters},NumericValue.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...NumericValue.parameters};try{EmptyPropsObject.displayName="EmptyPropsObject",EmptyPropsObject.__docgenInfo={description:"",displayName:"EmptyPropsObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-output.stories.tsx#EmptyPropsObject"]={docgenInfo:EmptyPropsObject.__docgenInfo,name:"EmptyPropsObject",path:"packages/perseus/src/components/__stories__/math-output.stories.tsx#EmptyPropsObject"})}catch(__react_docgen_typescript_loader_error){}try{StringValue.displayName="StringValue",StringValue.__docgenInfo={description:"",displayName:"StringValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-output.stories.tsx#StringValue"]={docgenInfo:StringValue.__docgenInfo,name:"StringValue",path:"packages/perseus/src/components/__stories__/math-output.stories.tsx#StringValue"})}catch(__react_docgen_typescript_loader_error){}try{NumericValue.displayName="NumericValue",NumericValue.__docgenInfo={description:"",displayName:"NumericValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/math-output.stories.tsx#NumericValue"]={docgenInfo:NumericValue.__docgenInfo,name:"NumericValue",path:"packages/perseus/src/components/__stories__/math-output.stories.tsx#NumericValue"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/multi-button-group.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonsWithNoTitles:()=>ButtonsWithNoTitles,ButtonsWithTitles:()=>ButtonsWithTitles,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_multi_button_group__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/multi-button-group.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{const[values,updateValues]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_multi_button_group__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},props,{values,onChange:newValues=>{updateValues(newValues)}}))},ButtonsWithNoTitles=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(HarnassedButtonGroup,_extends({},args,{buttons:[{value:"One",content:"Item #1"},{value:"Two",content:"Item #2"},{value:"Three",content:"Item #3"}]})),ButtonsWithTitles=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(HarnassedButtonGroup,_extends({},args,{buttons:[{value:"One",content:"Item #1",title:"The first item"},{value:"Two",content:"Item #2",title:"The second item"},{value:"Three",content:"Item #3",title:"The third item"}]}));ButtonsWithNoTitles.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...ButtonsWithNoTitles.parameters},ButtonsWithTitles.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...ButtonsWithTitles.parameters};try{ButtonsWithNoTitles.displayName="ButtonsWithNoTitles",ButtonsWithNoTitles.__docgenInfo={description:"",displayName:"ButtonsWithNoTitles",props:{allowEmpty:{defaultValue:null,description:"",name:"allowEmpty",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/multi-button-group.stories.tsx#ButtonsWithNoTitles"]={docgenInfo:ButtonsWithNoTitles.__docgenInfo,name:"ButtonsWithNoTitles",path:"packages/perseus/src/components/__stories__/multi-button-group.stories.tsx#ButtonsWithNoTitles"})}catch(__react_docgen_typescript_loader_error){}try{ButtonsWithTitles.displayName="ButtonsWithTitles",ButtonsWithTitles.__docgenInfo={description:"",displayName:"ButtonsWithTitles",props:{allowEmpty:{defaultValue:null,description:"",name:"allowEmpty",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/multi-button-group.stories.tsx#ButtonsWithTitles"]={docgenInfo:ButtonsWithTitles.__docgenInfo,name:"ButtonsWithTitles",path:"packages/perseus/src/components/__stories__/multi-button-group.stories.tsx#ButtonsWithTitles"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/number-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{EmptyPropsObject:()=>EmptyPropsObject,Placeholder:()=>Placeholder,SampleValue:()=>SampleValue,SizeMini:()=>SizeMini,SizeNormal:()=>SizeNormal,SizeSmall:()=>SizeSmall,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_number_input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/number-input.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{}},__WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Number Input"},EmptyPropsObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject),SampleValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{value:1234567890})),Placeholder=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{placeholder:"Sample placeholder"})),SizeMini=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{placeholder:"Sample placeholder"})),SizeSmall=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{size:"small"})),SizeNormal=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_number_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{size:"normal"}));EmptyPropsObject.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...EmptyPropsObject.parameters},SampleValue.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...SampleValue.parameters},Placeholder.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...Placeholder.parameters},SizeMini.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...SizeMini.parameters},SizeSmall.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...SizeSmall.parameters},SizeNormal.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...SizeNormal.parameters};try{EmptyPropsObject.displayName="EmptyPropsObject",EmptyPropsObject.__docgenInfo={description:"",displayName:"EmptyPropsObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#EmptyPropsObject"]={docgenInfo:EmptyPropsObject.__docgenInfo,name:"EmptyPropsObject",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#EmptyPropsObject"})}catch(__react_docgen_typescript_loader_error){}try{SampleValue.displayName="SampleValue",SampleValue.__docgenInfo={description:"",displayName:"SampleValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#SampleValue"]={docgenInfo:SampleValue.__docgenInfo,name:"SampleValue",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#SampleValue"})}catch(__react_docgen_typescript_loader_error){}try{Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}try{SizeMini.displayName="SizeMini",SizeMini.__docgenInfo={description:"",displayName:"SizeMini",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeMini"]={docgenInfo:SizeMini.__docgenInfo,name:"SizeMini",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeMini"})}catch(__react_docgen_typescript_loader_error){}try{SizeSmall.displayName="SizeSmall",SizeSmall.__docgenInfo={description:"",displayName:"SizeSmall",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeSmall"]={docgenInfo:SizeSmall.__docgenInfo,name:"SizeSmall",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeSmall"})}catch(__react_docgen_typescript_loader_error){}try{SizeNormal.displayName="SizeNormal",SizeNormal.__docgenInfo={description:"",displayName:"SizeNormal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeNormal"]={docgenInfo:SizeNormal.__docgenInfo,name:"SizeNormal",path:"packages/perseus/src/components/__stories__/number-input.stories.tsx#SizeNormal"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/prop-check-box.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TestLabelWithCheckedObject:()=>TestLabelWithCheckedObject,TestLabelWithCheckedObjectLabelOnTheRight:()=>TestLabelWithCheckedObjectLabelOnTheRight,TestLabelWithUncheckedObject:()=>TestLabelWithUncheckedObject,TestLabelWithUncheckedObjectLabelOnTheRight:()=>TestLabelWithUncheckedObjectLabelOnTheRight,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_prop_check_box__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/prop-check-box.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Prop Check Box"},TestLabelWithCheckedObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_prop_check_box__WEBPACK_IMPORTED_MODULE_1__.Z,{test:!0,label:"Test label",onChange:()=>{},labelAlignment:"left"}),TestLabelWithUncheckedObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_prop_check_box__WEBPACK_IMPORTED_MODULE_1__.Z,{test:!1,label:"Test label",onChange:()=>{},labelAlignment:"left"}),TestLabelWithCheckedObjectLabelOnTheRight=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_prop_check_box__WEBPACK_IMPORTED_MODULE_1__.Z,{test:!0,label:"Test label",onChange:()=>{},labelAlignment:"right"}),TestLabelWithUncheckedObjectLabelOnTheRight=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_prop_check_box__WEBPACK_IMPORTED_MODULE_1__.Z,{test:!1,label:"Test label",onChange:()=>{},labelAlignment:"right"});TestLabelWithCheckedObject.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n labelAlignment="left"\n />\n );\n}'},...TestLabelWithCheckedObject.parameters},TestLabelWithUncheckedObject.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n labelAlignment="left"\n />\n );\n}'},...TestLabelWithUncheckedObject.parameters},TestLabelWithCheckedObjectLabelOnTheRight.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n labelAlignment="right"\n />\n );\n}'},...TestLabelWithCheckedObjectLabelOnTheRight.parameters},TestLabelWithUncheckedObjectLabelOnTheRight.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n labelAlignment="right"\n />\n );\n}'},...TestLabelWithUncheckedObjectLabelOnTheRight.parameters};try{TestLabelWithCheckedObject.displayName="TestLabelWithCheckedObject",TestLabelWithCheckedObject.__docgenInfo={description:"",displayName:"TestLabelWithCheckedObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithCheckedObject"]={docgenInfo:TestLabelWithCheckedObject.__docgenInfo,name:"TestLabelWithCheckedObject",path:"packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithCheckedObject"})}catch(__react_docgen_typescript_loader_error){}try{TestLabelWithUncheckedObject.displayName="TestLabelWithUncheckedObject",TestLabelWithUncheckedObject.__docgenInfo={description:"",displayName:"TestLabelWithUncheckedObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithUncheckedObject"]={docgenInfo:TestLabelWithUncheckedObject.__docgenInfo,name:"TestLabelWithUncheckedObject",path:"packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithUncheckedObject"})}catch(__react_docgen_typescript_loader_error){}try{TestLabelWithCheckedObjectLabelOnTheRight.displayName="TestLabelWithCheckedObjectLabelOnTheRight",TestLabelWithCheckedObjectLabelOnTheRight.__docgenInfo={description:"",displayName:"TestLabelWithCheckedObjectLabelOnTheRight",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithCheckedObjectLabelOnTheRight"]={docgenInfo:TestLabelWithCheckedObjectLabelOnTheRight.__docgenInfo,name:"TestLabelWithCheckedObjectLabelOnTheRight",path:"packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithCheckedObjectLabelOnTheRight"})}catch(__react_docgen_typescript_loader_error){}try{TestLabelWithUncheckedObjectLabelOnTheRight.displayName="TestLabelWithUncheckedObjectLabelOnTheRight",TestLabelWithUncheckedObjectLabelOnTheRight.__docgenInfo={description:"",displayName:"TestLabelWithUncheckedObjectLabelOnTheRight",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithUncheckedObjectLabelOnTheRight"]={docgenInfo:TestLabelWithUncheckedObjectLabelOnTheRight.__docgenInfo,name:"TestLabelWithUncheckedObjectLabelOnTheRight",path:"packages/perseus/src/components/__stories__/prop-check-box.stories.tsx#TestLabelWithUncheckedObjectLabelOnTheRight"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/range-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{EmptyValueArray:()=>EmptyValueArray,Placeholders:()=>Placeholders,SimpleWithSmallValueRanges:()=>SimpleWithSmallValueRanges,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_range_input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/range-input.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Range Input"},EmptyValueArray=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_range_input__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},value:[]}),SimpleWithSmallValueRanges=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_range_input__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},value:[-10,10]}),Placeholders=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_range_input__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},placeholder:["?","!"],value:[]});EmptyValueArray.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return {}} value={[]} />;\n}"},...EmptyValueArray.parameters},SimpleWithSmallValueRanges.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return {}} value={[-10, 10]} />;\n}"},...SimpleWithSmallValueRanges.parameters},Placeholders.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n {}} placeholder={["?", "!"]} value={[]} />\n );\n}'},...Placeholders.parameters};try{EmptyValueArray.displayName="EmptyValueArray",EmptyValueArray.__docgenInfo={description:"",displayName:"EmptyValueArray",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/range-input.stories.tsx#EmptyValueArray"]={docgenInfo:EmptyValueArray.__docgenInfo,name:"EmptyValueArray",path:"packages/perseus/src/components/__stories__/range-input.stories.tsx#EmptyValueArray"})}catch(__react_docgen_typescript_loader_error){}try{SimpleWithSmallValueRanges.displayName="SimpleWithSmallValueRanges",SimpleWithSmallValueRanges.__docgenInfo={description:"",displayName:"SimpleWithSmallValueRanges",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/range-input.stories.tsx#SimpleWithSmallValueRanges"]={docgenInfo:SimpleWithSmallValueRanges.__docgenInfo,name:"SimpleWithSmallValueRanges",path:"packages/perseus/src/components/__stories__/range-input.stories.tsx#SimpleWithSmallValueRanges"})}catch(__react_docgen_typescript_loader_error){}try{Placeholders.displayName="Placeholders",Placeholders.__docgenInfo={description:"",displayName:"Placeholders",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/range-input.stories.tsx#Placeholders"]={docgenInfo:Placeholders.__docgenInfo,name:"Placeholders",path:"packages/perseus/src/components/__stories__/range-input.stories.tsx#Placeholders"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomValue:()=>CustomValue,EmptyPropsObject:()=>EmptyPropsObject,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_simple_keypad_input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/simple-keypad-input.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{},onFocus:()=>{},onBlur:()=>{}},__WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Simple Keypad Input"},EmptyPropsObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_simple_keypad_input__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject),CustomValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_simple_keypad_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{value:"Test value"}));EmptyPropsObject.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...EmptyPropsObject.parameters},CustomValue.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...CustomValue.parameters};try{EmptyPropsObject.displayName="EmptyPropsObject",EmptyPropsObject.__docgenInfo={description:"",displayName:"EmptyPropsObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx#EmptyPropsObject"]={docgenInfo:EmptyPropsObject.__docgenInfo,name:"EmptyPropsObject",path:"packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx#EmptyPropsObject"})}catch(__react_docgen_typescript_loader_error){}try{CustomValue.displayName="CustomValue",CustomValue.__docgenInfo={description:"",displayName:"CustomValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx#CustomValue"]={docgenInfo:CustomValue.__docgenInfo,name:"CustomValue",path:"packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx#CustomValue"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/sortable.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicSortableOptionsTest:()=>BasicSortableOptionsTest,BasicSortableOptionsTestDisabled:()=>BasicSortableOptionsTestDisabled,BasicSortableOptionsTestWithLargeMargin:()=>BasicSortableOptionsTestWithLargeMargin,BasicSortableOptionsTestWithNoPadding:()=>BasicSortableOptionsTestWithNoPadding,BasicSortableOptionsTestWithWidthAndHeightConstraints:()=>BasicSortableOptionsTestWithWidthAndHeightConstraints,SortableHorizontalExample:()=>SortableHorizontalExample,SortableVerticalExample:()=>SortableVerticalExample,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_sortable__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/sortable.tsx");const defaultOptions=["Option 1","Option 2","Option 3"],__WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Sortable"},SortableHorizontalExample=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{layout:_sortable__WEBPACK_IMPORTED_MODULE_1__.A.HORIZONTAL,options:["a","b","c"],waitForTexRendererToLoad:!1}),SortableVerticalExample=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{layout:_sortable__WEBPACK_IMPORTED_MODULE_1__.A.VERTICAL,options:["a","b","c"],waitForTexRendererToLoad:!1}),BasicSortableOptionsTest=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{options:defaultOptions}),BasicSortableOptionsTestWithNoPadding=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{options:defaultOptions,padding:!1}),BasicSortableOptionsTestWithLargeMargin=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{options:defaultOptions,margin:64}),BasicSortableOptionsTestDisabled=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{options:defaultOptions,disabled:!0}),BasicSortableOptionsTestWithWidthAndHeightConstraints=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sortable__WEBPACK_IMPORTED_MODULE_1__.Z,{options:defaultOptions,constraints:{height:128,width:256}});SortableHorizontalExample.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}'},...SortableHorizontalExample.parameters},SortableVerticalExample.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}'},...SortableVerticalExample.parameters},BasicSortableOptionsTest.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...BasicSortableOptionsTest.parameters},BasicSortableOptionsTestWithNoPadding.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...BasicSortableOptionsTestWithNoPadding.parameters},BasicSortableOptionsTestWithLargeMargin.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...BasicSortableOptionsTestWithLargeMargin.parameters},BasicSortableOptionsTestDisabled.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}"},...BasicSortableOptionsTestDisabled.parameters},BasicSortableOptionsTestWithWidthAndHeightConstraints.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}"},...BasicSortableOptionsTestWithWidthAndHeightConstraints.parameters};try{SortableHorizontalExample.displayName="SortableHorizontalExample",SortableHorizontalExample.__docgenInfo={description:"",displayName:"SortableHorizontalExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#SortableHorizontalExample"]={docgenInfo:SortableHorizontalExample.__docgenInfo,name:"SortableHorizontalExample",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#SortableHorizontalExample"})}catch(__react_docgen_typescript_loader_error){}try{SortableVerticalExample.displayName="SortableVerticalExample",SortableVerticalExample.__docgenInfo={description:"",displayName:"SortableVerticalExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#SortableVerticalExample"]={docgenInfo:SortableVerticalExample.__docgenInfo,name:"SortableVerticalExample",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#SortableVerticalExample"})}catch(__react_docgen_typescript_loader_error){}try{BasicSortableOptionsTest.displayName="BasicSortableOptionsTest",BasicSortableOptionsTest.__docgenInfo={description:"",displayName:"BasicSortableOptionsTest",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTest"]={docgenInfo:BasicSortableOptionsTest.__docgenInfo,name:"BasicSortableOptionsTest",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTest"})}catch(__react_docgen_typescript_loader_error){}try{BasicSortableOptionsTestWithNoPadding.displayName="BasicSortableOptionsTestWithNoPadding",BasicSortableOptionsTestWithNoPadding.__docgenInfo={description:"",displayName:"BasicSortableOptionsTestWithNoPadding",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithNoPadding"]={docgenInfo:BasicSortableOptionsTestWithNoPadding.__docgenInfo,name:"BasicSortableOptionsTestWithNoPadding",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithNoPadding"})}catch(__react_docgen_typescript_loader_error){}try{BasicSortableOptionsTestWithLargeMargin.displayName="BasicSortableOptionsTestWithLargeMargin",BasicSortableOptionsTestWithLargeMargin.__docgenInfo={description:"",displayName:"BasicSortableOptionsTestWithLargeMargin",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithLargeMargin"]={docgenInfo:BasicSortableOptionsTestWithLargeMargin.__docgenInfo,name:"BasicSortableOptionsTestWithLargeMargin",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithLargeMargin"})}catch(__react_docgen_typescript_loader_error){}try{BasicSortableOptionsTestDisabled.displayName="BasicSortableOptionsTestDisabled",BasicSortableOptionsTestDisabled.__docgenInfo={description:"",displayName:"BasicSortableOptionsTestDisabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestDisabled"]={docgenInfo:BasicSortableOptionsTestDisabled.__docgenInfo,name:"BasicSortableOptionsTestDisabled",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestDisabled"})}catch(__react_docgen_typescript_loader_error){}try{BasicSortableOptionsTestWithWidthAndHeightConstraints.displayName="BasicSortableOptionsTestWithWidthAndHeightConstraints",BasicSortableOptionsTestWithWidthAndHeightConstraints.__docgenInfo={description:"",displayName:"BasicSortableOptionsTestWithWidthAndHeightConstraints",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithWidthAndHeightConstraints"]={docgenInfo:BasicSortableOptionsTestWithWidthAndHeightConstraints.__docgenInfo,name:"BasicSortableOptionsTestWithWidthAndHeightConstraints",path:"packages/perseus/src/components/__stories__/sortable.stories.tsx#BasicSortableOptionsTestWithWidthAndHeightConstraints"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NotShowingTitle:()=>NotShowingTitle,NotShowingTitleWithValue:()=>NotShowingTitleWithValue,ShowingTitle:()=>ShowingTitle,ShowingTitleWithValue:()=>ShowingTitleWithValue,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_stub_tag_editor__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/stub-tag-editor.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/name"},defaultValues=["Test value 1","Test value 2","Test value 3"],ShowingTitle=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_stub_tag_editor__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},showTitle:!0}),NotShowingTitle=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_stub_tag_editor__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},showTitle:!1}),ShowingTitleWithValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_stub_tag_editor__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},showTitle:!0,value:defaultValues}),NotShowingTitleWithValue=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_stub_tag_editor__WEBPACK_IMPORTED_MODULE_1__.Z,{onChange:()=>{},showTitle:!1,value:defaultValues});ShowingTitle.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return {}} showTitle={true} />;\n}"},...ShowingTitle.parameters},NotShowingTitle.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return {}} showTitle={false} />;\n}"},...NotShowingTitle.parameters},ShowingTitleWithValue.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n {}}\n showTitle={true}\n value={defaultValues}\n />\n );\n}"},...ShowingTitleWithValue.parameters},NotShowingTitleWithValue.parameters={storySource:{source:"(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n {}}\n showTitle={false}\n value={defaultValues}\n />\n );\n}"},...NotShowingTitleWithValue.parameters};try{ShowingTitle.displayName="ShowingTitle",ShowingTitle.__docgenInfo={description:"",displayName:"ShowingTitle",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#ShowingTitle"]={docgenInfo:ShowingTitle.__docgenInfo,name:"ShowingTitle",path:"packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#ShowingTitle"})}catch(__react_docgen_typescript_loader_error){}try{NotShowingTitle.displayName="NotShowingTitle",NotShowingTitle.__docgenInfo={description:"",displayName:"NotShowingTitle",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#NotShowingTitle"]={docgenInfo:NotShowingTitle.__docgenInfo,name:"NotShowingTitle",path:"packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#NotShowingTitle"})}catch(__react_docgen_typescript_loader_error){}try{ShowingTitleWithValue.displayName="ShowingTitleWithValue",ShowingTitleWithValue.__docgenInfo={description:"",displayName:"ShowingTitleWithValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#ShowingTitleWithValue"]={docgenInfo:ShowingTitleWithValue.__docgenInfo,name:"ShowingTitleWithValue",path:"packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#ShowingTitleWithValue"})}catch(__react_docgen_typescript_loader_error){}try{NotShowingTitleWithValue.displayName="NotShowingTitleWithValue",NotShowingTitleWithValue.__docgenInfo={description:"",displayName:"NotShowingTitleWithValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#NotShowingTitleWithValue"]={docgenInfo:NotShowingTitleWithValue.__docgenInfo,name:"NotShowingTitleWithValue",path:"packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx#NotShowingTitleWithValue"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/svg-image.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GraphieImage:()=>GraphieImage,MostlyEmptyPropsObject:()=>MostlyEmptyPropsObject,PngImage:()=>PngImage,SvgImageBasic:()=>SvgImageBasic,SvgImageThatDoesntLoad:()=>SvgImageThatDoesntLoad,SvgImageWithExtraGraphieProps:()=>SvgImageWithExtraGraphieProps,SvgImageWithFixedHeight:()=>SvgImageWithFixedHeight,SvgImageWithFixedWidth:()=>SvgImageWithFixedWidth,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_svg_image__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/svg-image.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/SVG Image"},svgUrl="http://www.khanacademy.org/images/ohnoes-concerned.svg",MostlyEmptyPropsObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{alt:"ALT"}),SvgImageThatDoesntLoad=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{alt:"ALT",height:100,width:500,src:"http://httpstat.us/200?sleep=1000000"}),SvgImageBasic=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{src:svgUrl,alt:"ALT"}),SvgImageWithFixedHeight=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{height:50,src:svgUrl,alt:"ALT"}),SvgImageWithFixedWidth=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{src:svgUrl,width:50,alt:"ALT"}),SvgImageWithExtraGraphieProps=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{extraGraphie:{box:[200,200],range:[[0,10],[0,10]],labels:["ok"]},src:svgUrl,alt:"ALT"}),PngImage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{src:"https://www.khanacademy.org/images/hand-tree.new.png",alt:"ALT"}),GraphieImage=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_image__WEBPACK_IMPORTED_MODULE_1__.Z,{src:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/1e06f6d4071f30cee2cc3ccb7435b3a66a62fe3f",alt:"ALT"});MostlyEmptyPropsObject.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...MostlyEmptyPropsObject.parameters},SvgImageThatDoesntLoad.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}'},...SvgImageThatDoesntLoad.parameters},SvgImageBasic.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...SvgImageBasic.parameters},SvgImageWithFixedHeight.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return ;\n}'},...SvgImageWithFixedHeight.parameters},SvgImageWithFixedWidth.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...SvgImageWithFixedWidth.parameters},SvgImageWithExtraGraphieProps.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return (\n \n );\n}'},...SvgImageWithExtraGraphieProps.parameters},PngImage.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...PngImage.parameters},GraphieImage.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...GraphieImage.parameters};try{MostlyEmptyPropsObject.displayName="MostlyEmptyPropsObject",MostlyEmptyPropsObject.__docgenInfo={description:"",displayName:"MostlyEmptyPropsObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#MostlyEmptyPropsObject"]={docgenInfo:MostlyEmptyPropsObject.__docgenInfo,name:"MostlyEmptyPropsObject",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#MostlyEmptyPropsObject"})}catch(__react_docgen_typescript_loader_error){}try{SvgImageThatDoesntLoad.displayName="SvgImageThatDoesntLoad",SvgImageThatDoesntLoad.__docgenInfo={description:"",displayName:"SvgImageThatDoesntLoad",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageThatDoesntLoad"]={docgenInfo:SvgImageThatDoesntLoad.__docgenInfo,name:"SvgImageThatDoesntLoad",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageThatDoesntLoad"})}catch(__react_docgen_typescript_loader_error){}try{SvgImageBasic.displayName="SvgImageBasic",SvgImageBasic.__docgenInfo={description:"",displayName:"SvgImageBasic",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageBasic"]={docgenInfo:SvgImageBasic.__docgenInfo,name:"SvgImageBasic",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageBasic"})}catch(__react_docgen_typescript_loader_error){}try{SvgImageWithFixedHeight.displayName="SvgImageWithFixedHeight",SvgImageWithFixedHeight.__docgenInfo={description:"",displayName:"SvgImageWithFixedHeight",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithFixedHeight"]={docgenInfo:SvgImageWithFixedHeight.__docgenInfo,name:"SvgImageWithFixedHeight",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithFixedHeight"})}catch(__react_docgen_typescript_loader_error){}try{SvgImageWithFixedWidth.displayName="SvgImageWithFixedWidth",SvgImageWithFixedWidth.__docgenInfo={description:"",displayName:"SvgImageWithFixedWidth",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithFixedWidth"]={docgenInfo:SvgImageWithFixedWidth.__docgenInfo,name:"SvgImageWithFixedWidth",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithFixedWidth"})}catch(__react_docgen_typescript_loader_error){}try{SvgImageWithExtraGraphieProps.displayName="SvgImageWithExtraGraphieProps",SvgImageWithExtraGraphieProps.__docgenInfo={description:"",displayName:"SvgImageWithExtraGraphieProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithExtraGraphieProps"]={docgenInfo:SvgImageWithExtraGraphieProps.__docgenInfo,name:"SvgImageWithExtraGraphieProps",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#SvgImageWithExtraGraphieProps"})}catch(__react_docgen_typescript_loader_error){}try{PngImage.displayName="PngImage",PngImage.__docgenInfo={description:"",displayName:"PngImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#PngImage"]={docgenInfo:PngImage.__docgenInfo,name:"PngImage",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#PngImage"})}catch(__react_docgen_typescript_loader_error){}try{GraphieImage.displayName="GraphieImage",GraphieImage.__docgenInfo={description:"",displayName:"GraphieImage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/svg-image.stories.tsx#GraphieImage"]={docgenInfo:GraphieImage.__docgenInfo,name:"GraphieImage",path:"packages/perseus/src/components/__stories__/svg-image.stories.tsx#GraphieImage"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/tex.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicOperation:()=>BasicOperation,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tex__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/tex.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Tex",args:{equation:"f(x) = x + 1"}},BasicOperation=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex__WEBPACK_IMPORTED_MODULE_1__.Z,{setAssetStatus:()=>{},children:args.equation});BasicOperation.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return {}} children={args.equation} />;\n}"},...BasicOperation.parameters};try{BasicOperation.displayName="BasicOperation",BasicOperation.__docgenInfo={description:"",displayName:"BasicOperation",props:{equation:{defaultValue:null,description:"",name:"equation",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/tex.stories.tsx#BasicOperation"]={docgenInfo:BasicOperation.__docgenInfo,name:"BasicOperation",path:"packages/perseus/src/components/__stories__/tex.stories.tsx#BasicOperation"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/text-buttons.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonSetAdvancedRelations:()=>ButtonSetAdvancedRelations,ButtonSetBasic:()=>ButtonSetBasic,ButtonSetBasicDiv:()=>ButtonSetBasicDiv,ButtonSetBasicRelations:()=>ButtonSetBasicRelations,ButtonSetLogarithms:()=>ButtonSetLogarithms,ButtonSetMultiple:()=>ButtonSetMultiple,ButtonSetPrealgebra:()=>ButtonSetPrealgebra,ButtonSetTrig:()=>ButtonSetTrig,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_tex_buttons__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/tex-buttons.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Tex Buttons"},ButtonSetBasic=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["basic"],onInsert:()=>{}}),ButtonSetBasicDiv=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["basic+div"],onInsert:()=>{}}),ButtonSetTrig=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["trig"],onInsert:()=>{}}),ButtonSetPrealgebra=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["prealgebra"],onInsert:()=>{}}),ButtonSetLogarithms=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["logarithms"],onInsert:()=>{}}),ButtonSetBasicRelations=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["basic relations"],onInsert:()=>{}}),ButtonSetAdvancedRelations=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["advanced relations"],onInsert:()=>{}}),ButtonSetMultiple=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tex_buttons__WEBPACK_IMPORTED_MODULE_1__.Z,{sets:["basic","trig","advanced relations"],onInsert:()=>{}});ButtonSetBasic.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetBasic.parameters},ButtonSetBasicDiv.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetBasicDiv.parameters},ButtonSetTrig.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetTrig.parameters},ButtonSetPrealgebra.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetPrealgebra.parameters},ButtonSetLogarithms.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetLogarithms.parameters},ButtonSetBasicRelations.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetBasicRelations.parameters},ButtonSetAdvancedRelations.parameters={storySource:{source:'(\n args: StoryArgs,\n): React.ReactElement => {\n return {}} />;\n}'},...ButtonSetAdvancedRelations.parameters},ButtonSetMultiple.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n {}}\n />\n );\n}'},...ButtonSetMultiple.parameters};try{ButtonSetBasic.displayName="ButtonSetBasic",ButtonSetBasic.__docgenInfo={description:"",displayName:"ButtonSetBasic",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasic"]={docgenInfo:ButtonSetBasic.__docgenInfo,name:"ButtonSetBasic",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasic"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetBasicDiv.displayName="ButtonSetBasicDiv",ButtonSetBasicDiv.__docgenInfo={description:"",displayName:"ButtonSetBasicDiv",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasicDiv"]={docgenInfo:ButtonSetBasicDiv.__docgenInfo,name:"ButtonSetBasicDiv",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasicDiv"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetTrig.displayName="ButtonSetTrig",ButtonSetTrig.__docgenInfo={description:"",displayName:"ButtonSetTrig",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetTrig"]={docgenInfo:ButtonSetTrig.__docgenInfo,name:"ButtonSetTrig",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetTrig"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetPrealgebra.displayName="ButtonSetPrealgebra",ButtonSetPrealgebra.__docgenInfo={description:"",displayName:"ButtonSetPrealgebra",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetPrealgebra"]={docgenInfo:ButtonSetPrealgebra.__docgenInfo,name:"ButtonSetPrealgebra",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetPrealgebra"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetLogarithms.displayName="ButtonSetLogarithms",ButtonSetLogarithms.__docgenInfo={description:"",displayName:"ButtonSetLogarithms",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetLogarithms"]={docgenInfo:ButtonSetLogarithms.__docgenInfo,name:"ButtonSetLogarithms",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetLogarithms"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetBasicRelations.displayName="ButtonSetBasicRelations",ButtonSetBasicRelations.__docgenInfo={description:"",displayName:"ButtonSetBasicRelations",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasicRelations"]={docgenInfo:ButtonSetBasicRelations.__docgenInfo,name:"ButtonSetBasicRelations",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetBasicRelations"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetAdvancedRelations.displayName="ButtonSetAdvancedRelations",ButtonSetAdvancedRelations.__docgenInfo={description:"",displayName:"ButtonSetAdvancedRelations",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetAdvancedRelations"]={docgenInfo:ButtonSetAdvancedRelations.__docgenInfo,name:"ButtonSetAdvancedRelations",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetAdvancedRelations"})}catch(__react_docgen_typescript_loader_error){}try{ButtonSetMultiple.displayName="ButtonSetMultiple",ButtonSetMultiple.__docgenInfo={description:"",displayName:"ButtonSetMultiple",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetMultiple"]={docgenInfo:ButtonSetMultiple.__docgenInfo,name:"ButtonSetMultiple",path:"packages/perseus/src/components/__stories__/text-buttons.stories.tsx#ButtonSetMultiple"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/text-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AriaLabelTextProvided:()=>AriaLabelTextProvided,Disabled:()=>Disabled,EmptyPropsObject:()=>EmptyPropsObject,TestValueProvided:()=>TestValueProvided,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_text_input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/text-input.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{}},EmptyPropsObject=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_input__WEBPACK_IMPORTED_MODULE_1__.Z,defaultObject),TestValueProvided=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{value:"Test value"})),AriaLabelTextProvided=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{labelText:"Test label"})),Disabled=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_input__WEBPACK_IMPORTED_MODULE_1__.Z,_extends({},defaultObject,{disabled:!0}));EmptyPropsObject.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...EmptyPropsObject.parameters},TestValueProvided.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...TestValueProvided.parameters},AriaLabelTextProvided.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return ;\n}'},...AriaLabelTextProvided.parameters},Disabled.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Disabled.parameters};try{EmptyPropsObject.displayName="EmptyPropsObject",EmptyPropsObject.__docgenInfo={description:"",displayName:"EmptyPropsObject",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-input.stories.tsx#EmptyPropsObject"]={docgenInfo:EmptyPropsObject.__docgenInfo,name:"EmptyPropsObject",path:"packages/perseus/src/components/__stories__/text-input.stories.tsx#EmptyPropsObject"})}catch(__react_docgen_typescript_loader_error){}try{TestValueProvided.displayName="TestValueProvided",TestValueProvided.__docgenInfo={description:"",displayName:"TestValueProvided",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-input.stories.tsx#TestValueProvided"]={docgenInfo:TestValueProvided.__docgenInfo,name:"TestValueProvided",path:"packages/perseus/src/components/__stories__/text-input.stories.tsx#TestValueProvided"})}catch(__react_docgen_typescript_loader_error){}try{AriaLabelTextProvided.displayName="AriaLabelTextProvided",AriaLabelTextProvided.__docgenInfo={description:"",displayName:"AriaLabelTextProvided",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-input.stories.tsx#AriaLabelTextProvided"]={docgenInfo:AriaLabelTextProvided.__docgenInfo,name:"AriaLabelTextProvided",path:"packages/perseus/src/components/__stories__/text-input.stories.tsx#AriaLabelTextProvided"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-input.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"packages/perseus/src/components/__stories__/text-input.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/text-list-editor.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SimpleListOfOptions:()=>SimpleListOfOptions,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_text_list_editor__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/components/text-list-editor.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Text List Editor"},defaultObject={onChange:function(){(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onChange")(...arguments)},options:["Test option 1","Test option 2","Test option 3"]},SimpleListOfOptions=args=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{class:"framework-perseus orderer"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_text_list_editor__WEBPACK_IMPORTED_MODULE_2__.Z,defaultObject));SimpleListOfOptions.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n // @ts-expect-error [FEI-5003] - TS2322 - Type '{ children: Element; class: string; }' is not assignable to type 'DetailedHTMLProps, HTMLDivElement>'.\n
\n \n
\n );\n}"},...SimpleListOfOptions.parameters};try{SimpleListOfOptions.displayName="SimpleListOfOptions",SimpleListOfOptions.__docgenInfo={description:"",displayName:"SimpleListOfOptions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/text-list-editor.stories.tsx#SimpleListOfOptions"]={docgenInfo:SimpleListOfOptions.__docgenInfo,name:"SimpleListOfOptions",path:"packages/perseus/src/components/__stories__/text-list-editor.stories.tsx#SimpleListOfOptions"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/tooltip.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Hidden:()=>Hidden,Shown:()=>Shown,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_tooltip__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/components/tooltip.tsx");const Shown=()=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__.G7,{style:{margin:"20px"}},"Hover over"," ",react__WEBPACK_IMPORTED_MODULE_1__.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.ZP,{show:!0,horizontalPosition:_tooltip__WEBPACK_IMPORTED_MODULE_2__.po.Left,horizontalAlign:_tooltip__WEBPACK_IMPORTED_MODULE_2__.po.Left,verticalPosition:_tooltip__WEBPACK_IMPORTED_MODULE_2__.HO.Bottom},react__WEBPACK_IMPORTED_MODULE_1__.createElement("span",null,"this"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__.G7,{style:{backgroundColor:"white"}},"You can read so much more if you want..."))," ","to see more information"),Hidden=()=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__.G7,{style:{margin:"20px"}},"Hover over"," ",react__WEBPACK_IMPORTED_MODULE_1__.createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.ZP,{show:!1,horizontalPosition:_tooltip__WEBPACK_IMPORTED_MODULE_2__.po.Left,horizontalAlign:_tooltip__WEBPACK_IMPORTED_MODULE_2__.po.Left,verticalPosition:_tooltip__WEBPACK_IMPORTED_MODULE_2__.HO.Bottom},react__WEBPACK_IMPORTED_MODULE_1__.createElement("span",null,"this"),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__.G7,{style:{backgroundColor:"white"}},"You can read so much more if you want..."))," ","to see more information"),__WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Tooltip"};Shown.parameters={storySource:{source:'() => {\n return (\n \n Hover over{" "}\n \n this\n \n You can read so much more if you want...\n \n {" "}\n to see more information\n \n );\n}'},...Shown.parameters},Hidden.parameters={storySource:{source:'() => {\n return (\n \n Hover over{" "}\n \n this\n \n You can read so much more if you want...\n \n {" "}\n to see more information\n \n );\n}'},...Hidden.parameters};try{Meta.displayName="Meta",Meta.__docgenInfo={description:"Metadata to configure the stories for a component.",displayName:"Meta",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/tooltip.stories.tsx#Meta"]={docgenInfo:Meta.__docgenInfo,name:"Meta",path:"packages/perseus/src/components/__stories__/tooltip.stories.tsx#Meta"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ComplexKaTeX:()=>ComplexKaTeX,KaTeX:()=>KaTeX,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_zoomable_tex__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/zoomable-tex.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Zoomable Tex"},ForceZoomWrapper=_ref=>{let{children}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1",null,"Click on equation to zoom/unzoom"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:"50px"}},children))},KaTeX=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(ForceZoomWrapper,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_zoomable_tex__WEBPACK_IMPORTED_MODULE_1__.Z,{children:"\\sum_{i=1}^\\infty\\frac{1}{n^2} =\\frac{\\pi^2}{6}"})),ComplexKaTeX=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(ForceZoomWrapper,null," ",react__WEBPACK_IMPORTED_MODULE_0__.createElement(_zoomable_tex__WEBPACK_IMPORTED_MODULE_1__.Z,{children:"\\begin{aligned}h\\blueE{v_1} \\left(\\dfrac{\\partial f}{\\partial x}(x_0, y_0) \\right) + h\\greenE{v_2}\\left( \\dfrac{\\partial f}{\\partial y}(x_0 \\redD{+ h\\blueE{v_1}}, y_0)\\right)\\end{aligned}"}));KaTeX.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n \n \n );\n}'},...KaTeX.parameters},ComplexKaTeX.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n \n {" "}\n \n \n );\n}'},...ComplexKaTeX.parameters};try{KaTeX.displayName="KaTeX",KaTeX.__docgenInfo={description:"",displayName:"KaTeX",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx#KaTeX"]={docgenInfo:KaTeX.__docgenInfo,name:"KaTeX",path:"packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx#KaTeX"})}catch(__react_docgen_typescript_loader_error){}try{ComplexKaTeX.displayName="ComplexKaTeX",ComplexKaTeX.__docgenInfo={description:"",displayName:"ComplexKaTeX",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx#ComplexKaTeX"]={docgenInfo:ComplexKaTeX.__docgenInfo,name:"ComplexKaTeX",path:"packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx#ComplexKaTeX"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/__stories__/zoomable.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ZoomableExample:()=>ZoomableExample,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_zoomable__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/perseus/src/components/zoomable.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Components/Zoomable"},computeChildBounds=(parentNode,parentBounds)=>({width:1e3,height:500}),ZoomableExample=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_zoomable__WEBPACK_IMPORTED_MODULE_1__.Z,{computeChildBounds},react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",null,"Here's some zoomed-out content.",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Click on the content to zoom/unzoom."));ZoomableExample.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n \n Here's some zoomed-out content.\n
\n
\n Click on the content to zoom/unzoom.\n \n \n );\n}"},...ZoomableExample.parameters};try{ZoomableExample.displayName="ZoomableExample",ZoomableExample.__docgenInfo={description:"",displayName:"ZoomableExample",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/__stories__/zoomable.stories.tsx#ZoomableExample"]={docgenInfo:ZoomableExample.__docgenInfo,name:"ZoomableExample",path:"packages/perseus/src/components/__stories__/zoomable.stories.tsx#ZoomableExample"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlertWhenNotVisible:()=>AlertWhenNotVisible,default:()=>visibility_observer_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js");__webpack_require__("./node_modules/intersection-observer/intersection-observer.js");function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}class NativeVisibilityObserver{constructor(rootElement,onVisibilityChange,rootMargin){_defineProperty(this,"_intersectionObserver",void 0),_defineProperty(this,"_onVisibilityChange",void 0),_defineProperty(this,"_handleIntersection",(entries=>{for(const entry of entries)this._onVisibilityChange(entry.isIntersecting,entry.rootBounds)})),this._intersectionObserver=new IntersectionObserver(this._handleIntersection,{root:rootElement,threshold:Number.EPSILON,rootMargin}),this._onVisibilityChange=onVisibilityChange}setTargetElement(targetElement){this._intersectionObserver.disconnect(),this._intersectionObserver.observe(targetElement)}disconnect(){this._intersectionObserver.disconnect()}}const getParents=function(node,parents){return node.parentNode?getParents(node.parentNode,parents.concat([node])):parents},style=function(node,prop){return getComputedStyle(node).getPropertyValue(prop)},get_scroll_parent_scroll=function(node){return/(auto|scroll)/.test(function(node){return style(node,"overflow")+style(node,"overflow-y")+style(node,"overflow-x")}(node))},getScrollParent=function(node){if(!(node instanceof HTMLElement))return;const parents=node.parentNode?getParents(node.parentNode,[]):[];for(let i=0;i{const{scrollParentIsNotBody,onChange}=this.props;if(isVisible)onChange("visible");else{const visibility=function findPositionInScrollContainer(childNode,bounds,scrollParentIsNotBody){try{const scrollParent=getScrollParent(childNode);if(!scrollParent)return"unknown";const parentRect=scrollParent.getBoundingClientRect(),childRect=childNode.getBoundingClientRect();return(scrollParentIsNotBody&&scrollParent!==document.body?childRect.bottom{}});const visibility_observer=VisibilityObserver;try{VisibilityObserver.displayName="VisibilityObserver",VisibilityObserver.__docgenInfo={description:"",displayName:"VisibilityObserver",props:{rootMargin:{defaultValue:null,description:"",name:"rootMargin",required:!1,type:{name:"string"}},scrollParentIsNotBody:{defaultValue:null,description:"",name:"scrollParentIsNotBody",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(visibility: ScrollVisibility) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/visibility-observer/visibility-observer.tsx#VisibilityObserver"]={docgenInfo:VisibilityObserver.__docgenInfo,name:"VisibilityObserver",path:"packages/perseus/src/components/visibility-observer/visibility-observer.tsx#VisibilityObserver"})}catch(__react_docgen_typescript_loader_error){}function visibility_observer_stories_defineProperty(obj,key,value){return(key=function visibility_observer_stories_toPropertyKey(arg){var key=function visibility_observer_stories_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const visibility_observer_stories={title:"Perseus/Components/Visibility Observer"};class VisibilityTest extends react.Component{constructor(){super(...arguments),visibility_observer_stories_defineProperty(this,"state",{sectionVisibility:"unknown"}),visibility_observer_stories_defineProperty(this,"handleVisibilityChanged",(visibility=>{this.setState({sectionVisibility:visibility})}))}render(){const{sectionVisibility}=this.state,visibleText="visible"===sectionVisibility?"Visible":"Not Visible";return react.createElement("div",null,react.createElement("p",null,"Visibility: ",visibleText),react.createElement("p",null,"hidden-above"===sectionVisibility?"The Section IS UP HERE!!!":"---"),react.createElement("div",{style:{height:150,width:800,overflow:"scroll",backgroundColor:"white",scrollbars:"visible"}},react.createElement("p",null,"Ocicat american shorthair. Egyptian mau himalayan or grimalkin maine coon cheetah lion but himalayan. American bobtail lion kitten. Kitty bombay puma. Savannah scottish fold for tabby but sphynx for bombay kitten ragdoll. Puma russian blue yet singapura birman and kitty russian blue. Egyptian mau cheetah, donskoy for himalayan singapura abyssinian . Singapura himalayan. Malkin abyssinian but balinese but bobcat. Leopard puma, norwegian forest mouser and turkish angora. Lynx bengal tiger. American shorthair. Donskoy ragdoll. Siberian turkish angora cougar and russian blue. Burmese savannah and siamese norwegian forest yet cheetah himalayan lion. Ocelot kitten or munchkin but kitten savannah. Cougar manx or russian blue american shorthair so jaguar but havana brown. Cheetah havana brown manx. Tiger thai american bobtail. Ragdoll bengal yet kitten, bengal grimalkin scottish fold. Abyssinian jaguar. Turkish angora bengal but kitty sphynx."," "),react.createElement(visibility_observer,{scrollParentIsNotBody:!0,onChange:this.handleVisibilityChanged},react.createElement("p",{style:{backgroundColor:"#eeddee",fontWeight:"bold"}},"American shorthair devonshire rex but cheetah and ragdoll but bombay. Kitty. Tomcat cornish rex donskoy but tom donskoy havana brown. Jaguar sphynx. Cheetah kitty for kitty, but balinese . British shorthair cheetah devonshire rex birman panther. Kitten tabby but siamese, sphynx. Bombay maine coon so lynx and donskoy kitten, but cougar. Sphynx sphynx, so american bobtail or mouser or puma. Mouser munchkin and ragdoll yet mouser cheetah balinese . Egyptian mau siamese mouser, cougar ragdoll. Persian birman tabby. Norwegian forest norwegian forest cornish rex bengal. Panther bombay. Kitty siamese ragdoll and egyptian mau. Tabby. Cheetah havana brown, kitty for havana brown. Cornish rex siberian russian blue so persian but thai burmese. Maine coon puma. Lynx.")),react.createElement("p",null,"Jaguar tom but himalayan birman. Turkish angora balinese grimalkin but birman or kitty or munchkin. American shorthair bobcat. Donskoy cornish rex malkin. Ocicat tabby or siamese, birman. Devonshire rex tomcat yet thai jaguar mouser and donskoy, lynx. Grimalkin bombay."," "),react.createElement("p",null,"Eat grass, throw it back up mice and cats are fats i like to pets them they like to meow back, cough furball into food bowl then scratch owner for a new one purr as loud as possible, be the most annoying cat that you can, and, knock everything off the table, lick the other cats. Furrier and even more furrier hairball cat is love, cat is life so ooh, are those your $250 dollar sandals? lemme use that as my litter box. Lick arm hair love to play with owner's hair tie hunt anything that moves. Destroy couch as revenge when in doubt, wash.")),react.createElement("p",null,"hidden-below"===sectionVisibility?"The Section IS DOWN HERE!!!":"---"))}}const AlertWhenNotVisible=args=>react.createElement(VisibilityTest,null);AlertWhenNotVisible.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...AlertWhenNotVisible.parameters};try{AlertWhenNotVisible.displayName="AlertWhenNotVisible",AlertWhenNotVisible.__docgenInfo={description:"",displayName:"AlertWhenNotVisible",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx#AlertWhenNotVisible"]={docgenInfo:AlertWhenNotVisible.__docgenInfo,name:"AlertWhenNotVisible",path:"packages/perseus/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx#AlertWhenNotVisible"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/multi-items/__stories__/multi-renderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SingleItem:()=>SingleItem,default:()=>multi_renderer_stories});var es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-i18n/dist/es/index.js"),wonder_blocks_typography_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js"),lib=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react=__webpack_require__("./node_modules/react/index.js"),wonder_blocks_button_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-button/dist/es/index.js"),src=__webpack_require__("./packages/perseus/src/index.ts"),shapes=__webpack_require__("./packages/perseus/src/multi-items/shapes.ts");const simpleQuestionShape=shapes.Z.shape({blurb:shapes.Z.content,question:shapes.Z.content,hints:shapes.Z.hints}),question1__multi={blurb:{__type:"content",content:"",images:{},widgets:{}},hints:[{__type:"hint",content:"If two triangles are congruent, then they have the same side lengths and angle measures.",images:{},replace:!1,widgets:{}},{__type:"hint",content:"A triangle congruent to triangle $ABC$ must also have side lengths of $12$, $14$ and $20$.",images:{},replace:!1,widgets:{}},{__type:"hint",content:"The following triangle is congruent to triangle $ABC$:\n\n* A triangle with side lengths of $12$, $14$, and $20$",images:{},replace:!1,widgets:{}}],question:{__type:"content",content:"Triangle $ABC$ has side lengths of $12$, $14$, and $20$. Which of the following triangles is congruent to triangle $ABC$ ?\n\n[[☃ radio 1]]\n\nEnter the number 3 into this field: [[☃ input-number 1]]",widgets:{"radio 1":{alignment:"default",graded:!0,options:{choices:[{clue:"Congruent triangles have the same side lengths.",content:"A triangle with side lengths of $3$, $4$, and $5$",correct:!1},{clue:"Congruent triangles have the same side lengths.\n\nThis choice is similar to triangle $ABC$.",content:"A triangle with side lengths of $6$, $7$, and $10$",correct:!1},{clue:"Congruent triangles have the same side lengths.",content:"A triangle with side lengths of $10$, $12$, and $18$",correct:!1,isNoneOfTheAbove:!1},{clue:"Congruent triangles have the same side lengths.",content:"A triangle with side lengths of $12$, $14$, and $20$",correct:!0,isNoneOfTheAbove:!1},{clue:"Congruent triangles have the same side lengths.\n\nThis choice is similar to triangle $ABC$.",content:"A triangle with side lengths of $24$, $28$, and $40$",correct:!1,isNoneOfTheAbove:!1}],countChoices:!1,deselectEnabled:!1,displayCount:null,hasNoneOfTheAbove:!1,multipleSelect:!1,randomize:!1},static:!1,type:"radio",version:{major:1,minor:0}},"input-number 1":{type:"input-number",graded:!0,options:{answerType:"number",value:"-42",simplify:"required",size:"normal",inexact:!1,maxError:.1}}}}};var ke_score_ui=__webpack_require__("./testing/ke-score-ui.tsx"),side_by_side=__webpack_require__("./testing/side-by-side.tsx");const MultiItemRendererWithDebugUI=_ref=>{let{children,simpleItem,apiOptions}=_ref;const ref=react.useRef(null),[state,setState]=react.useState(null);return react.createElement(side_by_side.Z,{leftTitle:"Multi Renderer",left:react.createElement(react.Fragment,null,react.createElement(src.KL.MultiRenderer,{item:simpleItem,shape:simpleQuestionShape,ref},(renderers=>children(renderers))),react.createElement("div",{id:"workarea"}),react.createElement("div",{id:"hintsarea"}),react.createElement(es.G7,{style:{flexDirection:"row",alignItems:"center"}},react.createElement(wonder_blocks_button_dist_es.Z,{onClick:()=>{ref.current&&setState(ref.current.score())}},"Check")),react.createElement(ke_score_ui.Z,{score:state})),jsonObject:simpleItem})};try{MultiItemRendererWithDebugUI.displayName="MultiItemRendererWithDebugUI",MultiItemRendererWithDebugUI.__docgenInfo={description:"",displayName:"MultiItemRendererWithDebugUI",props:{simpleItem:{defaultValue:null,description:"",name:"simpleItem",required:!0,type:{name:"Item"}},apiOptions:{defaultValue:null,description:"",name:"apiOptions",required:!1,type:{name:"Readonly<{ isArticle?: boolean; onInputError?: ((widgetId: any, value: string, message?: string | null) => unknown) | undefined; onFocusChange?: ((newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadElement?: HTMLElement | undefined, focusedElement?: HTMLElement | undefined) => unknown) |..."}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["testing/multi-item-renderer-with-debug-ui.tsx#MultiItemRendererWithDebugUI"]={docgenInfo:MultiItemRendererWithDebugUI.__docgenInfo,name:"MultiItemRendererWithDebugUI",path:"testing/multi-item-renderer-with-debug-ui.tsx#MultiItemRendererWithDebugUI"})}catch(__react_docgen_typescript_loader_error){}const SingleItem=args=>{const item={_multi:{...question1__multi,blurb:{...question1__multi.blurb,content:"This is a short snippet to help you understand the context of the question. We call it the 'blurb'."}}};return react.createElement(MultiItemRendererWithDebugUI,{simpleItem:item},(_ref=>{let{renderers}=_ref;const{blurb,question,hints}=renderers;return react.createElement(es.G7,null,react.createElement(es.G7,{style:styles.section},react.createElement(wonder_blocks_typography_dist_es.Jf,{style:styles.heading},dist_es.lR("Blurb")),blurb),react.createElement(es.G7,{style:styles.section},react.createElement(wonder_blocks_typography_dist_es.Jf,{style:styles.heading},dist_es.lR("Question")),question),react.createElement(es.G7,{style:styles.section},react.createElement(wonder_blocks_typography_dist_es.Jf,{style:styles.heading},dist_es.lR("Hints")),react.createElement(es.G7,{style:styles.hints},null==hints?void 0:hints.firstN(2))))}))},styles=lib.StyleSheet.create({section:{backgroundColor:"#F5F5F5",padding:"5px",borderWidth:"1px",marginTop:"5px",marginBottom:"5px"},heading:{backgroundColor:"#A9A9A9",margin:"-5px",padding:"5px"},hints:{marginLeft:"50px"}}),multi_renderer_stories={title:"Perseus/Renderers/Multi Renderer"};SingleItem.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const item = {\n _multi: {\n ...question1._multi,\n blurb: {\n ...question1._multi.blurb,\n content:\n "This is a short snippet to help you understand the context of the question. We call it the \'blurb\'.",\n },\n },\n } as const;\n return (\n \n {({renderers}) => {\n const {blurb, question, hints} = renderers;\n return (\n \n \n \n {i18n.doNotTranslate("Blurb")}\n \n {blurb}\n \n \n \n {i18n.doNotTranslate("Question")}\n \n {question}\n \n \n \n {i18n.doNotTranslate("Hints")}\n \n \n {\n // @ts-expect-error [FEI-5003] - TS2339 - Property \'firstN\' does not exist on type \'readonly ReactNode[]\'.\n hints?.firstN(2)\n }\n \n \n \n );\n }}\n \n );\n}'},...SingleItem.parameters};try{SingleItem.displayName="SingleItem",SingleItem.__docgenInfo={description:"",displayName:"SingleItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/multi-items/__stories__/multi-renderer.stories.tsx#SingleItem"]={docgenInfo:SingleItem.__docgenInfo,name:"SingleItem",path:"packages/perseus/src/multi-items/__stories__/multi-renderer.stories.tsx#SingleItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/categorizer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>categorizer_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"**Classify each graph according to the kind of relationship it suggests.**\n\n$\\qquad\\qquad\\quad\\text{Graph 1}\\qquad\\qquad\\quad\\qquad\\qquad\\quad\\text{Graph 2}$\n\n\n\n[[☃ categorizer 1]]\n\n**Graph 1.**\n\n![](https://ka-perseus-graphie.s3.amazonaws.com/049c091ed0978112aba3a36b0591d992baf7b1ac.png)\n\n**Graph 2.**\n\n![](https://ka-perseus-graphie.s3.amazonaws.com/40df186f39fb6d65de6bee0d8b681502d10cb37a.png) \n",images:{"https://ka-perseus-graphie.s3.amazonaws.com/40df186f39fb6d65de6bee0d8b681502d10cb37a.png":{width:244,height:223},"https://ka-perseus-graphie.s3.amazonaws.com/1ead1b334f82ea0eb1bcbd5a56943d8c738ba3de.png":{width:219,height:215},"https://ka-perseus-graphie.s3.amazonaws.com/b420aeaf8bad76b1cdb70a950947df2e4cfbcf0a.png":{width:238,height:223},"https://ka-perseus-graphie.s3.amazonaws.com/049c091ed0978112aba3a36b0591d992baf7b1ac.png":{width:220,height:223}},widgets:{"categorizer 1":{version:{major:0,minor:0},type:"categorizer",graded:!0,alignment:"default",options:{items:["Graph $1$","Graph $2$"],values:[1,3],randomizeItems:!1,categories:["No relationship","Positive linear relationship","Negative linear relationship","Nonlinear relationship"],highlightLint:!1,static:!1}}}};const categorizer_stories={title:"Perseus/Widgets/Categorizer"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/categorizer.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/categorizer.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/cs-program.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>cs_program_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"[[☃ cs-program 1]]\n\n",images:{},widgets:{"cs-program 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"cs-program",options:{settings:[{name:"",value:""},{name:"",value:""}],height:540,width:640,programID:"6293105639817216",static:!1,showButtons:!1,showEditor:!1},alignment:"block"}}};const cs_program_stories={title:"Perseus/Widgets/CS Program"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/cs-program.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/cs-program.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/definition.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ArticleDefintion:()=>ArticleDefintion,MultipleDefinitions:()=>MultipleDefinitions,Question1:()=>Question1,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_testing_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./testing/renderer-with-debug-ui.tsx"),_article_renderer__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/perseus/src/article-renderer.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Perseus/Widgets/Definition"},question1={content:"Read the excerpt and answer the question below. \n\nThe Governor and Council of the Massachusetts had much conference many days; and at last . . . . concluded a peace and friendship with [[☃ definition 1]], upon these conditions.",images:{},widgets:{"definition 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"definition",options:{definition:"A Native American people in Connecticut; white settlers in New England, the Pequots, and their respective allies were at war from 1636-1638.",togglePrompt:"the Pequots",static:!1},alignment:"default"}}},question2={content:"Read the excerpt and answer the question below. \n\nThe [[☃ definition 2]] and Council of the Massachusetts had much conference many days; and at last . . . . concluded a peace and friendship with [[☃ definition 1]], upon these conditions.",images:{},widgets:{"definition 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"definition",options:{definition:"A Native American people in Connecticut; white settlers in New England, the Pequots, and their respective allies were at war from 1636-1638.",togglePrompt:"the Pequots",static:!1},alignment:"default"},"definition 2":{graded:!0,version:{major:0,minor:0},static:!1,type:"definition",options:{definition:"A governor is an administrative leader and head of a polity or political region, ranking under the head of state and in some cases, such as governors-general, as the head of state's official representative.",togglePrompt:"Governor",static:!1},alignment:"default"}}},article={content:"###Backstory\n\nDuring World War II, in August of 1943, the [[☃ definition 1]] launched a massive bombing campaign on Milan and its outskirts. The explosions and the ensuing fires killed over 700 people and destroyed many of the city’s most important buildings and monuments, including a significant portion of Santa Maria delle Grazie. Miraculously, the wall with the painting survived, probably because it had been shored up with sandbags and mattresses, but the roof of the refectory was blown off and the other walls were decimated. The _Last Supper_ remained exposed to the elements, covered only with a tarp, for several months, until the refectory (the dining room of the monastery where the _Last Supper_ was painted), was rebuilt and a team of restorers began working to preserve and restore the painting.",images:{},widgets:{"definition 1":{alignment:"default",graded:!0,options:{definition:"The Allies, led by the United Kingdom, the United States, and the Soviet Union, were the group of countries who opposed the Axis powers (Germany, Japan, and Italy) during World War II.",static:!1,togglePrompt:"Allies"},static:!1,type:"definition",version:{major:0,minor:0}}}},Question1=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_testing_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__.b,{question:question1}),MultipleDefinitions=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_testing_renderer_with_debug_ui__WEBPACK_IMPORTED_MODULE_1__.b,{question:question2}),ArticleDefintion=args=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_article_renderer__WEBPACK_IMPORTED_MODULE_2__.Z,{json:article,useNewStyles:!0});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters},MultipleDefinitions.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...MultipleDefinitions.parameters},ArticleDefintion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...ArticleDefintion.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/definition.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/definition.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}try{MultipleDefinitions.displayName="MultipleDefinitions",MultipleDefinitions.__docgenInfo={description:"",displayName:"MultipleDefinitions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/definition.stories.tsx#MultipleDefinitions"]={docgenInfo:MultipleDefinitions.__docgenInfo,name:"MultipleDefinitions",path:"packages/perseus/src/widgets/__stories__/definition.stories.tsx#MultipleDefinitions"})}catch(__react_docgen_typescript_loader_error){}try{ArticleDefintion.displayName="ArticleDefintion",ArticleDefintion.__docgenInfo={description:"",displayName:"ArticleDefintion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/definition.stories.tsx#ArticleDefintion"]={docgenInfo:ArticleDefintion.__docgenInfo,name:"ArticleDefintion",path:"packages/perseus/src/widgets/__stories__/definition.stories.tsx#ArticleDefintion"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/dropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>dropdown_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"The total number of boxes the forklift can carry is [[☃ dropdown 1]] $60$.",images:{},widgets:{"dropdown 1":{type:"dropdown",alignment:"default",static:!1,graded:!0,options:{static:!1,placeholder:"greater/less than or equal to",choices:[{content:"greater than or equal to",correct:!1},{content:"less than or equal to",correct:!0}]},version:{major:0,minor:0}}}};const dropdown_stories={title:"Perseus/Widgets/Dropdown"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/dropdown.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/dropdown.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/explanation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,Question2:()=>Question2,default:()=>explanation_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"Here's the explanation\n[[☃ explanation 1]]\nDid you get that?",images:{},widgets:{"explanation 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"explanation",options:{hidePrompt:"Hide explanation!",widgets:{},explanation:"This is an explanation",static:!1,showPrompt:"Explanation"},alignment:"default"}}},question2={content:"Here's the explanation\n[[☃ explanation 1]]\nDid you get that?",images:{},widgets:{"explanation 1":{graded:!0,version:{major:0,minor:0},static:!0,type:"explanation",options:{hidePrompt:"Hide explanation!",widgets:{},explanation:"This is an explanation",static:!0,showPrompt:"Explanation"},alignment:"default"}}};const explanation_stories={title:"Perseus/Widgets/Explanation"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1}),Question2=args=>react.createElement(renderer_with_debug_ui.b,{question:question2});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters},Question2.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question2.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/explanation.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/explanation.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}try{Question2.displayName="Question2",Question2.__docgenInfo={description:"",displayName:"Question2",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/explanation.stories.tsx#Question2"]={docgenInfo:Question2.__docgenInfo,name:"Question2",path:"packages/perseus/src/widgets/__stories__/explanation.stories.tsx#Question2"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/expression.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Desktop:()=>Desktop,DesktopKitchenSink:()=>DesktopKitchenSink,ExpressionItem2:()=>ExpressionItem2,ExpressionItem3:()=>ExpressionItem3,Mobile:()=>Mobile,default:()=>expression_stories});var src=__webpack_require__("./packages/math-input/src/index.ts"),react=__webpack_require__("./node_modules/react/index.js"),item_renderer_with_debug_ui=__webpack_require__("./testing/item-renderer-with-debug-ui.tsx");const createItemJson=(widgetOptions,version)=>({question:{content:"[[☃ expression 1]]",images:{},widgets:{"expression 1":{type:"expression",graded:!0,options:widgetOptions,version}}},_multi:null,answer:null,answerArea:{zTable:!1,chi2Table:!1,tTable:!1,calculator:!1,periodicTable:!1},itemDataVersion:{major:0,minor:1},hints:[]}),expressionItem2=createItemJson({answerForms:[{considered:"correct",form:!1,simplify:!1,value:"123-x"},{considered:"correct",form:!1,simplify:!1,value:"x-123"}],times:!1,buttonSets:["basic"],functions:["f","g","h"],buttonsVisible:"always"},{major:1,minor:0}),expressionItem3=createItemJson({answerForms:[{considered:"ungraded",form:!1,simplify:!1,value:"x+1"},{considered:"wrong",form:!1,simplify:!1,value:"y+1"},{considered:"correct",form:!1,simplify:!1,value:"z+1"}],times:!1,buttonSets:["basic"],functions:["f","g","h"],buttonsVisible:"focused"},{major:1,minor:0});var expression=__webpack_require__("./packages/perseus/src/widgets/expression.tsx"),es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),lib=__webpack_require__("./node_modules/aphrodite/lib/index.js");const Footer=()=>react.createElement(es.G7,{style:styles.keypadContainer},react.createElement(src.i_.Consumer,null,(_ref=>{let{setKeypadElement,renderer}=_ref;return react.createElement(src.IA,{onElementMounted:setKeypadElement,onDismiss:()=>renderer&&renderer.blur(),style:styles.keypad})}))),test_keypad_context_wrapper=props=>{const[keypadElement,setKeypadElement]=react.useState(null),[renderer,setRenderer]=react.useState(null),[scrollableElement,setScrollableElement]=react.useState(document.body);return react.createElement(src.i_.Provider,{value:{setKeypadElement,keypadElement,setRenderer,renderer,setScrollableElement,scrollableElement}},props.children,react.createElement(Footer,null))},styles=lib.StyleSheet.create({keypad:{position:"absolute",pointerEvents:"all"},keypadContainer:{position:"absolute",width:"100%",bottom:0,overflow:"hidden",pointerEvents:"none",height:240}});try{testkeypadcontextwrapper.displayName="testkeypadcontextwrapper",testkeypadcontextwrapper.__docgenInfo={description:"",displayName:"testkeypadcontextwrapper",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/test-keypad-context-wrapper.tsx#testkeypadcontextwrapper"]={docgenInfo:testkeypadcontextwrapper.__docgenInfo,name:"testkeypadcontextwrapper",path:"packages/perseus/src/widgets/__stories__/test-keypad-context-wrapper.tsx#testkeypadcontextwrapper"})}catch(__react_docgen_typescript_loader_error){}const WrappedKeypadContext=props=>react.createElement(test_keypad_context_wrapper,null,react.createElement(src.i_.Consumer,null,(_ref=>{let{keypadElement,setRenderer,scrollableElement}=_ref;return react.createElement(item_renderer_with_debug_ui.g,{item:props.item,apiOptions:{customKeypad:props.customKeypad}})}))),DesktopKitchenSink=args=>react.createElement("div",{style:{padding:"2rem"}},react.createElement(expression.Z.widget,{alignment:null,value:"",containerSizeClass:"small",findWidgets:callback=>[],isLastUsedWidget:!1,onChange:()=>{},problemNum:1,static:!1,trackInteraction:()=>{},widgetId:"expression",reviewModeRubric:{functions:["f","g","h"],times:!0,answerForms:[],buttonSets:["basic","basic+div","trig","prealgebra","logarithms","basic relations","advanced relations"]},keypadConfiguration:{keypadType:"EXPRESSION",extraKeys:["x","y","z"]}})),Desktop=args=>react.createElement(WrappedKeypadContext,{item:expressionItem3,customKeypad:!1}),Mobile=args=>react.createElement("div",null,react.createElement("p",null,"For some reason you need to be"," ",react.createElement("a",{href:"https://developer.chrome.com/docs/devtools/device-mode/"},"emulating mobile")," ","to see the custom keypad."),react.createElement(WrappedKeypadContext,{item:expressionItem3,customKeypad:!0})),ExpressionItem2=args=>react.createElement(WrappedKeypadContext,{item:expressionItem2,customKeypad:args.customKeypad}),ExpressionItem3=args=>react.createElement(WrappedKeypadContext,{item:expressionItem3,customKeypad:args.customKeypad}),expression_stories={title:"Perseus/Widgets/Expression",argTypes:{customKeypad:{control:"boolean"}}};DesktopKitchenSink.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const reviewModeRubric = {\n functions: ["f", "g", "h"],\n times: true,\n answerForms: [],\n buttonSets: [\n "basic",\n "basic+div",\n "trig",\n "prealgebra",\n "logarithms",\n "basic relations",\n "advanced relations",\n ],\n };\n\n const keypadConfiguration = {\n keypadType: "EXPRESSION",\n extraKeys: ["x", "y", "z"],\n };\n\n return (\n
\n []}\n isLastUsedWidget={false}\n onChange={() => {}}\n problemNum={1}\n static={false}\n trackInteraction={() => {}}\n widgetId="expression"\n reviewModeRubric={reviewModeRubric}\n keypadConfiguration={keypadConfiguration}\n />\n
\n );\n}'},...DesktopKitchenSink.parameters},Desktop.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Desktop.parameters},Mobile.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n return (\n
\n

\n For some reason you need to be{" "}\n \n emulating mobile\n {" "}\n to see the custom keypad.\n

\n \n
\n );\n}'},...Mobile.parameters},ExpressionItem2.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}"},...ExpressionItem2.parameters},ExpressionItem3.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}"},...ExpressionItem3.parameters};try{DesktopKitchenSink.displayName="DesktopKitchenSink",DesktopKitchenSink.__docgenInfo={description:"",displayName:"DesktopKitchenSink",props:{customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/expression.stories.tsx#DesktopKitchenSink"]={docgenInfo:DesktopKitchenSink.__docgenInfo,name:"DesktopKitchenSink",path:"packages/perseus/src/widgets/__stories__/expression.stories.tsx#DesktopKitchenSink"})}catch(__react_docgen_typescript_loader_error){}try{Desktop.displayName="Desktop",Desktop.__docgenInfo={description:"",displayName:"Desktop",props:{customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/expression.stories.tsx#Desktop"]={docgenInfo:Desktop.__docgenInfo,name:"Desktop",path:"packages/perseus/src/widgets/__stories__/expression.stories.tsx#Desktop"})}catch(__react_docgen_typescript_loader_error){}try{Mobile.displayName="Mobile",Mobile.__docgenInfo={description:"",displayName:"Mobile",props:{customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/expression.stories.tsx#Mobile"]={docgenInfo:Mobile.__docgenInfo,name:"Mobile",path:"packages/perseus/src/widgets/__stories__/expression.stories.tsx#Mobile"})}catch(__react_docgen_typescript_loader_error){}try{ExpressionItem2.displayName="ExpressionItem2",ExpressionItem2.__docgenInfo={description:"",displayName:"ExpressionItem2",props:{customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/expression.stories.tsx#ExpressionItem2"]={docgenInfo:ExpressionItem2.__docgenInfo,name:"ExpressionItem2",path:"packages/perseus/src/widgets/__stories__/expression.stories.tsx#ExpressionItem2"})}catch(__react_docgen_typescript_loader_error){}try{ExpressionItem3.displayName="ExpressionItem3",ExpressionItem3.__docgenInfo={description:"",displayName:"ExpressionItem3",props:{customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/expression.stories.tsx#ExpressionItem3"]={docgenInfo:ExpressionItem3.__docgenInfo,name:"ExpressionItem3",path:"packages/perseus/src/widgets/__stories__/expression.stories.tsx#ExpressionItem3"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/graded-group-set.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Article1:()=>Article1,default:()=>graded_group_set_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const article1={content:"#Section 1: Adding tenths less than one\n\n[[☃ graded-group-set 1]]\n\n\nBeautiful, let's move on to problems with whole numbers and tenths.",images:{},widgets:{"graded-group-set 1":{type:"graded-group-set",alignment:"default",static:!1,graded:!0,options:{gradedGroups:[{title:"Problem 1a",content:"$0.5 + 0.4 =$ [[☃ numeric-input 1]]",widgets:{"numeric-input 1":{type:"numeric-input",alignment:"default",static:!1,graded:!0,options:{static:!1,answers:[{value:.9,status:"correct",message:"",simplify:"required",strict:!1,maxError:null}],size:"normal",coefficient:!1,labelText:""},version:{major:0,minor:0}}},images:{},hasHint:!0,hint:{content:"There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.5 + 0.4$\n\n$=5$ tenths $+ ~4$ tenths\n\n$=9$ tenths\n\n$=0.9$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n\n$\\blueD{0.5} + \\greenD{0.4} = 0.9$\n\n###The answer:\n\n$0.5 + 0.4 = 0.9$",images:{},widgets:{"image 3":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[234,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/cda00c119dac3e52c8ed150ef4a9a37355f5c713",width:234,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 5 of the rows are shaded in blue and 4 of the rows are shaded in green.",caption:""},version:{major:0,minor:0}},"image 2":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",caption:""},version:{major:0,minor:0}},"image 1":{options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/2a56a60275b7227ed9c5b89e489587c8cb13eb7b",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 5 of the rows are shaded to represent 5 tenths.",caption:""},type:"image",version:{major:0,minor:0},graded:!0,alignment:"block",static:!1}}},widgetEnabled:!0,immutableWidgets:!1},{title:"Problem 1b",content:"$0.6 + 0.4 =$ [[☃ numeric-input 1]]",widgets:{"numeric-input 1":{type:"numeric-input",alignment:"default",static:!1,graded:!0,options:{static:!1,answers:[{value:1,status:"correct",message:"",simplify:"required",strict:!1,maxError:null}],size:"normal",coefficient:!1,labelText:""},version:{major:0,minor:0}}},images:{},hasHint:!0,hint:{content:"There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.6 + 0.4$\n\n$=6$ tenths $+ ~4$ tenths\n\n$=10$ tenths\n\n$=1$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n\n$\\blueD{0.6} + \\greenD{0.4} = 1$\n\n###The answer:\n\n$0.6 + 0.4 = 1$",images:{},widgets:{"image 3":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[234,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/54fbc06d92097119f1be5d1679391596209296a7",width:234,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 6 of the rows are shaded in blue and 4 of the rows are shaded in green.",caption:""},version:{major:0,minor:0}},"image 2":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",caption:""},version:{major:0,minor:0}},"image 1":{options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/8e353e65446a4322f53d640aba33dccd69b0874c",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 6 of the rows are shaded to represent 6 tenths.",caption:""},type:"image",version:{major:0,minor:0},graded:!0,alignment:"block",static:!1}}},widgetEnabled:!0,immutableWidgets:!1},{title:"Problem 1c",content:"$0.8 + 0.4 =$ [[☃ numeric-input 1]]",widgets:{"numeric-input 1":{type:"numeric-input",alignment:"default",static:!1,graded:!0,options:{static:!1,answers:[{value:1.2,status:"correct",message:"",simplify:"required",strict:!1,maxError:null}],size:"normal",coefficient:!1,labelText:""},version:{major:0,minor:0}}},images:{},hasHint:!0,hint:{content:"There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.8 + 0.4$\n\n$=8$ tenths $+ ~4$ tenths\n\n$=12$ tenths\n\n$=1.2$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n$\\blueD{0.8} + \\greenD{0.4} = 1.2$\n\n###The answer:\n\n$ 0.8+0.4=1.2 $",images:{},widgets:{"image 3":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[354,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/4b595ea53e5edc2b5991f2171f384a7eae2eeb24",width:354,height:132},labels:[],alt:"Two equal sized squares. Each square is divided into 10 rows to show tenths. In the first square, 8 of the rows are shaded in blue and 2 of the rows are shaded in green. In the second square, 2 of the rows are shaded in green.",caption:""},version:{major:0,minor:0}},"image 2":{type:"image",alignment:"block",static:!1,graded:!0,options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",caption:""},version:{major:0,minor:0}},"image 1":{options:{static:!1,title:"",range:[[0,10],[0,10]],box:[180,132],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/58d09bc7bdfadbd860c55734bf146578f047edbc",width:180,height:132},labels:[],alt:"A square divided into 10 rows to show tenths. 8 of the rows are shaded to represent 8 tenths.",caption:""},type:"image",version:{major:0,minor:0},graded:!0,alignment:"block",static:!1}}},widgetEnabled:!0,immutableWidgets:!1}]},version:{major:0,minor:0}}}};const Article1=args=>react.createElement(renderer_with_debug_ui.b,{apiOptions:{isMobile:args.isMobile},question:article1}),graded_group_set_stories={title:"Perseus/Widgets/Graded Group Set",args:{isMobile:!1}};Article1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}"},...Article1.parameters};try{Article1.displayName="Article1",Article1.__docgenInfo={description:"",displayName:"Article1",props:{isMobile:{defaultValue:null,description:"",name:"isMobile",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/graded-group-set.stories.tsx#Article1"]={docgenInfo:Article1.__docgenInfo,name:"Article1",path:"packages/perseus/src/widgets/__stories__/graded-group-set.stories.tsx#Article1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/graded-group.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>graded_group_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"---\n\n##Check your understanding!\n\n[[☃ graded-group 1]]\n\n",images:{},widgets:{"graded-group 1":{type:"graded-group",alignment:"default",static:!1,graded:!0,options:{title:"Metabolic strategies of bacteria",content:"1. **Which of the following statements about metabolic strategies of bacteria are true?**\n\n [[☃ categorizer 1]]\n\n [[☃ explanation 1]]",images:{},widgets:{"categorizer 1":{type:"categorizer",alignment:"default",static:!1,graded:!0,options:{static:!1,items:[" Some bacteria conduct photosynthesis and produce oxygen, much like plants.","Bacteria are always autotrophic but they may get energy from either light or chemical sources.","Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).","Some bacteria live symbiotically inside of host organisms and provide the host with nutrients."],categories:["True","False"],values:[0,1,0,0],randomizeItems:!1},version:{major:0,minor:0}},"explanation 1":{type:"explanation",alignment:"default",static:!1,graded:!0,options:{static:!1,showPrompt:"Hint",hidePrompt:"Hide hint",explanation:"Some bacteria synthesize their own fuel molecules/fix their own carbon (autotrophic), while others take in fixed carbon from their environments (heterotrophic).\n\nSome autotrophs use light energy to synthesize their own fuel molecules, while others extract energy from chemical sources.\n\nBacteria that extract energy from chemical sources and use it to fix carbon are called chemosynthetic organisms. These bacteria may be essential to communities where light is not available, like those around deep-sea vents. They can form the base of the food chain (act as primary producers) in these ecosystems.\n\nSome bacteria have symbiotic (mutually beneficial) relationships with other organisms, living inside these organisms and providing them with nutrients.\n\n**The following statements about the metabolic strategies of bacteria are true:**\n\n[[☃ categorizer 1]]",widgets:{"categorizer 1":{type:"categorizer",alignment:"default",static:!0,graded:!0,options:{static:!1,items:[" Some bacteria conduct photosynthesis and produce oxygen, much like plants.","Bacteria are always autotrophic but they may get energy from either light or chemical sources.","Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).","Some bacteria live symbiotically inside of host organisms and provide the host with nutrients."],categories:["True","False"],values:[0,1,0,0],randomizeItems:!1},version:{major:0,minor:0}}}},version:{major:0,minor:0}}}},version:{major:0,minor:0}}}};const Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1,apiOptions:{isMobile:args.isMobile}}),graded_group_stories={title:"Perseus/Widgets/Graded Group",args:{isMobile:!1}};Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return (\n \n );\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{isMobile:{defaultValue:null,description:"",name:"isMobile",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/graded-group.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/graded-group.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/grapher.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AbsoluteValueQuestion:()=>AbsoluteValueQuestion,ComplexQuestion:()=>ComplexQuestion,ExponentialQuestion:()=>ExponentialQuestion,LinearQuestion:()=>LinearQuestion,LogarithmQuestion:()=>LogarithmQuestion,QuadraticQuestion:()=>QuadraticQuestion,SinusoidQuestion:()=>SinusoidQuestion,default:()=>grapher_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const absoluteValueQuestion={content:"The graph of the function $h(x)=2|x|$ is shown on the grid below.\n\n**Graph the function $f(x)=2|x-8|+1$ in the interactive graph. **\n\n[[☃ grapher 1]]\n",images:{"web+graphie://ka-perseus-graphie.s3.amazonaws.com/ec054de491d5cfb3ef71c06d34bf2fb7ca7feb86":{width:425,height:425}},widgets:{"grapher 1":{type:"grapher",alignment:"default",static:!1,graded:!0,options:{correct:{type:"absolute_value",coords:[[8,1],[7,3]]},availableTypes:["absolute_value"],graph:{editableSettings:["graph","snap","image"],range:[[-10,10],[-10,10]],labels:["x","y"],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/6fb60e5bad041fe69d3485d52b87030ddcc17ac8",width:400,height:400},markings:"none",rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1}},version:{major:0,minor:0}}}},exponentialQuestion={content:"The interactive graph below contains the graph of $y=3^x$ as a dashed curve, with the points $(0,1)$ and $(1,3)$ highlighted.\n\n**Adjust the movable graph to draw $y=-2\\cdot 3^x+5$.**\n\n[[☃ grapher 1]]",images:{},widgets:{"grapher 1":{alignment:"default",graded:!0,options:{availableTypes:["exponential"],correct:{asymptote:[[-10,5],[10,5]],coords:[[0,3],[1,-1]],type:"exponential"},graph:{backgroundImage:{height:400,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/9b46a2a967fc2d1bb7b22e610ba4449aee64d606",width:400},editableSettings:["graph","snap","image"],gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-8,8],[-8,8]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,showTooltips:!1,snapStep:[1,1],step:[1,1],valid:!0}},static:!1,type:"grapher",version:{major:0,minor:0}}}},linearQuestion={content:"**Graph $5x+3y=15$.**\n\n[[☃ grapher 1]]",images:{},widgets:{"grapher 1":{type:"grapher",alignment:"default",static:!1,graded:!0,options:{correct:{type:"linear",coords:[[0,5],[3,0]]},availableTypes:["linear"],graph:{editableSettings:["graph","snap","image"],range:[[-10,10],[-10,10]],labels:["x","y"],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:{url:null},markings:"graph",rulerLabel:"",rulerTicks:10,showTooltips:!1,showProtractor:!1,showRuler:!1}},version:{major:0,minor:0}}}},logarithmQuestion={content:"The interactive graph below contains the graph of $y=\\log_2(x)$ as a dashed curve, with the points $(1,0)$ and $(2,1)$ highlighted.\n\n**Adjust the movable graph to draw $y=4\\log_2(x+6)-7$.**\n\n[[☃ grapher 1]]",images:{},widgets:{"grapher 1":{alignment:"default",graded:!0,options:{availableTypes:["logarithm"],correct:{asymptote:[[-6,-10],[-6,10]],coords:[[-4,-3],[-5,-7]],type:"logarithm"},graph:{backgroundImage:{height:400,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/ca5bbe65051d1e84dc6c0965865ce61402997946",width:400},editableSettings:["graph","snap","image"],gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-8,8],[-8,8]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,showTooltips:!1,snapStep:[1,1],step:[1,1],valid:!0}},static:!1,type:"grapher",version:{major:0,minor:0}}}},quadraticQuestion={content:"In conclusion, the vertex of the parabola is at\n\n$(3,-8)$\n\nand the zeros are\n\n$(5,0)$ and $(1,0)$\n\nIn order to graph, we need the vertex and another point. That other point can be one of the zeros we found, like $(1,0)$:\n\n[[☃ grapher 1]]",images:{},replace:!1,widgets:{"grapher 1":{alignment:"default",graded:!0,options:{availableTypes:["quadratic"],correct:{coords:[[3,-8],[1,0]],type:"quadratic"},graph:{backgroundImage:{url:null},editableSettings:["graph","snap","image"],gridStep:[1,1],labels:["x","y"],markings:"graph",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,showTooltips:!1,snapStep:[1,1],step:[1,1],valid:!0}},static:!1,type:"grapher",version:{major:0,minor:0}}}},sinusoidQuestion={content:"###The answer\n\nWe found that the graph of $y=-4\\cos\\left(x\\right)+3$ has a minimum point at $(0,-1)$ and then intersects its midline at $\\left(\\dfrac{1}{2}\\pi,3\\right)$.\n\n[[☃ grapher 3]]\n ",images:{},replace:!1,widgets:{"grapher 3":{alignment:"default",graded:!0,options:{availableTypes:["sinusoid"],correct:{coords:[[1,3],[0,-1]],type:"sinusoid"},graph:{backgroundImage:{height:400,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/72ac979a8315bfa2a1b802326d9c7f3447c10760",width:400},editableSettings:["graph","snap","image"],gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[1,1],step:[1,1],valid:!0}},static:!1,type:"grapher",version:{major:0,minor:0}}}},multipleAvailableTypesQuestion={content:"Let $f(x)=- 2^{-x}-x+5$ and let $g(x)=3|x-1|-3$. \n\nThe graph of $y=f(x)$ is shown below.\n\n**Use the interactive graph to sketch a graph of $y=g(x)$. **\n\n[[☃ grapher 1]]\n\n",images:{},widgets:{"grapher 1":{alignment:"default",graded:!0,options:{availableTypes:["linear","absolute_value","quadratic","exponential","logarithm"],correct:{coords:[[1,-3],[2,0]],type:"absolute_value"},graph:{backgroundImage:{height:400,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/1c79f8ae7a226fc3dedd9218cf14810e1580424f",width:400},editableSettings:["graph","snap","image"],gridStep:[1,1],labels:["x","y"],markings:"graph",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[1,1],step:[1,1],valid:!0}},static:!1,type:"grapher",version:{major:0,minor:0}}}};const grapher_stories={title:"Perseus/Widgets/Grapher"},AbsoluteValueQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:absoluteValueQuestion}),ExponentialQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:exponentialQuestion}),LinearQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:linearQuestion}),LogarithmQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:logarithmQuestion}),QuadraticQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:quadraticQuestion}),SinusoidQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:sinusoidQuestion}),ComplexQuestion=args=>react.createElement(renderer_with_debug_ui.b,{question:multipleAvailableTypesQuestion});AbsoluteValueQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...AbsoluteValueQuestion.parameters},ExponentialQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...ExponentialQuestion.parameters},LinearQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...LinearQuestion.parameters},LogarithmQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...LogarithmQuestion.parameters},QuadraticQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...QuadraticQuestion.parameters},SinusoidQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...SinusoidQuestion.parameters},ComplexQuestion.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...ComplexQuestion.parameters};try{AbsoluteValueQuestion.displayName="AbsoluteValueQuestion",AbsoluteValueQuestion.__docgenInfo={description:"",displayName:"AbsoluteValueQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#AbsoluteValueQuestion"]={docgenInfo:AbsoluteValueQuestion.__docgenInfo,name:"AbsoluteValueQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#AbsoluteValueQuestion"})}catch(__react_docgen_typescript_loader_error){}try{ExponentialQuestion.displayName="ExponentialQuestion",ExponentialQuestion.__docgenInfo={description:"",displayName:"ExponentialQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#ExponentialQuestion"]={docgenInfo:ExponentialQuestion.__docgenInfo,name:"ExponentialQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#ExponentialQuestion"})}catch(__react_docgen_typescript_loader_error){}try{LinearQuestion.displayName="LinearQuestion",LinearQuestion.__docgenInfo={description:"",displayName:"LinearQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#LinearQuestion"]={docgenInfo:LinearQuestion.__docgenInfo,name:"LinearQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#LinearQuestion"})}catch(__react_docgen_typescript_loader_error){}try{LogarithmQuestion.displayName="LogarithmQuestion",LogarithmQuestion.__docgenInfo={description:"",displayName:"LogarithmQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#LogarithmQuestion"]={docgenInfo:LogarithmQuestion.__docgenInfo,name:"LogarithmQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#LogarithmQuestion"})}catch(__react_docgen_typescript_loader_error){}try{QuadraticQuestion.displayName="QuadraticQuestion",QuadraticQuestion.__docgenInfo={description:"",displayName:"QuadraticQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#QuadraticQuestion"]={docgenInfo:QuadraticQuestion.__docgenInfo,name:"QuadraticQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#QuadraticQuestion"})}catch(__react_docgen_typescript_loader_error){}try{SinusoidQuestion.displayName="SinusoidQuestion",SinusoidQuestion.__docgenInfo={description:"",displayName:"SinusoidQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#SinusoidQuestion"]={docgenInfo:SinusoidQuestion.__docgenInfo,name:"SinusoidQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#SinusoidQuestion"})}catch(__react_docgen_typescript_loader_error){}try{ComplexQuestion.displayName="ComplexQuestion",ComplexQuestion.__docgenInfo={description:"",displayName:"ComplexQuestion",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/grapher.stories.tsx#ComplexQuestion"]={docgenInfo:ComplexQuestion.__docgenInfo,name:"ComplexQuestion",path:"packages/perseus/src/widgets/__stories__/grapher.stories.tsx#ComplexQuestion"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/group.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>group_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"![](https://ka-perseus-graphie.s3.amazonaws.com/3e6d0981127dea205c2becc0ead24702fbe862a1.png)\n\n=====\n\n[[☃ group 1]]\n\n[[☃ group 2]]",images:{"https://ka-perseus-graphie.s3.amazonaws.com/3e6d0981127dea205c2becc0ead24702fbe862a1.png":{height:480,width:428}},widgets:{"group 1":{graded:!0,options:{content:"**In one week, how many more hours are in the periods with a $35$ percent discount than in the periods with the regular price?**\n\n[[☃ radio 1]]",images:{},widgets:{"radio 1":{graded:!0,options:{choices:[{content:"$45$",correct:!1},{content:"$42$",correct:!1},{content:"$30$",correct:!1,clue:"Here's a clue, this isn't the correct answer!"},{content:"$18$",correct:!1},{content:"$15$",correct:!0}],displayCount:null,multipleSelect:!1,noneOfTheAbove:!1,onePerLine:!0,randomize:!1},type:"radio",version:{major:0,minor:0}}}},type:"group",version:{major:0,minor:0}},"group 2":{graded:!0,options:{content:"**What is $\\redD{\\text{A}}$ rounded to the nearest ten?** \n\n[[☃ numeric-input 1]]\n\n**What is $\\redD{\\text{A}}$ rounded to the nearest hundred?** \n\n[[☃ numeric-input 2]]\n\n[[☃ image 1]]\n\n",images:{"web+graphie://ka-perseus-graphie.s3.amazonaws.com/3351ccf19e60c28a1d08664f5c16defa76ed0348":{height:80,width:380}},widgets:{"image 1":{alignment:"block",graded:!0,options:{alt:"A number line labeled 200 to 300 with tick marks at every 5 units. The tick marks at 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, and 300 are labeled. A red circle labeled A is between 220 tick mark and 230 tick mark.",backgroundImage:{height:80,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/3351ccf19e60c28a1d08664f5c16defa76ed0348",width:380},box:[380,80],caption:"",labels:[],range:[[0,10],[0,10]],static:!1,title:""},static:!1,type:"image",version:{major:0,minor:0}},"numeric-input 1":{alignment:"default",graded:!0,options:{answers:[{maxError:null,message:"",simplify:"required",status:"correct",strict:!1,value:230}],coefficient:!1,labelText:"value rounded to the nearest ten",rightAlign:!1,size:"normal",static:!1},static:!1,type:"numeric-input",version:{major:0,minor:0}},"numeric-input 2":{alignment:"default",graded:!0,options:{answers:[{maxError:null,message:"",simplify:"required",status:"correct",strict:!1,value:200}],coefficient:!1,labelText:"value rounded to the nearest hundred",rightAlign:!1,size:"normal",static:!1},static:!1,type:"numeric-input",version:{major:0,minor:0}}}},type:"group",version:{major:0,minor:0}},"radio 1":{graded:!0,options:{choices:[{content:"",correct:!1},{content:"",correct:!1},{content:"",correct:!1},{content:"",correct:!1},{content:"",correct:!0}],displayCount:null,multipleSelect:!1,noneOfTheAbove:!1,onePerLine:!0,randomize:!1},type:"radio",version:{major:0,minor:0}}}};const group_stories={title:"Perseus/Widgets/Group"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/group.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/group.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/iframe.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>iframe_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"Try matching the target image\n[[☃ iframe 1]]\n",images:{"https://ka-perseus-images.s3.amazonaws.com/8e518475587bc83767c72b49ff094e5870c3edc3.png":{width:760,height:688}},widgets:{"iframe 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"iframe",options:{settings:[{name:"hue",value:"210"},{name:"subdivisions",value:"0"},{name:"zoom",value:"2"},{name:"seed",value:"6"},{name:"",value:""}],url:"4960944252",height:"410",width:"410",allowFullScreen:!0,static:!1},alignment:"default"}}};const iframe_stories={title:"Perseus/Widgets/IFrame"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/iframe.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/iframe.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/image.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>image_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question={content:"[[☃ image 1]]\n\n=====\n\nA quilter wants to make the design shown at left using the Golden Ratio. Specifically, he wants the ratio of the triangle heights $A:B$ and $B:C$ to each equal $1.62$. If the quilter makes the triangle height $A=8\\ \\text{in}$, approximately how tall should he make triangle height $C$?",images:{"https://ka-perseus-graphie.s3.amazonaws.com/511d44e43c38d8c76812517e9c6f48e64ea42b20.png":{height:377,width:460}},widgets:{"image 1":{alignment:"block",graded:!0,options:{alt:"An array of isosceles triangles. A triangle has height A. Two smaller triangle, one with height B and one with height C, have approximately the same combined height as A.",title:"Image Title",caption:"Image Caption",backgroundImage:{height:345,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/2ac8f769a7323f55e41c12cfa39e774be08bc138",width:420},box:[420,345],labels:[],range:[[0,10],[0,10]],static:!1},static:!1,type:"image",version:{major:0,minor:0}}}};const Question1=args=>{const apiOptions={isMobile:args.isMobile},imageOptions=question.widgets["image 1"].options,questionWithArgs={...question,widgets:{...question.widgets,"image 1":{...question.widgets["image 1"],options:null!=imageOptions?{...imageOptions,title:args.title,caption:args.caption}:null}}};return react.createElement(renderer_with_debug_ui.b,{question:questionWithArgs,apiOptions})},image_stories={title:"Perseus/Widgets/Image",args:{isMobile:!1,title:"",caption:""}};Question1.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const apiOptions: APIOptions = {\n isMobile: args.isMobile,\n };\n const imageOptions = question.widgets["image 1"].options;\n\n const questionWithArgs = {\n ...question,\n widgets: {\n ...question.widgets,\n "image 1": {\n ...question.widgets["image 1"],\n options:\n // `options` is nullable so we have handle it explicitly\n // to avoid spreading `null` and generating\n // hard-to-understand type errors about missing keys\n // in object literal.\n imageOptions != null\n ? {\n ...imageOptions,\n title: args.title,\n caption: args.caption,\n }\n : null,\n },\n },\n } as const;\n return (\n \n );\n}'},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{isMobile:{defaultValue:null,description:"",name:"isMobile",required:!0,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},caption:{defaultValue:null,description:"",name:"caption",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/image.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/image.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/input-number.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Percent:()=>Percent,PiSimplify:()=>PiSimplify,Rational:()=>Rational,default:()=>input_number_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"Denis baked a peach pie and cut it into $3$ equal-sized pieces. Denis's dad eats $1$ section of the pie. \n\n**What fraction of the pie did Denis's dad eat?** \n![](https://ka-perseus-graphie.s3.amazonaws.com/74a2b7583a2c26ebfb3ad714e29867541253fc97.png) \n[[☃ input-number 1]] \n\n\n\n",images:{"https://ka-perseus-graphie.s3.amazonaws.com/74a2b7583a2c26ebfb3ad714e29867541253fc97.png":{width:200,height:200}},widgets:{"input-number 1":{version:{major:0,minor:0},type:"input-number",graded:!0,alignment:"default",options:{maxError:.1,inexact:!1,value:.3333333333333333,simplify:"optional",answerType:"rational",size:"normal"}}}},question2={content:"A washing machine is being redesigned to handle a greater volume of water. One part is a pipe with a radius of $3 \\,\\text{cm}$ and a length of $11\\,\\text{cm}$. It gets replaced with a pipe of radius $4\\,\\text{cm}$, and the same length. \n\n**How many more cubic centimeters of water can the new pipe hold?**\n\n [[☃ input-number 1]] $\\text{cm}^3$",images:Object.freeze({}),widgets:{"input-number 1":{type:"input-number",graded:!0,options:{maxError:.1,inexact:!1,value:241.90263432641407,simplify:"required",answerType:"pi",size:"normal"}}}},question3={content:'Akshat works in a hospital lab.\n\nTo project blood quantities, he wants to know the probability that more than $1$ of the next $7$ donors will have type-A blood. From his previous work, Sorin knows that $\\dfrac14$ of donors have type-A blood.\n\nAkshat uses a computer to produce many samples that simulate the next $7$ donors. The first $8$ samples are shown in the table below where "$\\text{\\red{A}}$" represents a donor *with* type-A blood, and "$\\text{\\blue{Z}}$" represents a donor *without* type-A blood.\n\n**Based on the samples below, estimate the probability that more than $1$ of the next $7$ donors will have type-A blood.** If necessary, round your answer to the nearest hundredth. [[☃ input-number 1]]\n\n*Note: This a small sample to practice with. A larger sample could give a much better estimate.*\n\n | Sample |\n:-: | :-: | \n$1$ | $\\text{\\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\red{A}, \\blue{Z}, \\blue{Z}}$\n$2$ | $\\text{\\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}}$\n$3$ | $\\text{\\blue{Z}, \\blue{Z}, \\red{A}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}}$\n$4$ | $\\text{\\red{A}, \\red{A}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}}$\n$5$ | $\\text{\\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\red{A}, \\red{A}}$\n$6$ | $\\text{\\blue{Z}, \\red{A}, \\red{A}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}}$\n$7$ | $\\text{\\blue{Z}, \\red{A}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\red{A}, \\blue{Z}}$\n$8$ | $\\text{\\blue{Z}, \\blue{Z}, \\blue{Z}, \\blue{Z}, \\red{A}, \\blue{Z}, \\blue{Z}}$\n\n',images:Object.freeze({}),widgets:{"input-number 1":{type:"input-number",graded:!0,options:{maxError:.1,inexact:!1,value:.5,simplify:"optional",answerType:"percent",size:"small"}}}};const input_number_stories={title:"Perseus/Widgets/InputNumber",argTypes:{maxError:{control:{type:"range",min:0,max:1,step:.1}},inexact:{control:{type:"boolean"}},value:{control:{type:"number"}},simplify:{control:{type:"select",options:["required","optional","enforced"]}},answerType:{control:{type:"select",options:["number","decimal","integer","rational","improper","mixed","percent","pi"]}},size:{control:{type:"select",options:["normal","small"]}},rightAlign:{control:{type:"boolean"}}}},updateWidgetOptions=(question,widgetId,options)=>{const widget=question.widgets[widgetId];return{...question,widgets:{[widgetId]:{...widget,options:{...widget.options,...options}}}}},Rational=args=>{const question=updateWidgetOptions(question1,"input-number 1",args);return react.createElement(renderer_with_debug_ui.b,{question})};Rational.args=question1.widgets["input-number 1"].options;const PiSimplify=args=>{const question=updateWidgetOptions(question2,"input-number 1",args);return react.createElement(renderer_with_debug_ui.b,{question})};PiSimplify.args=question2.widgets["input-number 1"].options;const Percent=args=>{const question=updateWidgetOptions(question3,"input-number 1",args);return react.createElement(renderer_with_debug_ui.b,{question})};Percent.args=question3.widgets["input-number 1"].options,Rational.parameters={storySource:{source:'(args: InputNumberOptions): React.ReactElement => {\n const question = updateWidgetOptions(question1, "input-number 1", args);\n return ;\n}'},...Rational.parameters},PiSimplify.parameters={storySource:{source:'(args: InputNumberOptions): React.ReactElement => {\n const question = updateWidgetOptions(question2, "input-number 1", args);\n return ;\n}'},...PiSimplify.parameters},Percent.parameters={storySource:{source:'(args: InputNumberOptions): React.ReactElement => {\n const question = updateWidgetOptions(question3, "input-number 1", args);\n return ;\n}'},...Percent.parameters};try{Rational.displayName="Rational",Rational.__docgenInfo={description:"",displayName:"Rational",props:{answerType:{defaultValue:null,description:"",name:"answerType",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"decimal"'},{value:'"integer"'},{value:'"rational"'},{value:'"improper"'},{value:'"mixed"'},{value:'"percent"'},{value:'"pi"'}]}},inexact:{defaultValue:null,description:"",name:"inexact",required:!1,type:{name:"boolean"}},maxError:{defaultValue:null,description:"",name:"maxError",required:!1,type:{name:"string | number"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!1,type:{name:"boolean"}},simplify:{defaultValue:null,description:"",name:"simplify",required:!0,type:{name:"enum",value:[{value:'"required"'},{value:'"optional"'},{value:'"enforced"'}]}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/input-number.stories.tsx#Rational"]={docgenInfo:Rational.__docgenInfo,name:"Rational",path:"packages/perseus/src/widgets/__stories__/input-number.stories.tsx#Rational"})}catch(__react_docgen_typescript_loader_error){}try{PiSimplify.displayName="PiSimplify",PiSimplify.__docgenInfo={description:"",displayName:"PiSimplify",props:{answerType:{defaultValue:null,description:"",name:"answerType",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"decimal"'},{value:'"integer"'},{value:'"rational"'},{value:'"improper"'},{value:'"mixed"'},{value:'"percent"'},{value:'"pi"'}]}},inexact:{defaultValue:null,description:"",name:"inexact",required:!1,type:{name:"boolean"}},maxError:{defaultValue:null,description:"",name:"maxError",required:!1,type:{name:"string | number"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!1,type:{name:"boolean"}},simplify:{defaultValue:null,description:"",name:"simplify",required:!0,type:{name:"enum",value:[{value:'"required"'},{value:'"optional"'},{value:'"enforced"'}]}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/input-number.stories.tsx#PiSimplify"]={docgenInfo:PiSimplify.__docgenInfo,name:"PiSimplify",path:"packages/perseus/src/widgets/__stories__/input-number.stories.tsx#PiSimplify"})}catch(__react_docgen_typescript_loader_error){}try{Percent.displayName="Percent",Percent.__docgenInfo={description:"",displayName:"Percent",props:{answerType:{defaultValue:null,description:"",name:"answerType",required:!1,type:{name:"enum",value:[{value:'"number"'},{value:'"decimal"'},{value:'"integer"'},{value:'"rational"'},{value:'"improper"'},{value:'"mixed"'},{value:'"percent"'},{value:'"pi"'}]}},inexact:{defaultValue:null,description:"",name:"inexact",required:!1,type:{name:"boolean"}},maxError:{defaultValue:null,description:"",name:"maxError",required:!1,type:{name:"string | number"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!1,type:{name:"boolean"}},simplify:{defaultValue:null,description:"",name:"simplify",required:!0,type:{name:"enum",value:[{value:'"required"'},{value:'"optional"'},{value:'"enforced"'}]}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},customKeypad:{defaultValue:null,description:"",name:"customKeypad",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/input-number.stories.tsx#Percent"]={docgenInfo:Percent.__docgenInfo,name:"Percent",path:"packages/perseus/src/widgets/__stories__/input-number.stories.tsx#Percent"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/interaction.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>interaction_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"Drag the dot all the way to the right.\n\n[[☃ interaction 1]]\n\n\n*Notice that we add a zero to the empty place value.* ",images:{},replace:!1,widgets:{"interaction 1":{alignment:"default",graded:!0,options:{elements:[{key:"parametric-80c114",options:{color:"#6495ED",rangeMax:"2\\pi",rangeMin:"0",strokeDasharray:"",strokeWidth:4,x:"\\frac{\\cos(t)}{8}-0.5",y:"\\frac{\\sin(t)}{3.8}-10+\\frac{10.5}{1+e^{-60\\left(x_0+2.5\\right)}}"},type:"parametric"},{key:"line-32ec77",options:{arrows:"",color:"gray",endX:"-4",endY:"0",startX:"-4",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-5ce426",options:{arrows:"",color:"gray",endX:"-3",endY:"0",startX:"-3",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-camf1d",options:{arrows:"",color:"gray",endX:"-2",endY:"0",startX:"-2",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-4cam1d",options:{arrows:"",color:"gray",endX:"-1",endY:"0",startX:"-1",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-47camd",options:{arrows:"",color:"gray",endX:"0",endY:"0",startX:"0",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-c7afmd",options:{arrows:"",color:"gray",endX:"1",endY:"0",startX:"1",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-4cfa1m",options:{arrows:"",color:"gray",endX:"2",endY:"0",startX:"2",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"line-4cafmd",options:{arrows:"",color:"gray",endX:"3",endY:"0",startX:"3",startY:"1",strokeDasharray:"- ",strokeWidth:1},type:"line"},{key:"movable-point-4c3809",options:{constraint:"y",constraintFn:"2",constraintXMax:"-2",constraintXMin:"-4",constraintYMax:"10",constraintYMin:"-10",snap:.5,startX:"-4",startY:"2",varSubscript:0},type:"movable-point"},{key:"line-190529",options:{arrows:"",color:"black",endX:"-2",endY:"2",startX:"-4",startY:"2",strokeDasharray:"",strokeWidth:2},type:"line"},{key:"point-eaff7e",options:{color:"black",coordX:"0",coordY:"0.2"},type:"point"},{key:"label-cam26c",options:{color:"#6495ED",coordX:"-2.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",coordY:"0.5",label:"\\Huge 2"},type:"label"},{key:"label-cam9e1",options:{color:"#6495ED",coordX:"-1.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",coordY:"0.5",label:"\\Huge 5"},type:"label"},{key:"label-cam716",options:{color:"#6495ED",coordX:"-0.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",coordY:"0.5",label:"\\Huge 9"},type:"label"},{key:"label-a06c8d",options:{color:"gray",coordX:"-4",coordY:"1.7",label:"$\\small 259$"},type:"label"},{key:"label-bcd711",options:{color:"gray",coordX:"-2",coordY:"1.7",label:"$\\small 259 \\times 10$"},type:"label"}],graph:{backgroundImage:{height:0,url:null,width:0},box:[480,120],editableSettings:["canvas","graph"],gridStep:[.5,.5],labels:["x","y"],markings:"none",range:[[-4.3,3.1],[-.1,2.2]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[1,1],tickStep:[.5,1],valid:"Step is too large, there must be at least 3 ticks."},static:!1},static:!1,type:"interaction",version:{major:0,minor:0}}}};const interaction_stories={title:"Perseus/Widgets/Interaction"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interaction.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/interaction.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Angle:()=>Angle,Circle:()=>Circle,Linear:()=>Linear,LinearSystem:()=>LinearSystem,Point:()=>Point,Polygon:()=>Polygon,Ray:()=>Ray,Segment:()=>Segment,Sinusoid:()=>Sinusoid,default:()=>interactive_graph_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const angleQuestion={content:"**Drag the vertex of the angle to place the vertex at point $\\text{A}$.** \n\n**Drag another point on the angle to make one of the rays go through point $\\text{B}$.**\n\n**Make the other ray go through one of the unlabeled black points to create an acute angle.** \n*The arc symbol near the vertex indicates the angle being measured.*\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{alignment:"default",graded:!0,options:{backgroundImage:{bottom:0,height:400,left:0,scale:1,url:"https://ka-perseus-graphie.s3.amazonaws.com/807ea77cf7031c1b9a45694083f05b5e09b01946.png",width:400},correct:{allowReflexAngles:!1,angleOffsetDeg:1,coords:[[2.2059851900220853,2.2059851900220853],[-2,-2],[-4.973144353700384,5.004289159600586]],snapDegrees:4,type:"angle"},graph:{allowReflexAngles:!1,angleOffsetDeg:1,snapDegrees:4,type:"angle"},gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[.5,.5],step:[1,1]},static:!1,type:"interactive-graph",version:{major:0,minor:0}}}},circleQuestion={content:"**Graph the circle $x^2+y^2+4x+8y+16=0$.**\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{type:"interactive-graph",alignment:"default",static:!1,graded:!0,options:{step:[1,1],markings:"graph",labels:["x","y"],showProtractor:!1,showRuler:!1,rulerLabel:"",rulerTicks:10,range:[[-10,10],[-10,10]],gridStep:[1,1],snapStep:[1,1],graph:{type:"circle"},correct:{type:"circle",center:[-2,-4],radius:2}},version:{major:0,minor:0}}}},linearQuestion={content:"**Draw the line of reflection that will map $\\triangle{SIM}$ onto the other triangle below.**\n\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{graded:!0,options:{backgroundImage:{bottom:0,height:425,left:0,scale:1,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/9b7c68fb9350531c023460f4abdc395522536b5a",width:425},correct:{coords:[[-1,1],[0,-2]],type:"linear"},graph:{type:"linear"},gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[.5,.5],step:[1,1]},type:"interactive-graph",version:{major:0,minor:0}}}},linearSystemQuestion={content:"**Drag the lines so one line goes through points $\\text{A}$ and $\\text{B}$, and the other line goes through points $\\text{C}$ and $\\text{D}$.** \n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{type:"interactive-graph",alignment:"default",static:!1,graded:!0,options:{step:[1,1],backgroundImage:{url:"https://ka-perseus-graphie.s3.amazonaws.com/6a5f70a361f0f1baeef61eee6726eef944176663.png",scale:"1",bottom:0,left:0,width:400,height:400},markings:"none",labels:["x","y"],showProtractor:!1,showRuler:!1,rulerLabel:"",rulerTicks:10,range:[[-10,10],[-10,10]],gridStep:[1,1],snapStep:[.5,.5],graph:{type:"linear-system"},correct:{type:"linear-system",coords:[[[-7,7],[0,-2]],[[-3,-7],[7,-3]]]}},version:{major:0,minor:0}}}},pointQuestion={content:"We want to find the zeros of this polynomial:\n\n$p(x)=x(2x+5)(x+1)$\n\n**Plot all the zeros ($x$-intercepts) of the polynomial in the interactive graph.**\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"interactive-graph",options:{rulerTicks:10,showProtractor:!1,graph:{type:"point",numPoints:"unlimited"},snapStep:[.5,.5],labels:["x","y"],step:[1,1],gridStep:[.5,.5],backgroundImage:{url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/9e825947f778170369f22da5f87239cbf4c1ebe3",width:425,height:425},range:[[-4,4],[-4,4]],showRuler:!1,markings:"none",showTooltips:!1,rulerLabel:"",correct:{coords:[[0,0],[-2.5,0],[-1,0]],numPoints:"unlimited",type:"point"}},alignment:"default"}}},polygonQuestion={content:"**Drag the vertices of the triangle below to draw a right triangle with side lengths $3$, $4$, and $5$.** \n[[☃ interactive-graph 1]] \n",images:{},widgets:{"interactive-graph 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"interactive-graph",options:{rulerTicks:10,showProtractor:!1,graph:{showSides:!0,snapTo:"grid",type:"polygon"},snapStep:[.25,.25],labels:["x","y"],step:[.5,.5],gridStep:[.5,.5],backgroundImage:{scale:1,bottom:0,url:"",height:0,width:0,left:0},range:[[-1,6],[-1,6]],showRuler:!1,markings:"none",showTooltips:!1,rulerLabel:"",correct:{showSides:!0,type:"polygon",coords:[[3.5,2],[3.5,5],[-.5,2]],match:"congruent",snapTo:"grid"}},alignment:"default"}}},rayQuestion={content:"**Move the ray so it has an endpoint at point $\\text{B}$ and goes through point $\\text{A}$. Then complete the statement below.**\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{alignment:"default",graded:!0,options:{backgroundImage:{bottom:0,height:400,left:0,scale:"1",url:"https://ka-perseus-graphie.s3.amazonaws.com/140993e12589b317f7bdbd667555ef1c48b26911.png",width:400},correct:{coords:[[5,3],[-5,-5]],type:"ray"},graph:{type:"ray"},gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[.5,.5],step:[1,1]},static:!1,type:"interactive-graph",version:{major:0,minor:0}}}},segmentQuestion={content:"Line segment $\\overline{OG}$ is rotated $180^\\circ$ about the point $(-2,4)$. \n\n**Draw the image of this rotation using the interactive graph.**\n\n*The direction of a rotation by a positive angle is counter-clockwise.* \n\n[[☃ interactive-graph 1]]\n\n",images:{},widgets:{"interactive-graph 1":{graded:!0,options:{backgroundImage:{bottom:0,height:425,left:0,scale:1,url:"web+graphie://ka-perseus-graphie.s3.amazonaws.com/567155d84afcfa01baf0a44afd994fce3df17b5c",width:425},correct:{coords:[[[-7,7],[2,5]]],type:"segment"},graph:{type:"segment"},gridStep:[1,1],labels:["x","y"],markings:"none",range:[[-10,10],[-10,10]],rulerLabel:"",rulerTicks:10,showProtractor:!1,showRuler:!1,snapStep:[.5,.5],step:[1,1]},type:"interactive-graph",version:{major:0,minor:0}}}},sinusoidQuestion={content:"**Graph $h(x)=3\\sin(2x-\\pi)+2$ in the interactive widget.** \n*Note that one moveable point always defines an extremum point in the graph and the other point always defines a neighbouring intersection with the midline.*\n\n[[☃ interactive-graph 1]]",images:{},widgets:{"interactive-graph 1":{type:"interactive-graph",alignment:"default",static:!1,graded:!0,options:{step:[1,1],backgroundImage:{url:"https://ka-perseus-graphie.s3.amazonaws.com/ba6cf7327a7aaed2386ca00d48b6d554a357ac57.png",scale:1,bottom:0,left:0,width:425,height:425},markings:"none",labels:["x","y"],showProtractor:!1,showRuler:!1,showTooltips:!1,rulerLabel:"",rulerTicks:10,range:[[-10,10],[-10,10]],gridStep:[1,1],snapStep:[.5,.5],graph:{type:"sinusoid"},correct:{type:"sinusoid",coords:[[1,2],[1.5,5]]}},version:{major:0,minor:0}}}};const interactive_graph_stories={title:"Perseus/Widgets/Interactive Graph"},Angle=args=>react.createElement(renderer_with_debug_ui.b,{question:angleQuestion}),Circle=args=>react.createElement(renderer_with_debug_ui.b,{question:circleQuestion}),Linear=args=>react.createElement(renderer_with_debug_ui.b,{question:linearQuestion}),LinearSystem=args=>react.createElement(renderer_with_debug_ui.b,{question:linearSystemQuestion}),Point=args=>react.createElement(renderer_with_debug_ui.b,{question:pointQuestion}),Polygon=args=>react.createElement(renderer_with_debug_ui.b,{question:polygonQuestion}),Ray=args=>react.createElement(renderer_with_debug_ui.b,{question:rayQuestion}),Segment=args=>react.createElement(renderer_with_debug_ui.b,{question:segmentQuestion}),Sinusoid=args=>react.createElement(renderer_with_debug_ui.b,{question:sinusoidQuestion});Angle.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Angle.parameters},Circle.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Circle.parameters},Linear.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Linear.parameters},LinearSystem.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...LinearSystem.parameters},Point.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Point.parameters},Polygon.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Polygon.parameters},Ray.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Ray.parameters},Segment.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Segment.parameters},Sinusoid.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => (\n \n)"},...Sinusoid.parameters};try{Angle.displayName="Angle",Angle.__docgenInfo={description:"",displayName:"Angle",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Angle"]={docgenInfo:Angle.__docgenInfo,name:"Angle",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Angle"})}catch(__react_docgen_typescript_loader_error){}try{Circle.displayName="Circle",Circle.__docgenInfo={description:"",displayName:"Circle",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Circle"]={docgenInfo:Circle.__docgenInfo,name:"Circle",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Circle"})}catch(__react_docgen_typescript_loader_error){}try{Linear.displayName="Linear",Linear.__docgenInfo={description:"",displayName:"Linear",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Linear"]={docgenInfo:Linear.__docgenInfo,name:"Linear",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Linear"})}catch(__react_docgen_typescript_loader_error){}try{LinearSystem.displayName="LinearSystem",LinearSystem.__docgenInfo={description:"",displayName:"LinearSystem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#LinearSystem"]={docgenInfo:LinearSystem.__docgenInfo,name:"LinearSystem",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#LinearSystem"})}catch(__react_docgen_typescript_loader_error){}try{Point.displayName="Point",Point.__docgenInfo={description:"",displayName:"Point",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Point"]={docgenInfo:Point.__docgenInfo,name:"Point",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Point"})}catch(__react_docgen_typescript_loader_error){}try{Polygon.displayName="Polygon",Polygon.__docgenInfo={description:"",displayName:"Polygon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Polygon"]={docgenInfo:Polygon.__docgenInfo,name:"Polygon",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Polygon"})}catch(__react_docgen_typescript_loader_error){}try{Ray.displayName="Ray",Ray.__docgenInfo={description:"",displayName:"Ray",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Ray"]={docgenInfo:Ray.__docgenInfo,name:"Ray",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Ray"})}catch(__react_docgen_typescript_loader_error){}try{Segment.displayName="Segment",Segment.__docgenInfo={description:"",displayName:"Segment",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Segment"]={docgenInfo:Segment.__docgenInfo,name:"Segment",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Segment"})}catch(__react_docgen_typescript_loader_error){}try{Sinusoid.displayName="Sinusoid",Sinusoid.__docgenInfo={description:"",displayName:"Sinusoid",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Sinusoid"]={docgenInfo:Sinusoid.__docgenInfo,name:"Sinusoid",path:"packages/perseus/src/widgets/__stories__/interactive-graph.stories.tsx#Sinusoid"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/matcher.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>matcher_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"**Match each claim with its supporting evidence.**\n\n[[☃ matcher 1]]",images:{},widgets:{"matcher 1":{version:{major:0,minor:0},type:"matcher",graded:!0,options:{labels:["**Claims**","**Evidence**"],padding:!0,orderMatters:!1,right:["Medium-sized stars typically exist for roughly 10 billion years","The current trajectory of the Earth’s tectonic plate movement","The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf","Rapid escalation of greenhouse gas emissions","The current trajectory of the Milky Way galaxy and those in its immediate proximity"],left:["Our Sun will run out of fuel and die in around 5 billion years ","Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans ","Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die ","Average global temperatures will rise ","In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda "]}}}};const matcher_stories={title:"Perseus/Widgets/Matcher"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/matcher.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/matcher.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/matrix.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>matrix_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"**Perform the row operation, $R_3 \\leftrightarrow R_2$, on the following matrix.**\n\n$\\left[\\begin{array} {ccc}\n5 & -2 & 1 & 1 \\\\\n3 & 0 & 0 & -2 \\\\\n1 & 1 & 7 & -3 \\end{array} \\right] $\n\n[[☃ matrix 1]]\n",images:{},widgets:{"matrix 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"matrix",options:{cursorPosition:[0,0],suffix:"",answers:[[5,-2,1,1],[1,1,7,-3],[3,0,0,-2]],prefix:"",static:!1,matrixBoardSize:[3,4]},alignment:"default"}}};const matrix_stories={title:"Perseus/Widgets/Matrix"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/matrix.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/matrix.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/number-line.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>number_line_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"$E=2.5$\n\n**Move the dot to $-E$ on the number line.**\n\n\n[[☃ number-line 1]]",images:{},widgets:{"number-line 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"number-line",options:{labelRange:[null,null],initialX:null,tickStep:1,labelStyle:"decimal",labelTicks:!0,snapDivisions:2,range:[-4,4],static:!1,correctRel:"eq",numDivisions:null,divisionRange:[1,10],correctX:-2.5},alignment:"default"}}};const number_line_stories={title:"Perseus/Widgets/Number Line"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/number-line.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/number-line.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Interactive:()=>Interactive,Question1:()=>Question1,Sizes:()=>Sizes,TextAlignment:()=>TextAlignment,default:()=>numeric_input_stories});var esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"$5008 \\div 4 =$ [[☃ numeric-input 1]] ",images:{},widgets:{"numeric-input 1":{graded:!0,version:{major:0,minor:0},static:!1,type:"numeric-input",options:{coefficient:!1,static:!1,answers:[{status:"correct",maxError:null,strict:!1,value:1252,simplify:"required",message:""}],labelText:"",size:"normal"},alignment:"default"}}};var numeric_input=__webpack_require__("./packages/perseus/src/widgets/numeric-input.tsx");function generateProps(overwrite){return{...{alignment:"",answers:[],containerSizeClass:"medium",isLastUsedWidget:!0,coefficient:!1,currentValue:"",problemNum:0,reviewModeRubric:{answers:[],labelText:"",size:"medium",coefficient:!1,static:!1},rightAlign:!1,size:"normal",static:!1,widgetId:"widgetId",findWidgets:(0,esm.action)("findWidgets"),onBlur:(0,esm.action)("onBlur"),onChange:(0,esm.action)("onChange"),onFocus:(0,esm.action)("onFocus"),trackInteraction:(0,esm.action)("trackInteraction")},...overwrite}}const numeric_input_stories={title:"Perseus/Widgets/NumericInput",args:{coefficient:!1,currentValue:"8675309",rightAlign:!1},argTypes:{size:{options:["normal","small"],control:{type:"radio"},defaultValue:"normal"}}},Question1=()=>react.createElement(renderer_with_debug_ui.b,{question:question1}),Interactive=args=>{const props=generateProps(args);return react.createElement(numeric_input.Af,props)},Sizes=args=>{const smallProps=generateProps({...args,size:"small"}),normalProps=generateProps({...args,size:"normal"});return react.createElement("div",null,react.createElement("label",null,"Small:",react.createElement(numeric_input.Af,smallProps)),react.createElement("label",null,"Normal:",react.createElement(numeric_input.Af,normalProps)))},TextAlignment=args=>{const leftProps=generateProps({...args,rightAlign:!1}),rightProps=generateProps({...args,rightAlign:!0});return react.createElement("div",null,react.createElement("label",null,"Left:",react.createElement(numeric_input.Af,leftProps)),react.createElement("label",null,"Right:",react.createElement(numeric_input.Af,rightProps)))};Question1.parameters={storySource:{source:"(): React.ReactElement => {\n return ;\n}"},...Question1.parameters},Interactive.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n const props = generateProps(args);\n\n return ;\n}"},...Interactive.parameters},Sizes.parameters={storySource:{source:'(args: StoryArgs): React.ReactElement => {\n const smallProps = generateProps({...args, size: "small"});\n const normalProps = generateProps({...args, size: "normal"});\n\n return (\n
\n \n \n
\n );\n}'},...Sizes.parameters},TextAlignment.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n const leftProps = generateProps({...args, rightAlign: false});\n const rightProps = generateProps({...args, rightAlign: true});\n\n return (\n
\n \n \n
\n );\n}"},...TextAlignment.parameters};try{Interactive.displayName="Interactive",Interactive.__docgenInfo={description:"",displayName:"Interactive",props:{coefficient:{defaultValue:null,description:"",name:"coefficient",required:!0,type:{name:"boolean"}},currentValue:{defaultValue:null,description:"",name:"currentValue",required:!0,type:{name:"string"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#Interactive"]={docgenInfo:Interactive.__docgenInfo,name:"Interactive",path:"packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#Interactive"})}catch(__react_docgen_typescript_loader_error){}try{Sizes.displayName="Sizes",Sizes.__docgenInfo={description:"",displayName:"Sizes",props:{coefficient:{defaultValue:null,description:"",name:"coefficient",required:!0,type:{name:"boolean"}},currentValue:{defaultValue:null,description:"",name:"currentValue",required:!0,type:{name:"string"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#Sizes"]={docgenInfo:Sizes.__docgenInfo,name:"Sizes",path:"packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#Sizes"})}catch(__react_docgen_typescript_loader_error){}try{TextAlignment.displayName="TextAlignment",TextAlignment.__docgenInfo={description:"",displayName:"TextAlignment",props:{coefficient:{defaultValue:null,description:"",name:"coefficient",required:!0,type:{name:"boolean"}},currentValue:{defaultValue:null,description:"",name:"currentValue",required:!0,type:{name:"string"}},rightAlign:{defaultValue:null,description:"",name:"rightAlign",required:!0,type:{name:"boolean"}},size:{defaultValue:null,description:"",name:"size",required:!0,type:{name:"enum",value:[{value:'"normal"'},{value:'"small"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#TextAlignment"]={docgenInfo:TextAlignment.__docgenInfo,name:"TextAlignment",path:"packages/perseus/src/widgets/__stories__/numeric-input.stories.tsx#TextAlignment"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/orderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Question1:()=>Question1,default:()=>orderer_stories});var react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"**Without using a calculator, put the numbers in order from least to greatest.** \n\n[[☃ orderer 1]]",images:{},widgets:{"orderer 1":{version:{major:0,minor:0},type:"orderer",graded:!0,options:{otherOptions:[],layout:"horizontal",options:[{content:"$10.9$",images:{},widgets:{}},{content:"$11$",images:{},widgets:{}},{content:"$\\sqrt{120}$",images:{},widgets:{}}],correctOptions:[{content:"$10.9$",images:{},widgets:{}},{content:"$\\sqrt{120}$",images:{},widgets:{}},{content:"$11$",images:{},widgets:{}}],height:"normal"}}}};const orderer_stories={title:"Perseus/Widgets/Orderer"},Question1=args=>react.createElement(renderer_with_debug_ui.b,{question:question1});Question1.parameters={storySource:{source:"(args: StoryArgs): React.ReactElement => {\n return ;\n}"},...Question1.parameters};try{Question1.displayName="Question1",Question1.__docgenInfo={description:"",displayName:"Question1",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/widgets/__stories__/orderer.stories.tsx#Question1"]={docgenInfo:Question1.__docgenInfo,name:"Question1",path:"packages/perseus/src/widgets/__stories__/orderer.stories.tsx#Question1"})}catch(__react_docgen_typescript_loader_error){}},"./packages/perseus/src/widgets/__stories__/passage-ref.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LongPassage:()=>LongPassage,ShortPassage:()=>ShortPassage,default:()=>passage_ref_stories});var es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),react=__webpack_require__("./node_modules/react/index.js"),renderer_with_debug_ui=__webpack_require__("./testing/renderer-with-debug-ui.tsx");const question1={content:"[[☃ passage 1]]\n\nWe can see the word “promotes” is used in [[☃ passage-ref 1]]\n\n",images:{},widgets:{"passage 1":{alignment:"default",graded:!0,options:{footnotes:"",passageText:"Our electronic devices are keeping us awake—not just because we spend time using them when we should be sleeping, but also because they emit a blue light that keeps our brains awake. One study showed that people who used screens that emitted blue light were unable to produce sufficient melatonin, a hormone that {{promotes}} sleep. In order to enjoy a more restful night, experts recommend shutting off screens at least two hours before bed. ",passageTitle:"",showLineNumbers:!0,static:!1},static:!1,type:"passage",version:{major:0,minor:0}},"passage-ref 1":{options:{passageNumber:1,referenceNumber:1,summaryText:""},type:"passage-ref",version:{major:0,minor:1}}}},question2={content:'[[☃ passage 1]]\n\n"It is!" is used in [[☃ passage-ref 1]]\n\n"unsettle" is used in [[☃ passage-ref 2]]\n\n"flagon" is used in [[☃ passage-ref 3]]\n\n',images:{},widgets:{"passage 1":{alignment:"default",graded:!0,options:{footnotes:"",passageText:'\n\nOne afternoon, Mrs. Bretton, coaxing [Paulina] from her usual station in a corner, had lifted her into the window-seat, and, by way of occupying her attention, told her to watch the passengers and count how many ladies should go down the street in a given time. She had sat listlessly, hardly looking, and not counting, when—my eye being fixed on hers—I witnessed in its iris and pupil a startling transfiguration. These sudden, dangerous natures—*sensitive* as they are called—offer many a curious spectacle to those whom a cooler temperament has secured from participation in their angular vagaries. The fixed and heavy gaze swum, trembled, then glittered in fire; the small, overcast brow cleared; the trivial and dejected features lit up; the sad countenance vanished, and in its place appeared a sudden eagerness, an intense expectancy. {{"It *is!*"}} were her words.\n\nLike a bird or a shaft, or any other swift thing, she was gone from the room. How she got the house-door open I cannot tell; probably it might be ajar; perhaps Warren was in the way and obeyed her behest, which would be impetuous enough. I—watching calmly from the window—saw her, in her black frock and tiny braided apron (to pinafores she had an antipathy), dart half the length of the street; and, as I was on the point of turning, and quietly announcing to Mrs. Bretton that the child was run out mad, and ought instantly to be pursued, I saw her caught up, and rapt at once from my cool observation, and from the wondering stare of the passengers. A gentleman had done this good turn, and now, covering her with his cloak, advanced to restore her to the house whence he had seen her issue.\n\nI concluded he would leave her in a servant\'s charge and withdraw; but he entered: having tarried a little while below, he came up-stairs.\n\nHis reception immediately explained that he was known to Mrs. Bretton. She recognised him; she greeted him, and yet she was fluttered, surprised, taken unawares. Her look and manner were even expostulatory; and in reply to these, rather than her words, he said,—"I could not help it, madam: I found it impossible to leave the country without seeing with my own eyes how she settled."\n\n"But you will {{unsettle}} her."\n\n"I hope not. And how is papa\'s little Polly?"\n\nThis question he addressed to Paulina, as he sat down and placed her gently on the ground before him.\n\n"How is Polly\'s papa?" was the reply, as she leaned on his knee, and gazed up into his face.\n\nIt was not a noisy, not a wordy scene: for that I was thankful; but it was a scene of feeling too brimful, and which, because the cup did not foam up high or furiously overflow, only oppressed one the more. On all occasions of vehement, unrestrained expansion, a sense of disdain or ridicule comes to the weary spectator\'s relief; whereas I have ever felt most burdensome that sort of sensibility which bends of its own will, a giant slave under the sway of good sense.\n\nMr. Home was a stern-featured—perhaps I should rather say, a hard-featured man: his forehead was knotty, and his cheekbones were marked and prominent. The character of his face was quite Scotch; but there was feeling in his eye, and emotion in his now agitated countenance. His northern accent in speaking harmonised with his physiognomy. He was at once proud-looking and homely-looking. He laid his hand on the child\'s uplifted head. She said—"Kiss Polly."\n\nHe kissed her. I wished she would utter some hysterical cry, so that I might get relief and be at ease. She made wonderfully little noise: she seemed to have got what she wanted—all she wanted, and to be in a trance of content. Neither in mien nor in features was this creature like her sire, and yet she was of his strain: her mind had been filled from his, as the cup from the {{flagon}}.\n',passageTitle:"",showLineNumbers:!0,static:!1},static:!1,type:"passage",version:{major:0,minor:0}},"passage-ref 1":{options:{passageNumber:1,referenceNumber:1,summaryText:""},type:"passage-ref",version:{major:0,minor:1}},"passage-ref 2":{options:{passageNumber:1,referenceNumber:2,summaryText:""},type:"passage-ref",version:{major:0,minor:1}},"passage-ref 3":{options:{passageNumber:1,referenceNumber:3,summaryText:""},type:"passage-ref",version:{major:0,minor:1}}}};const passage_ref_stories={title:"Perseus/Widgets/PassageRef"},Template=props=>react.createElement(es.G7,{style:{paddingLeft:20}},react.createElement(renderer_with_debug_ui.b,{question:props.question})),ShortPassage=()=>react.createElement(Template,{question:question1}),LongPassage=()=>react.createElement(Template,{question:question2});ShortPassage.parameters={storySource:{source:"(): React.ReactElement => (\n