From 5c22960252c520895b0afc235b7b51ac46243ccb Mon Sep 17 00:00:00 2001 From: kevinbarabash Date: Mon, 21 Aug 2023 18:57:52 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20Khan/per?= =?UTF-8?q?seus@0775f5055acf53c9cca865f15dedd5ee5678ce8e=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 503.9b486a41.iframe.bundle.js | 2 ++ ....js.LICENSE.txt => 503.9b486a41.iframe.bundle.js.LICENSE.txt | 0 799.307d5996.iframe.bundle.js | 2 -- iframe.html | 2 +- main.6cfc7bfd.iframe.bundle.js | 2 ++ ...js.LICENSE.txt => main.6cfc7bfd.iframe.bundle.js.LICENSE.txt | 0 main.daf833cb.iframe.bundle.js | 2 -- project.json | 2 +- 8 files changed, 6 insertions(+), 6 deletions(-) create mode 100644 503.9b486a41.iframe.bundle.js rename 799.307d5996.iframe.bundle.js.LICENSE.txt => 503.9b486a41.iframe.bundle.js.LICENSE.txt (100%) delete mode 100644 799.307d5996.iframe.bundle.js create mode 100644 main.6cfc7bfd.iframe.bundle.js rename main.daf833cb.iframe.bundle.js.LICENSE.txt => main.6cfc7bfd.iframe.bundle.js.LICENSE.txt (100%) delete mode 100644 main.daf833cb.iframe.bundle.js diff --git a/503.9b486a41.iframe.bundle.js b/503.9b486a41.iframe.bundle.js new file mode 100644 index 0000000000..bf57c50cdd --- /dev/null +++ b/503.9b486a41.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 503.9b486a41.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkperseus=self.webpackChunkperseus||[]).push([[503],{"./node_modules/@base2/pretty-print-object/dist/index.js":function(__unused_webpack_module,exports){"use strict";var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_router__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/react-router/esm/react-router.js"),_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_progress_spinner__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-progress-spinner/dist/es/index.js"),_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js"),_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$1=["children","skipClientNav","color","disabled","focused","hovered","href","kind","light","pressed","size","style","testId","type","spinner","icon","id","waiting"],StyledAnchor=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__.cu)("a"),StyledButton=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__.cu)("button"),StyledLink=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_5__.cu)(react_router_dom__WEBPACK_IMPORTED_MODULE_9__.rU);class ButtonCore extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderInner(router){const _this$props=this.props,{children,skipClientNav,color,disabled:disabledProp,focused,hovered,href,kind,light,pressed,size,style,testId,type,spinner,icon,id}=_this$props,restProps=_objectWithoutPropertiesLoose(_this$props,_excluded$1),buttonColor="destructive"===color?_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.qe.controlDestructive:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.qe.controlDefault,buttonStyles=_generateStyles(buttonColor,kind,light,icon?8+("small"===size?16:24):0,size),disabled=spinner||disabledProp,commonProps=_extends({"data-test-id":testId,id,role:"button",style:[[sharedStyles.shared,disabled&&sharedStyles.disabled,icon&&sharedStyles.withIcon,buttonStyles.default,disabled&&buttonStyles.disabled,"tertiary"!==kind&&!disabled&&(pressed?buttonStyles.active:(hovered||focused)&&buttonStyles.focus),"small"===size&&sharedStyles.small,"large"===size&&sharedStyles.large],style]},restProps),Label="small"===size?_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__.S$:_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_3__.D9,iconSize="small"===size?"small":"medium",label=react__WEBPACK_IMPORTED_MODULE_0__.createElement(Label,{style:[sharedStyles.text,"large"===size&&sharedStyles.largeText,icon&&sharedStyles.textWithIcon,spinner&&sharedStyles.hiddenText,"tertiary"===kind&&sharedStyles.textWithFocus,"tertiary"===kind&&!disabled&&(pressed?buttonStyles.active:(hovered||focused)&&buttonStyles.focus)]},icon&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_7__.Z,{size:iconSize,color:"currentColor",icon,style:sharedStyles.icon}),children),contents=react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,label,spinner&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_progress_spinner__WEBPACK_IMPORTED_MODULE_6__.y,{style:sharedStyles.spinner,size:{medium:"small",small:"xsmall",large:"medium"}[size],light:"primary"===kind,testId:`${testId||"button"}-spinner`}));return href&&!disabled?router&&!skipClientNav&&(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.J7)(href)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledLink,_extends({},commonProps,{to:href}),contents):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledAnchor,_extends({},commonProps,{href}),contents):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledButton,_extends({type:type||"button"},commonProps,{"aria-disabled":disabled}),contents)}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_10__.s6.Consumer,null,(router=>this.renderInner(router)))}}const sharedStyles=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:40,paddingTop:0,paddingBottom:0,paddingLeft:16,paddingRight:16,border:"none",borderRadius:4,cursor:"pointer",outline:"none",textDecoration:"none",boxSizing:"border-box",touchAction:"manipulation",userSelect:"none",":focus":{WebkitTapHighlightColor:"rgba(0,0,0,0)"}},withIcon:{paddingLeft:12},disabled:{cursor:"auto"},small:{height:32},large:{borderRadius:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__.Z.xxSmall_6,height:56},text:{alignItems:"center",fontWeight:"bold",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"inline-block",pointerEvents:"none"},largeText:{fontSize:18,lineHeight:"20px"},textWithIcon:{display:"flex"},textWithFocus:{position:"relative"},hiddenText:{visibility:"hidden"},spinner:{position:"absolute"},icon:{paddingRight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__.Z.xSmall_8}}),styles={},_generateStyles=(color,kind,light,iconWidth,size)=>{const buttonType=color+kind+light.toString()+iconWidth.toString()+size;if(styles[buttonType])return styles[buttonType];const{white,white50,white64,offBlack32,offBlack50,darkBlue}=_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.ZP,fadedColor=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.U1)(color,.32),white),activeColor=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)(offBlack32,color),padding="large"===size?_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__.Z.xLarge_32:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_8__.Z.medium_16;let newStyles={};if("primary"===kind)newStyles={default:{background:light?white:color,color:light?color:white,paddingLeft:padding,paddingRight:padding},focus:{boxShadow:`0 0 0 1px ${light?darkBlue:white}, 0 0 0 3px ${light?white:color}`},active:{boxShadow:`0 0 0 1px ${light?darkBlue:white}, 0 0 0 3px ${light?fadedColor:activeColor}`,background:light?fadedColor:activeColor,color:light?activeColor:fadedColor},disabled:{background:light?fadedColor:offBlack32,color:light?color:white64,cursor:"default",":focus":{boxShadow:`0 0 0 1px ${light?offBlack32:white}, 0 0 0 3px ${light?fadedColor:offBlack32}`}}};else if("secondary"===kind)newStyles={default:{background:"none",color:light?white:color,borderColor:light?white50:offBlack50,borderStyle:"solid",borderWidth:1,paddingLeft:iconWidth?padding-4:padding,paddingRight:padding},focus:{background:light?"transparent":white,borderColor:light?white:color,borderWidth:2,paddingLeft:iconWidth?padding-5:padding-1,paddingRight:padding-1},active:{background:light?activeColor:fadedColor,color:light?fadedColor:activeColor,borderColor:light?fadedColor:activeColor,borderWidth:2,paddingLeft:iconWidth?padding-5:padding-1,paddingRight:padding-1},disabled:{color:light?white50:offBlack32,borderColor:light?fadedColor:offBlack32,cursor:"default",":focus":{borderColor:light?white50:offBlack32,borderWidth:2,paddingLeft:iconWidth?padding-5:padding-1,paddingRight:padding-1}}};else{if("tertiary"!==kind)throw new Error("Button kind not recognized");newStyles={default:{background:"none",color:light?white:color,paddingLeft:0,paddingRight:0},focus:{":after":{content:"''",position:"absolute",height:2,width:`calc(100% - ${iconWidth}px)`,right:0,bottom:0,background:light?white:color,borderRadius:2}},active:{color:light?fadedColor:activeColor,":after":{content:"''",position:"absolute",height:2,width:`calc(100% - ${iconWidth}px)`,right:0,bottom:-1,background:light?fadedColor:activeColor,borderRadius:2}},disabled:{color:light?fadedColor:offBlack32,cursor:"default",":focus":{":after":{content:"''",position:"absolute",height:2,width:`calc(100% - ${iconWidth}px)`,right:0,bottom:"calc(50% - 11px)",background:light?white:offBlack32,borderRadius:2}}}}}return styles[buttonType]=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create(newStyles),styles[buttonType]},_excluded=["href","type","children","skipClientNav","spinner","disabled","onClick","beforeNav","safeWithNav","tabIndex","target","rel"];class Button extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderClickableBehavior(router){const _this$props=this.props,{href,type,children,skipClientNav,spinner,disabled,onClick,beforeNav,safeWithNav,tabIndex,target,rel}=_this$props,sharedButtonCoreProps=_objectWithoutPropertiesLoose(_this$props,_excluded),ClickableBehavior=(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.nJ)(href,skipClientNav,router),renderProp=(state,restChildProps)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(ButtonCore,_extends({},sharedButtonCoreProps,state,restChildProps,{disabled,spinner:spinner||state.waiting,skipClientNav,href,target,type,tabIndex}),children);return beforeNav?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:spinner||disabled,href,role:"button",type,onClick,beforeNav,safeWithNav,rel},renderProp):react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:spinner||disabled,href,role:"button",type,onClick,safeWithNav,target,rel},renderProp)}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_10__.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}Button.defaultProps={color:"default",kind:"primary",light:!1,size:"medium",disabled:!1,spinner:!1}},"./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J7:()=>isClientSideUrl,ZP:()=>Clickable,nJ:()=>getClickableBehavior,qj:()=>ClickableBehavior});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react-router/esm/react-router.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{switch(role){case"link":return{triggerOnEnter:!0,triggerOnSpace:!1};case"checkbox":case"radio":case"listbox":return{triggerOnEnter:!1,triggerOnSpace:!0};default:return{triggerOnEnter:!0,triggerOnSpace:!0}}},disabledHandlers={onClick:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onMouseDown:()=>{},onMouseUp:()=>{},onTouchStart:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{},onKeyDown:()=>{},onKeyUp:()=>{}},keyCodes_enter=13,keyCodes_space=32,startState={hovered:!1,focused:!1,pressed:!1,waiting:!1};class ClickableBehavior extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static getDerivedStateFromProps(props,state){return props.disabled?_extends({},startState,{focused:state.focused}):null}constructor(props){super(props),this.waitingForClick=void 0,this.enterClick=void 0,this.handleClick=e=>{const{onClick,beforeNav,safeWithNav}=this.props;this.enterClick||((onClick||beforeNav||safeWithNav)&&(this.waitingForClick=!1),this.runCallbackAndMaybeNavigate(e))},this.handleMouseEnter=e=>{this.waitingForClick||this.setState({hovered:!0})},this.handleMouseLeave=()=>{this.waitingForClick||this.setState({hovered:!1,pressed:!1,focused:!1})},this.handleMouseDown=()=>{this.setState({pressed:!0})},this.handleMouseUp=e=>{this.setState({pressed:!1,focused:!1})},this.handleTouchStart=()=>{this.setState({pressed:!0})},this.handleTouchEnd=()=>{this.setState({pressed:!1}),this.waitingForClick=!0},this.handleTouchCancel=()=>{this.setState({pressed:!1}),this.waitingForClick=!0},this.handleKeyDown=e=>{const{onKeyDown,role}=this.props;onKeyDown&&onKeyDown(e);const keyCode=e.which||e.keyCode,{triggerOnEnter,triggerOnSpace}=getAppropriateTriggersForRole(role);triggerOnEnter&&keyCode===keyCodes_enter||triggerOnSpace&&keyCode===keyCodes_space?(e.preventDefault(),this.setState({pressed:!0})):triggerOnEnter||keyCode!==keyCodes_enter||(this.enterClick=!0)},this.handleKeyUp=e=>{const{onKeyUp,role}=this.props;onKeyUp&&onKeyUp(e);const keyCode=e.which||e.keyCode,{triggerOnEnter,triggerOnSpace}=getAppropriateTriggersForRole(role);triggerOnEnter&&keyCode===keyCodes_enter||triggerOnSpace&&keyCode===keyCodes_space?(this.setState({pressed:!1,focused:!0}),this.runCallbackAndMaybeNavigate(e)):triggerOnEnter||keyCode!==keyCodes_enter||(this.enterClick=!1)},this.handleFocus=e=>{this.setState({focused:!0})},this.handleBlur=e=>{this.setState({focused:!1,pressed:!1})},this.state=startState,this.waitingForClick=!1,this.enterClick=!1}navigateOrReset(shouldNavigate){if(shouldNavigate){const{history,href,skipClientNav,target}=this.props;href&&("_blank"===target?(window.open(href,"_blank"),this.setState({waiting:!1})):history&&!skipClientNav?(history.push(href),this.setState({waiting:!1})):window.location.assign(href))}else this.setState({waiting:!1})}handleSafeWithNav(safeWithNav,shouldNavigate){const{skipClientNav,history}=this.props;return history&&!skipClientNav||"_blank"===this.props.target?(safeWithNav(),this.navigateOrReset(shouldNavigate),Promise.resolve()):(this.state.waiting||this.setState({waiting:!0}),safeWithNav().then((()=>{this.state.waiting||this.setState({waiting:!0})})).catch((error=>{})).finally((()=>{this.navigateOrReset(shouldNavigate)})))}runCallbackAndMaybeNavigate(e){const{onClick,beforeNav,safeWithNav,href,type}=this.props;let shouldNavigate=!0,canSubmit=!0;if(onClick&&onClick(e),e.defaultPrevented&&(shouldNavigate=!1,canSubmit=!1),e.preventDefault(),!href&&"submit"===type&&canSubmit){let target=e.currentTarget;for(;target;){if(target instanceof window.HTMLFormElement){const event=new window.Event("submit",{cancelable:!0});target.dispatchEvent(event);break}target=target.parentElement}}if(beforeNav)this.setState({waiting:!0}),beforeNav().then((()=>safeWithNav?this.handleSafeWithNav(safeWithNav,shouldNavigate):this.navigateOrReset(shouldNavigate))).catch((()=>{}));else{if(safeWithNav)return this.handleSafeWithNav(safeWithNav,shouldNavigate);this.navigateOrReset(shouldNavigate)}}render(){const childrenProps=this.props.disabled?_extends({},disabledHandlers,{onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex}):{onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onTouchCancel:this.handleTouchCancel,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex};childrenProps.rel=this.props.rel||("_blank"===this.props.target?"noopener noreferrer":void 0);const{children}=this.props;return children&&children(this.state,childrenProps)}}ClickableBehavior.defaultProps={disabled:!1};const isClientSideUrl=href=>"string"==typeof href&&(!/^(https?:)?\/\//i.test(href)&&!/^([^#]*#[\w-]*|[\w\-.]+:)/.test(href)),ClickableBehaviorWithRouter=(0,react_router_dom__WEBPACK_IMPORTED_MODULE_4__.EN)(ClickableBehavior);function getClickableBehavior(href,skipClientNav,router){return router&&!0!==skipClientNav&&href&&isClientSideUrl(href)?ClickableBehaviorWithRouter:ClickableBehavior}const _excluded=["href","onClick","skipClientNav","beforeNav","safeWithNav","style","target","testId","onKeyDown","onKeyUp","hideDefaultFocusRing","light","disabled"],StyledAnchor=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.cu)("a"),StyledButton=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.cu)("button"),StyledLink=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.cu)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.rU);class Clickable extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.getCorrectTag=(clickableState,router,commonProps)=>{const activeHref=this.props.href&&!this.props.disabled,useClient=router&&!this.props.skipClientNav&&isClientSideUrl(this.props.href||"");return activeHref&&useClient&&this.props.href?react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledLink,_extends({},commonProps,{to:this.props.href,role:this.props.role,target:this.props.target||void 0,"aria-disabled":this.props.disabled?"true":void 0}),this.props.children(clickableState)):activeHref&&!useClient?react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledAnchor,_extends({},commonProps,{href:this.props.href,role:this.props.role,target:this.props.target||void 0,"aria-disabled":this.props.disabled?"true":void 0}),this.props.children(clickableState)):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledButton,_extends({},commonProps,{type:"button","aria-disabled":this.props.disabled}),this.props.children(clickableState))}}renderClickableBehavior(router){const _this$props=this.props,{href,onClick,skipClientNav,beforeNav,safeWithNav,style,target,testId,onKeyDown,onKeyUp,hideDefaultFocusRing,light,disabled}=_this$props,restProps=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(_this$props,_excluded),ClickableBehavior=getClickableBehavior(href,skipClientNav,router),getStyle=state=>[styles.reset,styles.link,!hideDefaultFocusRing&&state.focused&&(light?styles.focusedLight:styles.focused),disabled&&styles.disabled,style];return beforeNav?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{href,onClick,beforeNav,safeWithNav,onKeyDown,onKeyUp,disabled},((state,childrenProps)=>this.getCorrectTag(state,router,_extends({},restProps,{"data-test-id":testId,style:getStyle(state)},childrenProps)))):react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{href,onClick,safeWithNav,onKeyDown,onKeyUp,target,disabled},((state,childrenProps)=>this.getCorrectTag(state,router,_extends({},restProps,{"data-test-id":testId,style:getStyle(state)},childrenProps))))}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}Clickable.defaultProps={light:!1,disabled:!1};const styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({reset:{border:"none",margin:0,padding:0,width:"auto",overflow:"visible",background:"transparent",textDecoration:"none",color:"inherit",font:"inherit",boxSizing:"border-box",touchAction:"manipulation",userSelect:"none",outline:"none",lineHeight:"normal",WebkitFontSmoothing:"inherit",MozOsxFontSmoothing:"inherit"},link:{cursor:"pointer"},focused:{":focus":{outline:`solid 2px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.blue}`}},focusedLight:{outline:`solid 2px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.white}`},disabled:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.offBlack32,cursor:"not-allowed",":focus":{outline:"none"},":focus-visible":{outline:`solid 2px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.blue}`}}})},"./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;imix,U1:()=>fade,ZP:()=>Color,qe:()=>SemanticColor});const color6Regexp=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i,color3Regexp=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i,rgbaRegexp=/^rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\s*\)$/i,parse=color=>{if("string"!=typeof color)throw new Error(`Failed to parse color: ${color}`);const color3Match=color.match(color3Regexp);if(color3Match)return{r:parseInt(`${color3Match[1]}${color3Match[1]}`,16),g:parseInt(`${color3Match[2]}${color3Match[2]}`,16),b:parseInt(`${color3Match[3]}${color3Match[3]}`,16),a:1};const color6Match=color.match(color6Regexp);if(color6Match)return{r:parseInt(color6Match[1],16),g:parseInt(color6Match[2],16),b:parseInt(color6Match[3],16),a:1};const rgbaMatch=color.match(rgbaRegexp);if(rgbaMatch)return{r:parseFloat(rgbaMatch[1]),g:parseFloat(rgbaMatch[2]),b:parseFloat(rgbaMatch[3]),a:rgbaMatch[4]?parseFloat(rgbaMatch[4]):1};throw new Error(`Failed to parse color: ${color}`)},format=color=>{const r=Math.round(color.r),g=Math.round(color.g),b=Math.round(color.b);if(1===color.a){const _s=c=>{const asString=c.toString(16);return 1===asString.length?asString+asString:asString};return`#${_s(r)}${_s(g)}${_s(b)}`}return`rgba(${r},${g},${b},${color.a.toFixed(2)})`},fade=(color,percentage)=>{if(percentage<0||percentage>1)throw new Error("Percentage must be between 0 and 1");const components=parse(color);return format(_extends({},components,{a:components.a*percentage}))},mix=(color,background)=>{const colorObj=parse(color),bgObj=parse(background);return format({r:colorObj.r*colorObj.a+bgObj.r*(1-colorObj.a),g:colorObj.g*colorObj.a+bgObj.g*(1-colorObj.a),b:colorObj.b*colorObj.a+bgObj.b*(1-colorObj.a),a:bgObj.a})},Color={blue:"#1865f2",purple:"#9059ff",green:"#00a60e",gold:"#ffb100",red:"#d92916",offBlack:"#21242c",offBlack64:fade("#21242c",.64),offBlack50:fade("#21242c",.5),offBlack32:fade("#21242c",.32),offBlack16:fade("#21242c",.16),offBlack8:fade("#21242c",.08),offWhite:"#f7f8fa",white:"#ffffff",white64:fade("#ffffff",.64),white50:fade("#ffffff",.5),darkBlue:"#0b2149",teal:"#14bf96",lightBlue:"#37c5fd",pink:"#fa50ae"},SemanticColor={controlDefault:Color.blue,controlDestructive:Color.red}},"./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{G7:()=>View,Uj:()=>IDProvider,_u:()=>useUniqueIdWithMock,aX:()=>RenderStateRoot,cu:()=>addStyle,t5:()=>UniqueIDProvider,xv:()=>Text});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}function flatten(list){const result=[];if(!list)return result;if(Array.isArray(list))for(const item of list)result.push(...flatten(item));else result.push(list);return result}function processStyleList(style){const stylesheetStyles=[],inlineStyles=[];if(!style)return{style:{},className:""};const shouldInlineStyles=void 0!==__webpack_require__.g&&__webpack_require__.g.SNAPSHOT_INLINE_APHRODITE;flatten(style).forEach((child=>{const _definition=child._definition;if(null!=_definition)if(shouldInlineStyles){const def={};for(const[key,value]of Object.entries(_definition))def[key.replace(/-[a-z]/g,(match=>match[1].toUpperCase()))]=value;inlineStyles.push(def)}else stylesheetStyles.push(child);else inlineStyles.push(child)}));const inlineStylesObject=Object.assign({},...inlineStyles);if(inlineStyles.length>0&&!shouldInlineStyles){const inlineStylesStyleSheet=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({inlineStyles:inlineStylesObject});stylesheetStyles.push(inlineStylesStyleSheet.inlineStyles)}return{style:shouldInlineStyles?inlineStylesObject:{},className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_1__.css)(...stylesheetStyles)}}const _excluded$2=["children","style","tag","testId"],isHeaderRegex=/^h[1-6]$/,styles$1=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});class Text extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const _this$props=this.props,{children,style,tag:Tag,testId}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$2),isHeader=isHeaderRegex.test(Tag),styleAttributes=processStyleList([styles$1.text,isHeader&&styles$1.header,style]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tag,_extends({},otherProps,{style:styleAttributes.style,className:styleAttributes.className,"data-test-id":testId}),children)}}Text.defaultProps={tag:"span"};const _excluded$1=["className","style"];function addStyle(Component,defaultStyle){return props=>{const{className,style}=props,otherProps=_objectWithoutPropertiesLoose(props,_excluded$1),reset="string"==typeof Component?overrides[Component]:null,{className:aphroditeClassName,style:inlineStyles}=processStyleList([reset,defaultStyle,style]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,_extends({},otherProps,{className:[aphroditeClassName,className].filter(Boolean).join(" "),style:inlineStyles}))}}const overrides=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),_excluded=["testId","tag"],styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({default:{alignItems:"stretch",borderWidth:0,borderStyle:"solid",boxSizing:"border-box",display:"flex",flexDirection:"column",margin:0,padding:0,position:"relative",zIndex:0,minHeight:0,minWidth:0}}),StyledDiv=addStyle("div",styles.default),StyledArticle=addStyle("article",styles.default),StyledAside=addStyle("aside",styles.default),StyledNav=addStyle("nav",styles.default),StyledSection=addStyle("section",styles.default);class View extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const _this$props=this.props,{testId,tag}=_this$props,props=_extends({},_objectWithoutPropertiesLoose(_this$props,_excluded),{"data-test-id":testId});switch(tag){case"article":return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledArticle,props);case"aside":return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledAside,props);case"nav":return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledNav,props);case"section":return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSection,props);case"div":return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledDiv,props);default:throw Error(`${tag} is not an allowed value for the 'tag' prop`)}}}View.defaultProps={tag:"div"};const RenderState_Root="root",RenderState_Initial="initial",RenderState_Standard="standard",RenderStateContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(RenderState_Root);class WithSSRPlaceholder extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted}=this.state,{children,placeholder}=this.props;return this._isTheRootComponent=!0,mounted?react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenderStateContext.Provider,{value:RenderState_Standard},children()):placeholder?react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenderStateContext.Provider,{value:RenderState_Initial},placeholder()):null}_maybeRender(renderState){const{children,placeholder}=this.props;switch(renderState){case RenderState_Root:return this._renderAsRootComponent();case RenderState_Initial:return placeholder?placeholder():null;case RenderState_Standard:return children()}var _JSON$stringify;return console.log(`We got a render state we don't understand: "${null!=(_JSON$stringify=JSON.stringify(renderState))?_JSON$stringify:""}"`),this._maybeRender(RenderState_Root)}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenderStateContext.Consumer,null,(value=>this._maybeRender(value)))}}class UniqueIDFactory{constructor(scope){this._uniqueFactoryName=void 0,this.get=key=>{const normalizedKey=key.toLowerCase();if(!this._hasValidIdChars(key))throw new Error(`Invalid identifier key: ${key}`);return`${this._uniqueFactoryName}-${normalizedKey}`};const normalizedScope=(scope="string"==typeof scope?scope:"").toLowerCase();if(!this._hasValidIdChars(normalizedScope))throw new Error(`Invalid factory scope: ${scope}`);this._uniqueFactoryName=`uid-${normalizedScope}-${UniqueIDFactory._factoryUniquenessCounter++}`}_hasValidIdChars(value){if("string"!=typeof value)return!1;const invalidCharsReplaced=value.replace(/[^\d\w-]/g,"-");return value===invalidCharsReplaced}}UniqueIDFactory._factoryUniquenessCounter=0;class SsrIDFactory{get(id){return id}}SsrIDFactory.Default=new SsrIDFactory;var SsrIDFactory$1=SsrIDFactory.Default;class UniqueIDProvider extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this._idFactory=void 0}_performRender(firstRender){const{children,mockOnFirstRender,scope}=this.props;return firstRender?mockOnFirstRender?children(SsrIDFactory$1):null:(this._idFactory||(this._idFactory=new UniqueIDFactory(scope)),children(this._idFactory))}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(WithSSRPlaceholder,{placeholder:()=>this._performRender(!0)},(()=>this._performRender(!1)))}}class IDProvider extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderChildren(ids){const{id,children}=this.props,uniqueId=ids?ids.get(IDProvider.defaultId):id;if(!uniqueId)throw new Error("Did not get an identifier factory nor a id prop");return children(uniqueId)}render(){const{id,scope}=this.props;return id?this.renderChildren():react__WEBPACK_IMPORTED_MODULE_0__.createElement(UniqueIDProvider,{scope,mockOnFirstRender:!0},(ids=>this.renderChildren(ids)))}}IDProvider.defaultId="wb-id";const useRenderState=()=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(RenderStateContext),useUniqueIdWithMock=scope=>{const renderState=useRenderState(),idFactory=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);if(renderState===RenderState_Root)throw new Error("Components using useUniqueIdWithMock() should be descendants of ");return renderState===RenderState_Initial?SsrIDFactory$1:(idFactory.current||(idFactory.current=new UniqueIDFactory(scope)),idFactory.current)},{useEffect,useState}=react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2)),RenderStateRoot=({children,throwIfNested})=>{const[firstRender,setFirstRender]=useState(!0),renderState=useRenderState();if(useEffect((()=>{setFirstRender(!1)}),[]),renderState!==RenderState_Root){if(throwIfNested)throw new Error("There's already a above this instance in the render tree. This instance should be removed.");return children}const value=firstRender?RenderState_Initial:RenderState_Standard;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenderStateContext.Provider,{value},children)};RenderStateRoot.defaultProps={throwIfNested:!0}},"./node_modules/@khanacademy/wonder-blocks-dropdown/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BA:()=>OptionItem,q4:()=>SingleSelect});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react_router_dom=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),react_router=__webpack_require__("./node_modules/react-router/esm/react-router.js"),es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),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"),wonder_blocks_clickable_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js"),wonder_blocks_core_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),wonder_blocks_icon_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),wonder_blocks_icon_button_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon-button/dist/es/index.js"),wonder_blocks_form_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-form/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(props,_excluded),innerRef=react.useRef(null),handleClear=()=>{var _innerRef$current;onChange(""),null==innerRef||null==(_innerRef$current=innerRef.current)||_innerRef$current.focus()};return react.createElement(wonder_blocks_core_dist_es.Uj,{id,scope:"search-field"},(uniqueId=>react.createElement(wonder_blocks_core_dist_es.G7,{onClick,style:[styles.inputContainer,style]},react.createElement(wonder_blocks_icon_dist_es.Z,{icon:wonder_blocks_icon_dist_es.c.search,size:"medium",color:es.ZP.offBlack64,style:styles.searchIcon,"aria-hidden":"true"}),react.createElement(wonder_blocks_form_dist_es.nv,_extends({id:`${uniqueId}-field`,type:"text",disabled,light,onChange,onFocus,onBlur,placeholder,ref:node=>{ref&&(ref.current=node),innerRef.current=node},value,style:[styles.inputStyleReset,wonder_blocks_typography_dist_es.W2.LabelMedium],testId},otherProps)),value.length?react.createElement(wonder_blocks_icon_button_dist_es.Z,{icon:wonder_blocks_icon_dist_es.c.dismiss,kind:"tertiary",onClick:handleClear,style:styles.dismissIcon,"aria-label":clearAriaLabel}):null)))})),styles=lib.StyleSheet.create({inputContainer:{boxSizing:"border-box",flexDirection:"row",borderRadius:dist_es.Z.xxxSmall_4,alignItems:"center",height:40},searchIcon:{marginLeft:dist_es.Z.xSmall_8,marginRight:dist_es.Z.xSmall_8,position:"absolute"},dismissIcon:{margin:0,position:"absolute",right:0,":hover":{border:"none"}},inputStyleReset:{display:"flex",flex:1,"::placeholder":{color:es.ZP.offBlack64},width:"100%",color:"inherit",paddingLeft:dist_es.Z.large_24+dist_es.Z.medium_16,paddingRight:dist_es.Z.large_24+dist_es.Z.medium_16}});var wonder_blocks_timing_dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-timing/dist/es/index.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),assertThisInitialized=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inheritsLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"),safeIsNaN=Number.isNaN||function ponyfill(value){return"number"==typeof value&&value!=value};function areInputsEqual(newInputs,lastInputs){if(newInputs.length!==lastInputs.length)return!1;for(var i=0;i=delay?callback.call(null):timeoutID.id=requestAnimationFrame(tick)}))};return timeoutID}var cachedRTLResult=null;function getRTLOffsetType(recalculate){if(void 0===recalculate&&(recalculate=!1),null===cachedRTLResult||recalculate){var outerDiv=document.createElement("div"),outerStyle=outerDiv.style;outerStyle.width="50px",outerStyle.height="50px",outerStyle.overflow="scroll",outerStyle.direction="rtl";var innerDiv=document.createElement("div"),innerStyle=innerDiv.style;return innerStyle.width="100px",innerStyle.height="100px",outerDiv.appendChild(innerDiv),document.body.appendChild(outerDiv),outerDiv.scrollLeft>0?cachedRTLResult="positive-descending":(outerDiv.scrollLeft=1,cachedRTLResult=0===outerDiv.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(outerDiv),cachedRTLResult}return cachedRTLResult}var IS_SCROLLING_DEBOUNCE_INTERVAL$1=150,defaultItemKey$1=function defaultItemKey(index,data){return index};function createListComponent(_ref){var _class,getItemOffset=_ref.getItemOffset,getEstimatedTotalSize=_ref.getEstimatedTotalSize,getItemSize=_ref.getItemSize,getOffsetForIndexAndAlignment=_ref.getOffsetForIndexAndAlignment,getStartIndexForOffset=_ref.getStartIndexForOffset,getStopIndexForStartIndex=_ref.getStopIndexForStartIndex,initInstanceProps=_ref.initInstanceProps,shouldResetStyleCacheOnItemSizeChange=_ref.shouldResetStyleCacheOnItemSizeChange,validateProps=_ref.validateProps;return _class=function(_PureComponent){function List(props){var _this;return(_this=_PureComponent.call(this,props)||this)._instanceProps=initInstanceProps(_this.props,(0,assertThisInitialized.Z)(_this)),_this._outerRef=void 0,_this._resetIsScrollingTimeoutId=null,_this.state={instance:(0,assertThisInitialized.Z)(_this),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof _this.props.initialScrollOffset?_this.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},_this._callOnItemsRendered=void 0,_this._callOnItemsRendered=memoize_one_esm((function(overscanStartIndex,overscanStopIndex,visibleStartIndex,visibleStopIndex){return _this.props.onItemsRendered({overscanStartIndex,overscanStopIndex,visibleStartIndex,visibleStopIndex})})),_this._callOnScroll=void 0,_this._callOnScroll=memoize_one_esm((function(scrollDirection,scrollOffset,scrollUpdateWasRequested){return _this.props.onScroll({scrollDirection,scrollOffset,scrollUpdateWasRequested})})),_this._getItemStyle=void 0,_this._getItemStyle=function(index){var style,_this$props=_this.props,direction=_this$props.direction,itemSize=_this$props.itemSize,layout=_this$props.layout,itemStyleCache=_this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange&&itemSize,shouldResetStyleCacheOnItemSizeChange&&layout,shouldResetStyleCacheOnItemSizeChange&&direction);if(itemStyleCache.hasOwnProperty(index))style=itemStyleCache[index];else{var _offset=getItemOffset(_this.props,index,_this._instanceProps),size=getItemSize(_this.props,index,_this._instanceProps),isHorizontal="horizontal"===direction||"horizontal"===layout,isRtl="rtl"===direction,offsetHorizontal=isHorizontal?_offset:0;itemStyleCache[index]=style={position:"absolute",left:isRtl?void 0:offsetHorizontal,right:isRtl?offsetHorizontal:void 0,top:isHorizontal?0:_offset,height:isHorizontal?"100%":size,width:isHorizontal?size:"100%"}}return style},_this._getItemStyleCache=void 0,_this._getItemStyleCache=memoize_one_esm((function(_,__,___){return{}})),_this._onScrollHorizontal=function(event){var _event$currentTarget=event.currentTarget,clientWidth=_event$currentTarget.clientWidth,scrollLeft=_event$currentTarget.scrollLeft,scrollWidth=_event$currentTarget.scrollWidth;_this.setState((function(prevState){if(prevState.scrollOffset===scrollLeft)return null;var direction=_this.props.direction,scrollOffset=scrollLeft;if("rtl"===direction)switch(getRTLOffsetType()){case"negative":scrollOffset=-scrollLeft;break;case"positive-descending":scrollOffset=scrollWidth-clientWidth-scrollLeft}return scrollOffset=Math.max(0,Math.min(scrollOffset,scrollWidth-clientWidth)),{isScrolling:!0,scrollDirection:prevState.scrollOffset0)for(var _index=startIndex;_index<=stopIndex;_index++)items.push((0,react.createElement)(children,{data:itemData,key:itemKey(_index,itemData),index:_index,isScrolling:useIsScrolling?isScrolling:void 0,style:this._getItemStyle(_index)}));var estimatedTotalSize=getEstimatedTotalSize(this.props,this._instanceProps);return(0,react.createElement)(outerElementType||outerTagName||"div",{className,onScroll,ref:this._outerRefSetter,style:(0,esm_extends.Z)({position:"relative",height,width,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction},style)},(0,react.createElement)(innerElementType||innerTagName||"div",{children:items,ref:innerRef,style:{height:isHorizontal?"100%":estimatedTotalSize,pointerEvents:isScrolling?"none":void 0,width:isHorizontal?estimatedTotalSize:"100%"}}))},_proto._callPropsCallbacks=function _callPropsCallbacks(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var _this$_getRangeToRend2=this._getRangeToRender(),_overscanStartIndex=_this$_getRangeToRend2[0],_overscanStopIndex=_this$_getRangeToRend2[1],_visibleStartIndex=_this$_getRangeToRend2[2],_visibleStopIndex=_this$_getRangeToRend2[3];this._callOnItemsRendered(_overscanStartIndex,_overscanStopIndex,_visibleStartIndex,_visibleStopIndex)}if("function"==typeof this.props.onScroll){var _this$state2=this.state,_scrollDirection=_this$state2.scrollDirection,_scrollOffset=_this$state2.scrollOffset,_scrollUpdateWasRequested=_this$state2.scrollUpdateWasRequested;this._callOnScroll(_scrollDirection,_scrollOffset,_scrollUpdateWasRequested)}},_proto._getRangeToRender=function _getRangeToRender(){var _this$props5=this.props,itemCount=_this$props5.itemCount,overscanCount=_this$props5.overscanCount,_this$state3=this.state,isScrolling=_this$state3.isScrolling,scrollDirection=_this$state3.scrollDirection,scrollOffset=_this$state3.scrollOffset;if(0===itemCount)return[0,0,0,0];var startIndex=getStartIndexForOffset(this.props,scrollOffset,this._instanceProps),stopIndex=getStopIndexForStartIndex(this.props,startIndex,scrollOffset,this._instanceProps),overscanBackward=isScrolling&&"backward"!==scrollDirection?1:Math.max(1,overscanCount),overscanForward=isScrolling&&"forward"!==scrollDirection?1:Math.max(1,overscanCount);return[Math.max(0,startIndex-overscanBackward),Math.max(0,Math.min(itemCount-1,stopIndex+overscanForward)),startIndex,stopIndex]},List}(react.PureComponent),_class.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},_class}var validateSharedProps$1=function validateSharedProps(_ref2,_ref3){_ref2.children,_ref2.direction,_ref2.height,_ref2.layout,_ref2.innerTagName,_ref2.outerTagName,_ref2.width,_ref3.instance},getItemMetadata$1=function getItemMetadata(props,index,instanceProps){var itemSize=props.itemSize,itemMetadataMap=instanceProps.itemMetadataMap,lastMeasuredIndex=instanceProps.lastMeasuredIndex;if(index>lastMeasuredIndex){var offset=0;if(lastMeasuredIndex>=0){var itemMetadata=itemMetadataMap[lastMeasuredIndex];offset=itemMetadata.offset+itemMetadata.size}for(var i=lastMeasuredIndex+1;i<=index;i++){var size=itemSize(i);itemMetadataMap[i]={offset,size},offset+=size}instanceProps.lastMeasuredIndex=index}return itemMetadataMap[index]},findNearestItemBinarySearch$1=function findNearestItemBinarySearch(props,instanceProps,high,low,offset){for(;low<=high;){var middle=low+Math.floor((high-low)/2),currentOffset=getItemMetadata$1(props,middle,instanceProps).offset;if(currentOffset===offset)return middle;currentOffsetoffset&&(high=middle-1)}return low>0?low-1:0},findNearestItemExponentialSearch$1=function findNearestItemExponentialSearch(props,instanceProps,index,offset){for(var itemCount=props.itemCount,interval=1;index=itemCount&&(lastMeasuredIndex=itemCount-1),lastMeasuredIndex>=0){var itemMetadata=itemMetadataMap[lastMeasuredIndex];totalSizeOfMeasuredItems=itemMetadata.offset+itemMetadata.size}return totalSizeOfMeasuredItems+(itemCount-lastMeasuredIndex-1)*estimatedItemSize},VariableSizeList=createListComponent({getItemOffset:function getItemOffset(props,index,instanceProps){return getItemMetadata$1(props,index,instanceProps).offset},getItemSize:function getItemSize(props,index,instanceProps){return instanceProps.itemMetadataMap[index].size},getEstimatedTotalSize,getOffsetForIndexAndAlignment:function getOffsetForIndexAndAlignment(props,index,align,scrollOffset,instanceProps){var direction=props.direction,height=props.height,layout=props.layout,width=props.width,size="horizontal"===direction||"horizontal"===layout?width:height,itemMetadata=getItemMetadata$1(props,index,instanceProps),estimatedTotalSize=getEstimatedTotalSize(props,instanceProps),maxOffset=Math.max(0,Math.min(estimatedTotalSize-size,itemMetadata.offset)),minOffset=Math.max(0,itemMetadata.offset-size+itemMetadata.size);switch("smart"===align&&(align=scrollOffset>=minOffset-size&&scrollOffset<=maxOffset+size?"auto":"center"),align){case"start":return maxOffset;case"end":return minOffset;case"center":return Math.round(minOffset+(maxOffset-minOffset)/2);default:return scrollOffset>=minOffset&&scrollOffset<=maxOffset?scrollOffset:scrollOffset0?itemMetadataMap[lastMeasuredIndex].offset:0)>=offset?findNearestItemBinarySearch$1(props,instanceProps,lastMeasuredIndex,0,offset):findNearestItemExponentialSearch$1(props,instanceProps,Math.max(0,lastMeasuredIndex),offset)}(props,instanceProps,offset)},getStopIndexForStartIndex:function getStopIndexForStartIndex(props,startIndex,scrollOffset,instanceProps){for(var direction=props.direction,height=props.height,itemCount=props.itemCount,layout=props.layout,width=props.width,size="horizontal"===direction||"horizontal"===layout?width:height,itemMetadata=getItemMetadata$1(props,startIndex,instanceProps),maxOffset=scrollOffset+size,offset=itemMetadata.offset+itemMetadata.size,stopIndex=startIndex;stopIndex`Select all (${numOptions})`,noneSelected:"0 items",someSelected:numSelectedValues=>`${numSelectedValues} items`,allSelected:"All items"},{blue:blue$3,white:white$4,offBlack:offBlack$3,offBlack32:offBlack32$4}=es.ZP,StyledAnchor=(0,wonder_blocks_core_dist_es.cu)("a"),StyledButton$2=(0,wonder_blocks_core_dist_es.cu)("button"),StyledLink=(0,wonder_blocks_core_dist_es.cu)(react_router_dom.rU);class ActionItem extends react.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_ACTION_ITEM__}renderClickableBehavior(router){const{skipClientNav,disabled,href,target,indent,label,lang,onClick,role,style,testId}=this.props,ClickableBehavior=(0,wonder_blocks_clickable_dist_es.nJ)(href,skipClientNav,router);return react.createElement(ClickableBehavior,{disabled,onClick,href,role,target},((state,childrenProps)=>{const{pressed,hovered,focused}=state,defaultStyle=[styles$8.shared,disabled&&styles$8.disabled,!disabled&&(pressed?styles$8.active:(hovered||focused)&&styles$8.focus),style],props=es_extends({"data-test-id":testId,disabled,role,style:[defaultStyle]},childrenProps),children=react.createElement(react.Fragment,null,react.createElement(wonder_blocks_typography_dist_es.Uc,{lang,style:[indent&&styles$8.indent,styles$8.label]},label));return href&&!disabled?router&&!skipClientNav&&(0,wonder_blocks_clickable_dist_es.J7)(href)?react.createElement(StyledLink,es_extends({},props,{to:href}),children):react.createElement(StyledAnchor,es_extends({},props,{href,target}),children):react.createElement(StyledButton$2,es_extends({type:"button"},props,{disabled}),children)}))}render(){return react.createElement(react_router.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}ActionItem.defaultProps={disabled:!1,indent:!1,role:"menuitem"},ActionItem.__IS_ACTION_ITEM__=!0;const styles$8=lib.StyleSheet.create({shared:{background:white$4,color:offBlack$3,textDecoration:"none",border:"none",outline:"none",flexDirection:"row",alignItems:"center",display:"flex",height:DROPDOWN_ITEM_HEIGHT,minHeight:DROPDOWN_ITEM_HEIGHT,paddingLeft:dist_es.Z.medium_16,paddingRight:dist_es.Z.medium_16,touchAction:"manipulation"},label:{whiteSpace:"nowrap",userSelect:"none"},indent:{marginLeft:dist_es.Z.medium_16},focus:{color:white$4,background:blue$3},active:{color:(0,es.CD)((0,es.U1)(blue$3,.32),white$4),background:(0,es.CD)(offBlack32$4,blue$3)},disabled:{color:offBlack32$4,cursor:"default"}});function dist_es_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}const{offBlack:offBlack$2,offBlack32:offBlack32$3,white:white$3}=es.ZP,Check=function Check(props){const{disabled,selected,pressed,hovered,focused}=props;return react.createElement(wonder_blocks_icon_dist_es.Z,{icon:wonder_blocks_icon_dist_es.c.check,size:"small",color:disabled?offBlack32$3:pressed||hovered||focused?white$3:offBlack$2,style:[styles$7.bounds,!selected&&styles$7.hide]})},styles$7=lib.StyleSheet.create({bounds:{minHeight:16,minWidth:16},hide:{visibility:"hidden"}}),checkboxCheck={small:"M11.263 4.324a1 1 0 1 1 1.474 1.352l-5.5 6a1 1 0 0 1-1.505-.036l-2.5-3a1 1 0 1 1 1.536-1.28L6.536 9.48l4.727-5.157z"},{blue:blue$2,white:white$2,offBlack16:offBlack16$1,offBlack32:offBlack32$2,offBlack50,offWhite}=es.ZP,Checkbox=function Checkbox(props){const{disabled,selected,pressed,hovered,focused}=props,activeBlue=(0,es.CD)(offBlack32$2,blue$2),clickInteraction=pressed||hovered||focused,bgColor=disabled?offWhite:selected&&!clickInteraction?blue$2:white$2,checkColor=disabled?offBlack32$2:clickInteraction?pressed?activeBlue:blue$2:white$2;return react.createElement(wonder_blocks_core_dist_es.G7,{style:[styles$6.checkbox,(clickInteraction||selected&&!disabled)&&styles$6.noBorder,disabled&&styles$6.disabledCheckbox,{backgroundColor:bgColor}]},selected&&react.createElement(wonder_blocks_icon_dist_es.Z,{icon:checkboxCheck,size:"small",color:checkColor,style:[disabled&&selected&&styles$6.disabledCheckFormatting]}))},styles$6=lib.StyleSheet.create({checkbox:{minHeight:16,minWidth:16,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:offBlack50},noBorder:{borderWidth:0},disabledCheckbox:{borderColor:offBlack16$1,backgroundColor:offWhite},disabledCheckFormatting:{position:"absolute",top:-1,left:-1}}),_excluded$5=["disabled","label","role","selected","testId","style","value","onClick","onToggle","variant"];class OptionItem extends react.Component{constructor(...args){super(...args),this.handleClick=()=>{const{onClick,onToggle,value}=this.props;onToggle(value),onClick&&onClick()}}static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_OPTION_ITEM__}getCheckComponent(){return"check"===this.props.variant?Check:Checkbox}render(){const _this$props=this.props,{disabled,label,role,selected,testId,style}=_this$props,sharedProps=dist_es_objectWithoutPropertiesLoose(_this$props,_excluded$5),ClickableBehavior=(0,wonder_blocks_clickable_dist_es.nJ)(),CheckComponent=this.getCheckComponent();return react.createElement(ClickableBehavior,{disabled,onClick:this.handleClick,role,tabIndex:0},((state,childrenProps)=>{const{pressed,hovered,focused}=state,defaultStyle=[styles$5.itemContainer,pressed?styles$5.active:(hovered||focused)&&styles$5.focus,disabled&&styles$5.disabled,style];return react.createElement(wonder_blocks_core_dist_es.G7,es_extends({},sharedProps,{testId,style:defaultStyle,"aria-selected":selected?"true":"false",role},childrenProps),react.createElement(CheckComponent,{disabled,selected,pressed,hovered,focused}),react.createElement(wonder_blocks_typography_dist_es.Uc,{style:styles$5.label},label))}))}}OptionItem.defaultProps={disabled:!1,onToggle:()=>{},role:"option",selected:!1},OptionItem.__IS_OPTION_ITEM__=!0;const{blue:blue$1,white:white$1,offBlack:offBlack$1,offBlack32:offBlack32$1}=es.ZP,styles$5=lib.StyleSheet.create({itemContainer:{flexDirection:"row",background:white$1,color:offBlack$1,alignItems:"center",height:DROPDOWN_ITEM_HEIGHT,minHeight:DROPDOWN_ITEM_HEIGHT,border:0,outline:0,paddingLeft:dist_es.Z.xSmall_8,paddingRight:dist_es.Z.medium_16,whiteSpace:"nowrap",cursor:"default"},focus:{color:white$1,background:blue$1},active:{color:(0,es.CD)((0,es.U1)(blue$1,.32),white$1),background:(0,es.CD)(offBlack32$1,blue$1)},disabled:{color:offBlack32$1,background:white$1},label:{whiteSpace:"nowrap",userSelect:"none",marginLeft:dist_es.Z.xSmall_8,overflow:"hidden",textOverflow:"ellipsis"},hide:{visibility:"hidden"}});class SeparatorItem extends react.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_SEPARATOR_ITEM__}render(){return react.createElement(wonder_blocks_core_dist_es.G7,{style:[styles$4.separator,this.props.style],"aria-hidden":"true"})}}SeparatorItem.__IS_SEPARATOR_ITEM__=!0;const styles$4=lib.StyleSheet.create({separator:{boxShadow:`0 -1px ${es.ZP.offBlack16}`,height:1,minHeight:1,marginTop:dist_es.Z.xxxSmall_4,marginBottom:dist_es.Z.xxxSmall_4}});class DropdownOpener extends react.Component{constructor(...args){super(...args),this.getTestIdFromProps=childrenProps=>childrenProps.testId||childrenProps["data-test-id"]}renderAnchorChildren(eventState,clickableChildrenProps){const{disabled,testId,text}=this.props,renderedChildren=this.props.children(es_extends({},eventState,{text})),childrenProps=renderedChildren.props,childrenTestId=this.getTestIdFromProps(childrenProps);return react.cloneElement(renderedChildren,es_extends({},clickableChildrenProps,{disabled,onClick:childrenProps.onClick?e=>{childrenProps.onClick(e),clickableChildrenProps.onClick(e)}:clickableChildrenProps.onClick,"data-test-id":childrenTestId||testId}))}render(){return react.createElement(wonder_blocks_clickable_dist_es.qj,{onClick:this.props.onClick,disabled:this.props.disabled},((eventState,handlers)=>this.renderAnchorChildren(eventState,handlers)))}}DropdownOpener.defaultProps={disabled:!1};class DropdownVirtualizedItem extends react.Component{render(){const{data,index,style}=this.props,item=data[index];if(SeparatorItem.isClassOf(item.component))return react.cloneElement(item.component,{style});{const{component,populatedProps,onClick,role,ref}=item;return react.cloneElement(component,es_extends({style},populatedProps,{key:index,onClick,ref:item.focusable&&ref,role}))}}}function getDropdownMenuHeight(items,initialHeight=0){return items.slice(0,MAX_VISIBLE_ITEMS).reduce(((sum,item)=>SeparatorItem.isClassOf(item.component)?sum+SEPARATOR_ITEM_HEIGHT:sum+DROPDOWN_ITEM_HEIGHT),initialHeight)}class DropdownCoreVirtualized extends react.Component{constructor(props){super(props),this.getItemSize=index=>{const item=this.props.data[index];return SeparatorItem.isClassOf(item.component)?SEPARATOR_ITEM_HEIGHT:DROPDOWN_ITEM_HEIGHT},this.state={height:getDropdownMenuHeight(props.data),width:props.width}}componentDidMount(){const{schedule}=this.props;schedule.animationFrame((()=>{this.setWidth()}))}componentDidUpdate(prevProps){const{data,listRef}=this.props;prevProps.data.length!==data.length&&(this.setHeight(),listRef&&listRef.current&&listRef.current.resetAfterIndex(1))}setWidth(){const rootNode=react_dom.findDOMNode(this),parentNode=null==rootNode?void 0:rootNode.parentElement;if(parentNode){const width=parentNode.getBoundingClientRect().width;this.setState({width})}}setHeight(){const height=getDropdownMenuHeight(this.props.data);this.setState({height})}renderInitialItems(){const{data}=this.props,allComponents=data.map((e=>e.component));return react.Children.toArray(allComponents).filter(Boolean).sort(((a,b)=>b.props.label&&a.props.label?b.props.label.length-a.props.label.length:-1)).slice(0,MAX_VISIBLE_ITEMS).map((item=>react.cloneElement(item,{style:{visibility:"hidden"}})))}renderVirtualizedList(width,height){const{data,listRef}=this.props;return react.createElement(VariableSizeList,{height,itemCount:data.length,itemSize:this.getItemSize,itemData:data,style:{overflowX:"hidden"},width,overscanCount:5,ref:listRef},DropdownVirtualizedItem)}render(){const{width,height}=this.state;return null==width?this.renderInitialItems():this.renderVirtualizedList(width,height)}}var DropdownCoreVirtualized$1=(0,wonder_blocks_timing_dist_es.$K)(DropdownCoreVirtualized);const modifiers=[{name:"preventOverflow",options:{rootBoundary:"viewport",altAxis:!0,tether:!1}}],DropdownPopper=function DropdownPopper({children,alignment="left",onPopperElement,referenceElement}){const modalHost=(0,wonder_blocks_modal_dist_es.jq)(referenceElement)||document.querySelector("body");return modalHost?react_dom.createPortal(react.createElement(Popper.r,{innerRef:node=>{node&&onPopperElement&&onPopperElement(node)},referenceElement,strategy:"fixed",placement:"left"===alignment?"bottom-start":"bottom-end",modifiers},(({placement,ref,style,hasPopperEscaped,isReferenceHidden})=>{const shouldHidePopper=!(!hasPopperEscaped&&!isReferenceHidden);return react.createElement("div",{ref,style,"data-test-id":"dropdown-popper","data-placement":placement},children(shouldHidePopper))})),modalHost):null};const StyledSpan=(0,wonder_blocks_core_dist_es.cu)("span");class DropdownCore extends react.Component{static sameItemsFocusable(prevItems,currentItems){if(prevItems.length!==currentItems.length)return!1;for(let i=0;i{const{open,onOpenChanged}=this.props,target=event.target,thisElement=react_dom.findDOMNode(this);open&&thisElement&&!thisElement.contains(target)&&this.popperElement&&!this.popperElement.contains(target)&&onOpenChanged(!1)},this.handleKeyDown=event=>{const{enableTypeAhead,onOpenChanged,open,searchText}=this.props,keyCode=event.which||event.keyCode;if(enableTypeAhead&&function getStringForKey(key){return 1!==key.length&&/^[A-Z]/i.test(key)?"":key}(event.key)&&(event.stopPropagation(),this.textSuggestion+=event.key,this.handleKeyDownDebounced(this.textSuggestion)),!open)return keyCode===keyCodes_down?(event.preventDefault(),void onOpenChanged(!0)):void 0;switch(keyCode){case keyCodes_tab:if(this.isSearchFieldFocused()&&searchText)return;return this.restoreTabOrder(),void onOpenChanged(!1);case keyCodes_space:if(this.isSearchFieldFocused())return;return void event.preventDefault();case keyCodes_up:return event.preventDefault(),void this.focusPreviousItem();case keyCodes_down:return event.preventDefault(),void this.focusNextItem()}},this.handleKeyUp=event=>{const{onOpenChanged,open}=this.props;switch(event.which||event.keyCode){case keyCodes_space:if(this.isSearchFieldFocused())return;return void event.preventDefault();case keyCodes_escape:return void(open&&(event.stopPropagation(),this.restoreTabOrder(),onOpenChanged(!1)))}},this.handleKeyDownDebounceResult=key=>{const foundIndex=this.props.items.filter((item=>item.focusable)).findIndex((({component})=>{var _component$props;if(SeparatorItem.isClassOf(component))return!1;return(null==(_component$props=component.props)?void 0:_component$props.label.toLowerCase()).startsWith(key.toLowerCase())}));if(foundIndex>=0){const isClosed=!this.props.open;isClosed&&this.props.onOpenChanged(!0),this.focusedIndex=foundIndex,this.scheduleToFocusCurrentItem((node=>{"single"===this.props.selectionType&&isClosed&&node&&(node.click(),this.props.onOpenChanged(!1))}))}this.textSuggestion=""},this.handleClickFocus=index=>{this.itemsClicked=!0,this.focusedIndex=index,this.focusedOriginalIndex=this.state.itemRefs[this.focusedIndex].originalIndex},this.handleDropdownMouseUp=event=>{event.nativeEvent.stopImmediatePropagation?event.nativeEvent.stopImmediatePropagation():event.stopPropagation()},this.handleItemClick=(focusIndex,item)=>{this.handleClickFocus(focusIndex),item.component.props.onClick&&item.component.props.onClick(),item.populatedProps.onClick&&item.populatedProps.onClick()},this.handleSearchTextChanged=searchText=>{const{onSearchTextChanged}=this.props;onSearchTextChanged&&onSearchTextChanged(searchText)},this.resetFocusedIndex(),this.state={prevItems:this.props.items,itemRefs:[],sameItemsFocusable:!1,labels:es_extends({noResults:es_defaultLabels.noResults,someResults:es_defaultLabels.someSelected},props.labels)},this.virtualizedListRef=react.createRef(),this.handleKeyDownDebounced=function debounce(callback,wait){let timeout;return function executedFunction(...args){clearTimeout(timeout),timeout=setTimeout((()=>{clearTimeout(timeout),callback(...args)}),wait)}}(this.handleKeyDownDebounceResult,500),this.textSuggestion=""}componentDidMount(){this.updateEventListeners(),this.maybeFocusInitialItem()}componentDidUpdate(prevProps){const{open}=this.props;if(prevProps.open!==open)this.updateEventListeners(),this.maybeFocusInitialItem();else if(open){const{itemRefs,sameItemsFocusable}=this.state;if(sameItemsFocusable)return;{const newFocusableIndex=itemRefs.findIndex((ref=>ref.originalIndex===this.focusedOriginalIndex));-1===newFocusableIndex?(this.focusedIndex=0,this.itemsClicked=!1,this.scheduleToFocusCurrentItem()):this.focusedIndex=newFocusableIndex}this.props.labels!==prevProps.labels&&this.setState({labels:es_extends({},this.state.labels,this.props.labels)})}}componentWillUnmount(){this.removeEventListeners()}resetFocusedIndex(){const{initialFocusedIndex}=this.props;if(void 0!==initialFocusedIndex)this.focusedIndex=initialFocusedIndex;else{if(this.hasSearchField()&&!this.isSearchFieldFocused())return this.focusSearchField();this.focusedIndex=0}}maybeFocusInitialItem(){const{autoFocus,open}=this.props;autoFocus&&(open?(this.resetFocusedIndex(),this.scheduleToFocusCurrentItem()):open||(this.itemsClicked=!1))}updateEventListeners(){this.props.open?this.addEventListeners():this.removeEventListeners()}addEventListeners(){document.addEventListener("mouseup",this.handleInteract),document.addEventListener("touchend",this.handleInteract)}removeEventListeners(){document.removeEventListener("mouseup",this.handleInteract),document.removeEventListener("touchend",this.handleInteract)}scheduleToFocusCurrentItem(onFocus){this.shouldVirtualizeList()?this.props.schedule.animationFrame((()=>{this.focusCurrentItem(onFocus)})):this.focusCurrentItem(onFocus)}focusCurrentItem(onFocus){const focusedItemRef=this.state.itemRefs[this.focusedIndex];if(focusedItemRef){this.virtualizedListRef.current&&this.virtualizedListRef.current.scrollToItem(focusedItemRef.originalIndex);const node=react_dom.findDOMNode(focusedItemRef.ref.current);node&&(node.focus(),this.focusedOriginalIndex=focusedItemRef.originalIndex,onFocus&&onFocus(node))}}focusSearchField(){this.searchFieldRef.current&&this.searchFieldRef.current.focus()}hasSearchField(){return!!this.props.isFilterable}isSearchFieldFocused(){return this.hasSearchField()&&document.activeElement===this.searchFieldRef.current}focusPreviousItem(){if(0===this.focusedIndex){if(this.hasSearchField()&&!this.isSearchFieldFocused())return this.focusSearchField();this.focusedIndex=this.state.itemRefs.length-1}else this.focusedIndex-=1;this.scheduleToFocusCurrentItem()}focusNextItem(){if(this.focusedIndex===this.state.itemRefs.length-1){if(this.hasSearchField()&&!this.isSearchFieldFocused())return this.focusSearchField();this.focusedIndex=0}else this.focusedIndex+=1;this.scheduleToFocusCurrentItem()}restoreTabOrder(){this.props.openerElement&&this.props.openerElement.focus()}getItemRole(){const{role}=this.props;switch(role){case"listbox":return"option";case"menu":return"menuitem";default:throw new Error(`Expected "listbox" or "menu" for role, but receieved "${role}" instead.`)}}maybeRenderNoResults(){const{items,labels:{noResults}}=this.props;return 0===items.length?react.createElement(wonder_blocks_typography_dist_es.Uc,{style:styles$3.noResult,testId:"dropdown-core-no-results"},noResults):null}shouldVirtualizeList(){return this.props.items.length>125}renderList(){let focusCounter=0;const itemRole=this.getItemRole();return this.props.items.map(((item,index)=>{if(SeparatorItem.isClassOf(item.component))return item.component;const{component,focusable,populatedProps}=item;focusable&&(focusCounter+=1);const focusIndex=focusCounter-1,currentRef=this.state.itemRefs[focusIndex]?this.state.itemRefs[focusIndex].ref:null;return react.cloneElement(component,es_extends({},populatedProps,{key:index,onClick:()=>{this.handleItemClick(focusIndex,item)},ref:focusable?currentRef:null,role:itemRole}))}))}parseVirtualizedItems(){let focusCounter=0;const itemRole=this.getItemRole();return this.props.items.map(((item,index)=>{!SeparatorItem.isClassOf(item.component)&&item.focusable&&(focusCounter+=1);const focusIndex=focusCounter-1;return es_extends({},item,{role:itemRole,ref:item.focusable&&this.state.itemRefs[focusIndex]?this.state.itemRefs[focusIndex].ref:null,onClick:()=>{this.handleItemClick(focusIndex,item)}})}))}renderVirtualizedList(){const virtualizedItems=this.parseVirtualizedItems();return react.createElement(DropdownCoreVirtualized$1,{data:virtualizedItems,listRef:this.virtualizedListRef})}renderSearchField(){const{searchText}=this.props,{labels}=this.state;return react.createElement(SearchField,{clearAriaLabel:labels.clearSearch,onChange:this.handleSearchTextChanged,placeholder:labels.filter,ref:this.searchFieldRef,style:styles$3.searchInputStyle,value:searchText||""})}renderDropdownMenu(listRenderer,isReferenceHidden){const{dropdownStyle,light,openerElement}=this.props,openerStyle=openerElement&&window.getComputedStyle(openerElement),minDropdownWidth=openerStyle?openerStyle.getPropertyValue("width"):0,maxDropdownHeight=getDropdownMenuHeight(this.props.items);return react.createElement(wonder_blocks_core_dist_es.G7,{onMouseUp:this.handleDropdownMouseUp,style:[styles$3.dropdown,light&&styles$3.light,isReferenceHidden&&styles$3.hidden,dropdownStyle],testId:"dropdown-core-container"},this.props.isFilterable&&this.renderSearchField(),react.createElement(wonder_blocks_core_dist_es.G7,{role:this.props.role,style:[styles$3.listboxOrMenu,(minWidth=minDropdownWidth,maxHeight=maxDropdownHeight,lib.StyleSheet.create({dropdownMenu:{minWidth,maxHeight}}).dropdownMenu)]},listRenderer),this.maybeRenderNoResults());var minWidth,maxHeight}renderDropdown(){const{alignment,openerElement}=this.props,listRenderer=this.shouldVirtualizeList()?this.renderVirtualizedList():this.renderList();return react.createElement(DropdownPopper,{alignment,onPopperElement:popperElement=>{this.popperElement=popperElement},referenceElement:openerElement},(isReferenceHidden=>this.renderDropdownMenu(listRenderer,isReferenceHidden)))}renderLiveRegion(){const{items,open}=this.props,{labels}=this.state,totalItems=items.length;return react.createElement(StyledSpan,{"aria-live":"polite","aria-atomic":"true","aria-relevant":"additions text",style:styles$3.srOnly,"data-test-id":"dropdown-live-region"},open&&labels.someResults(totalItems))}render(){const{open,opener,style,className}=this.props;return react.createElement(wonder_blocks_core_dist_es.G7,{onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,style:[styles$3.menuWrapper,style],className},this.renderLiveRegion(),opener,open&&this.renderDropdown())}}DropdownCore.defaultProps={alignment:"left",autoFocus:!0,enableTypeAhead:!0,labels:{clearSearch:es_defaultLabels.clearSearch,filter:es_defaultLabels.filter,noResults:es_defaultLabels.noResults,someResults:es_defaultLabels.someSelected},light:!1,selectionType:"single"};const styles$3=lib.StyleSheet.create({menuWrapper:{width:"fit-content"},dropdown:{backgroundColor:es.ZP.white,borderRadius:4,paddingTop:dist_es.Z.xxxSmall_4,paddingBottom:dist_es.Z.xxxSmall_4,border:`solid 1px ${es.ZP.offBlack16}`,boxShadow:`0px 8px 8px 0px ${(0,es.U1)(es.ZP.offBlack,.1)}`},light:{border:"none"},listboxOrMenu:{overflowY:"auto"},hidden:{pointerEvents:"none",visibility:"hidden"},noResult:{color:es.ZP.offBlack64,alignSelf:"center",marginTop:dist_es.Z.xxSmall_6},searchInputStyle:{margin:dist_es.Z.xSmall_8,marginTop:dist_es.Z.xxxSmall_4,minHeight:"auto"},srOnly:{border:0,clip:"rect(0,0,0,0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}});var DropdownCore$1=(0,wonder_blocks_timing_dist_es.$K)(DropdownCore);const _excluded$4=["children","disabled","focused","hovered","pressed","waiting","testId","opened","aria-label"],StyledButton$1=(0,wonder_blocks_core_dist_es.cu)("button");class ActionMenuOpenerCore extends react.Component{render(){const _this$props=this.props,{children,disabled:disabledProp,focused,hovered,pressed,testId,opened,"aria-label":ariaLabel}=_this$props,restProps=dist_es_objectWithoutPropertiesLoose(_this$props,_excluded$4),buttonColor=es.qe.controlDefault,buttonStyles=_generateStyles$1(buttonColor),disabled=disabledProp,defaultStyle=[sharedStyles.shared,disabled&&sharedStyles.disabled,buttonStyles.default,disabled&&buttonStyles.disabled,!disabled&&pressed&&buttonStyles.active],label=react.createElement(wonder_blocks_typography_dist_es.D9,{style:sharedStyles.text},children);return react.createElement(StyledButton$1,es_extends({"aria-expanded":opened?"true":"false","aria-haspopup":"menu","aria-label":ariaLabel,disabled,style:defaultStyle,type:"button"},restProps,{"data-test-id":testId}),react.createElement(wonder_blocks_core_dist_es.G7,{style:!disabled&&(hovered||focused)&&buttonStyles.focus},label),react.createElement(wonder_blocks_layout_dist_es.x9,{size:dist_es.Z.xxxSmall_4}),react.createElement(wonder_blocks_icon_dist_es.Z,{size:"small",color:"currentColor",icon:wonder_blocks_icon_dist_es.c.caretDown}))}}const sharedStyles=lib.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:DROPDOWN_ITEM_HEIGHT,border:"none",borderRadius:dist_es.Z.xxxSmall_4,cursor:"pointer",outline:"none",textDecoration:"none",boxSizing:"border-box",touchAction:"manipulation",":focus":{WebkitTapHighlightColor:"rgba(0,0,0,0)"}},disabled:{cursor:"auto"},small:{height:dist_es.Z.xLarge_32},text:{textAlign:"left",display:"inline-block",alignItems:"center",fontWeight:"bold",userSelect:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",pointerEvents:"none"},hiddenText:{visibility:"hidden"},spinner:{position:"absolute"}}),styles$2={},_generateStyles$1=color=>{const buttonType=color;if(styles$2[buttonType])return styles$2[buttonType];const{offBlack32}=es.ZP;let newStyles={};return newStyles={default:{background:"none",color},focus:{":after":{content:"''",position:"absolute",height:2,left:0,right:0,bottom:-1,background:"currentColor",borderRadius:2}},active:{color:(0,es.CD)(offBlack32,color)},disabled:{color:offBlack32,cursor:"default"}},styles$2[buttonType]=lib.StyleSheet.create(newStyles),styles$2[buttonType]},_excluded$3=["text"];class ActionMenu extends react.Component{constructor(...args){super(...args),this.openerElement=void 0,this.state={opened:!1},this.handleItemSelected=()=>{this.handleOpenChanged(!1),this.openerElement&&this.openerElement.focus()},this.handleOpenChanged=opened=>{this.setState({opened}),this.props.onToggle&&this.props.onToggle(opened)},this.handleOptionSelected=selectedValue=>{const{onChange,selectedValues}=this.props;if(onChange&&selectedValues){if(selectedValues.includes(selectedValue)){const index=selectedValues.indexOf(selectedValue);onChange([...selectedValues.slice(0,index),...selectedValues.slice(index+1)])}else onChange([...selectedValues,selectedValue]);this.handleItemSelected()}},this.handleOpenerRef=node=>{this.openerElement=react_dom.findDOMNode(node)},this.handleClick=e=>{this.handleOpenChanged(!this.state.opened)}}static getDerivedStateFromProps(props,state){return{opened:"boolean"==typeof props.opened?props.opened:state.opened}}getMenuItems(){const{children,selectedValues}=this.props,allChildren=react.Children.toArray(children).filter(Boolean),isOptionItemIncluded=allChildren.some((item=>OptionItem.isClassOf(item)));return allChildren.map((item=>{const{value,disabled}=item.props,itemObject={component:item,focusable:!(!ActionItem.isClassOf(item)&&!OptionItem.isClassOf(item))&&!disabled,populatedProps:{}};return ActionItem.isClassOf(item)?es_extends({},itemObject,{populatedProps:{indent:isOptionItemIncluded,onClick:this.handleItemSelected}}):OptionItem.isClassOf(item)?es_extends({},itemObject,{populatedProps:{onToggle:this.handleOptionSelected,selected:!!selectedValues&&selectedValues.includes(value),variant:"check"}}):itemObject}))}renderOpener(numItems){const{disabled,menuText,opener,testId}=this.props,{opened}=this.state;return react.createElement(DropdownOpener,{onClick:this.handleClick,disabled:0===numItems||disabled,text:menuText,ref:this.handleOpenerRef,testId:opener?void 0:testId},opener||(openerProps=>{const eventState=dist_es_objectWithoutPropertiesLoose(openerProps,_excluded$3);return react.createElement(ActionMenuOpenerCore,es_extends({},eventState,{disabled,opened:!!opened,testId}),menuText)}))}render(){const{alignment,dropdownStyle,style,className}=this.props,items=this.getMenuItems(),dropdownOpener=this.renderOpener(items.length);return react.createElement(DropdownCore$1,{role:"menu",style,className,opener:dropdownOpener,alignment,open:this.state.opened,items,openerElement:this.openerElement,onOpenChanged:this.handleOpenChanged,dropdownStyle:[styles$1.menuTopSpace,dropdownStyle]})}}ActionMenu.defaultProps={alignment:"left",disabled:!1};const styles$1=lib.StyleSheet.create({caret:{marginLeft:4},opener:{whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},menuTopSpace:{top:-4}}),_excluded$2=["children","disabled","id","isPlaceholder","light","open","testId","onOpenChanged"],StyledButton=(0,wonder_blocks_core_dist_es.cu)("button"),{blue,white,white50,offBlack,offBlack16,offBlack32,offBlack64}=es.ZP;class SelectOpener extends react.Component{constructor(...args){super(...args),this.handleClick=e=>{const{open}=this.props;this.props.onOpenChanged(!open)}}renderClickableBehavior(router){const _this$props=this.props,{children,disabled,id,isPlaceholder,light,open,testId}=_this$props,sharedProps=dist_es_objectWithoutPropertiesLoose(_this$props,_excluded$2),ClickableBehavior=(0,wonder_blocks_clickable_dist_es.nJ)(router);return react.createElement(ClickableBehavior,{disabled,onClick:this.handleClick},((state,childrenProps)=>{const stateStyles=_generateStyles(light,isPlaceholder),{hovered,focused,pressed}=state,iconColor=light?disabled||pressed?"currentColor":white:disabled?offBlack32:offBlack64,style=[es_styles.shared,stateStyles.default,disabled&&stateStyles.disabled,!disabled&&(pressed?stateStyles.active:(hovered||focused)&&stateStyles.focus)];return react.createElement(StyledButton,es_extends({},sharedProps,{"aria-expanded":open?"true":"false","aria-haspopup":"listbox","data-test-id":testId,disabled,id,style,type:"button"},childrenProps),react.createElement(wonder_blocks_typography_dist_es.Uc,{style:es_styles.text},children||" "),react.createElement(wonder_blocks_icon_dist_es.Z,{icon:wonder_blocks_icon_dist_es.c.caretDown,color:iconColor,size:"small",style:es_styles.caret,"aria-hidden":"true"}))}))}render(){return react.createElement(react_router.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}SelectOpener.defaultProps={disabled:!1,light:!1,isPlaceholder:!1};const es_styles=lib.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"space-between",color:offBlack,height:DROPDOWN_ITEM_HEIGHT,paddingLeft:16,paddingRight:12,borderWidth:0,borderRadius:4,borderStyle:"solid",outline:"none",textDecoration:"none",boxSizing:"border-box",whiteSpace:"nowrap",touchAction:"manipulation"},text:{marginRight:dist_es.Z.xSmall_8,whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},caret:{minWidth:16}}),stateStyles={},_generateStyles=(light,placeholder)=>{const styleKey=`${String(light)}-${String(placeholder)}`;if(stateStyles[styleKey])return stateStyles[styleKey];let newStyles={};return newStyles=light?{default:{background:"transparent",color:placeholder?white50:white,borderColor:white50,borderWidth:1},focus:{borderColor:white,borderWidth:2,paddingLeft:15,paddingRight:11},active:{paddingLeft:15,paddingRight:11,borderColor:(0,es.CD)((0,es.U1)(blue,.32),white),borderWidth:2,color:placeholder?(0,es.CD)((0,es.U1)(white,.32),blue):(0,es.CD)((0,es.U1)(blue,.32),white),backgroundColor:(0,es.CD)(offBlack32,blue)},disabled:{borderColor:(0,es.CD)((0,es.U1)(white,.32),blue),color:(0,es.CD)((0,es.U1)(white,.32),blue),cursor:"auto"}}:{default:{background:white,borderColor:offBlack16,borderWidth:1,color:placeholder?offBlack64:offBlack},focus:{borderColor:blue,borderWidth:2,paddingLeft:15,paddingRight:11},active:{background:(0,es.CD)((0,es.U1)(blue,.32),white),borderColor:(0,es.CD)(offBlack32,blue),borderWidth:2,paddingLeft:15,paddingRight:11},disabled:{background:es.ZP.offWhite,borderColor:offBlack16,color:offBlack64,cursor:"auto"}},stateStyles[styleKey]=lib.StyleSheet.create(newStyles),stateStyles[styleKey]},_excluded$1=["children","disabled","id","light","opener","placeholder","selectedValue","testId","alignment","autoFocus","dropdownStyle","enableTypeAhead","isFilterable","labels","onChange","onToggle","opened","style","className"];class SingleSelect extends react.Component{constructor(props){super(props),this.selectedIndex=void 0,this.handleOpenChanged=opened=>{this.setState({open:opened,searchText:""}),this.props.onToggle&&this.props.onToggle(opened)},this.handleToggle=selectedValue=>{selectedValue!==this.props.selectedValue&&this.props.onChange(selectedValue),this.state.open&&this.state.openerElement&&this.state.openerElement.focus(),this.setState({open:!1}),this.props.onToggle&&this.props.onToggle(!1)},this.mapOptionItemsToDropdownItems=children=>{let indexCounter=0;return this.selectedIndex=0,children.map((option=>{const{selectedValue}=this.props,{disabled,value}=option.props,selected=selectedValue===value;return selected&&(this.selectedIndex=indexCounter),disabled||(indexCounter+=1),{component:option,focusable:!disabled,populatedProps:{onToggle:this.handleToggle,selected,variant:"check"}}}))},this.handleSearchTextChanged=searchText=>{this.setState({searchText})},this.handleOpenerRef=node=>{const openerElement=react_dom.findDOMNode(node);this.setState({openerElement})},this.handleClick=e=>{this.handleOpenChanged(!this.state.open)},this.selectedIndex=0,this.state={open:!1,searchText:"",openerElement:null}}static getDerivedStateFromProps(props,state){return{open:"boolean"==typeof props.opened?props.opened:state.open}}filterChildren(children){const{searchText}=this.state,lowercasedSearchText=searchText.toLowerCase();return children.filter((({props})=>!searchText||props.label.toLowerCase().indexOf(lowercasedSearchText)>-1))}getMenuItems(children){const{isFilterable}=this.props;return this.mapOptionItemsToDropdownItems(isFilterable?this.filterChildren(children):children)}renderOpener(numItems){const _this$props=this.props,{children,disabled,id,light,opener,placeholder,selectedValue,testId}=_this$props,sharedProps=dist_es_objectWithoutPropertiesLoose(_this$props,_excluded$1),selectedItem=react.Children.toArray(children).find((option=>option.props.value===selectedValue)),menuText=selectedItem?selectedItem.props.label:placeholder;return opener?react.createElement(DropdownOpener,{onClick:this.handleClick,disabled:0===numItems||disabled,ref:this.handleOpenerRef,text:menuText},opener):react.createElement(SelectOpener,es_extends({},sharedProps,{disabled:0===numItems||disabled,id,isPlaceholder:!selectedItem,light,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId}),menuText)}render(){const{alignment,autoFocus,children,className,dropdownStyle,enableTypeAhead,isFilterable,labels,light,style}=this.props,{searchText}=this.state,allChildren=react.Children.toArray(children).filter(Boolean),items=this.getMenuItems(allChildren),opener=this.renderOpener(allChildren.length);return react.createElement(DropdownCore$1,{role:"listbox",selectionType:"single",alignment,autoFocus,enableTypeAhead,dropdownStyle:[isFilterable&&filterableDropdownStyle,selectDropdownStyle,dropdownStyle],initialFocusedIndex:this.selectedIndex,items,light,onOpenChanged:this.handleOpenChanged,open:this.state.open,opener,openerElement:this.state.openerElement,style,className,isFilterable,onSearchTextChanged:isFilterable?this.handleSearchTextChanged:void 0,searchText:isFilterable?searchText:"",labels})}}SingleSelect.defaultProps={alignment:"left",autoFocus:!0,disabled:!1,enableTypeAhead:!0,light:!1,labels:{clearSearch:es_defaultLabels.clearSearch,filter:es_defaultLabels.filter,noResults:es_defaultLabels.noResults,someResults:es_defaultLabels.someSelected}};const es_excluded=["disabled","id","light","opener","testId","alignment","dropdownStyle","implicitAllEnabled","isFilterable","labels","onChange","onToggle","opened","selectedValues","shortcuts","style","className"];class MultiSelect extends react.Component{constructor(props){super(props),this.labels=void 0,this.handleOpenChanged=opened=>{this.setState({open:opened,searchText:"",lastSelectedValues:this.props.selectedValues}),this.props.onToggle&&this.props.onToggle(opened)},this.handleToggle=selectedValue=>{const{onChange,selectedValues}=this.props;if(selectedValues.includes(selectedValue)){const index=selectedValues.indexOf(selectedValue);onChange([...selectedValues.slice(0,index),...selectedValues.slice(index+1)])}else onChange([...selectedValues,selectedValue])},this.handleSelectAll=()=>{const{children,onChange}=this.props;onChange(react.Children.toArray(children).filter(Boolean).map((option=>option.props.value)))},this.handleSelectNone=()=>{const{onChange}=this.props;onChange([])},this.mapOptionItemToDropdownItem=option=>{const{selectedValues}=this.props,{disabled,value}=option.props;return{component:option,focusable:!disabled,populatedProps:{onToggle:this.handleToggle,selected:selectedValues.includes(value),variant:"checkbox"}}},this.handleOpenerRef=node=>{const openerElement=react_dom.findDOMNode(node);this.setState({openerElement})},this.handleSearchTextChanged=searchText=>{this.setState({searchText})},this.handleClick=e=>{this.handleOpenChanged(!this.state.open)},this.state={open:!1,searchText:"",lastSelectedValues:[],labels:es_extends({},es_defaultLabels,props.labels),openerElement:null},this.labels=es_extends({},es_defaultLabels,props.labels)}static getDerivedStateFromProps(props,state){return{open:"boolean"==typeof props.opened?props.opened:state.open}}componentDidUpdate(prevProps){this.props.labels!==prevProps.labels&&this.setState({labels:es_extends({},this.state.labels,this.props.labels)})}getMenuText(children){const{implicitAllEnabled,selectedValues}=this.props,{noneSelected,someSelected,allSelected}=this.state.labels,noSelectionText=implicitAllEnabled?allSelected:noneSelected;switch(selectedValues.length){case 0:return noSelectionText;case 1:const selectedItem=children.find((option=>option.props.value===selectedValues[0]));return selectedItem?selectedItem.props.label:noSelectionText;case children.length:return allSelected;default:return someSelected(selectedValues.length)}}getShortcuts(numOptions){const{selectedValues,shortcuts}=this.props,{selectAllLabel,selectNoneLabel}=this.state.labels;if(shortcuts&&!this.state.searchText){const selectAllDisabled=numOptions===selectedValues.length,selectAll={component:react.createElement(ActionItem,{disabled:selectAllDisabled,label:selectAllLabel(numOptions),indent:!0,onClick:this.handleSelectAll}),focusable:!selectAllDisabled,populatedProps:{}},selectNoneDisabled=0===selectedValues.length;return[selectAll,{component:react.createElement(ActionItem,{disabled:selectNoneDisabled,label:selectNoneLabel,indent:!0,onClick:this.handleSelectNone}),focusable:!selectNoneDisabled,populatedProps:{}},{component:react.createElement(SeparatorItem,{key:"shortcuts-separator"}),focusable:!1,populatedProps:{}}]}return[]}getMenuItems(children){const{isFilterable}=this.props;if(!isFilterable)return children.map(this.mapOptionItemToDropdownItem);const{searchText,lastSelectedValues}=this.state,lowercasedSearchText=searchText.toLowerCase(),filteredChildren=children.filter((({props})=>!searchText||props.label.toLowerCase().indexOf(lowercasedSearchText)>-1)),lastSelectedChildren=[],restOfTheChildren=[];for(const child of filteredChildren)lastSelectedValues.includes(child.props.value)?lastSelectedChildren.push(child):restOfTheChildren.push(child);const lastSelectedItems=lastSelectedChildren.map(this.mapOptionItemToDropdownItem);return lastSelectedChildren.length&&restOfTheChildren.length&&lastSelectedItems.push({component:react.createElement(SeparatorItem,{key:"selected-separator"}),focusable:!1,populatedProps:{}}),[...lastSelectedItems,...restOfTheChildren.map(this.mapOptionItemToDropdownItem)]}renderOpener(allChildren){const _this$props=this.props,{disabled,id,light,opener,testId}=_this$props,sharedProps=dist_es_objectWithoutPropertiesLoose(_this$props,es_excluded),{noneSelected}=this.state.labels,menuText=this.getMenuText(allChildren),numOptions=allChildren.length;return opener?react.createElement(DropdownOpener,{onClick:this.handleClick,disabled:0===numOptions||disabled,ref:this.handleOpenerRef,text:menuText},opener):react.createElement(SelectOpener,es_extends({},sharedProps,{disabled:0===numOptions||disabled,id,isPlaceholder:menuText===noneSelected,light,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId}),menuText)}render(){const{alignment,light,style,className,dropdownStyle,children,isFilterable}=this.props,{open,searchText}=this.state,{clearSearch,filter,noResults,someSelected}=this.state.labels,allChildren=react.Children.toArray(children).filter(Boolean),numOptions=allChildren.length,filteredItems=this.getMenuItems(allChildren),opener=this.renderOpener(allChildren);return react.createElement(DropdownCore$1,{role:"listbox",alignment,dropdownStyle:[isFilterable&&filterableDropdownStyle,selectDropdownStyle,dropdownStyle],isFilterable,items:[...this.getShortcuts(numOptions),...filteredItems],light,onOpenChanged:this.handleOpenChanged,open,opener,openerElement:this.state.openerElement,selectionType:"multi",style,className,onSearchTextChanged:isFilterable?this.handleSearchTextChanged:void 0,searchText:isFilterable?searchText:"",labels:{clearSearch,filter,noResults,someResults:someSelected}})}}MultiSelect.defaultProps={alignment:"left",disabled:!1,light:!1,shortcuts:!1,selectedValues:[]}},"./node_modules/@khanacademy/wonder-blocks-form/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{nv:()=>TextField$1});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js"),_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-layout/dist/es/index.js"),_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js"),_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js"),_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$4=["checked","disabled","error","groupName","id","testId","hovered","focused","pressed","waiting"],{blue:blue$1,red:red$1,white:white$1,offWhite:offWhite$1,offBlack16:offBlack16$1,offBlack32:offBlack32$1,offBlack50:offBlack50$1}=_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP,StyledInput$1=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("input"),checkboxCheck={small:"M11.263 4.324a1 1 0 1 1 1.474 1.352l-5.5 6a1 1 0 0 1-1.505-.036l-2.5-3a1 1 0 1 1 1.536-1.28L6.536 9.48l4.727-5.157z"};class CheckboxCore extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.handleChange=()=>{}}render(){const _this$props=this.props,{checked,disabled,error,groupName,id,testId,hovered,focused,pressed}=_this$props,sharedProps=_objectWithoutPropertiesLoose(_this$props,_excluded$4),stateStyles=_generateStyles$1(checked,error),defaultStyle=[sharedStyles$1.inputReset,sharedStyles$1.default,stateStyles.default,!disabled&&(pressed?stateStyles.active:(hovered||focused)&&stateStyles.focus),disabled&&sharedStyles$1.disabled],props={"data-test-id":testId};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledInput$1,_extends({},sharedProps,{type:"checkbox","aria-invalid":error,checked,disabled,id,name:groupName,onChange:this.handleChange,style:defaultStyle},props)),checked&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_8__.Z,{color:disabled?offBlack32$1:white$1,icon:checkboxCheck,size:"small",style:sharedStyles$1.checkIcon}))}}const sharedStyles$1=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:16,width:16,minHeight:16,minWidth:16,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:3},disabled:{cursor:"auto",backgroundColor:offWhite$1,borderColor:offBlack16$1,borderWidth:1},checkIcon:{position:"absolute",pointerEvents:"none"}}),fadedBlue$1=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.U1)(blue$1,.16),white$1),activeBlue$1=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)(offBlack32$1,blue$1),fadedRed$1=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.U1)(red$1,.08),white$1),activeRed$1=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)(offBlack32$1,red$1),colors$1={default:{faded:fadedBlue$1,base:blue$1,active:activeBlue$1},error:{faded:fadedRed$1,base:red$1,active:activeRed$1}},styles$5={},_generateStyles$1=(checked,error)=>{const styleKey=`${String(checked)}-${String(error)}`;if(styles$5[styleKey])return styles$5[styleKey];const palette=error?colors$1.error:colors$1.default;let newStyles={};return newStyles=checked?{default:{backgroundColor:palette.base,borderWidth:0},focus:{boxShadow:`0 0 0 1px ${white$1}, 0 0 0 3px ${palette.base}`},active:{boxShadow:`0 0 0 1px ${white$1}, 0 0 0 3px ${palette.active}`,background:palette.active}}:{default:{backgroundColor:error?fadedRed$1:white$1,borderColor:error?red$1:offBlack50$1},focus:{backgroundColor:error?fadedRed$1:white$1,borderColor:palette.base,borderWidth:2},active:{backgroundColor:palette.faded,borderColor:error?activeRed$1:blue$1,borderWidth:2}},styles$5[styleKey]=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create(newStyles),styles$5[styleKey]},_excluded$3=["checked","disabled","error","groupName","id","testId","hovered","focused","pressed","waiting"],{blue,red,white,offWhite,offBlack16,offBlack32,offBlack50}=_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP,StyledInput=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("input");class RadioCore extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.handleChange=()=>{}}render(){const _this$props=this.props,{checked,disabled,error,groupName,id,testId,hovered,focused,pressed}=_this$props,sharedProps=_objectWithoutPropertiesLoose(_this$props,_excluded$3),stateStyles=_generateStyles(checked,error),defaultStyle=[sharedStyles.inputReset,sharedStyles.default,stateStyles.default,!disabled&&(pressed?stateStyles.active:(hovered||focused)&&stateStyles.focus),disabled&&sharedStyles.disabled],props={"data-test-id":testId};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledInput,_extends({},sharedProps,{type:"radio","aria-invalid":error,checked,disabled,id,name:groupName,onChange:this.handleChange,style:defaultStyle},props)),disabled&&checked&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{style:disabledChecked}))}}const disabledChecked={position:"absolute",top:4,left:4,height:8,width:8,borderRadius:"50%",backgroundColor:offBlack32},sharedStyles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:16,width:16,minHeight:16,minWidth:16,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:"50%"},disabled:{cursor:"auto",backgroundColor:offWhite,borderColor:offBlack16,borderWidth:1}}),fadedBlue=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.U1)(blue,.16),white),activeBlue=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)(offBlack32,blue),fadedRed=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.U1)(red,.08),white),activeRed=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)(offBlack32,red),colors={default:{faded:fadedBlue,base:blue,active:activeBlue},error:{faded:fadedRed,base:red,active:activeRed}},styles$4={},_generateStyles=(checked,error)=>{const styleKey=`${String(checked)}-${String(error)}`;if(styles$4[styleKey])return styles$4[styleKey];const palette=error?colors.error:colors.default;let newStyles={};return newStyles=checked?{default:{backgroundColor:white,borderColor:palette.base,borderWidth:4},focus:{boxShadow:`0 0 0 1px ${white}, 0 0 0 3px ${palette.base}`},active:{boxShadow:`0 0 0 1px ${white}, 0 0 0 3px ${palette.active}`,borderColor:palette.active}}:{default:{backgroundColor:error?fadedRed:white,borderColor:error?red:offBlack50},focus:{backgroundColor:error?fadedRed:white,borderColor:palette.base,borderWidth:2},active:{backgroundColor:palette.faded,borderColor:error?activeRed:blue,borderWidth:2}},styles$4[styleKey]=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create(newStyles),styles$4[styleKey]},_excluded$2=["label","description","onChange","style","className","variant"];class ChoiceInternal extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.handleLabelClick=event=>{event.preventDefault()},this.handleClick=()=>{const{checked,onChange,variant}=this.props;"radio"===variant&&checked||onChange(!checked)}}getChoiceCoreComponent(){return"radio"===this.props.variant?RadioCore:CheckboxCore}getLabel(){const{disabled,id,label}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.Uc,{style:[styles$3.label,disabled&&styles$3.disabledLabel]},react__WEBPACK_IMPORTED_MODULE_0__.createElement("label",{htmlFor:id,onClick:this.handleLabelClick},label))}getDescription(id){const{description}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.S$,{style:styles$3.description,id},description)}render(){const _this$props=this.props,{label,description,style,className,variant}=_this$props,coreProps=_objectWithoutPropertiesLoose(_this$props,_excluded$2),ChoiceCore=this.getChoiceCoreComponent(),ClickableBehavior=(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_4__.nJ)();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.t5,{mockOnFirstRender:!0,scope:"choice"},(ids=>{const descriptionId=description?ids.get("description"):void 0;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style,className},react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:coreProps.disabled,onClick:this.handleClick,role:variant},((state,childrenProps)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,_extends({style:styles$3.wrapper},childrenProps,{tabIndex:-1}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(ChoiceCore,_extends({},coreProps,state,{"aria-describedby":descriptionId})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8}),label&&this.getLabel()))),description&&this.getDescription(descriptionId))}))}}ChoiceInternal.defaultProps={checked:!1,disabled:!1,error:!1};const styles$3=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{flexDirection:"row",alignItems:"flex-start",outline:"none"},label:{userSelect:"none",marginTop:-2},disabledLabel:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack32},description:{marginLeft:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.medium_16+_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8,marginTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64}});class Checkbox extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ChoiceInternal,_extends({variant:"checkbox"},this.props))}}Checkbox.defaultProps={disabled:!1,error:!1};class Radio extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ChoiceInternal,_extends({variant:"radio"},this.props))}}Radio.defaultProps={disabled:!1,error:!1};const _excluded$1=["value","variant"];class Choice extends react__WEBPACK_IMPORTED_MODULE_0__.Component{getChoiceComponent(variant){return"checkbox"===variant?Checkbox:Radio}render(){const _this$props=this.props,{variant}=_this$props,remainingProps=_objectWithoutPropertiesLoose(_this$props,_excluded$1),ChoiceComponent=this.getChoiceComponent(variant);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ChoiceComponent,remainingProps)}}Choice.defaultProps={checked:!1,disabled:!1,onChange:()=>{}};aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({fieldset:{border:"none",padding:0,margin:0},legend:{padding:0},description:{marginTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64},error:{marginTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red},defaultLineGap:{marginTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8}}),(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("fieldset"),(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("legend");class CheckboxGroup extends react__WEBPACK_IMPORTED_MODULE_0__.Component{handleChange(changedValue,originalCheckedState){const{onChange,selectedValues}=this.props;if(originalCheckedState){const index=selectedValues.indexOf(changedValue);onChange([...selectedValues.slice(0,index),...selectedValues.slice(index+1)])}else onChange([...selectedValues,changedValue])}render(){const{children,label,description,errorMessage,groupName,selectedValues,style,testId}=this.props,allChildren=React.Children.toArray(children).filter(Boolean);return React.createElement(StyledFieldset$1,{"data-test-id":testId,style:styles$2.fieldset},React.createElement(View,{style},label&&React.createElement(StyledLegend$1,{style:styles$2.legend},React.createElement(LabelMedium,null,label)),description&&React.createElement(LabelSmall,{style:styles$2.description},description),errorMessage&&React.createElement(LabelSmall,{style:styles$2.error},errorMessage),(label||description||errorMessage)&&React.createElement(Strut,{size:Spacing.small_12}),allChildren.map(((child,index)=>{const{style,value}=child.props,checked=selectedValues.includes(value);return React.cloneElement(child,{checked,error:!!errorMessage,groupName,id:`${groupName}-${value}`,key:value,onChange:()=>this.handleChange(value,checked),style:[index>0&&styles$2.defaultLineGap,style],variant:"checkbox"})}))))}}(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("fieldset"),(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("legend");class RadioGroup extends react__WEBPACK_IMPORTED_MODULE_0__.Component{handleChange(changedValue){this.props.onChange(changedValue)}render(){const{children,label,description,errorMessage,groupName,selectedValue,style,testId}=this.props,allChildren=React.Children.toArray(children).filter(Boolean);return React.createElement(StyledFieldset,{"data-test-id":testId,style:styles$2.fieldset},React.createElement(View,{style},label&&React.createElement(StyledLegend,{style:styles$2.legend},React.createElement(LabelMedium,null,label)),description&&React.createElement(LabelSmall,{style:styles$2.description},description),errorMessage&&React.createElement(LabelSmall,{style:styles$2.error},errorMessage),(label||description||errorMessage)&&React.createElement(Strut,{size:Spacing.small_12}),allChildren.map(((child,index)=>{const{style,value}=child.props,checked=selectedValue===value;return React.cloneElement(child,{checked,error:!!errorMessage,groupName,id:`${groupName}-${value}`,key:value,onChange:()=>this.handleChange(value),style:[index>0&&styles$2.defaultLineGap,style],variant:"radio"})}))))}}const _excluded=["id","type","value","disabled","onKeyDown","placeholder","light","style","testId","readOnly","autoComplete","forwardedRef","onFocus","onBlur","onValidate","validate","onChange","required"];class TextField extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(props){super(props),this.state={error:null,focused:!1},this.maybeValidate=newValue=>{const{validate,onValidate,required}=this.props;if(validate){const maybeError=validate(newValue)||null;this.setState({error:maybeError},(()=>{onValidate&&onValidate(maybeError)}))}else if(required){const maybeError=newValue?null:"string"==typeof required?required:"This field is required.";this.setState({error:maybeError},(()=>{onValidate&&onValidate(maybeError)}))}},this.handleChange=event=>{const{onChange}=this.props,newValue=event.target.value;this.maybeValidate(newValue),onChange(newValue)},this.handleFocus=event=>{const{onFocus}=this.props;this.setState({focused:!0},(()=>{onFocus&&onFocus(event)}))},this.handleBlur=event=>{const{onBlur}=this.props;this.setState({focused:!1},(()=>{onBlur&&onBlur(event)}))},props.validate&&""!==props.value&&(this.state.error=props.validate(props.value)||null)}componentDidMount(){""!==this.props.value&&this.maybeValidate(this.props.value)}render(){const _this$props=this.props,{id,type,value,disabled,onKeyDown,placeholder,light,style,testId,readOnly,autoComplete,forwardedRef}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",_extends({className:(0,aphrodite__WEBPACK_IMPORTED_MODULE_1__.css)([styles$1.input,_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.W2.LabelMedium,styles$1.default,disabled?styles$1.disabled:this.state.focused?[styles$1.focused,light&&styles$1.defaultLight]:this.state.error&&[styles$1.error,light&&styles$1.errorLight],style&&style]),id,type,placeholder,value,disabled,onChange:this.handleChange,onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,"data-test-id":testId,readOnly,autoComplete,ref:forwardedRef},otherProps))}}TextField.defaultProps={type:"text",disabled:!1,light:!1};const styles$1=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({input:{width:"100%",height:40,borderRadius:4,boxSizing:"border-box",paddingLeft:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.medium_16,margin:0,outline:"none",boxShadow:"none"},default:{background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.white,border:`1px solid ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack16}`,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack,"::placeholder":{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64}},error:{background:`${(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.U1)(_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red,.06),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.white)}`,border:`1px solid ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red}`,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack,"::placeholder":{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64}},disabled:{background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offWhite,border:`1px solid ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack16}`,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64,"::placeholder":{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack32}},focused:{background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.white,border:`1px solid ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.blue}`,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack,"::placeholder":{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64}},defaultLight:{boxShadow:`0px 0px 0px 1px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.blue}, 0px 0px 0px 2px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.white}`},errorLight:{boxShadow:`0px 0px 0px 1px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red}, 0px 0px 0px 2px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.white}`}});var TextField$1=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,ref)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(TextField,_extends({},props,{forwardedRef:ref}))));const StyledSpan=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("span");class FieldHeading extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderLabel(){const{label,id,required,testId}=this.props,requiredIcon=react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSpan,{style:styles.required,"aria-hidden":!0}," ","*");return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.Uc,{style:styles.label,tag:"label",htmlFor:id&&`${id}-field`,testId:testId&&`${testId}-label`},label,required&&requiredIcon),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4}))}maybeRenderDescription(){const{description,testId}=this.props;return description?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.S$,{style:styles.description,testId:testId&&`${testId}-description`},description),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4})):null}maybeRenderError(){const{error,id,testId}=this.props;return error?react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.small_12}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_7__.S$,{style:styles.error,role:"alert",id:id&&`${id}-error`,testId:testId&&`${testId}-error`},error)):null}render(){const{field,style}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style},this.renderLabel(),this.maybeRenderDescription(),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_5__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8}),field,this.maybeRenderError())}}const styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({label:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack},description:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.offBlack64},error:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red},required:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_2__.ZP.red}});class LabeledTextField extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(props){super(props),this.handleValidate=errorMessage=>{const{onValidate}=this.props;this.setState({error:errorMessage},(()=>{onValidate&&onValidate(errorMessage)}))},this.handleFocus=event=>{const{onFocus}=this.props;this.setState({focused:!0},(()=>{onFocus&&onFocus(event)}))},this.handleBlur=event=>{const{onBlur}=this.props;this.setState({focused:!1},(()=>{onBlur&&onBlur(event)}))},this.state={error:null,focused:!1}}render(){const{id,type,label,description,value,disabled,required,validate,onChange,onKeyDown,placeholder,light,style,testId,readOnly,autoComplete,forwardedRef,ariaDescribedby}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.Uj,{id,scope:"labeled-text-field"},(uniqueId=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(FieldHeading,{id:uniqueId,testId,style,field:react__WEBPACK_IMPORTED_MODULE_0__.createElement(TextField$1,{id:`${uniqueId}-field`,"aria-describedby":ariaDescribedby||`${uniqueId}-error`,"aria-invalid":this.state.error?"true":"false","aria-required":required?"true":"false",required,testId:testId&&`${testId}-field`,type,value,placeholder,disabled,validate,onValidate:this.handleValidate,onChange,onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,light,readOnly,autoComplete,ref:forwardedRef}),label,description,required:!!required,error:!this.state.focused&&this.state.error||""})))}}LabeledTextField.defaultProps={type:"text",disabled:!1,light:!1};react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,ref)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(LabeledTextField,_extends({},props,{forwardedRef:ref}))))},"./node_modules/@khanacademy/wonder-blocks-i18n/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$_:()=>$_,Yz:()=>getDecimalSeparator,_:()=>_,lR:()=>doNotTranslate,qP:()=>ngettext});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const ACCENT_MAP={a:"áàăắặâấåäãąā",A:"ÁÀĂẮẶÂẤÅÄÃĄĀ",b:"ƀḃḅ",B:"ɃḂḄ",c:"ćĉčç",C:"ĆĈČÇ",d:"ďđḑ",D:"ĎĐḐ",e:"éèêềěëėęē",E:"ÉÈÊỀĚËĖĘĒ",f:"ḟ",F:"Ḟ",g:"ĝǧģ",G:"ĜǦĢ",h:"ĥȟħḥ",H:"ĤȞĦḤ",i:"íìîïįī",I:"ÎÏÍÌĮĪ",j:"ĵ",J:"Ĵ",k:"ķḱ",K:"ĶḰ",l:"ĺľłļḷ",L:"ĹĽŁĻḶ",m:"ḿṁṃm̃",M:"ḾṀṂM̃",n:"ńňñņŋ",N:"ŃŇÑŅŊ",o:"óòôöőõȯȱøōỏ",O:"ÓÒÔÖŐÕȮȰØŌỏ",p:"ṕṗᵽ",P:"ṔṖⱣ",q:"ʠ",Q:"Ɋ",r:"ŕřŗ",R:"ŔŘŖ",s:"śŝšș",S:"ŚŜŠŞ",t:"ťț",T:"ŤŢ",u:"úùŭûůüųűūư",U:"ÚÙŬÛŮÜŲŰŪƯ",v:"ṽṿ",V:"ṼṾ",w:"ẃẁŵẅ",W:"ẂẀŴẄ",y:"ý",Y:"Ý",x:"ẍẋ",X:"ẌẊ",z:"źžż",Z:"ŹŽŻ"},SubstitutionRegex=new RegExp(`[${Object.keys(ACCENT_MAP).join("")}]`,"g");const AlphaNumRegex=/\w/g;let __locale="en";const getLocale=()=>__locale,Translators={boxes:new class Boxes{translate(input){return input?input.startsWith("&")?"□":input.replace(AlphaNumRegex,"□"):""}},accents:new class Accents{constructor(scaleFactor=1){if(this._scaleFactor=void 0,this.translate=input=>{if(!input)return"";const countMap={};return input.replace(SubstitutionRegex,(substring=>{const possibles=ACCENT_MAP[substring];return possibles[(char=>{const count=countMap[char]||0;return countMap[char]=count+1,count})(substring)%possibles.length].repeat(this._scaleFactor)}))},scaleFactor<1)throw new Error("Scaling factor must be 1 or greater.");this._scaleFactor=scaleFactor}}(2)};const likeEnglish=n=>1!=n,likeFrench=n=>n>1,likeJapanese=n=>0,allPluralForms={accents:likeEnglish,af:likeEnglish,ar:n=>0==n?0:1==n?1:2==n?2:n%100>=3&&n%100<=10?3:n%100>=11&&n%100<=99?4:5,as:likeEnglish,az:likeEnglish,bg:likeEnglish,bn:likeEnglish,boxes:likeEnglish,ca:likeEnglish,cs:n=>1==n?0:n>=2&&n<=4?1:2,da:likeEnglish,de:likeEnglish,el:likeEnglish,empty:likeEnglish,en:likeEnglish,"en-pt":likeEnglish,es:likeEnglish,et:likeEnglish,fa:likeJapanese,"fa-af":likeJapanese,fi:likeEnglish,fil:likeFrench,fr:likeFrench,fv:likeFrench,gu:likeEnglish,he:likeEnglish,hi:likeEnglish,hr:n=>n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2,hu:likeEnglish,hy:likeEnglish,id:likeJapanese,is:likeEnglish,it:likeEnglish,ja:likeJapanese,ka:likeEnglish,kk:likeEnglish,km:likeEnglish,kn:likeEnglish,ko:likeJapanese,ky:likeJapanese,lol:likeEnglish,lt:n=>n%10==1&&n%100!=11?0:n%10>=2&&(n%100<10||n%100>=20)?1:2,lv:n=>0==n?0:n%10==1&&n%100!=11?1:2,mn:likeEnglish,mr:likeEnglish,ms:likeJapanese,my:likeJapanese,nb:likeEnglish,nl:likeEnglish,nn:likeEnglish,or:likeEnglish,pa:likeEnglish,pl:n=>1==n?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2,pt:likeEnglish,"pt-pt":likeEnglish,ro:n=>1==n?0:0==n||n%100>0&&n%100<20?1:2,ru:n=>n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2,rw:likeEnglish,"sgn-us":likeEnglish,si:likeEnglish,"si-LK":likeEnglish,sk:n=>1==n?0:n>=2&&n<=4?1:2,sr:n=>n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2,sv:likeEnglish,"sv-SE":likeEnglish,sw:likeEnglish,ta:likeEnglish,te:likeEnglish,th:likeJapanese,tr:likeJapanese,uk:n=>n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2,ur:likeEnglish,uz:likeFrench,vi:likeJapanese,xh:likeEnglish,"zh-hans":likeJapanese,"zh-hant":likeJapanese,zu:likeEnglish},{translate:fakeTranslate}=new class FakeTranslate{constructor(){this.translate=input=>this._parseAndTranslate(input)}get _translator(){return Translators[getLocale()]}_translateSegment(input){const tokenSearchRegex=new RegExp(`${/((http[s]?|ftp):\/\/)?([\w-]+\.)([\w-.]+)((\/[\w-]+)*)?\/?(#[\w-]*)?(\?[\w-]+(=[\w%"']+)?(&[\w-]+(=[\w%"']+)?)*)?/g.source}|${/%\([\w]+\)s/g.source}`,"g"),safeTranslate=str=>this._translator.translate(str),subsegments=[];let lastMatchEndIndex=0,match=tokenSearchRegex.exec(input);for(;null!==match;)match.index!==lastMatchEndIndex&&subsegments.push(safeTranslate(input.substring(lastMatchEndIndex,match.index))),subsegments.push(match[0]),lastMatchEndIndex=match.index+match[0].length,match=tokenSearchRegex.exec(input);return lastMatchEndIndex{const template=document.createElement("template");return template.innerHTML=htmlString,template})(input),processChildNodes=parent=>{for(const node of parent.childNodes)if(node.nodeType===Node.TEXT_NODE){const newText=this._translateSegment(node.textContent);if(null!=newText){const newTextNode=document.createTextNode(newText);parent.replaceChild(newTextNode,node)}}else switch(node.nodeName){case"CODE":case"PRE":break;default:processChildNodes(node)}};processChildNodes(html.content);const tempNode=document.createElement("template");return html.innerHTML.replace(/&(\w+);/g,(match=>(tempNode.innerHTML=match,tempNode.content.textContent)))}},interpolationMarker=/%\(([\w_]+)\)s/g,internalTranslate=(strOrPluralConfig,options,additionalTranslation)=>{"object"==typeof strOrPluralConfig&&strOrPluralConfig.messages&&(strOrPluralConfig=strOrPluralConfig.messages[0]);const translated=additionalTranslation(strOrPluralConfig);return null==options?translated:translated.replace(interpolationMarker,((match,key)=>{const replaceWith=options[key];return null!=replaceWith?String(replaceWith):match}))},_=(strOrPluralConfig,options)=>internalTranslate(strOrPluralConfig,options,fakeTranslate),$_=function $_(str,options){return function interpolateStringToFragment(str,options){options=options||{};const split=fakeTranslate(str).split(interpolationMarker),result={text_0:split[0]};for(let i=1;i{const{messages,lang}="object"==typeof singular?singular:{lang:"en",messages:[singular,plural]},actualNum="object"==typeof singular?plural:num,actualOptions=("object"==typeof singular?num:options)||{},idx=ngetpos(actualNum,lang),translation=idxinternalTranslate(s,o,(t=>t)),getDecimalSeparator=()=>{var _match$;if("ka"===getLocale())return",";{const numberWithDecimalSeparator=1.1,match=new Intl.NumberFormat(getLocale()).format(numberWithDecimalSeparator).match(/[^\d\u0661\u06F1]/);return null!=(_match$=null==match?void 0:match[0])?_match$:"."}};class I18nInlineMarkup extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{handleError(error){const{onError}=this.props;if(onError)return onError(error);throw error}render(){const _this$props=this.props,{children,elementWrapper}=_this$props,renderers=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(0;i=0||(target[key]=source[key]);return target}(_this$props,null);let tree;try{(function parseSimpleHTML(html){const simpleHtmlRegex=/(<([^>^/]+)\s*\/>)|(<([^>]+)>([^<]*)<(\/?)([^>]+)>)|([^<]+)/gm;html.trim();const result=[];let match;for(;simpleHtmlRegex.exec(html);)if(null!=match[2]){const tag=match[2].trim();if(tag.includes(" "))throw new Error(`I18nInlineMarkup: expected a tag without attributes, but received: <${tag}/>`);result.push({type:"tag",tag,children:null})}else if(null!=match[4]){const tag=match[4].trim();if(tag.includes(" "))throw new Error(`I18nInlineMarkup: expected a tag without attributes, but received: <${match[4]}>`);if("/"!==match[6])throw new Error(`I18nInlineMarkup: nested tags are not supported, but <${match[7]}> is nested underneath <${tag}>.`);if(tag!==match[7].trim())throw new Error(`I18nInlineMarkup: expected closing tag , but got `);result.push({type:"tag",tag,children:match[5]})}else{if(null==match[8])throw new Error("I18nInlineMarkup: unknown error (maybe you have an extra '<')?");result.push({type:"text",text:match[8]})}return 1!==result.length||"text"!==result[0].type&&result[0].children||console.warn("Unnecessary use of I18nInlineMarkup."),result})(children)}catch(e){return this.handleError(e)}return tree.map(((node,i)=>{if("text"===node.type)return elementWrapper?React.createElement(React.Fragment,{key:i},elementWrapper(node.text,"text",i)):node.text;if("tag"===node.type){const renderer=renderers[node.tag];return renderer?elementWrapper?React.createElement(React.Fragment,{key:i},elementWrapper(renderer(node.children),node.tag,i)):React.createElement(React.Fragment,{key:i},renderer(node.children)):this.handleError(new Error(`I18nInlineMarkup: missing render prop for ${node.tag}`))}return this.handleError(new Error("Unknown child type."))}))}}},"./node_modules/@khanacademy/wonder-blocks-icon-button/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>IconButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_router__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react-router/esm/react-router.js"),_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$1=["skipClientNav","color","disabled","focused","hovered","href","icon","kind","light","pressed","style","testId","waiting"],StyledAnchor=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__.cu)("a"),StyledButton=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__.cu)("button"),StyledLink=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_4__.cu)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.rU);class IconButtonCore extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderInner(router){const _this$props=this.props,{skipClientNav,color,disabled,focused,hovered,href,icon,kind,light,pressed,style,testId}=_this$props,restProps=_objectWithoutPropertiesLoose(_this$props,_excluded$1),buttonColor="destructive"===color?_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.qe.controlDestructive:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.qe.controlDefault,buttonStyles=_generateStyles(buttonColor,kind,light),defaultStyle=[sharedStyles.shared,disabled&&sharedStyles.disabled,buttonStyles.default,disabled&&buttonStyles.disabled,!disabled&&(pressed?buttonStyles.active:(hovered||focused)&&buttonStyles.focus)],child=react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_5__.Z,{size:"medium",color:"currentColor",icon}),commonProps=_extends({"data-test-id":testId,style:[defaultStyle,style]},restProps);return href&&!disabled?router&&!skipClientNav&&(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.J7)(href)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledLink,_extends({},commonProps,{to:href}),child):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledAnchor,_extends({},commonProps,{href}),child):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledButton,_extends({type:"button"},commonProps,{disabled}),child)}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_7__.s6.Consumer,null,(router=>this.renderInner(router)))}}const sharedStyles=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",height:40,width:40,padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation",":focus":{WebkitTapHighlightColor:"rgba(0,0,0,0)"}},disabled:{cursor:"default"}}),styles={},_generateStyles=(color,kind,light)=>{const buttonType=color+kind+light.toString();if(styles[buttonType])return styles[buttonType];if(light&&"primary"!==kind)throw new Error("Light is only supported for primary IconButtons");const{white,offBlack32,offBlack64,offBlack}=_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP,newStyles={default:{},focus:{color:light?white:color,borderWidth:2,borderColor:light?white:color,borderStyle:"solid",borderRadius:4},active:{color:light?(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.U1)(color,.32),white):(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.CD)(offBlack32,color),borderWidth:2,borderColor:light?(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.U1)(color,.32),white):(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.CD)(offBlack32,color),borderStyle:"solid",borderRadius:4},disabled:{color:light?(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.U1)(white,.32),color):offBlack32,cursor:"default"}};if("primary"===kind)newStyles.default={color:light?white:color};else if("secondary"===kind)newStyles.default={color:offBlack};else{if("tertiary"!==kind)throw new Error("IconButton kind not recognized");newStyles.default={color:offBlack64}}return styles[buttonType]=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create(newStyles),styles[buttonType]},_excluded=["onClick","href","skipClientNav","tabIndex","target"];class IconButton extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderClickableBehavior(router){const _this$props=this.props,{onClick,href,skipClientNav,tabIndex,target}=_this$props,sharedProps=_objectWithoutPropertiesLoose(_this$props,_excluded),ClickableBehavior=(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.nJ)(href,skipClientNav,router);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:sharedProps.disabled,href,onClick,role:"button",target},((state,_ref)=>{let childrenProps=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(IconButtonCore,_extends({},sharedProps,state,childrenProps,{skipClientNav,href,target,tabIndex}))}))}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_7__.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}IconButton.defaultProps={color:"default",kind:"primary",light:!1,disabled:!1}},"./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Icon,c:()=>iconAssets});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i({small:16,medium:24,large:48,xlarge:96}[size]),_excluded=["color","icon","size","style","testId"],StyledSVG=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.cu)("svg");class Icon extends react__WEBPACK_IMPORTED_MODULE_0__.PureComponent{render(){const _this$props=this.props,{color,icon,size,style,testId}=_this$props,sharedProps=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(_this$props,_excluded),{assetSize,path}=((icon,size)=>{if("number"==typeof icon[size])return{assetSize:size,path:icon[size]};{const desiredPixelSize=viewportPixelsForSize(size),availableSizes=Object.keys(icon),sortFn=availableSize=>{const tooLargeByPixels=viewportPixelsForSize(availableSize)-desiredPixelSize;return tooLargeByPixels>0?Number.POSITIVE_INFINITY:Math.abs(tooLargeByPixels)},bestAssetSize=availableSizes.sort(((a,b)=>sortFn(a)-sortFn(b)))[0];if(bestAssetSize&&icon[bestAssetSize])return{assetSize:bestAssetSize,path:icon[bestAssetSize]};throw new Error("Icon does not contain any valid asset sizes!")}})(icon,size),pixelSize=viewportPixelsForSize(size),viewboxPixelSize=viewportPixelsForSize(assetSize);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSVG,_extends({},sharedProps,{style:[styles.svg,style],width:pixelSize,height:pixelSize,viewBox:`0 0 ${viewboxPixelSize} ${viewboxPixelSize}`,"data-test-id":testId}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fill:color,d:path}))}}Icon.defaultProps={color:"currentColor",size:"small"};const styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0}});var iconAssets=Object.freeze({__proto__:null,add:{medium:"M11 11V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4zm1 13C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"},caretDown:{small:"M8 8.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 8.586z",medium:"M17.293 8.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414L12 13.586l5.293-5.293z"},caretLeft:{small:"M7.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L7.414 8z",medium:"M15.707 17.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 1.414L10.414 12l5.293 5.293z"},caretRight:{small:"M8.586 8L5.293 4.707a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8z",medium:"M8.293 17.293a1 1 0 0 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 1.414L13.586 12l-5.293 5.293z"},caretUp:{small:"M8 7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 7.414z",medium:"M17.293 15.707a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 0 0 1.414 1.414L12 10.414l5.293 5.293z"},check:{small:"M6.072 10.4l6.175-7.058a1 1 0 1 1 1.506 1.317L6.769 12.64a1 1 0 0 1-1.55-.054L2.203 8.604a1 1 0 1 1 1.594-1.208L6.072 10.4z"},contentArticle:{small:"M11 12V8h2v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3v2H5v8h6zM9.5 6a.5.5 0 0 1-.5-.5V2l4 4H9.5z",medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm3-6v-4h2v5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3v2H9v8h6zm-1.5-6a.5.5 0 0 1-.5-.5V6l4 4h-3.5z"},contentExercise:{small:"M7.5 6.914L5 9.414V11h1.586l2.5-2.5L7.5 6.914zM8.914 5.5L10.5 7.086 11.586 6 10 4.414 8.914 5.5zM3 9a1 1 0 0 1 .293-.707l6-6a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-6 6A1 1 0 0 1 7 13H4a1 1 0 0 1-1-1V9z",medium:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-.5-11.086l1.586 1.586-2.5 2.5H9v-1.586l2.5-2.5zM12.914 9.5L14 8.414 15.586 10 14.5 11.086 12.914 9.5zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zM7 13v3a1 1 0 0 0 1 1h3a1 1 0 0 0 .707-.293l6-6a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.414 0l-6 6A1 1 0 0 0 7 13z"},contentVideo:{small:"M6 5.87v4.263l3.197-2.131L6 5.87zm-.445-2.7l6 4a1 1 0 0 1 0 1.664l-6 4A1 1 0 0 1 4 12.002v-8a1 1 0 0 1 1.555-.832z",medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM10.555 7.17l6 4a1 1 0 0 1 0 1.664l-6 4A1 1 0 0 1 9 16.002v-8a1 1 0 0 1 1.555-.832zM11 14.133l3.197-2.131L11 9.87v4.263z"},correct:{medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-1.928-7.6l6.175-7.058a1 1 0 1 1 1.506 1.317l-6.984 7.981a1 1 0 0 1-1.55-.054l-3.016-3.982a1 1 0 0 1 1.594-1.208l2.275 3.003z"},delete:{medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-5-9a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2H7z"},dismiss:{small:"M8 6.586l3.293-3.293a1 1 0 0 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 1.414-1.414L8 6.586z",medium:"M12 10.586L7.706 6.293a1 1 0 1 0-1.413 1.413L10.586 12l-4.293 4.294a1 1 0 0 0 1.413 1.413L12 13.414l4.294 4.293a1 1 0 0 0 1.413-1.413L13.414 12l4.293-4.294a1 1 0 1 0-1.413-1.413L12 10.586z"},hint:{medium:"M10.835 15.993a1 1 0 0 1 1.008-.247 5.5 5.5 0 1 0-3.59-3.59 1 1 0 0 1-.246 1.009L6.172 15 9 17.828l1.835-1.835zm-.78 3.61a1.496 1.496 0 0 1-2.11 0l-3.548-3.549a1.496 1.496 0 0 1 0-2.108l1.787-1.787a7.5 7.5 0 1 1 5.657 5.657l-1.787 1.787zm-6.762.104a1 1 0 0 1 1.414-1.414l1 1a1 1 0 0 1-1.414 1.414l-1-1z"},incorrect:{medium:"M12 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414L13.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414L12 13.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L10.586 12 7.293 8.707a1 1 0 0 1 1.414-1.414L12 10.586zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"},info:{small:"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-2A6 6 0 1 0 8 2a6 6 0 0 0 0 12zM7 8a1 1 0 1 1 2 0v3a1 1 0 0 1-2 0V8zm1-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"},search:{small:"M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",medium:"M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"},sortableArrowDown:{small:"M7 9.586V4a1 1 0 1 1 2 0v5.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L7 9.586z"},sortableArrowUp:{small:"M9 6.414l2.293 2.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 1.414 1.414L7 6.414V12a1 1 0 1 0 2 0V6.414z"},zoomIn:{medium:"M17.32 15.906l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414zM12 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H8a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2zm-1 7a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"},zoomOut:{medium:"M17.32 15.906l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8z"}})},"./node_modules/@khanacademy/wonder-blocks-layout/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E6:()=>MEDIA_MODAL_SPEC,Ny:()=>MediaLayoutContext,bu:()=>MediaLayout,x9:()=>Strut});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ispec.query)),...Object.values(MEDIA_INTERNAL_SPEC).map((spec=>spec.query)),...Object.values(MEDIA_MODAL_SPEC).map((spec=>spec.query))],mediaQueryLists={};class MediaLayoutInternal extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(props){super(props),this.cleanupThunks=void 0,this.state={size:void 0},this.cleanupThunks=[]}componentDidMount(){const entries=Object.entries(this.props.mediaSpec);for(const[size,spec]of entries){const mql=mediaQueryLists[spec.query];if(!mql)continue;const listener=e=>{e.matches&&this.setState({size})};mql.addListener(listener),this.cleanupThunks.push((()=>mql.removeListener(listener)))}}componentWillUnmount(){this.cleanupThunks.forEach((cleaup=>cleaup()))}getCurrentSize(spec){if(this.state.size)return this.state.size;{const entries=Object.entries(this.props.mediaSpec);for(const[size,_spec]of entries){if(mediaQueryLists[_spec.query].matches)return size}}return"large"}isServerSide(){return"undefined"==typeof window||!window.matchMedia}getMockStyleSheet(mediaSize){const{styleSheets}=this.props,mockStyleSheet={};if(!styleSheets)return mockStyleSheet;for(const styleSize of Object.keys(styleSheets)){const styleSheet=styleSheets[styleSize];if(styleSheet)for(const name of Object.keys(styleSheet))Object.prototype.hasOwnProperty.call(mockStyleSheet,name)||(mockStyleSheet[name]=[styleSheets.all&&styleSheets.all[name],"small"===mediaSize&&[styleSheets.mdOrSmaller&&styleSheets.mdOrSmaller[name],styleSheets.small&&styleSheets.small[name]],"medium"===mediaSize&&[styleSheets.mdOrSmaller&&styleSheets.mdOrSmaller[name],styleSheets.mdOrLarger&&styleSheets.mdOrLarger[name],styleSheets.medium&&styleSheets.medium[name]],"large"===mediaSize&&[styleSheets.mdOrLarger&&styleSheets.mdOrLarger[name],styleSheets.large&&styleSheets.large[name]]])}return mockStyleSheet}render(){const{children,mediaSpec,ssrSize,overrideSize}=this.props;if(!this.isServerSide())for(const query of queries.filter((query=>!mediaQueryLists[query])))mediaQueryLists[query]=window.matchMedia(query);const mediaSize=overrideSize||this.isServerSide()&&ssrSize||this.getCurrentSize(mediaSpec);return children({mediaSize,mediaSpec,styles:this.getMockStyleSheet(mediaSize)})}}class MediaLayout extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(MediaLayoutContext.Consumer,null,(({overrideSize,ssrSize,mediaSpec})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(MediaLayoutInternal,_extends({},this.props,{overrideSize,ssrSize,mediaSpec}))))}}class Spring extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{style}=this.props;return React.createElement(View,{"aria-hidden":"true",style:[styles.grow,style]})}}aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create({grow:{flexGrow:1}});class Strut extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{size,style}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{"aria-hidden":"true",style:[strutStyle(size),style]})}}const strutStyle=size=>({width:size,MsFlexBasis:size,MsFlexPreferredSize:size,WebkitFlexBasis:size,flexBasis:size,flexShrink:0})},"./node_modules/@khanacademy/wonder-blocks-link/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Link});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_router__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react-router/esm/react-router.js"),_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-clickable/dist/es/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js");function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$1=["children","skipClientNav","focused","hovered","href","inline","kind","light","visitable","pressed","style","testId","waiting"],StyledAnchor=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)("a"),StyledLink=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.cu)(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.rU);class LinkCore extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderInner(router){const _this$props=this.props,{children,skipClientNav,focused,hovered,href,inline,kind,light,visitable,pressed,style,testId}=_this$props,restProps=_objectWithoutPropertiesLoose(_this$props,_excluded$1),linkStyles=_generateStyles(inline,kind,light,visitable),restingStyles=inline?linkStyles.restingInline:linkStyles.resting,commonProps=_extends({"data-test-id":testId,style:[[sharedStyles.shared,!(hovered||focused||pressed)&&restingStyles,pressed&&linkStyles.active,!pressed&&hovered&&linkStyles.hover,!pressed&&focused&&linkStyles.focus],style]},restProps);return router&&!skipClientNav&&(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.J7)(href)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledLink,_extends({},commonProps,{to:href}),children):react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledAnchor,_extends({},commonProps,{href}),children)}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_6__.s6.Consumer,null,(router=>this.renderInner(router)))}}const styles={},sharedStyles=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create({shared:{cursor:"pointer",textDecoration:"none",outline:"none",display:"inline-flex"}}),_generateStyles=(inline,kind,light,visitable)=>{const buttonType=`${kind}-${inline.toString()}-${light.toString()}-${visitable.toString()}`;if(styles[buttonType])return styles[buttonType];if("secondary"===kind&&light)throw new Error("Secondary Light links are not supported");if(visitable&&"primary"!==kind)throw new Error("Only primary link is visitable");const{blue,pink,purple,white,offBlack,offBlack32,offBlack64}=_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.ZP,linkPurple=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.U1)(offBlack,.08),purple),fadedBlue=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.U1)(blue,.32),white),activeLightVisited=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)((0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.U1)(white,.32),pink),activeDefaultPrimary=(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)(offBlack32,blue),defaultTextColor="primary"===kind?light?white:blue:inline?offBlack:offBlack64,activeColor="primary"===kind?light?fadedBlue:activeDefaultPrimary:inline?activeDefaultPrimary:offBlack,defaultVisited=visitable?{":visited":{color:light?pink:linkPurple}}:Object.freeze({}),activeVisited=visitable?{":visited":{color:light?activeLightVisited:(0,_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_4__.CD)(offBlack32,linkPurple)}}:Object.freeze({}),newStyles={resting:_extends({color:defaultTextColor},defaultVisited),restingInline:_extends({color:defaultTextColor,textDecoration:"underline currentcolor solid"},defaultVisited),hover:_extends({textDecoration:"underline currentcolor solid",color:defaultTextColor},defaultVisited),focus:_extends({color:defaultTextColor,outline:`1px solid ${light?white:blue}`,borderRadius:3},defaultVisited),active:_extends({color:activeColor,textDecoration:"underline currentcolor solid"},activeVisited)};return styles[buttonType]=aphrodite__WEBPACK_IMPORTED_MODULE_2__.StyleSheet.create(newStyles),styles[buttonType]},_excluded=["onClick","beforeNav","safeWithNav","href","skipClientNav","children","tabIndex","onKeyDown","onKeyUp","target"];class Link extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderClickableBehavior(router){const _this$props=this.props,{onClick,beforeNav,safeWithNav,href,skipClientNav,children,tabIndex,onKeyDown,onKeyUp,target}=_this$props,sharedProps=_objectWithoutPropertiesLoose(_this$props,_excluded),ClickableBehavior=(0,_khanacademy_wonder_blocks_clickable__WEBPACK_IMPORTED_MODULE_1__.nJ)(href,skipClientNav,router);return beforeNav?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:!1,href,role:"link",onClick,beforeNav,safeWithNav,onKeyDown,onKeyUp},((state,_ref)=>{let childrenProps=_extends({},(_objectDestructuringEmpty(_ref),_ref));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(LinkCore,_extends({},sharedProps,state,childrenProps,{skipClientNav,href,target,tabIndex}),children)})):react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClickableBehavior,{disabled:!1,href,role:"link",onClick,safeWithNav,target,onKeyDown,onKeyUp},((state,_ref2)=>{let childrenProps=_extends({},(_objectDestructuringEmpty(_ref2),_ref2));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(LinkCore,_extends({},sharedProps,state,childrenProps,{skipClientNav,href,target,tabIndex}),children)}))}render(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router__WEBPACK_IMPORTED_MODULE_6__.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}Link.defaultProps={inline:!1,kind:"primary",light:!1,visitable:!1}},"./node_modules/@khanacademy/wonder-blocks-modal/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{jq:()=>maybeGetPortalMountedModalHostElement});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-layout/dist/es/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react-dom/index.js"),_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-timing/dist/es/index.js"),_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon/dist/es/index.js"),_khanacademy_wonder_blocks_icon_button__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-icon-button/dist/es/index.js");class ModalDialog extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{above,below,role,style,children,testId,"aria-labelledby":ariaLabelledBy,"aria-describedby":ariaDescribedBy}=this.props,contextValue={ssrSize:"large",mediaSpec:_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.E6};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.Ny.Provider,{value:contextValue},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.bu,{styleSheets:styleSheets$3},(({styles})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:[styles.wrapper,style]},below&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:styles.below},below),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{role,"aria-modal":"true","aria-labelledby":ariaLabelledBy,"aria-describedby":ariaDescribedBy,style:styles.dialog,testId},children),above&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:styles.above},above)))))}}ModalDialog.defaultProps={role:"dialog"};const styleSheets$3={all:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{display:"flex",flexDirection:"row",alignItems:"stretch",width:"100%",height:"100%",position:"relative"},dialog:{width:"100%",height:"100%",borderRadius:4,overflow:"hidden"},above:{pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:1},below:{pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:-1}}),small:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{padding:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,flexDirection:"column"}})};class ModalFooter extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_MODAL_FOOTER__}render(){const{children}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:styles$3.footer},children)}}ModalFooter.__IS_MODAL_FOOTER__=!0;const styles$3=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({footer:{flex:"0 0 auto",boxSizing:"border-box",minHeight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xxxLarge_64,paddingLeft:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,paddingRight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,paddingTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xSmall_8,paddingBottom:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xSmall_8,display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-end",boxShadow:`0px -1px 0px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack16}`}});class ModalHeader extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{breadcrumbs,light,subtitle,testId,title,titleId}=this.props;if(subtitle&&breadcrumbs)throw new Error("'subtitle' and 'breadcrumbs' can't be used together");return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.bu,{styleSheets:styleSheets$2},(({styles})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:[styles.header,!light&&styles.dark],testId},breadcrumbs&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:styles.breadcrumbs},breadcrumbs),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__.TE,{style:styles.title,id:titleId,testId:testId&&`${testId}-title`},title),subtitle&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_6__.S$,{style:light&&styles.subtitle,testId:testId&&`${testId}-subtitle`},subtitle))))}}ModalHeader.defaultProps={light:!0};const styleSheets$2={all:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({header:{boxShadow:`0px 1px 0px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack16}`,display:"flex",flexDirection:"column",minHeight:66,padding:`${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.large_24}px ${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xLarge_32}px`,position:"relative",width:"100%"},dark:{background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.darkBlue,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.white},breadcrumbs:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack64,marginBottom:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xSmall_8},title:{paddingRight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16},subtitle:{color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack64,marginTop:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xSmall_8}}),small:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({header:{paddingLeft:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,paddingRight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16},title:{paddingRight:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xLarge_32}})};class FocusTrap extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.modalRoot=void 0,this.getModalRoot=node=>{if(!node)return;const modalRoot=react_dom__WEBPACK_IMPORTED_MODULE_7__.findDOMNode(node);if(!modalRoot)throw new Error("Assertion error: modal root should exist after mount");this.modalRoot=modalRoot},this.handleFocusMoveToLast=()=>{this.focusElementIn(!1)},this.handleFocusMoveToFirst=()=>{this.focusElementIn(!0)}}tryToFocus(node){if(node instanceof HTMLElement){try{node.focus()}catch(e){}return document.activeElement===node}}focusElementIn(isLast){const modalRootAsHtmlEl=this.modalRoot,focusableNodes=Array.from(modalRootAsHtmlEl.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')),focusableNode=focusableNodes[isLast?0:focusableNodes.length-1];this.tryToFocus(focusableNode)}render(){const{style}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{tabIndex:"0",className:"modal-focus-trap-first",onFocus:this.handleFocusMoveToLast,style:{position:"fixed"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style,ref:this.getModalRoot},this.props.children),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{tabIndex:"0",className:"modal-focus-trap-last",onFocus:this.handleFocusMoveToFirst,style:{position:"fixed"}}))}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{this._mousePressedOutside=e.target===e.currentTarget},this.handleMouseUp=e=>{e.target===e.currentTarget&&this._mousePressedOutside&&this.props.onCloseModal(),this._mousePressedOutside=!1}}componentDidMount(){const node=react_dom__WEBPACK_IMPORTED_MODULE_7__.findDOMNode(this);if(!node)return;const firstFocusableElement=this._getInitialFocusElement(node)||this._getFirstFocusableElement(node)||this._getDialogElement(node);setTimeout((()=>{firstFocusableElement.focus()}),0)}_getInitialFocusElement(node){const{initialFocusId}=this.props;return initialFocusId?react_dom__WEBPACK_IMPORTED_MODULE_7__.findDOMNode(node.querySelector(`#${initialFocusId}`)):null}_getFirstFocusableElement(node){const focusableElements=function findFocusableNodes(root){return Array.from(root.querySelectorAll(FOCUSABLE_ELEMENTS))}(node);return focusableElements?focusableElements[0]:null}_getDialogElement(node){const dialogElement=react_dom__WEBPACK_IMPORTED_MODULE_7__.findDOMNode(node.querySelector('[role="dialog"]'));return dialogElement.tabIndex=-1,dialogElement}render(){const{children,testId}=this.props,backdropProps={[ModalLauncherPortalAttributeName]:!0};return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,_extends({style:styles$2.modalPositioner,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,testId},backdropProps),children)}}const styles$2=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({modalPositioner:{position:"fixed",left:0,top:0,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",overflow:"auto",background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack64}}),needsHackyMobileSafariScrollDisabler=(()=>{if("undefined"==typeof window)return!1;const userAgent=window.navigator.userAgent;return userAgent.indexOf("iPad")>-1||userAgent.indexOf("iPhone")>-1})();class ScrollDisabler extends react__WEBPACK_IMPORTED_MODULE_0__.Component{componentDidMount(){if(0===ScrollDisabler.numModalsOpened){const body=document.body;if(!body)throw new Error("couldn't find document.body");ScrollDisabler.oldOverflow=body.style.overflow,ScrollDisabler.oldScrollY=window.scrollY,needsHackyMobileSafariScrollDisabler&&(ScrollDisabler.oldPosition=body.style.position,ScrollDisabler.oldWidth=body.style.width,ScrollDisabler.oldTop=body.style.top),body.style.overflow="hidden",needsHackyMobileSafariScrollDisabler&&(body.style.position="fixed",body.style.width="100%",body.style.top=-ScrollDisabler.oldScrollY+"px")}ScrollDisabler.numModalsOpened++}componentWillUnmount(){if(ScrollDisabler.numModalsOpened--,0===ScrollDisabler.numModalsOpened){const body=document.body;if(!body)throw new Error("couldn't find document.body");body.style.overflow=ScrollDisabler.oldOverflow,needsHackyMobileSafariScrollDisabler&&(body.style.position=ScrollDisabler.oldPosition,body.style.width=ScrollDisabler.oldWidth,body.style.top=ScrollDisabler.oldTop),"undefined"!=typeof window&&window.scrollTo&&window.scrollTo(0,ScrollDisabler.oldScrollY)}}render(){return null}}ScrollDisabler.oldOverflow=void 0,ScrollDisabler.oldPosition=void 0,ScrollDisabler.oldScrollY=void 0,ScrollDisabler.oldWidth=void 0,ScrollDisabler.oldTop=void 0,ScrollDisabler.numModalsOpened=0;const defaultContext={closeModal:void 0};var ModalContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(defaultContext);class ModalLauncher extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.lastElementFocusedOutsideModal=void 0,this.state={opened:!1},this._saveLastElementFocused=()=>{this.lastElementFocusedOutsideModal=document.activeElement},this._openModal=()=>{this._saveLastElementFocused(),this.setState({opened:!0})},this._returnFocus=()=>{const{closedFocusId,schedule}=this.props,lastElement=this.lastElementFocusedOutsideModal;if(closedFocusId){const focusElement=react_dom__WEBPACK_IMPORTED_MODULE_7__.findDOMNode(document.getElementById(closedFocusId));if(focusElement)return void schedule.animationFrame((()=>{focusElement.focus()}))}null!=lastElement&&schedule.animationFrame((()=>{lastElement.focus()}))},this.handleCloseModal=()=>{this.setState({opened:!1},(()=>{const{onClose}=this.props;null==onClose||onClose(),this._returnFocus()}))}}static getDerivedStateFromProps(props,state){return"boolean"==typeof props.opened&&props.children&&console.warn("'children' and 'opened' can't be used together"),"boolean"!=typeof props.opened||props.onClose||console.warn("'onClose' should be used with 'opened'"),"boolean"==typeof props.opened||props.children||console.warn("either 'children' or 'opened' must be set"),{opened:"boolean"==typeof props.opened?props.opened:state.opened}}componentDidUpdate(prevProps){!prevProps.opened&&this.props.opened&&this._saveLastElementFocused()}_renderModal(){return"function"==typeof this.props.modal?this.props.modal({closeModal:this.handleCloseModal}):this.props.modal}render(){const renderedChildren=this.props.children?this.props.children({openModal:this._openModal}):null,{body}=document;return body?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalContext.Provider,{value:{closeModal:this.handleCloseModal}},renderedChildren,this.state.opened&&react_dom__WEBPACK_IMPORTED_MODULE_7__.createPortal(react__WEBPACK_IMPORTED_MODULE_0__.createElement(FocusTrap,{style:styles$1.container},react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalBackdrop,{initialFocusId:this.props.initialFocusId,testId:this.props.testId,onCloseModal:this.props.backdropDismissEnabled?this.handleCloseModal:()=>{}},this._renderModal())),body),this.state.opened&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalLauncherKeypressListener,{onClose:this.handleCloseModal}),this.state.opened&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(ScrollDisabler,null)):null}}ModalLauncher.defaultProps={backdropDismissEnabled:!0};class ModalLauncherKeypressListener extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this._handleKeyup=e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.props.onClose())}}componentDidMount(){window.addEventListener("keyup",this._handleKeyup)}componentWillUnmount(){window.removeEventListener("keyup",this._handleKeyup)}render(){return null}}const styles$1=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({container:{zIndex:1080}});(0,_khanacademy_wonder_blocks_timing__WEBPACK_IMPORTED_MODULE_8__.$K)(ModalLauncher);class ModalContent extends react__WEBPACK_IMPORTED_MODULE_0__.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_MODAL_CONTENT__}render(){const{scrollOverflow,style,children}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.bu,{styleSheets:styleSheets$1},(({styles})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:[styles.wrapper,scrollOverflow&&styles.scrollOverflow]},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:[styles.content,style]},children))))}}ModalContent.defaultProps={scrollOverflow:!0},ModalContent.__IS_MODAL_CONTENT__=!0;const styleSheets$1={all:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{flex:1,display:"block"},scrollOverflow:{overflow:"auto"},content:{flex:1,minHeight:"100%",padding:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xLarge_32,boxSizing:"border-box"}}),small:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({content:{padding:`${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xLarge_32}px ${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16}px`}})};class CloseButton extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{light,onClick,style,testId}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalContext.Consumer,null,(({closeModal})=>{if(closeModal&&onClick)throw new Error("You've specified 'onClose' on a modal when using ModalLauncher. Please specify 'onClose' on the ModalLauncher instead");return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_icon_button__WEBPACK_IMPORTED_MODULE_10__.Z,{icon:_khanacademy_wonder_blocks_icon__WEBPACK_IMPORTED_MODULE_9__.c.dismiss,"aria-label":"Close modal",onClick:onClick||closeModal,kind:light?"primary":"tertiary",light,style,testId})}))}}class ModalPanel extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderMainContent(){const{content,footer,scrollOverflow}=this.props,mainContent=ModalContent.isClassOf(content)?content:react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalContent,null,content);return mainContent?react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(mainContent,{scrollOverflow,style:[!!footer&&styles.hasFooter,mainContent.props.style]}):mainContent}render(){const{closeButtonVisible,footer,header,light,onClose,style,testId}=this.props,mainContent=this.renderMainContent();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.G7,{style:[styles.wrapper,!light&&styles.dark,style],testId:testId&&`${testId}-panel`},closeButtonVisible&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(CloseButton,{light:!light,onClick:onClose,style:styles.closeButton,testId:testId&&`${testId}-close`}),header,mainContent,!footer||ModalFooter.isClassOf(footer)?footer:react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalFooter,null,footer))}}ModalPanel.defaultProps={closeButtonVisible:!0,scrollOverflow:!0,light:!0};const styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({wrapper:{flex:"1 1 auto",position:"relative",display:"flex",flexDirection:"column",background:"white",boxSizing:"border-box",overflow:"hidden",height:"100%",width:"100%"},closeButton:{position:"absolute",right:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,top:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.medium_16,zIndex:1},dark:{background:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.darkBlue,color:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.white},hasFooter:{paddingBottom:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_4__.Z.xLarge_32}});class OnePaneDialog extends react__WEBPACK_IMPORTED_MODULE_0__.Component{renderHeader(uniqueId){const{title,breadcrumbs,subtitle,testId}=this.props;return breadcrumbs?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalHeader,{title,breadcrumbs,titleId:uniqueId,testId:testId&&`${testId}-header`}):subtitle?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalHeader,{title,subtitle,titleId:uniqueId,testId:testId&&`${testId}-header`}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalHeader,{title,titleId:uniqueId,testId:testId&&`${testId}-header`})}render(){const{onClose,footer,content,above,below,style,closeButtonVisible,testId,titleId,role,"aria-describedby":ariaDescribedBy}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_2__.bu,{styleSheets},(({styles})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__.Uj,{id:titleId,scope:"modal"},(uniqueId=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalDialog,{style:[styles.dialog,style],above,below,testId,"aria-labelledby":uniqueId,"aria-describedby":ariaDescribedBy,role},react__WEBPACK_IMPORTED_MODULE_0__.createElement(ModalPanel,{onClose,header:this.renderHeader(uniqueId),content,footer,closeButtonVisible,testId}))))))}}OnePaneDialog.defaultProps={closeButtonVisible:!0};const styleSheets={small:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({dialog:{width:"100%",height:"100%",overflow:"hidden"}}),mdOrLarger:aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({dialog:{width:"93.75%",maxWidth:576,height:"81.25%",maxHeight:624}})};function maybeGetPortalMountedModalHostElement(element){return function maybeGetNextAncestorModalLauncherPortal(element){let candidateElement=element&&element.parentElement;for(;candidateElement&&!candidateElement.hasAttribute(ModalLauncherPortalAttributeName);)candidateElement=candidateElement.parentElement;return candidateElement}(element)}},"./node_modules/@khanacademy/wonder-blocks-popover/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J2:()=>Popover,yk:()=>PopoverContent,wV:()=>PopoverContentCore});var react=__webpack_require__("./node_modules/react/index.js"),react_namespaceObject=__webpack_require__.t(react,2),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),lib=__webpack_require__("./node_modules/aphrodite/lib/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}function flatten(list){const result=[];if(!list)return result;if(Array.isArray(list))for(const item of list)result.push(...flatten(item));else result.push(list);return result}function processStyleList(style){const stylesheetStyles=[],inlineStyles=[];if(!style)return{style:{},className:""};const shouldInlineStyles=void 0!==__webpack_require__.g&&__webpack_require__.g.SNAPSHOT_INLINE_APHRODITE;flatten(style).forEach((child=>{const _definition=child._definition;if(null!=_definition)if(shouldInlineStyles){const def={};for(const[key,value]of Object.entries(_definition))def[key.replace(/-[a-z]/g,(match=>match[1].toUpperCase()))]=value;inlineStyles.push(def)}else stylesheetStyles.push(child);else inlineStyles.push(child)}));const inlineStylesObject=Object.assign({},...inlineStyles);if(inlineStyles.length>0&&!shouldInlineStyles){const inlineStylesStyleSheet=lib.StyleSheet.create({inlineStyles:inlineStylesObject});stylesheetStyles.push(inlineStylesStyleSheet.inlineStyles)}return{style:shouldInlineStyles?inlineStylesObject:{},className:(0,lib.css)(...stylesheetStyles)}}const _excluded$2=["children","style","tag","testId"],isHeaderRegex=/^h[1-6]$/,styles$1=lib.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});class es_Text extends react.Component{render(){const _this$props=this.props,{children,style,tag:Tag,testId}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$2),isHeader=isHeaderRegex.test(Tag),styleAttributes=processStyleList([styles$1.text,isHeader&&styles$1.header,style]);return react.createElement(Tag,_extends({},otherProps,{style:styleAttributes.style,className:styleAttributes.className,"data-test-id":testId}),children)}}es_Text.defaultProps={tag:"span"};const _excluded$1=["className","style"];function addStyle(Component,defaultStyle){return react.forwardRef(((props,ref)=>{const{className,style}=props,otherProps=_objectWithoutPropertiesLoose(props,_excluded$1),reset="string"==typeof Component?overrides[Component]:null,{className:aphroditeClassName,style:inlineStyles}=processStyleList([reset,defaultStyle,style]);return react.createElement(Component,_extends({},otherProps,{ref,className:[aphroditeClassName,className].filter(Boolean).join(" "),style:inlineStyles}))}))}const overrides=lib.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),_excluded=["testId","tag"],styles=lib.StyleSheet.create({default:{alignItems:"stretch",borderWidth:0,borderStyle:"solid",boxSizing:"border-box",display:"flex",flexDirection:"column",margin:0,padding:0,position:"relative",zIndex:0,minHeight:0,minWidth:0}}),StyledDiv=addStyle("div",styles.default),StyledArticle=addStyle("article",styles.default),StyledAside=addStyle("aside",styles.default),StyledNav=addStyle("nav",styles.default),StyledSection=addStyle("section",styles.default);class es_View extends react.Component{render(){const _this$props=this.props,{testId,tag}=_this$props,props=_extends({},_objectWithoutPropertiesLoose(_this$props,_excluded),{"data-test-id":testId});switch(tag){case"article":return react.createElement(StyledArticle,props);case"aside":return react.createElement(StyledAside,props);case"nav":return react.createElement(StyledNav,props);case"section":return react.createElement(StyledSection,props);case"div":return react.createElement(StyledDiv,props);default:throw Error(`${tag} is not an allowed value for the 'tag' prop`)}}}es_View.defaultProps={tag:"div"};const RenderState_Root="root",RenderState_Initial="initial",RenderState_Standard="standard",RenderStateContext=react.createContext(RenderState_Root);class WithSSRPlaceholder extends react.Component{constructor(...args){super(...args),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted}=this.state,{children,placeholder}=this.props;return this._isTheRootComponent=!0,mounted?react.createElement(RenderStateContext.Provider,{value:RenderState_Standard},children()):placeholder?react.createElement(RenderStateContext.Provider,{value:RenderState_Initial},placeholder()):null}_maybeRender(renderState){const{children,placeholder}=this.props;switch(renderState){case RenderState_Root:return this._renderAsRootComponent();case RenderState_Initial:return placeholder?placeholder():null;case RenderState_Standard:return children()}var _JSON$stringify;return console.log(`We got a render state we don't understand: "${null!=(_JSON$stringify=JSON.stringify(renderState))?_JSON$stringify:""}"`),this._maybeRender(RenderState_Root)}render(){return react.createElement(RenderStateContext.Consumer,null,(value=>this._maybeRender(value)))}}class UniqueIDFactory{constructor(scope){this._uniqueFactoryName=void 0,this.get=key=>{const normalizedKey=key.toLowerCase();if(!this._hasValidIdChars(key))throw new Error(`Invalid identifier key: ${key}`);return`${this._uniqueFactoryName}-${normalizedKey}`};const normalizedScope=(scope="string"==typeof scope?scope:"").toLowerCase();if(!this._hasValidIdChars(normalizedScope))throw new Error(`Invalid factory scope: ${scope}`);this._uniqueFactoryName=`uid-${normalizedScope}-${UniqueIDFactory._factoryUniquenessCounter++}`}_hasValidIdChars(value){if("string"!=typeof value)return!1;const invalidCharsReplaced=value.replace(/[^\d\w-]/g,"-");return value===invalidCharsReplaced}}UniqueIDFactory._factoryUniquenessCounter=0;class SsrIDFactory{get(id){return id}}SsrIDFactory.Default=new SsrIDFactory;var SsrIDFactory$1=SsrIDFactory.Default;class UniqueIDProvider extends react.Component{constructor(...args){super(...args),this._idFactory=void 0}_performRender(firstRender){const{children,mockOnFirstRender,scope}=this.props;return firstRender?mockOnFirstRender?children(SsrIDFactory$1):null:(this._idFactory||(this._idFactory=new UniqueIDFactory(scope)),children(this._idFactory))}render(){return react.createElement(WithSSRPlaceholder,{placeholder:()=>this._performRender(!0)},(()=>this._performRender(!1)))}}class IDProvider extends react.Component{renderChildren(ids){const{id,children}=this.props,uniqueId=ids?ids.get(IDProvider.defaultId):id;if(!uniqueId)throw new Error("Did not get an identifier factory nor a id prop");return children(uniqueId)}render(){const{id,scope}=this.props;return id?this.renderChildren():react.createElement(UniqueIDProvider,{scope,mockOnFirstRender:!0},(ids=>this.renderChildren(ids)))}}IDProvider.defaultId="wb-id";const{useEffect:es_useEffect,useState:es_useState}=react_namespaceObject;var es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js");function es_extends(){return es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ispec.query)),...Object.values(MEDIA_INTERNAL_SPEC).map((spec=>spec.query)),...Object.values(MEDIA_MODAL_SPEC).map((spec=>spec.query))],mediaQueryLists={};class MediaLayoutInternal extends react.Component{constructor(props){super(props),this.cleanupThunks=void 0,this.state={size:void 0},this.cleanupThunks=[]}componentDidMount(){const entries=Object.entries(this.props.mediaSpec);for(const[size,spec]of entries){const mql=mediaQueryLists[spec.query];if(!mql)continue;const listener=e=>{e.matches&&this.setState({size})};mql.addListener(listener),this.cleanupThunks.push((()=>mql.removeListener(listener)))}}componentWillUnmount(){this.cleanupThunks.forEach((cleaup=>cleaup()))}getCurrentSize(spec){if(this.state.size)return this.state.size;{const entries=Object.entries(this.props.mediaSpec);for(const[size,_spec]of entries){if(mediaQueryLists[_spec.query].matches)return size}}return"large"}isServerSide(){return"undefined"==typeof window||!window.matchMedia}getMockStyleSheet(mediaSize){const{styleSheets}=this.props,mockStyleSheet={};if(!styleSheets)return mockStyleSheet;for(const styleSize of Object.keys(styleSheets)){const styleSheet=styleSheets[styleSize];if(styleSheet)for(const name of Object.keys(styleSheet))Object.prototype.hasOwnProperty.call(mockStyleSheet,name)||(mockStyleSheet[name]=[styleSheets.all&&styleSheets.all[name],"small"===mediaSize&&[styleSheets.mdOrSmaller&&styleSheets.mdOrSmaller[name],styleSheets.small&&styleSheets.small[name]],"medium"===mediaSize&&[styleSheets.mdOrSmaller&&styleSheets.mdOrSmaller[name],styleSheets.mdOrLarger&&styleSheets.mdOrLarger[name],styleSheets.medium&&styleSheets.medium[name]],"large"===mediaSize&&[styleSheets.mdOrLarger&&styleSheets.mdOrLarger[name],styleSheets.large&&styleSheets.large[name]]])}return mockStyleSheet}render(){const{children,mediaSpec,ssrSize,overrideSize}=this.props;if(!this.isServerSide())for(const query of queries.filter((query=>!mediaQueryLists[query])))mediaQueryLists[query]=window.matchMedia(query);const mediaSize=overrideSize||this.isServerSide()&&ssrSize||this.getCurrentSize(mediaSpec);return children({mediaSize,mediaSpec,styles:this.getMockStyleSheet(mediaSize)})}}class MediaLayout extends react.Component{render(){return react.createElement(MediaLayoutContext.Consumer,null,(({overrideSize,ssrSize,mediaSpec})=>react.createElement(MediaLayoutInternal,es_extends({},this.props,{overrideSize,ssrSize,mediaSpec}))))}}class Spring extends react.Component{render(){const{style}=this.props;return React.createElement(View,{"aria-hidden":"true",style:[es_styles.grow,style]})}}lib.StyleSheet.create({grow:{flexGrow:1}});class Strut extends react.Component{render(){const{size,style}=this.props;return react.createElement(es_View,{"aria-hidden":"true",style:[strutStyle(size),style]})}}const strutStyle=size=>({width:size,MsFlexBasis:size,MsFlexPreferredSize:size,WebkitFlexBasis:size,flexBasis:size,flexShrink:0});var dist_es=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js");function dist_es_extends(){return dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$f=["style","children"];class Title extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$f);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.Title,style]}),children)}}Title.defaultProps={tag:"h1"};const _excluded$e=["style","children"];class HeadingLarge extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$e);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.HeadingLarge,style]}),children)}}HeadingLarge.defaultProps={tag:"h2"};const _excluded$d=["style","children"];class HeadingMedium extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$d);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.HeadingMedium,style]}),children)}}HeadingMedium.defaultProps={tag:"h3"};const _excluded$c=["style","children"];class HeadingSmall extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$c);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.HeadingSmall,style]}),children)}}HeadingSmall.defaultProps={tag:"h4"};const _excluded$b=["style","children"];class HeadingXSmall extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$b);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.HeadingXSmall,style]}),children)}}HeadingXSmall.defaultProps={tag:"h4"};const _excluded$a=["style","children"];class BodySerifBlock extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$a);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.BodySerifBlock,style]}),children)}}BodySerifBlock.defaultProps={tag:"span"};const _excluded$9=["style","children"];class BodySerif extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$9);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.BodySerif,style]}),children)}}BodySerif.defaultProps={tag:"span"};const _excluded$8=["style","children"];class BodyMonospace extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$8);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.BodyMonospace,style]}),children)}}BodyMonospace.defaultProps={tag:"span"};const _excluded$7=["style","children"];class Body extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$7);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.Body,style]}),children)}}Body.defaultProps={tag:"span"};const _excluded$6=["style","children"];class LabelLarge extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$6);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.LabelLarge,style]}),children)}}LabelLarge.defaultProps={tag:"span"};const _excluded$5=["style","children"];class LabelMedium extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$5);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.LabelMedium,style]}),children)}}LabelMedium.defaultProps={tag:"span"};const _excluded$4=["style","children"];class LabelSmall extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$4);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.LabelSmall,style]}),children)}}LabelSmall.defaultProps={tag:"span"};const _excluded$3=["style","children"];class LabelXSmall extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,_excluded$3);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.LabelXSmall,style]}),children)}}LabelXSmall.defaultProps={tag:"span"};const es_excluded$2=["style","children"];class Tagline extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,es_excluded$2);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.Tagline,style]}),children)}}Tagline.defaultProps={tag:"span"};const es_excluded$1=["style","children"];class Caption extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,es_excluded$1);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.Caption,style]}),children)}}Caption.defaultProps={tag:"span"};const es_excluded=["style","children"];class Footnote extends react.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=es_objectWithoutPropertiesLoose(_this$props,es_excluded);return react.createElement(es_Text,dist_es_extends({},otherProps,{style:[dist_es_styles.Footnote,style]}),children)}}Footnote.defaultProps={tag:"span"};const SchedulePolicy={Immediately:"schedule-immediately",OnDemand:"schedule-on-demand"},ClearPolicy={Resolve:"resolve-on-clear",Cancel:"cancel-on-clear"};class Timeout{constructor(action,timeoutMs,schedulePolicy=SchedulePolicy.Immediately){if(this._timeoutId=void 0,this._action=void 0,this._timeoutMs=void 0,"function"!=typeof action)throw new Error("Action must be a function");if(timeoutMs<0)throw new Error("Timeout period must be >= 0");this._action=action,this._timeoutMs=timeoutMs,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._timeoutId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._timeoutId=setTimeout((()=>this.clear(ClearPolicy.Resolve)),this._timeoutMs)}clear(policy=ClearPolicy.Cancel){const timeoutId=this._timeoutId;this._timeoutId=null,null!=timeoutId&&(clearTimeout(timeoutId),policy===ClearPolicy.Resolve&&this._action())}}class Interval{constructor(action,intervalMs,schedulePolicy=SchedulePolicy.Immediately){if(this._intervalId=void 0,this._action=void 0,this._intervalMs=void 0,"function"!=typeof action)throw new Error("Action must be a function");if(intervalMs<1)throw new Error("Interval period must be >= 1");this._action=action,this._intervalMs=intervalMs,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._intervalId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._intervalId=setInterval((()=>this._action()),this._intervalMs)}clear(policy=ClearPolicy.Cancel){const intervalId=this._intervalId;this._intervalId=null,null!=intervalId&&(clearInterval(intervalId),policy===ClearPolicy.Resolve&&this._action())}}class AnimationFrame{constructor(action,schedulePolicy=SchedulePolicy.Immediately){if(this._animationFrameId=void 0,this._action=void 0,"function"!=typeof action)throw new Error("Action must be a function");this._action=action,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._animationFrameId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._animationFrameId=requestAnimationFrame((time=>this.clear(ClearPolicy.Resolve,time)))}clear(policy=ClearPolicy.Cancel,time){const animationFrameId=this._animationFrameId;this._animationFrameId=null,null!=animationFrameId&&(cancelAnimationFrame(animationFrameId),policy===ClearPolicy.Resolve&&this._action(time||performance.now()))}}class ActionScheduler{constructor(){this._disabled=!1,this._registeredActions=[]}timeout(action,period,options){if(this._disabled)return ActionScheduler.NoopAction;const timeout=new Timeout(action,period,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>timeout.clear(null==options?void 0:options.clearPolicy))),timeout}interval(action,period,options){if(this._disabled)return ActionScheduler.NoopAction;const interval=new Interval(action,period,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>interval.clear(null==options?void 0:options.clearPolicy))),interval}animationFrame(action,options){if(this._disabled)return ActionScheduler.NoopAction;const animationFrame=new AnimationFrame(action,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>animationFrame.clear(null==options?void 0:options.clearPolicy))),animationFrame}clearAll(){const registered=[...this._registeredActions];this._registeredActions=[],registered.forEach((clearFn=>clearFn()))}disable(){this._disabled=!0,this.clearAll()}}ActionScheduler.NoopAction={set:()=>{},get isSet(){return!1},clear:()=>{}};class ActionSchedulerProvider extends react.Component{constructor(...args){super(...args),this._actionScheduler=new ActionScheduler}componentWillUnmount(){this._actionScheduler.disable()}render(){const{children}=this.props;return children(this._actionScheduler)}}function wonder_blocks_timing_dist_es_extends(){return wonder_blocks_timing_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i({small:16,medium:24,large:48,xlarge:96}[size]),dist_es_excluded=["color","icon","size","style","testId"],StyledSVG=addStyle("svg");class Icon extends react.PureComponent{render(){const _this$props=this.props,{color,icon,size,style,testId}=_this$props,sharedProps=function dist_es_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(_this$props,dist_es_excluded),{assetSize,path}=((icon,size)=>{if("number"==typeof icon[size])return{assetSize:size,path:icon[size]};{const desiredPixelSize=viewportPixelsForSize(size),availableSizes=Object.keys(icon),sortFn=availableSize=>{const tooLargeByPixels=viewportPixelsForSize(availableSize)-desiredPixelSize;return tooLargeByPixels>0?Number.POSITIVE_INFINITY:Math.abs(tooLargeByPixels)},bestAssetSize=availableSizes.sort(((a,b)=>sortFn(a)-sortFn(b)))[0];if(bestAssetSize&&icon[bestAssetSize])return{assetSize:bestAssetSize,path:icon[bestAssetSize]};throw new Error("Icon does not contain any valid asset sizes!")}})(icon,size),pixelSize=viewportPixelsForSize(size),viewboxPixelSize=viewportPixelsForSize(assetSize);return react.createElement(StyledSVG,wonder_blocks_icon_dist_es_extends({},sharedProps,{style:[wonder_blocks_icon_dist_es_styles.svg,style],width:pixelSize,height:pixelSize,viewBox:`0 0 ${viewboxPixelSize} ${viewboxPixelSize}`,"data-test-id":testId}),react.createElement("path",{fill:color,d:path}))}}Icon.defaultProps={color:"currentColor",size:"small"};const wonder_blocks_icon_dist_es_styles=lib.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0}});var iconAssets=Object.freeze({__proto__:null,add:{medium:"M11 11V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4zm1 13C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"},caretDown:{small:"M8 8.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 8.586z",medium:"M17.293 8.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414L12 13.586l5.293-5.293z"},caretLeft:{small:"M7.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L7.414 8z",medium:"M15.707 17.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 1.414L10.414 12l5.293 5.293z"},caretRight:{small:"M8.586 8L5.293 4.707a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8z",medium:"M8.293 17.293a1 1 0 0 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 1.414L13.586 12l-5.293 5.293z"},caretUp:{small:"M8 7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 7.414z",medium:"M17.293 15.707a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 0 0 1.414 1.414L12 10.414l5.293 5.293z"},check:{small:"M6.072 10.4l6.175-7.058a1 1 0 1 1 1.506 1.317L6.769 12.64a1 1 0 0 1-1.55-.054L2.203 8.604a1 1 0 1 1 1.594-1.208L6.072 10.4z"},contentArticle:{small:"M11 12V8h2v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3v2H5v8h6zM9.5 6a.5.5 0 0 1-.5-.5V2l4 4H9.5z",medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm3-6v-4h2v5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3v2H9v8h6zm-1.5-6a.5.5 0 0 1-.5-.5V6l4 4h-3.5z"},contentExercise:{small:"M7.5 6.914L5 9.414V11h1.586l2.5-2.5L7.5 6.914zM8.914 5.5L10.5 7.086 11.586 6 10 4.414 8.914 5.5zM3 9a1 1 0 0 1 .293-.707l6-6a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-6 6A1 1 0 0 1 7 13H4a1 1 0 0 1-1-1V9z",medium:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-.5-11.086l1.586 1.586-2.5 2.5H9v-1.586l2.5-2.5zM12.914 9.5L14 8.414 15.586 10 14.5 11.086 12.914 9.5zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zM7 13v3a1 1 0 0 0 1 1h3a1 1 0 0 0 .707-.293l6-6a1 1 0 0 0 0-1.414l-3-3a1 1 0 0 0-1.414 0l-6 6A1 1 0 0 0 7 13z"},contentVideo:{small:"M6 5.87v4.263l3.197-2.131L6 5.87zm-.445-2.7l6 4a1 1 0 0 1 0 1.664l-6 4A1 1 0 0 1 4 12.002v-8a1 1 0 0 1 1.555-.832z",medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM10.555 7.17l6 4a1 1 0 0 1 0 1.664l-6 4A1 1 0 0 1 9 16.002v-8a1 1 0 0 1 1.555-.832zM11 14.133l3.197-2.131L11 9.87v4.263z"},correct:{medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-1.928-7.6l6.175-7.058a1 1 0 1 1 1.506 1.317l-6.984 7.981a1 1 0 0 1-1.55-.054l-3.016-3.982a1 1 0 0 1 1.594-1.208l2.275 3.003z"},delete:{medium:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-5-9a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2H7z"},dismiss:{small:"M8 6.586l3.293-3.293a1 1 0 0 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 1.414-1.414L8 6.586z",medium:"M12 10.586L7.706 6.293a1 1 0 1 0-1.413 1.413L10.586 12l-4.293 4.294a1 1 0 0 0 1.413 1.413L12 13.414l4.294 4.293a1 1 0 0 0 1.413-1.413L13.414 12l4.293-4.294a1 1 0 1 0-1.413-1.413L12 10.586z"},hint:{medium:"M10.835 15.993a1 1 0 0 1 1.008-.247 5.5 5.5 0 1 0-3.59-3.59 1 1 0 0 1-.246 1.009L6.172 15 9 17.828l1.835-1.835zm-.78 3.61a1.496 1.496 0 0 1-2.11 0l-3.548-3.549a1.496 1.496 0 0 1 0-2.108l1.787-1.787a7.5 7.5 0 1 1 5.657 5.657l-1.787 1.787zm-6.762.104a1 1 0 0 1 1.414-1.414l1 1a1 1 0 0 1-1.414 1.414l-1-1z"},incorrect:{medium:"M12 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414L13.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414L12 13.414l-3.293 3.293a1 1 0 1 1-1.414-1.414L10.586 12 7.293 8.707a1 1 0 0 1 1.414-1.414L12 10.586zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"},info:{small:"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-2A6 6 0 1 0 8 2a6 6 0 0 0 0 12zM7 8a1 1 0 1 1 2 0v3a1 1 0 0 1-2 0V8zm1-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"},search:{small:"M11.172 9.757l2.535 2.536a1 1 0 0 1-1.414 1.414l-2.536-2.535a5 5 0 1 1 1.414-1.414zM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",medium:"M11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.32-1.094l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414z"},sortableArrowDown:{small:"M7 9.586V4a1 1 0 1 1 2 0v5.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L7 9.586z"},sortableArrowUp:{small:"M9 6.414l2.293 2.293a1 1 0 0 0 1.414-1.414l-4-4a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 1.414 1.414L7 6.414V12a1 1 0 1 0 2 0V6.414z"},zoomIn:{medium:"M17.32 15.906l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414zM12 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H8a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2zm-1 7a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"},zoomOut:{medium:"M17.32 15.906l3.387 3.387a1 1 0 0 1-1.414 1.414l-3.387-3.387a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8z"}}),react_router=__webpack_require__("./node_modules/react-router/esm/react-router.js"),react_router_dom=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js");function wonder_blocks_clickable_dist_es_extends(){return wonder_blocks_clickable_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{switch(role){case"link":return{triggerOnEnter:!0,triggerOnSpace:!1};case"checkbox":case"radio":case"listbox":return{triggerOnEnter:!1,triggerOnSpace:!0};default:return{triggerOnEnter:!0,triggerOnSpace:!0}}},disabledHandlers={onClick:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onMouseDown:()=>{},onMouseUp:()=>{},onTouchStart:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{},onKeyDown:()=>{},onKeyUp:()=>{}},keyCodes_enter=13,keyCodes_space=32,startState={hovered:!1,focused:!1,pressed:!1,waiting:!1};class ClickableBehavior extends react.Component{static getDerivedStateFromProps(props,state){return props.disabled?wonder_blocks_clickable_dist_es_extends({},startState,{focused:state.focused}):null}constructor(props){super(props),this.waitingForClick=void 0,this.enterClick=void 0,this.handleClick=e=>{const{onClick,beforeNav,safeWithNav}=this.props;this.enterClick||((onClick||beforeNav||safeWithNav)&&(this.waitingForClick=!1),this.runCallbackAndMaybeNavigate(e))},this.handleMouseEnter=e=>{this.waitingForClick||this.setState({hovered:!0})},this.handleMouseLeave=()=>{this.waitingForClick||this.setState({hovered:!1,pressed:!1,focused:!1})},this.handleMouseDown=()=>{this.setState({pressed:!0})},this.handleMouseUp=e=>{this.setState({pressed:!1,focused:!1})},this.handleTouchStart=()=>{this.setState({pressed:!0})},this.handleTouchEnd=()=>{this.setState({pressed:!1}),this.waitingForClick=!0},this.handleTouchCancel=()=>{this.setState({pressed:!1}),this.waitingForClick=!0},this.handleKeyDown=e=>{const{onKeyDown,role}=this.props;onKeyDown&&onKeyDown(e);const keyCode=e.which||e.keyCode,{triggerOnEnter,triggerOnSpace}=getAppropriateTriggersForRole(role);triggerOnEnter&&keyCode===keyCodes_enter||triggerOnSpace&&keyCode===keyCodes_space?(e.preventDefault(),this.setState({pressed:!0})):triggerOnEnter||keyCode!==keyCodes_enter||(this.enterClick=!0)},this.handleKeyUp=e=>{const{onKeyUp,role}=this.props;onKeyUp&&onKeyUp(e);const keyCode=e.which||e.keyCode,{triggerOnEnter,triggerOnSpace}=getAppropriateTriggersForRole(role);triggerOnEnter&&keyCode===keyCodes_enter||triggerOnSpace&&keyCode===keyCodes_space?(this.setState({pressed:!1,focused:!0}),this.runCallbackAndMaybeNavigate(e)):triggerOnEnter||keyCode!==keyCodes_enter||(this.enterClick=!1)},this.handleFocus=e=>{this.setState({focused:!0})},this.handleBlur=e=>{this.setState({focused:!1,pressed:!1})},this.state=startState,this.waitingForClick=!1,this.enterClick=!1}navigateOrReset(shouldNavigate){if(shouldNavigate){const{history,href,skipClientNav,target}=this.props;href&&("_blank"===target?(window.open(href,"_blank"),this.setState({waiting:!1})):history&&!skipClientNav?(history.push(href),this.setState({waiting:!1})):window.location.assign(href))}else this.setState({waiting:!1})}handleSafeWithNav(safeWithNav,shouldNavigate){const{skipClientNav,history}=this.props;return history&&!skipClientNav||"_blank"===this.props.target?(safeWithNav(),this.navigateOrReset(shouldNavigate),Promise.resolve()):(this.state.waiting||this.setState({waiting:!0}),safeWithNav().then((()=>{this.state.waiting||this.setState({waiting:!0})})).catch((error=>{})).finally((()=>{this.navigateOrReset(shouldNavigate)})))}runCallbackAndMaybeNavigate(e){const{onClick,beforeNav,safeWithNav,href,type}=this.props;let shouldNavigate=!0,canSubmit=!0;if(onClick&&onClick(e),e.defaultPrevented&&(shouldNavigate=!1,canSubmit=!1),e.preventDefault(),!href&&"submit"===type&&canSubmit){let target=e.currentTarget;for(;target;){if(target instanceof window.HTMLFormElement){const event=new window.Event("submit",{cancelable:!0});target.dispatchEvent(event);break}target=target.parentElement}}if(beforeNav)this.setState({waiting:!0}),beforeNav().then((()=>safeWithNav?this.handleSafeWithNav(safeWithNav,shouldNavigate):this.navigateOrReset(shouldNavigate))).catch((()=>{}));else{if(safeWithNav)return this.handleSafeWithNav(safeWithNav,shouldNavigate);this.navigateOrReset(shouldNavigate)}}render(){const childrenProps=this.props.disabled?wonder_blocks_clickable_dist_es_extends({},disabledHandlers,{onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex}):{onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onTouchCancel:this.handleTouchCancel,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex};childrenProps.rel=this.props.rel||("_blank"===this.props.target?"noopener noreferrer":void 0);const{children}=this.props;return children&&children(this.state,childrenProps)}}ClickableBehavior.defaultProps={disabled:!1};const isClientSideUrl=href=>"string"==typeof href&&(!/^(https?:)?\/\//i.test(href)&&!/^([^#]*#[\w-]*|[\w\-.]+:)/.test(href)),ClickableBehaviorWithRouter=(0,react_router.EN)(ClickableBehavior);function getClickableBehavior(href,skipClientNav,router){return router&&!0!==skipClientNav&&href&&isClientSideUrl(href)?ClickableBehaviorWithRouter:ClickableBehavior}const wonder_blocks_clickable_dist_es_excluded=["href","onClick","skipClientNav","beforeNav","safeWithNav","style","target","testId","onKeyDown","onKeyUp","hideDefaultFocusRing","light","disabled"],StyledAnchor=addStyle("a"),StyledButton=addStyle("button"),StyledLink=addStyle(react_router_dom.rU);class Clickable extends react.Component{constructor(...args){super(...args),this.getCorrectTag=(clickableState,router,commonProps)=>{const activeHref=this.props.href&&!this.props.disabled,useClient=router&&!this.props.skipClientNav&&isClientSideUrl(this.props.href||"");return activeHref&&useClient&&this.props.href?react.createElement(StyledLink,wonder_blocks_clickable_dist_es_extends({},commonProps,{to:this.props.href,role:this.props.role,target:this.props.target||void 0,"aria-disabled":this.props.disabled?"true":void 0}),this.props.children(clickableState)):activeHref&&!useClient?react.createElement(StyledAnchor,wonder_blocks_clickable_dist_es_extends({},commonProps,{href:this.props.href,role:this.props.role,target:this.props.target||void 0,"aria-disabled":this.props.disabled?"true":void 0}),this.props.children(clickableState)):react.createElement(StyledButton,wonder_blocks_clickable_dist_es_extends({},commonProps,{type:"button","aria-disabled":this.props.disabled}),this.props.children(clickableState))}}renderClickableBehavior(router){const _this$props=this.props,{href,onClick,skipClientNav,beforeNav,safeWithNav,style,target,testId,onKeyDown,onKeyUp,hideDefaultFocusRing,light,disabled}=_this$props,restProps=function wonder_blocks_clickable_dist_es_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(_this$props,wonder_blocks_clickable_dist_es_excluded),ClickableBehavior=getClickableBehavior(href,skipClientNav,router),getStyle=state=>[wonder_blocks_clickable_dist_es_styles.reset,wonder_blocks_clickable_dist_es_styles.link,!hideDefaultFocusRing&&state.focused&&(light?wonder_blocks_clickable_dist_es_styles.focusedLight:wonder_blocks_clickable_dist_es_styles.focused),disabled&&wonder_blocks_clickable_dist_es_styles.disabled,style];return beforeNav?react.createElement(ClickableBehavior,{href,onClick,beforeNav,safeWithNav,onKeyDown,onKeyUp,disabled},((state,childrenProps)=>this.getCorrectTag(state,router,wonder_blocks_clickable_dist_es_extends({},restProps,{"data-test-id":testId,style:getStyle(state)},childrenProps)))):react.createElement(ClickableBehavior,{href,onClick,safeWithNav,onKeyDown,onKeyUp,target,disabled},((state,childrenProps)=>this.getCorrectTag(state,router,wonder_blocks_clickable_dist_es_extends({},restProps,{"data-test-id":testId,style:getStyle(state)},childrenProps))))}render(){return react.createElement(react_router.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}Clickable.defaultProps={light:!1,disabled:!1};const wonder_blocks_clickable_dist_es_styles=lib.StyleSheet.create({reset:{border:"none",margin:0,padding:0,width:"auto",overflow:"visible",background:"transparent",textDecoration:"none",color:"inherit",font:"inherit",boxSizing:"border-box",touchAction:"manipulation",userSelect:"none",outline:"none",lineHeight:"normal",WebkitFontSmoothing:"inherit",MozOsxFontSmoothing:"inherit"},link:{cursor:"pointer"},focused:{":focus":{outline:`solid 2px ${dist_es.ZP.blue}`}},focusedLight:{outline:`solid 2px ${dist_es.ZP.white}`},disabled:{color:dist_es.ZP.offBlack32,cursor:"not-allowed",":focus":{outline:"none"},":focus-visible":{outline:`solid 2px ${dist_es.ZP.blue}`}}});function wonder_blocks_icon_button_dist_es_extends(){return wonder_blocks_icon_button_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const dist_es_excluded$1=["skipClientNav","color","disabled","focused","hovered","href","icon","kind","light","pressed","style","testId","waiting"],es_StyledAnchor=addStyle("a"),es_StyledButton=addStyle("button"),es_StyledLink=addStyle(react_router_dom.rU);class IconButtonCore extends react.Component{renderInner(router){const _this$props=this.props,{skipClientNav,color,disabled,focused,hovered,href,icon,kind,light,pressed,style,testId}=_this$props,restProps=wonder_blocks_icon_button_dist_es_objectWithoutPropertiesLoose(_this$props,dist_es_excluded$1),buttonColor="destructive"===color?dist_es.qe.controlDestructive:dist_es.qe.controlDefault,buttonStyles=_generateStyles(buttonColor,kind,light),defaultStyle=[sharedStyles.shared,disabled&&sharedStyles.disabled,buttonStyles.default,disabled&&buttonStyles.disabled,!disabled&&(pressed?buttonStyles.active:(hovered||focused)&&buttonStyles.focus)],child=react.createElement(Icon,{size:"medium",color:"currentColor",icon}),commonProps=wonder_blocks_icon_button_dist_es_extends({"data-test-id":testId,style:[defaultStyle,style]},restProps);return href&&!disabled?router&&!skipClientNav&&isClientSideUrl(href)?react.createElement(es_StyledLink,wonder_blocks_icon_button_dist_es_extends({},commonProps,{to:href}),child):react.createElement(es_StyledAnchor,wonder_blocks_icon_button_dist_es_extends({},commonProps,{href}),child):react.createElement(es_StyledButton,wonder_blocks_icon_button_dist_es_extends({type:"button"},commonProps,{disabled}),child)}render(){return react.createElement(react_router.s6.Consumer,null,(router=>this.renderInner(router)))}}const sharedStyles=lib.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",height:40,width:40,padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation",":focus":{WebkitTapHighlightColor:"rgba(0,0,0,0)"}},disabled:{cursor:"default"}}),wonder_blocks_icon_button_dist_es_styles={},_generateStyles=(color,kind,light)=>{const buttonType=color+kind+light.toString();if(wonder_blocks_icon_button_dist_es_styles[buttonType])return wonder_blocks_icon_button_dist_es_styles[buttonType];if(light&&"primary"!==kind)throw new Error("Light is only supported for primary IconButtons");const{white,offBlack32,offBlack64,offBlack}=dist_es.ZP,newStyles={default:{},focus:{color:light?white:color,borderWidth:2,borderColor:light?white:color,borderStyle:"solid",borderRadius:4},active:{color:light?(0,dist_es.CD)((0,dist_es.U1)(color,.32),white):(0,dist_es.CD)(offBlack32,color),borderWidth:2,borderColor:light?(0,dist_es.CD)((0,dist_es.U1)(color,.32),white):(0,dist_es.CD)(offBlack32,color),borderStyle:"solid",borderRadius:4},disabled:{color:light?(0,dist_es.CD)((0,dist_es.U1)(white,.32),color):offBlack32,cursor:"default"}};if("primary"===kind)newStyles.default={color:light?white:color};else if("secondary"===kind)newStyles.default={color:offBlack};else{if("tertiary"!==kind)throw new Error("IconButton kind not recognized");newStyles.default={color:offBlack64}}return wonder_blocks_icon_button_dist_es_styles[buttonType]=lib.StyleSheet.create(newStyles),wonder_blocks_icon_button_dist_es_styles[buttonType]},wonder_blocks_icon_button_dist_es_excluded=["onClick","href","skipClientNav","tabIndex","target"];class IconButton extends react.Component{renderClickableBehavior(router){const _this$props=this.props,{onClick,href,skipClientNav,tabIndex,target}=_this$props,sharedProps=wonder_blocks_icon_button_dist_es_objectWithoutPropertiesLoose(_this$props,wonder_blocks_icon_button_dist_es_excluded),ClickableBehavior=getClickableBehavior(href,skipClientNav,router);return react.createElement(ClickableBehavior,{disabled:sharedProps.disabled,href,onClick,role:"button",target},((state,_ref)=>{let childrenProps=wonder_blocks_icon_button_dist_es_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return react.createElement(IconButtonCore,wonder_blocks_icon_button_dist_es_extends({},sharedProps,state,childrenProps,{skipClientNav,href,target,tabIndex}))}))}render(){return react.createElement(react_router.s6.Consumer,null,(router=>this.renderClickableBehavior(router)))}}IconButton.defaultProps={color:"default",kind:"primary",light:!1,disabled:!1};class ModalDialog extends react.Component{render(){const{above,below,role,style,children,testId,"aria-labelledby":ariaLabelledBy,"aria-describedby":ariaDescribedBy}=this.props,contextValue={ssrSize:"large",mediaSpec:MEDIA_MODAL_SPEC};return react.createElement(MediaLayoutContext.Provider,{value:contextValue},react.createElement(MediaLayout,{styleSheets:styleSheets$3},(({styles})=>react.createElement(es_View,{style:[styles.wrapper,style]},below&&react.createElement(es_View,{style:styles.below},below),react.createElement(es_View,{role,"aria-modal":"true","aria-labelledby":ariaLabelledBy,"aria-describedby":ariaDescribedBy,style:styles.dialog,testId},children),above&&react.createElement(es_View,{style:styles.above},above)))))}}ModalDialog.defaultProps={role:"dialog"};const styleSheets$3={all:lib.StyleSheet.create({wrapper:{display:"flex",flexDirection:"row",alignItems:"stretch",width:"100%",height:"100%",position:"relative"},dialog:{width:"100%",height:"100%",borderRadius:4,overflow:"hidden"},above:{pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:1},below:{pointerEvents:"none",position:"absolute",top:0,left:0,bottom:0,right:0,zIndex:-1}}),small:lib.StyleSheet.create({wrapper:{padding:es.Z.medium_16,flexDirection:"column"}})};class ModalFooter extends react.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_MODAL_FOOTER__}render(){const{children}=this.props;return react.createElement(es_View,{style:styles$3.footer},children)}}ModalFooter.__IS_MODAL_FOOTER__=!0;const styles$3=lib.StyleSheet.create({footer:{flex:"0 0 auto",boxSizing:"border-box",minHeight:es.Z.xxxLarge_64,paddingLeft:es.Z.medium_16,paddingRight:es.Z.medium_16,paddingTop:es.Z.xSmall_8,paddingBottom:es.Z.xSmall_8,display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-end",boxShadow:`0px -1px 0px ${dist_es.ZP.offBlack16}`}});class ModalHeader extends react.Component{render(){const{breadcrumbs,light,subtitle,testId,title,titleId}=this.props;if(subtitle&&breadcrumbs)throw new Error("'subtitle' and 'breadcrumbs' can't be used together");return react.createElement(MediaLayout,{styleSheets:styleSheets$2},(({styles})=>react.createElement(es_View,{style:[styles.header,!light&&styles.dark],testId},breadcrumbs&&react.createElement(es_View,{style:styles.breadcrumbs},breadcrumbs),react.createElement(HeadingMedium,{style:styles.title,id:titleId,testId:testId&&`${testId}-title`},title),subtitle&&react.createElement(LabelSmall,{style:light&&styles.subtitle,testId:testId&&`${testId}-subtitle`},subtitle))))}}ModalHeader.defaultProps={light:!0};const styleSheets$2={all:lib.StyleSheet.create({header:{boxShadow:`0px 1px 0px ${dist_es.ZP.offBlack16}`,display:"flex",flexDirection:"column",minHeight:66,padding:`${es.Z.large_24}px ${es.Z.xLarge_32}px`,position:"relative",width:"100%"},dark:{background:dist_es.ZP.darkBlue,color:dist_es.ZP.white},breadcrumbs:{color:dist_es.ZP.offBlack64,marginBottom:es.Z.xSmall_8},title:{paddingRight:es.Z.medium_16},subtitle:{color:dist_es.ZP.offBlack64,marginTop:es.Z.xSmall_8}}),small:lib.StyleSheet.create({header:{paddingLeft:es.Z.medium_16,paddingRight:es.Z.medium_16},title:{paddingRight:es.Z.xLarge_32}})};class FocusTrap extends react.Component{constructor(...args){super(...args),this.modalRoot=void 0,this.getModalRoot=node=>{if(!node)return;const modalRoot=react_dom.findDOMNode(node);if(!modalRoot)throw new Error("Assertion error: modal root should exist after mount");this.modalRoot=modalRoot},this.handleFocusMoveToLast=()=>{this.focusElementIn(!1)},this.handleFocusMoveToFirst=()=>{this.focusElementIn(!0)}}tryToFocus(node){if(node instanceof HTMLElement){try{node.focus()}catch(e){}return document.activeElement===node}}focusElementIn(isLast){const modalRootAsHtmlEl=this.modalRoot,focusableNodes=Array.from(modalRootAsHtmlEl.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')),focusableNode=focusableNodes[isLast?0:focusableNodes.length-1];this.tryToFocus(focusableNode)}render(){const{style}=this.props;return react.createElement(react.Fragment,null,react.createElement("div",{tabIndex:0,className:"modal-focus-trap-first",onFocus:this.handleFocusMoveToLast,style:{position:"fixed"}}),react.createElement(es_View,{style,ref:this.getModalRoot},this.props.children),react.createElement("div",{tabIndex:0,className:"modal-focus-trap-last",onFocus:this.handleFocusMoveToFirst,style:{position:"fixed"}}))}}function wonder_blocks_modal_dist_es_extends(){return wonder_blocks_modal_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{this._mousePressedOutside=e.target===e.currentTarget},this.handleMouseUp=e=>{e.target===e.currentTarget&&this._mousePressedOutside&&this.props.onCloseModal(),this._mousePressedOutside=!1}}componentDidMount(){const node=react_dom.findDOMNode(this);if(!node)return;const firstFocusableElement=this._getInitialFocusElement(node)||this._getFirstFocusableElement(node)||this._getDialogElement(node);setTimeout((()=>{firstFocusableElement.focus()}),0)}_getInitialFocusElement(node){const{initialFocusId}=this.props;return initialFocusId?react_dom.findDOMNode(node.querySelector(`#${initialFocusId}`)):null}_getFirstFocusableElement(node){const focusableElements=function findFocusableNodes(root){return Array.from(root.querySelectorAll(FOCUSABLE_ELEMENTS))}(node);return focusableElements?focusableElements[0]:null}_getDialogElement(node){const dialogElement=react_dom.findDOMNode(node.querySelector('[role="dialog"]'));return dialogElement.tabIndex=-1,dialogElement}render(){const{children,testId}=this.props,backdropProps={[ModalLauncherPortalAttributeName]:!0};return react.createElement(es_View,wonder_blocks_modal_dist_es_extends({style:styles$2.modalPositioner,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,testId},backdropProps),children)}}const styles$2=lib.StyleSheet.create({modalPositioner:{position:"fixed",left:0,top:0,width:"100%",height:"100%",alignItems:"center",justifyContent:"center",overflow:"auto",background:dist_es.ZP.offBlack64}}),needsHackyMobileSafariScrollDisabler=(()=>{if("undefined"==typeof window)return!1;const userAgent=window.navigator.userAgent;return userAgent.indexOf("iPad")>-1||userAgent.indexOf("iPhone")>-1})();class ScrollDisabler extends react.Component{componentDidMount(){if(0===ScrollDisabler.numModalsOpened){const body=document.body;if(!body)throw new Error("couldn't find document.body");ScrollDisabler.oldOverflow=body.style.overflow,ScrollDisabler.oldScrollY=window.scrollY,needsHackyMobileSafariScrollDisabler&&(ScrollDisabler.oldPosition=body.style.position,ScrollDisabler.oldWidth=body.style.width,ScrollDisabler.oldTop=body.style.top),body.style.overflow="hidden",needsHackyMobileSafariScrollDisabler&&(body.style.position="fixed",body.style.width="100%",body.style.top=-ScrollDisabler.oldScrollY+"px")}ScrollDisabler.numModalsOpened++}componentWillUnmount(){if(ScrollDisabler.numModalsOpened--,0===ScrollDisabler.numModalsOpened){const body=document.body;if(!body)throw new Error("couldn't find document.body");body.style.overflow=ScrollDisabler.oldOverflow,needsHackyMobileSafariScrollDisabler&&(body.style.position=ScrollDisabler.oldPosition,body.style.width=ScrollDisabler.oldWidth,body.style.top=ScrollDisabler.oldTop),"undefined"!=typeof window&&window.scrollTo&&window.scrollTo(0,ScrollDisabler.oldScrollY)}}render(){return null}}ScrollDisabler.oldOverflow=void 0,ScrollDisabler.oldPosition=void 0,ScrollDisabler.oldScrollY=void 0,ScrollDisabler.oldWidth=void 0,ScrollDisabler.oldTop=void 0,ScrollDisabler.numModalsOpened=0;const es_defaultContext={closeModal:void 0};var ModalContext=react.createContext(es_defaultContext);class ModalLauncher extends react.Component{constructor(...args){super(...args),this.lastElementFocusedOutsideModal=void 0,this.state={opened:!1},this._saveLastElementFocused=()=>{this.lastElementFocusedOutsideModal=document.activeElement},this._openModal=()=>{this._saveLastElementFocused(),this.setState({opened:!0})},this._returnFocus=()=>{const{closedFocusId,schedule}=this.props,lastElement=this.lastElementFocusedOutsideModal;if(closedFocusId){const focusElement=react_dom.findDOMNode(document.getElementById(closedFocusId));if(focusElement)return void schedule.animationFrame((()=>{focusElement.focus()}))}null!=lastElement&&schedule.animationFrame((()=>{lastElement.focus()}))},this.handleCloseModal=()=>{this.setState({opened:!1},(()=>{const{onClose}=this.props;null==onClose||onClose(),this._returnFocus()}))}}static getDerivedStateFromProps(props,state){return"boolean"==typeof props.opened&&props.children&&console.warn("'children' and 'opened' can't be used together"),"boolean"!=typeof props.opened||props.onClose||console.warn("'onClose' should be used with 'opened'"),"boolean"==typeof props.opened||props.children||console.warn("either 'children' or 'opened' must be set"),{opened:"boolean"==typeof props.opened?props.opened:state.opened}}componentDidUpdate(prevProps){!prevProps.opened&&this.props.opened&&this._saveLastElementFocused()}_renderModal(){return"function"==typeof this.props.modal?this.props.modal({closeModal:this.handleCloseModal}):this.props.modal}render(){const renderedChildren=this.props.children?this.props.children({openModal:this._openModal}):null,{body}=document;return body?react.createElement(ModalContext.Provider,{value:{closeModal:this.handleCloseModal}},renderedChildren,this.state.opened&&react_dom.createPortal(react.createElement(FocusTrap,{style:es_styles$1.container},react.createElement(ModalBackdrop,{initialFocusId:this.props.initialFocusId,testId:this.props.testId,onCloseModal:this.props.backdropDismissEnabled?this.handleCloseModal:()=>{}},this._renderModal())),body),this.state.opened&&react.createElement(ModalLauncherKeypressListener,{onClose:this.handleCloseModal}),this.state.opened&&react.createElement(ScrollDisabler,null)):null}}ModalLauncher.defaultProps={backdropDismissEnabled:!0};class ModalLauncherKeypressListener extends react.Component{constructor(...args){super(...args),this._handleKeyup=e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.props.onClose())}}componentDidMount(){window.addEventListener("keyup",this._handleKeyup)}componentWillUnmount(){window.removeEventListener("keyup",this._handleKeyup)}render(){return null}}const es_styles$1=lib.StyleSheet.create({container:{zIndex:1080}});(function withActionScheduler(WrappedComponent){return props=>react.createElement(ActionSchedulerProvider,null,(schedule=>react.createElement(WrappedComponent,wonder_blocks_timing_dist_es_extends({},props,{schedule}))))})(ModalLauncher);class ModalContent extends react.Component{static isClassOf(instance){return instance&&instance.type&&instance.type.__IS_MODAL_CONTENT__}render(){const{scrollOverflow,style,children}=this.props;return react.createElement(MediaLayout,{styleSheets:styleSheets$1},(({styles})=>react.createElement(es_View,{style:[styles.wrapper,scrollOverflow&&styles.scrollOverflow]},react.createElement(es_View,{style:[styles.content,style]},children))))}}ModalContent.defaultProps={scrollOverflow:!0},ModalContent.__IS_MODAL_CONTENT__=!0;const styleSheets$1={all:lib.StyleSheet.create({wrapper:{flex:1,display:"block"},scrollOverflow:{overflow:"auto"},content:{flex:1,minHeight:"100%",padding:es.Z.xLarge_32,boxSizing:"border-box"}}),small:lib.StyleSheet.create({content:{padding:`${es.Z.xLarge_32}px ${es.Z.medium_16}px`}})};class CloseButton extends react.Component{render(){const{light,onClick,style,testId}=this.props;return react.createElement(ModalContext.Consumer,null,(({closeModal})=>{if(closeModal&&onClick)throw new Error("You've specified 'onClose' on a modal when using ModalLauncher. Please specify 'onClose' on the ModalLauncher instead");return react.createElement(IconButton,{icon:iconAssets.dismiss,"aria-label":"Close modal",onClick:onClick||closeModal,kind:light?"primary":"tertiary",light,style,testId})}))}}class ModalPanel extends react.Component{renderMainContent(){const{content,footer,scrollOverflow}=this.props,mainContent=ModalContent.isClassOf(content)?content:react.createElement(ModalContent,null,content);return mainContent?react.cloneElement(mainContent,{scrollOverflow,style:[!!footer&&wonder_blocks_modal_dist_es_styles.hasFooter,mainContent.props.style]}):mainContent}render(){const{closeButtonVisible,footer,header,light,onClose,style,testId}=this.props,mainContent=this.renderMainContent();return react.createElement(es_View,{style:[wonder_blocks_modal_dist_es_styles.wrapper,!light&&wonder_blocks_modal_dist_es_styles.dark,style],testId:testId&&`${testId}-panel`},closeButtonVisible&&react.createElement(CloseButton,{light:!light,onClick:onClose,style:wonder_blocks_modal_dist_es_styles.closeButton,testId:testId&&`${testId}-close`}),header,mainContent,!footer||ModalFooter.isClassOf(footer)?footer:react.createElement(ModalFooter,null,footer))}}ModalPanel.defaultProps={closeButtonVisible:!0,scrollOverflow:!0,light:!0};const wonder_blocks_modal_dist_es_styles=lib.StyleSheet.create({wrapper:{flex:"1 1 auto",position:"relative",display:"flex",flexDirection:"column",background:"white",boxSizing:"border-box",overflow:"hidden",height:"100%",width:"100%"},closeButton:{position:"absolute",right:es.Z.medium_16,top:es.Z.medium_16,zIndex:1},dark:{background:dist_es.ZP.darkBlue,color:dist_es.ZP.white},hasFooter:{paddingBottom:es.Z.xLarge_32}});class OnePaneDialog extends react.Component{renderHeader(uniqueId){const{title,breadcrumbs,subtitle,testId}=this.props;return breadcrumbs?react.createElement(ModalHeader,{title,breadcrumbs,titleId:uniqueId,testId:testId&&`${testId}-header`}):subtitle?react.createElement(ModalHeader,{title,subtitle,titleId:uniqueId,testId:testId&&`${testId}-header`}):react.createElement(ModalHeader,{title,titleId:uniqueId,testId:testId&&`${testId}-header`})}render(){const{onClose,footer,content,above,below,style,closeButtonVisible,testId,titleId,role,"aria-describedby":ariaDescribedBy}=this.props;return react.createElement(MediaLayout,{styleSheets},(({styles})=>react.createElement(IDProvider,{id:titleId,scope:"modal"},(uniqueId=>react.createElement(ModalDialog,{style:[styles.dialog,style],above,below,testId,"aria-labelledby":uniqueId,"aria-describedby":ariaDescribedBy,role},react.createElement(ModalPanel,{onClose,header:this.renderHeader(uniqueId),content,footer,closeButtonVisible,testId}))))))}}OnePaneDialog.defaultProps={closeButtonVisible:!0};const styleSheets={small:lib.StyleSheet.create({dialog:{width:"100%",height:"100%",overflow:"hidden"}}),mdOrLarger:lib.StyleSheet.create({dialog:{width:"93.75%",maxWidth:576,height:"81.25%",maxHeight:624}})};function maybeGetPortalMountedModalHostElement(element){return function maybeGetNextAncestorModalLauncherPortal(element){let candidateElement=element&&element.parentElement;for(;candidateElement&&!candidateElement.hasAttribute(ModalLauncherPortalAttributeName);)candidateElement=candidateElement.parentElement;return candidateElement}(element)}var Popper=__webpack_require__("./node_modules/react-popper/lib/esm/Popper.js");const TRACKER=new class ActiveTracker{constructor(){this._subscribers=[],this._active=void 0}_getIndex(who){return this._subscribers.findIndex((v=>v===who))}steal(who){const wasActive=!!this._active;this._active=!0;for(const anchor of this._subscribers)anchor!==who&&anchor.activeStateStolen();return wasActive}giveup(){this._active=!1}subscribe(who){if(this._getIndex(who)>=0)throw new Error("Already subscribed.");this._subscribers.push(who);return()=>{const index=this._getIndex(who);this._subscribers.splice(index,1)}}};class TooltipAnchor extends react.Component{constructor(props){super(props),this._weSetFocusivity=void 0,this._anchorNode=void 0,this._focused=void 0,this._hovered=void 0,this._stolenFromUs=void 0,this._unsubscribeFromTracker=void 0,this._timeoutID=void 0,this.activeStateStolen=()=>{this._stolenFromUs=this.state.active||!!this._timeoutID,this._focused=!1,this._setActiveState(!1,!0)},this._handleFocusIn=()=>{this._updateActiveState(this._hovered,!0)},this._handleFocusOut=()=>{this._updateActiveState(this._hovered,!1)},this._handleMouseEnter=()=>{this._updateActiveState(!0,this._focused)},this._handleMouseLeave=()=>{this._updateActiveState(!1,this._focused)},this._handleKeyUp=e=>{"Escape"===e.key&&this.state.active&&(e.preventDefault(),e.stopPropagation(),this._updateActiveState(!1,!1))},this._focused=!1,this._hovered=!1,this.state={active:!1}}componentDidMount(){const anchorNode=react_dom.findDOMNode(this);if(anchorNode instanceof Text)throw new Error("TooltipAnchor must be applied to an Element. Text content is not supported.");this._unsubscribeFromTracker=TRACKER.subscribe(this),this._anchorNode=anchorNode,this._updateFocusivity(),anchorNode&&(anchorNode.addEventListener("focusin",this._handleFocusIn),anchorNode.addEventListener("focusout",this._handleFocusOut),anchorNode.addEventListener("mouseenter",this._handleMouseEnter),anchorNode.addEventListener("mouseleave",this._handleMouseLeave),this.props.anchorRef(this._anchorNode))}componentDidUpdate(prevProps){prevProps.forceAnchorFocusivity===this.props.forceAnchorFocusivity&&prevProps.children===this.props.children||this._updateFocusivity()}componentWillUnmount(){this._unsubscribeFromTracker&&this._unsubscribeFromTracker(),this._clearPendingAction();const anchorNode=this._anchorNode;anchorNode&&(anchorNode.removeEventListener("focusin",this._handleFocusIn),anchorNode.removeEventListener("focusout",this._handleFocusOut),anchorNode.removeEventListener("mouseenter",this._handleMouseEnter),anchorNode.removeEventListener("mouseleave",this._handleMouseLeave)),this.state.active&&document.removeEventListener("keyup",this._handleKeyUp)}_updateFocusivity(){const anchorNode=this._anchorNode;if(!anchorNode)return;const{forceAnchorFocusivity}=this.props,currentTabIndex=anchorNode.getAttribute("tabindex");forceAnchorFocusivity&&!currentTabIndex?(anchorNode.setAttribute("tabindex","0"),this._weSetFocusivity=!0):!forceAnchorFocusivity&¤tTabIndex&&this._weSetFocusivity&&(anchorNode.removeAttribute("tabindex"),this._weSetFocusivity=!1)}_updateActiveState(hovered,focused){this._hovered=hovered,this._focused=focused,this._setActiveState(hovered||focused)}_clearPendingAction(){this._timeoutID&&(clearTimeout(this._timeoutID),this._timeoutID=null)}_setActiveState(active,instant){if(this._stolenFromUs||active!==this.state.active||!this.state.active&&this._timeoutID)this._clearPendingAction();else if(active===this.state.active&&!this._timeoutID)return;if(instant=instant||active&&TRACKER.steal(this))active?document.addEventListener("keyup",this._handleKeyUp):document.removeEventListener("keyup",this._handleKeyUp),this.setState({active}),this.props.onActiveChanged(active),this._stolenFromUs||active||TRACKER.giveup(),this._stolenFromUs=!1;else{const delay=active?100:75;this._timeoutID=setTimeout((()=>{this._timeoutID=null,this._setActiveState(active,!0)}),delay)}}_renderAnchorableChildren(){const{children}=this.props;return"string"==typeof children?react.createElement(es_Text,null,children):children}_renderAccessibleChildren(ids){const anchorableChildren=this._renderAnchorableChildren();return react.cloneElement(anchorableChildren,{"aria-describedby":ids.get(TooltipAnchor.ariaContentId)})}render(){return this.props.ids?this._renderAccessibleChildren(this.props.ids):this._renderAnchorableChildren()}}function wonder_blocks_tooltip_dist_es_extends(){return wonder_blocks_tooltip_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{this._setActiveState(!0)},this.handleMouseLeave=()=>{this.props.onActiveChanged(!1)}}_setActiveState(active){this.setState({active}),this.props.onActiveChanged(active)}render(){const{id,children,updateBubbleRef,placement,isReferenceHidden,style,updateTailRef,tailOffset}=this.props;return react.createElement(es_View,{id,role:"tooltip","data-placement":placement,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:updateBubbleRef,style:[isReferenceHidden&&dist_es_styles$1.hide,dist_es_styles$1.bubble,dist_es_styles$1[`content-${placement}`],style]},react.createElement(es_View,{style:dist_es_styles$1.content},children),react.createElement(TooltipTail,{updateRef:updateTailRef,placement,offset:tailOffset}))}}const dist_es_styles$1=lib.StyleSheet.create({bubble:{position:"absolute"},hide:{pointerEvents:"none",opacity:0,backgroundColor:"transparent",color:"transparent"},"content-top":{flexDirection:"column"},"content-right":{flexDirection:"row-reverse"},"content-bottom":{flexDirection:"column-reverse"},"content-left":{flexDirection:"row"},content:{maxWidth:472,borderRadius:es.Z.xxxSmall_4,border:`solid 1px ${dist_es.ZP.offBlack16}`,backgroundColor:dist_es.ZP.white,boxShadow:`0 ${es.Z.xSmall_8}px ${es.Z.xSmall_8}px 0 ${dist_es.ZP.offBlack8}`,justifyContent:"center"}});class TooltipContent extends react.Component{_renderTitle(){const{title}=this.props;return title?"string"==typeof title?react.createElement(HeadingSmall,null,title):title:null}_renderChildren(){const{children}=this.props;return"string"==typeof children?react.createElement(LabelMedium,null,children):children}render(){const title=this._renderTitle(),children=this._renderChildren(),containerStyle=title?wonder_blocks_tooltip_dist_es_styles.withTitle:wonder_blocks_tooltip_dist_es_styles.withoutTitle;return react.createElement(es_View,{style:containerStyle},title,title&&children&&react.createElement(Strut,{size:es.Z.xxxSmall_4}),children)}}const wonder_blocks_tooltip_dist_es_styles=lib.StyleSheet.create({withoutTitle:{padding:`10px ${es.Z.medium_16}px`},withTitle:{padding:es.Z.medium_16}});class RefTracker{constructor(){this._lastRef=void 0,this._targetFn=void 0,this.updateRef=ref=>{if(ref){const domNode=react_dom.findDOMNode(ref);var _this$_targetFn;if(domNode instanceof HTMLElement&&domNode!==this._lastRef)this._lastRef=domNode,null==(_this$_targetFn=this._targetFn)||_this$_targetFn.call(this,domNode)}},this.setCallback=targetFn=>{if(this._targetFn!==targetFn){if(targetFn&&"function"!=typeof targetFn)throw new Error("targetFn must be a function");this._targetFn=targetFn||null,this._lastRef&&this._targetFn&&this._targetFn(this._lastRef)}}}}class TooltipPopper extends react.Component{constructor(...args){super(...args),this._bubbleRefTracker=new RefTracker,this._tailRefTracker=new RefTracker}_renderPositionedContent(popperProps){const{children}=this.props,placement=popperProps.placement||this.props.placement;this._bubbleRefTracker.setCallback(popperProps.ref),this._tailRefTracker.setCallback(popperProps.arrowProps.ref);return children({placement,style:{top:popperProps.style.top,left:popperProps.style.left,bottom:popperProps.style.bottom,right:popperProps.style.right,position:popperProps.style.position,transform:popperProps.style.transform},updateBubbleRef:this._bubbleRefTracker.updateRef,tailOffset:{bottom:popperProps.arrowProps.style.bottom,right:popperProps.arrowProps.style.right,top:popperProps.arrowProps.style.top,left:popperProps.arrowProps.style.left,transform:popperProps.arrowProps.style.transform},updateTailRef:this._tailRefTracker.updateRef,isReferenceHidden:popperProps.isReferenceHidden})}render(){const{anchorElement,placement}=this.props;return react.createElement(Popper.r,{referenceElement:anchorElement,strategy:"fixed",placement,modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}]},(props=>this._renderPositionedContent(props)))}}class Tooltip extends react.Component{constructor(...args){super(...args),this.state={active:!1,activeBubble:!1}}static getDerivedStateFromProps(props,state){return{active:"boolean"==typeof props.opened?props.opened:state.active}}_updateAnchorElement(ref){ref&&ref!==this.state.anchorElement&&this.setState({anchorElement:ref})}_renderBubbleContent(){const{title,content}=this.props;return"string"==typeof content?react.createElement(TooltipContent,{title},content):title?react.cloneElement(content,{title}):content}_renderPopper(ids){const{id}=this.props,bubbleId=ids?ids.get(Tooltip.ariaContentId):id;if(!bubbleId)throw new Error("Did not get an identifier factory nor a id prop");const{placement}=this.props;return react.createElement(TooltipPopper,{anchorElement:this.state.anchorElement,placement},(props=>react.createElement(TooltipBubble,{id:bubbleId,style:props.style,tailOffset:props.tailOffset,isReferenceHidden:props.isReferenceHidden,placement:props.placement,updateTailRef:props.updateTailRef,updateBubbleRef:props.updateBubbleRef,onActiveChanged:active=>this.setState({activeBubble:active})},this._renderBubbleContent())))}_getHost(){const{anchorElement}=this.state;return maybeGetPortalMountedModalHostElement(anchorElement)||document.body}_renderTooltipAnchor(ids){const{children,forceAnchorFocusivity}=this.props,{active,activeBubble}=this.state,popperHost=this._getHost();return react.createElement(react.Fragment,null,react.createElement(TooltipAnchor,{forceAnchorFocusivity,anchorRef:r=>this._updateAnchorElement(r),onActiveChanged:active=>this.setState({active}),ids},children),popperHost&&(active||activeBubble)&&react_dom.createPortal(this._renderPopper(ids),popperHost))}render(){const{id}=this.props;return id?this._renderTooltipAnchor():react.createElement(UniqueIDProvider,{scope:"tooltip",mockOnFirstRender:!0},(ids=>this._renderTooltipAnchor(ids)))}}function wonder_blocks_popover_dist_es_extends(){return wonder_blocks_popover_dist_es_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{e.stopPropagation(),children.props.onClick(),onClick()}:onClick}))}}class PopoverDialog extends react.Component{componentDidUpdate(prevProps){prevProps.placement!==this.props.placement&&this.props.onUpdate(this.props.placement)}render(){const{placement,children,id,isReferenceHidden,updateBubbleRef,updateTailRef,tailOffset,style,"aria-describedby":ariaDescribedby}=this.props,contentProps=children.props,color=contentProps.emphasized?"blue":contentProps.color;return react.createElement(react.Fragment,null,react.createElement(es_View,{"aria-describedby":ariaDescribedby,id,role:"dialog",ref:updateBubbleRef,"data-placement":placement,style:[isReferenceHidden&&dist_es_styles$2.hide,dist_es_styles$2[`content-${placement}`],style]},children,react.createElement(TooltipTail,{color,updateRef:updateTailRef,placement,offset:tailOffset})))}}const dist_es_styles$2=lib.StyleSheet.create({hide:{pointerEvents:"none",opacity:0,backgroundColor:"transparent",color:"transparent"},"content-top":{flexDirection:"column"},"content-right":{flexDirection:"row-reverse"},"content-bottom":{flexDirection:"column-reverse"},"content-left":{flexDirection:"row"}}),es_FOCUSABLE_ELEMENTS='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';function es_findFocusableNodes(root){return Array.from(root.querySelectorAll(es_FOCUSABLE_ELEMENTS))}class InitialFocus extends react.Component{constructor(...args){super(...args),this.setInitialFocusableElement=node=>{const firstFocusableElement=this.maybeGetInitialFocusElement(node)||this.maybeGetFirstFocusableElement(node)||node;firstFocusableElement===node&&(node.tabIndex=-1),setTimeout((()=>{firstFocusableElement.focus()}),0)}}componentDidMount(){const node=react_dom.findDOMNode(this);node&&this.setInitialFocusableElement(node)}maybeGetInitialFocusElement(node){const{initialFocusId}=this.props;return initialFocusId?node.querySelector(`#${initialFocusId}`):null}maybeGetFirstFocusableElement(node){const focusableElements=es_findFocusableNodes(node);return focusableElements.length?focusableElements[0]:null}render(){return this.props.children}}class FocusManager extends react.Component{constructor(...args){super(...args),this.nextElementAfterPopover=void 0,this.rootNode=void 0,this.focusableElementsInPopover=[],this.addEventListeners=()=>{const{anchorElement}=this.props;anchorElement&&anchorElement.addEventListener("keydown",this.handleKeydownPreviousFocusableElement,!0),this.nextElementAfterPopover=this.getNextFocusableElement(),this.nextElementAfterPopover&&this.nextElementAfterPopover.addEventListener("keydown",this.handleKeydownNextFocusableElement,!0)},this.getNextFocusableElement=()=>{const{anchorElement}=this.props;if(!anchorElement||this.nextElementAfterPopover)return;const focusableElements=es_findFocusableNodes(document),anchorIndex=focusableElements.indexOf(anchorElement);if(anchorIndex>=0){return focusableElements[anchorIndex{if(!node)return;const rootNode=react_dom.findDOMNode(node);if(!rootNode)throw new Error("Assertion error: root node should exist after mount");this.rootNode=rootNode,this.focusableElementsInPopover=es_findFocusableNodes(this.rootNode)},this.handleFocusPreviousFocusableElement=()=>{this.props.anchorElement&&this.props.anchorElement.focus()},this.handleFocusNextFocusableElement=()=>{this.nextElementAfterPopover&&this.nextElementAfterPopover.focus()},this.handleKeydownPreviousFocusableElement=e=>{"Tab"!==e.key||e.shiftKey||(e.preventDefault(),this.focusableElementsInPopover[0].focus())},this.handleKeydownNextFocusableElement=e=>{if("Tab"===e.key&&e.shiftKey){e.preventDefault();const lastElementIndex=this.focusableElementsInPopover.length-1;this.focusableElementsInPopover[lastElementIndex].focus()}}}componentDidMount(){this.addEventListeners()}componentDidUpdate(){this.addEventListeners()}componentWillUnmount(){const{anchorElement}=this.props;anchorElement&&(setTimeout((()=>anchorElement.focus()),0),anchorElement.removeEventListener("keydown",this.handleKeydownPreviousFocusableElement,!0)),this.nextElementAfterPopover&&this.nextElementAfterPopover.removeEventListener("keydown",this.handleKeydownNextFocusableElement,!0)}render(){const{children}=this.props;return react.createElement(react.Fragment,null,react.createElement("div",{tabIndex:0,onFocus:this.handleFocusPreviousFocusableElement,style:{position:"fixed"}}),react.createElement("div",{ref:this.getComponentRootNode},react.createElement(InitialFocus,{initialFocusId:this.props.initialFocusId},children)),react.createElement("div",{tabIndex:0,onFocus:this.handleFocusNextFocusableElement,style:{position:"fixed"}}))}}class PopoverEventListener extends react.Component{constructor(...args){super(...args),this.state={isFirstClick:!0},this._handleKeyup=e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.props.onClose())},this._handleClick=e=>{var _this$props$contentRe;if(this.state.isFirstClick)return void this.setState({isFirstClick:!1});const node=react_dom.findDOMNode(null==(_this$props$contentRe=this.props.contentRef)?void 0:_this$props$contentRe.current);node&&!node.contains(e.target)&&(e.preventDefault(),e.stopPropagation(),this.props.onClose())}}componentDidMount(){window.addEventListener("keyup",this._handleKeyup),window.addEventListener("click",this._handleClick)}componentWillUnmount(){window.removeEventListener("keyup",this._handleKeyup),window.removeEventListener("click",this._handleClick)}render(){return null}}class Popover extends react.Component{constructor(...args){super(...args),this.state={opened:!!this.props.opened,placement:this.props.placement},this.contentRef=react.createRef(),this.handleClose=()=>{this.setState({opened:!1},(()=>{var _this$props$onClose,_this$props;null==(_this$props$onClose=(_this$props=this.props).onClose)||_this$props$onClose.call(_this$props)}))},this.handleOpen=()=>{this.props.dismissEnabled&&this.state.opened?this.setState({opened:!1}):this.setState({opened:!0})},this.updateRef=actualRef=>{actualRef&&this.state.anchorElement!==actualRef&&this.setState({anchorElement:actualRef})}}static getDerivedStateFromProps(props,state){return{opened:"boolean"==typeof props.opened?props.opened:state.opened}}renderContent(){const{content}=this.props,popoverContents="function"==typeof content?content({close:this.handleClose}):content;return react.cloneElement(popoverContents,{ref:this.contentRef})}renderPopper(uniqueId){const{initialFocusId,placement}=this.props,{anchorElement}=this.state;return react.createElement(FocusManager,{anchorElement,initialFocusId},react.createElement(TooltipPopper,{anchorElement,placement},(props=>react.createElement(PopoverDialog,wonder_blocks_popover_dist_es_extends({},props,{"aria-describedby":`${uniqueId}-anchor`,id:uniqueId,onUpdate:placement=>this.setState({placement})}),this.renderContent()))))}getHost(){return maybeGetPortalMountedModalHostElement(this.state.anchorElement)||document.body}render(){const{children,dismissEnabled,id}=this.props,{opened,placement}=this.state,popperHost=this.getHost();return react.createElement(PopoverContext.Provider,{value:{close:this.handleClose,placement}},react.createElement(IDProvider,{id,scope:"popover"},(uniqueId=>react.createElement(react.Fragment,null,react.createElement(PopoverAnchor,{anchorRef:this.updateRef,id:`${uniqueId}-anchor`,"aria-controls":uniqueId,"aria-expanded":opened?"true":"false",onClick:this.handleOpen},children),popperHost&&opened&&react_dom.createPortal(this.renderPopper(uniqueId),popperHost)))),dismissEnabled&&opened&&react.createElement(PopoverEventListener,{onClose:this.handleClose,contentRef:this.contentRef}))}}Popover.defaultProps={placement:"top"};class es_CloseButton extends react.Component{render(){const{light,"aria-label":ariaLabel,style,testId}=this.props;return react.createElement(PopoverContext.Consumer,null,(({close})=>react.createElement(IconButton,{icon:iconAssets.dismiss,"aria-label":ariaLabel,onClick:close,kind:light?"primary":"tertiary",light,style,testId})))}}es_CloseButton.defaultProps={light:!0,"aria-label":"Close Popover"};class PopoverContentCore extends react.Component{render(){const{children,closeButtonLight,closeButtonLabel,closeButtonVisible,color,style,testId}=this.props;return react.createElement(es_View,{testId,style:[wonder_blocks_popover_dist_es_styles$1.content,"white"!==color&&wonder_blocks_popover_dist_es_styles$1[color],style]},closeButtonVisible&&react.createElement(es_CloseButton,{"aria-label":closeButtonLabel,light:closeButtonLight||"white"!==color,style:wonder_blocks_popover_dist_es_styles$1.closeButton,testId:`${testId||"popover"}-close-btn`}),children)}}PopoverContentCore.defaultProps={color:"white",closeButtonLight:!1,closeButtonVisible:!1};const wonder_blocks_popover_dist_es_styles$1=lib.StyleSheet.create({content:{borderRadius:es.Z.xxxSmall_4,border:`solid 1px ${dist_es.ZP.offBlack16}`,backgroundColor:dist_es.ZP.white,boxShadow:`0 ${es.Z.xSmall_8}px ${es.Z.xSmall_8}px 0 ${dist_es.ZP.offBlack8}`,margin:0,maxWidth:18*es.Z.medium_16,padding:es.Z.large_24,overflow:"hidden",justifyContent:"center"},blue:{backgroundColor:dist_es.ZP.blue,color:dist_es.ZP.white},darkBlue:{backgroundColor:dist_es.ZP.darkBlue,color:dist_es.ZP.white},closeButton:{position:"absolute",right:es.Z.xSmall_8,top:es.Z.xSmall_8,zIndex:1}}),StyledImage=addStyle("img");class PopoverContent extends react.Component{constructor(...args){super(...args),this.maybeRenderImage=({placement})=>{const{image}=this.props;return image?react.createElement(es_View,{style:[wonder_blocks_popover_dist_es_styles.image,"bottom"===placement&&wonder_blocks_popover_dist_es_styles.imageToBottom]},image):null},this.maybeRenderIcon=()=>{const{icon}=this.props;return icon?react.createElement(es_View,{style:wonder_blocks_popover_dist_es_styles.iconContainer},"string"!=typeof icon?icon:react.createElement(StyledImage,{src:icon,style:wonder_blocks_popover_dist_es_styles.icon})):null},this.maybeRenderActions=close=>{const{actions}=this.props;return actions?react.createElement(es_View,{style:wonder_blocks_popover_dist_es_styles.actions},"function"==typeof actions?actions({close}):actions):null}}componentDidMount(){const{icon,image}=this.props;if(image&&icon)throw new Error("'image' and 'icon' cannot be used at the same time. You can fix this by either removing 'image' or 'icon' from your instance.")}validateProps({placement}){if(this.props.image&&("left"===placement||"right"===placement))throw new Error("'image' can only be vertically placed. You can fix this by either changing `placement` to `top` or `bottom` or removing the `image` prop inside `content`.")}render(){const{closeButtonLabel,closeButtonVisible,content,emphasized,icon,image,style,title,testId}=this.props;return react.createElement(PopoverContext.Consumer,null,(({close,placement})=>(this.validateProps({close,placement}),react.createElement(PopoverContentCore,{color:emphasized?"blue":"white",closeButtonLight:image&&"top"===placement,closeButtonLabel,closeButtonVisible,style,testId},react.createElement(es_View,{style:!!icon&&wonder_blocks_popover_dist_es_styles.withIcon},this.maybeRenderImage({placement}),this.maybeRenderIcon(),react.createElement(es_View,{style:wonder_blocks_popover_dist_es_styles.text},react.createElement(HeadingSmall,{style:wonder_blocks_popover_dist_es_styles.title},title),react.createElement(Body,null,content))),this.maybeRenderActions(close)))))}}PopoverContent.defaultProps={closeButtonVisible:!1};const wonder_blocks_popover_dist_es_styles=lib.StyleSheet.create({actions:{marginTop:es.Z.large_24,flexDirection:"row",alignItems:"center",justifyContent:"flex-end"},text:{justifyContent:"center"},title:{marginBottom:es.Z.xSmall_8},iconContainer:{alignItems:"center",justifyContent:"center",height:es.Z.xxxLarge_64,width:es.Z.xxxLarge_64,minWidth:es.Z.xxxLarge_64,marginRight:es.Z.medium_16,overflow:"hidden"},icon:{width:"100%"},withIcon:{flexDirection:"row"},image:{marginBottom:es.Z.large_24,marginLeft:-es.Z.large_24,marginRight:-es.Z.large_24,marginTop:-es.Z.large_24,width:`calc(100% + ${2*es.Z.large_24}px)`},imageToBottom:{marginBottom:-es.Z.large_24,marginTop:es.Z.large_24,order:1}})},"./node_modules/@khanacademy/wonder-blocks-progress-spinner/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>CircularSpinner});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js");const heights={xsmall:16,small:24,medium:48,large:96},paths={xsmall:"M7.237.741C7.165.393 6.95.154 6.656.053A1.01 1.01 0 0 0 6.18.01c-.053.009-.053.009-.087.017C2.553.949 0 4.214 0 7.91 0 12.36 3.598 16 8 16c4.4 0 8-3.647 8-8.112a1.02 1.02 0 0 0-.118-.423.877.877 0 0 0-.808-.48.909.909 0 0 0-.81.46c-.09.151-.13.296-.146.455-.08 3.493-2.737 6.207-6.118 6.207-3.41 0-6.118-2.74-6.118-6.196 0-2.843 1.936-5.291 4.644-6.022.1-.028.224-.082.352-.177a.928.928 0 0 0 .36-.97z",small:"M10.598.943c-.093-.449-.362-.748-.732-.875a1.314 1.314 0 0 0-.723-.033C3.83 1.417 0 6.317 0 11.864 0 18.538 5.398 24 12 24c6.598 0 12-5.471 12-12.16a1.333 1.333 0 0 0-.154-.548c-.193-.368-.544-.606-1.023-.606-.472 0-.825.229-1.035.585-.117.2-.169.39-.189.582-.124 5.472-4.294 9.73-9.599 9.73-5.349 0-9.599-4.3-9.599-9.72 0-4.46 3.036-8.299 7.28-9.444.127-.036.291-.107.458-.232.373-.28.57-.711.46-1.244z",medium:"M44.19 23.455a1.91 1.91 0 1 1 3.801 0h.003c.004.18.006.363.006.545 0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0c.182 0 .364.002.545.006V.01a1.91 1.91 0 1 1 0 3.801v.015A20.564 20.564 0 0 0 24 3.818C12.854 3.818 3.818 12.854 3.818 24c0 11.146 9.036 20.182 20.182 20.182 11.146 0 20.182-9.036 20.182-20.182 0-.182-.003-.364-.007-.545h.015z",large:"M88.38 46.91a3.818 3.818 0 1 1 7.602 0h.006c.008.362.012.725.012 1.09 0 26.51-21.49 48-48 48S0 74.51 0 48 21.49 0 48 0c.365 0 .728.004 1.09.012v.005a3.818 3.818 0 1 1 0 7.602v.032c-.362-.01-.725-.015-1.09-.015C25.708 7.636 7.636 25.708 7.636 48c0 22.292 18.072 40.364 40.364 40.364 22.292 0 40.364-18.072 40.364-40.364 0-.365-.005-.728-.015-1.09h.032z"},colors={light:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.white,dark:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_3__.ZP.offBlack16},StyledPath=(0,_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.cu)("path");class CircularSpinner extends react__WEBPACK_IMPORTED_MODULE_0__.Component{render(){const{size,light,style,testId}=this.props,height=heights[size],path=paths[size],color=light?colors.light:colors.dark,svg=react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:height,height,viewBox:`0 0 ${height} ${height}`,"data-test-id":testId},react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledPath,{style:[styles.loadingSpinner,{fill:color}],fillRule:"nonzero",d:path}));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.G7,{style:[styles.spinnerContainer,style]},svg)}}CircularSpinner.defaultProps={size:"large",light:!1};const styles=aphrodite__WEBPACK_IMPORTED_MODULE_1__.StyleSheet.create({spinnerContainer:{justifyContent:"center"},loadingSpinner:{transformOrigin:"50% 50%",animationName:{"0%":{transform:"rotate(0deg)"},"50%":{transform:"rotate(180deg)"},"100%":{transform:"rotate(360deg)"}},animationDuration:"1.1s",animationIterationCount:"infinite",animationTimingFunction:"linear"}})},"./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Spacing});const Spacing={xxxxSmall_2:2,xxxSmall_4:4,xxSmall_6:6,xSmall_8:8,small_12:12,medium_16:16,large_24:24,xLarge_32:32,xxLarge_48:48,xxxLarge_64:64}},"./node_modules/@khanacademy/wonder-blocks-timing/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$K:()=>withActionScheduler});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const SchedulePolicy={Immediately:"schedule-immediately",OnDemand:"schedule-on-demand"},ClearPolicy={Resolve:"resolve-on-clear",Cancel:"cancel-on-clear"};class Timeout{constructor(action,timeoutMs,schedulePolicy=SchedulePolicy.Immediately){if(this._timeoutId=void 0,this._action=void 0,this._timeoutMs=void 0,"function"!=typeof action)throw new Error("Action must be a function");if(timeoutMs<0)throw new Error("Timeout period must be >= 0");this._action=action,this._timeoutMs=timeoutMs,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._timeoutId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._timeoutId=setTimeout((()=>this.clear(ClearPolicy.Resolve)),this._timeoutMs)}clear(policy=ClearPolicy.Cancel){const timeoutId=this._timeoutId;this._timeoutId=null,null!=timeoutId&&(clearTimeout(timeoutId),policy===ClearPolicy.Resolve&&this._action())}}class Interval{constructor(action,intervalMs,schedulePolicy=SchedulePolicy.Immediately){if(this._intervalId=void 0,this._action=void 0,this._intervalMs=void 0,"function"!=typeof action)throw new Error("Action must be a function");if(intervalMs<1)throw new Error("Interval period must be >= 1");this._action=action,this._intervalMs=intervalMs,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._intervalId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._intervalId=setInterval((()=>this._action()),this._intervalMs)}clear(policy=ClearPolicy.Cancel){const intervalId=this._intervalId;this._intervalId=null,null!=intervalId&&(clearInterval(intervalId),policy===ClearPolicy.Resolve&&this._action())}}class AnimationFrame{constructor(action,schedulePolicy=SchedulePolicy.Immediately){if(this._animationFrameId=void 0,this._action=void 0,"function"!=typeof action)throw new Error("Action must be a function");this._action=action,schedulePolicy===SchedulePolicy.Immediately&&this.set()}get isSet(){return null!=this._animationFrameId}set(){this.isSet&&this.clear(ClearPolicy.Cancel),this._animationFrameId=requestAnimationFrame((time=>this.clear(ClearPolicy.Resolve,time)))}clear(policy=ClearPolicy.Cancel,time){const animationFrameId=this._animationFrameId;this._animationFrameId=null,null!=animationFrameId&&(cancelAnimationFrame(animationFrameId),policy===ClearPolicy.Resolve&&this._action(time||performance.now()))}}class ActionScheduler{constructor(){this._disabled=!1,this._registeredActions=[]}timeout(action,period,options){if(this._disabled)return ActionScheduler.NoopAction;const timeout=new Timeout(action,period,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>timeout.clear(null==options?void 0:options.clearPolicy))),timeout}interval(action,period,options){if(this._disabled)return ActionScheduler.NoopAction;const interval=new Interval(action,period,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>interval.clear(null==options?void 0:options.clearPolicy))),interval}animationFrame(action,options){if(this._disabled)return ActionScheduler.NoopAction;const animationFrame=new AnimationFrame(action,null==options?void 0:options.schedulePolicy);return this._registeredActions.push((()=>animationFrame.clear(null==options?void 0:options.clearPolicy))),animationFrame}clearAll(){const registered=[...this._registeredActions];this._registeredActions=[],registered.forEach((clearFn=>clearFn()))}disable(){this._disabled=!0,this.clearAll()}}ActionScheduler.NoopAction={set:()=>{},get isSet(){return!1},clear:()=>{}};class ActionSchedulerProvider extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this._actionScheduler=new ActionScheduler}componentWillUnmount(){this._actionScheduler.disable()}render(){const{children}=this.props;return children(this._actionScheduler)}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;ireact__WEBPACK_IMPORTED_MODULE_0__.createElement(ActionSchedulerProvider,null,(schedule=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(WrappedComponent,_extends({},props,{ref,schedule}))))))}},"./node_modules/@khanacademy/wonder-blocks-tooltip/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZP:()=>Tooltip});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js"),_khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-modal/dist/es/index.js"),aphrodite__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/aphrodite/lib/index.js"),_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-color/dist/es/index.js"),_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-spacing/dist/es/index.js"),_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-layout/dist/es/index.js"),_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js"),react_popper__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react-popper/lib/esm/Popper.js");const TRACKER=new class ActiveTracker{constructor(){this._subscribers=[],this._active=void 0}_getIndex(who){return this._subscribers.findIndex((v=>v===who))}steal(who){const wasActive=!!this._active;this._active=!0;for(const anchor of this._subscribers)anchor!==who&&anchor.activeStateStolen();return wasActive}giveup(){this._active=!1}subscribe(who){if(this._getIndex(who)>=0)throw new Error("Already subscribed.");this._subscribers.push(who);return()=>{const index=this._getIndex(who);this._subscribers.splice(index,1)}}};class TooltipAnchor extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(props){super(props),this._weSetFocusivity=void 0,this._anchorNode=void 0,this._focused=void 0,this._hovered=void 0,this._stolenFromUs=void 0,this._unsubscribeFromTracker=void 0,this._timeoutID=void 0,this.activeStateStolen=()=>{this._stolenFromUs=this.state.active||!!this._timeoutID,this._focused=!1,this._setActiveState(!1,!0)},this._handleFocusIn=()=>{this._updateActiveState(this._hovered,!0)},this._handleFocusOut=()=>{this._updateActiveState(this._hovered,!1)},this._handleMouseEnter=()=>{this._updateActiveState(!0,this._focused)},this._handleMouseLeave=()=>{this._updateActiveState(!1,this._focused)},this._handleKeyUp=e=>{"Escape"===e.key&&this.state.active&&(e.preventDefault(),e.stopPropagation(),this._updateActiveState(!1,!1))},this._focused=!1,this._hovered=!1,this.state={active:!1}}componentDidMount(){const anchorNode=react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(this);if(anchorNode instanceof Text)throw new Error("TooltipAnchor must be applied to an Element. Text content is not supported.");this._unsubscribeFromTracker=TRACKER.subscribe(this),this._anchorNode=anchorNode,this._updateFocusivity(),anchorNode&&(anchorNode.addEventListener("focusin",this._handleFocusIn),anchorNode.addEventListener("focusout",this._handleFocusOut),anchorNode.addEventListener("mouseenter",this._handleMouseEnter),anchorNode.addEventListener("mouseleave",this._handleMouseLeave),this.props.anchorRef(this._anchorNode))}componentDidUpdate(prevProps){prevProps.forceAnchorFocusivity===this.props.forceAnchorFocusivity&&prevProps.children===this.props.children||this._updateFocusivity()}componentWillUnmount(){this._unsubscribeFromTracker&&this._unsubscribeFromTracker(),this._clearPendingAction();const anchorNode=this._anchorNode;anchorNode&&(anchorNode.removeEventListener("focusin",this._handleFocusIn),anchorNode.removeEventListener("focusout",this._handleFocusOut),anchorNode.removeEventListener("mouseenter",this._handleMouseEnter),anchorNode.removeEventListener("mouseleave",this._handleMouseLeave)),this.state.active&&document.removeEventListener("keyup",this._handleKeyUp)}_updateFocusivity(){const anchorNode=this._anchorNode;if(!anchorNode)return;const{forceAnchorFocusivity}=this.props,currentTabIndex=anchorNode.getAttribute("tabindex");forceAnchorFocusivity&&!currentTabIndex?(anchorNode.setAttribute("tabindex","0"),this._weSetFocusivity=!0):!forceAnchorFocusivity&¤tTabIndex&&this._weSetFocusivity&&(anchorNode.removeAttribute("tabindex"),this._weSetFocusivity=!1)}_updateActiveState(hovered,focused){this._hovered=hovered,this._focused=focused,this._setActiveState(hovered||focused)}_clearPendingAction(){this._timeoutID&&(clearTimeout(this._timeoutID),this._timeoutID=null)}_setActiveState(active,instant){if(this._stolenFromUs||active!==this.state.active||!this.state.active&&this._timeoutID)this._clearPendingAction();else if(active===this.state.active&&!this._timeoutID)return;if(instant=instant||active&&TRACKER.steal(this))active?document.addEventListener("keyup",this._handleKeyUp):document.removeEventListener("keyup",this._handleKeyUp),this.setState({active}),this.props.onActiveChanged(active),this._stolenFromUs||active||TRACKER.giveup(),this._stolenFromUs=!1;else{const delay=active?100:75;this._timeoutID=setTimeout((()=>{this._timeoutID=null,this._setActiveState(active,!0)}),delay)}}_renderAnchorableChildren(){const{children}=this.props;return"string"==typeof children?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,null,children):children}_renderAccessibleChildren(ids){const anchorableChildren=this._renderAnchorableChildren();return react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(anchorableChildren,{"aria-describedby":ids.get(TooltipAnchor.ariaContentId)})}render(){return this.props.ids?this._renderAccessibleChildren(this.props.ids):this._renderAnchorableChildren()}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{this._setActiveState(!0)},this.handleMouseLeave=()=>{this.props.onActiveChanged(!1)}}_setActiveState(active){this.setState({active}),this.props.onActiveChanged(active)}render(){const{id,children,updateBubbleRef,placement,isReferenceHidden,style,updateTailRef,tailOffset}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.G7,{id,role:"tooltip","data-placement":placement,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:updateBubbleRef,style:[isReferenceHidden&&styles$1.hide,styles$1.bubble,styles$1[`content-${placement}`],style]},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.G7,{style:styles$1.content},children),react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipTail,{updateRef:updateTailRef,placement,offset:tailOffset}))}}const styles$1=aphrodite__WEBPACK_IMPORTED_MODULE_4__.StyleSheet.create({bubble:{position:"absolute"},hide:{pointerEvents:"none",opacity:0,backgroundColor:"transparent",color:"transparent"},"content-top":{flexDirection:"column"},"content-right":{flexDirection:"row-reverse"},"content-bottom":{flexDirection:"column-reverse"},"content-left":{flexDirection:"row"},content:{maxWidth:472,borderRadius:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4,border:`solid 1px ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack16}`,backgroundColor:_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.white,boxShadow:`0 ${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8}px ${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xSmall_8}px 0 ${_khanacademy_wonder_blocks_color__WEBPACK_IMPORTED_MODULE_5__.ZP.offBlack8}`,justifyContent:"center"}});class TooltipContent extends react__WEBPACK_IMPORTED_MODULE_0__.Component{_renderTitle(){const{title}=this.props;return title?"string"==typeof title?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__.Jf,null,title):title:null}_renderChildren(){const{children}=this.props;return"string"==typeof children?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_typography__WEBPACK_IMPORTED_MODULE_8__.Uc,null,children):children}render(){const title=this._renderTitle(),children=this._renderChildren(),containerStyle=title?styles.withTitle:styles.withoutTitle;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.G7,{style:containerStyle},title,title&&children&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_layout__WEBPACK_IMPORTED_MODULE_7__.x9,{size:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.xxxSmall_4}),children)}}const styles=aphrodite__WEBPACK_IMPORTED_MODULE_4__.StyleSheet.create({withoutTitle:{padding:`10px ${_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.medium_16}px`},withTitle:{padding:_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_6__.Z.medium_16}});class RefTracker{constructor(){this._lastRef=void 0,this._targetFn=void 0,this.updateRef=ref=>{if(ref){const domNode=react_dom__WEBPACK_IMPORTED_MODULE_1__.findDOMNode(ref);var _this$_targetFn;if(domNode instanceof HTMLElement&&domNode!==this._lastRef)this._lastRef=domNode,null==(_this$_targetFn=this._targetFn)||_this$_targetFn.call(this,domNode)}},this.setCallback=targetFn=>{if(this._targetFn!==targetFn){if(targetFn&&"function"!=typeof targetFn)throw new Error("targetFn must be a function");this._targetFn=targetFn||null,this._lastRef&&this._targetFn&&this._targetFn(this._lastRef)}}}}class TooltipPopper extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this._bubbleRefTracker=new RefTracker,this._tailRefTracker=new RefTracker}_renderPositionedContent(popperProps){const{children}=this.props,placement=popperProps.placement||this.props.placement;this._bubbleRefTracker.setCallback(popperProps.ref),this._tailRefTracker.setCallback(popperProps.arrowProps.ref);return children({placement,style:{top:popperProps.style.top,left:popperProps.style.left,bottom:popperProps.style.bottom,right:popperProps.style.right,position:popperProps.style.position,transform:popperProps.style.transform},updateBubbleRef:this._bubbleRefTracker.updateRef,tailOffset:{bottom:popperProps.arrowProps.style.bottom,right:popperProps.arrowProps.style.right,top:popperProps.arrowProps.style.top,left:popperProps.arrowProps.style.left,transform:popperProps.arrowProps.style.transform},updateTailRef:this._tailRefTracker.updateRef,isReferenceHidden:popperProps.isReferenceHidden})}render(){const{anchorElement,placement}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_popper__WEBPACK_IMPORTED_MODULE_9__.r,{referenceElement:anchorElement,strategy:"fixed",placement,modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}]},(props=>this._renderPositionedContent(props)))}}class Tooltip extends react__WEBPACK_IMPORTED_MODULE_0__.Component{constructor(...args){super(...args),this.state={active:!1,activeBubble:!1,anchorElement:null}}static getDerivedStateFromProps(props,state){return{active:"boolean"==typeof props.opened?props.opened:state.active}}_updateAnchorElement(ref){ref&&ref!==this.state.anchorElement&&this.setState({anchorElement:ref})}_renderBubbleContent(){const{title,content}=this.props;return"string"==typeof content?react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipContent,{title},content):title?react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(content,{title}):content}_renderPopper(ids){const{id}=this.props,bubbleId=ids?ids.get(Tooltip.ariaContentId):id;if(!bubbleId)throw new Error("Did not get an identifier factory nor a id prop");const{placement}=this.props;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipPopper,{anchorElement:this.state.anchorElement,placement},(props=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipBubble,{id:bubbleId,style:props.style,tailOffset:props.tailOffset,isReferenceHidden:props.isReferenceHidden,placement:props.placement,updateTailRef:props.updateTailRef,updateBubbleRef:props.updateBubbleRef,onActiveChanged:active=>this.setState({activeBubble:active})},this._renderBubbleContent())))}_getHost(){const{anchorElement}=this.state;return(0,_khanacademy_wonder_blocks_modal__WEBPACK_IMPORTED_MODULE_3__.jq)(anchorElement)||document.body}_renderTooltipAnchor(ids){const{children,forceAnchorFocusivity}=this.props,{active,activeBubble}=this.state,popperHost=this._getHost();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipAnchor,{forceAnchorFocusivity,anchorRef:r=>this._updateAnchorElement(r),onActiveChanged:active=>this.setState({active}),ids},children),popperHost&&(active||activeBubble)&&react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(this._renderPopper(ids),popperHost))}render(){const{id}=this.props;return id?this._renderTooltipAnchor():react__WEBPACK_IMPORTED_MODULE_0__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.t5,{scope:"tooltip",mockOnFirstRender:!0},(ids=>this._renderTooltipAnchor(ids)))}}Tooltip.defaultProps={forceAnchorFocusivity:!0,placement:"top"},Tooltip.ariaContentId="aria-content"},"./node_modules/@khanacademy/wonder-blocks-typography/dist/es/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D9:()=>LabelLarge,Jf:()=>HeadingSmall,Rr:()=>BodyMonospace,S$:()=>LabelSmall,TE:()=>HeadingMedium,Uc:()=>LabelMedium,W2:()=>styles});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"),_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@khanacademy/wonder-blocks-core/dist/es/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}const _excluded$f=["style","children"];class Title extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$f);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.Title,style]}),children)}}Title.defaultProps={tag:"h1"};const _excluded$e=["style","children"];class HeadingLarge extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$e);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.HeadingLarge,style]}),children)}}HeadingLarge.defaultProps={tag:"h2"};const _excluded$d=["style","children"];class HeadingMedium extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$d);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.HeadingMedium,style]}),children)}}HeadingMedium.defaultProps={tag:"h3"};const _excluded$c=["style","children"];class HeadingSmall extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$c);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.HeadingSmall,style]}),children)}}HeadingSmall.defaultProps={tag:"h4"};const _excluded$b=["style","children"];class HeadingXSmall extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$b);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.HeadingXSmall,style]}),children)}}HeadingXSmall.defaultProps={tag:"h4"};const _excluded$a=["style","children"];class BodySerifBlock extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$a);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.BodySerifBlock,style]}),children)}}BodySerifBlock.defaultProps={tag:"span"};const _excluded$9=["style","children"];class BodySerif extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$9);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.BodySerif,style]}),children)}}BodySerif.defaultProps={tag:"span"};const _excluded$8=["style","children"];class BodyMonospace extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$8);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.BodyMonospace,style]}),children)}}BodyMonospace.defaultProps={tag:"span"};const _excluded$7=["style","children"];class Body extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$7);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.Body,style]}),children)}}Body.defaultProps={tag:"span"};const _excluded$6=["style","children"];class LabelLarge extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$6);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.LabelLarge,style]}),children)}}LabelLarge.defaultProps={tag:"span"};const _excluded$5=["style","children"];class LabelMedium extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$5);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.LabelMedium,style]}),children)}}LabelMedium.defaultProps={tag:"span"};const _excluded$4=["style","children"];class LabelSmall extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$4);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.LabelSmall,style]}),children)}}LabelSmall.defaultProps={tag:"span"};const _excluded$3=["style","children"];class LabelXSmall extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$3);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.LabelXSmall,style]}),children)}}LabelXSmall.defaultProps={tag:"span"};const _excluded$2=["style","children"];class Tagline extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$2);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.Tagline,style]}),children)}}Tagline.defaultProps={tag:"span"};const _excluded$1=["style","children"];class Caption extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded$1);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.Caption,style]}),children)}}Caption.defaultProps={tag:"span"};const _excluded=["style","children"];class Footnote extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){const _this$props=this.props,{style,children}=_this$props,otherProps=_objectWithoutPropertiesLoose(_this$props,_excluded);return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__.xv,_extends({},otherProps,{style:[styles.Footnote,style]}),children)}}Footnote.defaultProps={tag:"span"}},"./node_modules/@khanacademy/wonder-stuff-core/dist/es/index.browser.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{qh:()=>e});var e=t=>Object.entries(t);Object.freeze({Unknown:"Unknown",Internal:"Internal",InvalidInput:"InvalidInput",InvalidUse:"InvalidUse",NotFound:"NotFound",NotAllowed:"NotAllowed",Unauthorized:"Unauthorized",NotImplemented:"NotImplemented"});class i extends Error{constructor(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n.Unknown,{cause:a,prefix:o,name:c,metadata:u,stripStackFrames:l,minimumFrameCount:m,compositeStack:f}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Object.freeze({});super(e),r(this,"kind",void 0),r(this,"originalMessage",void 0),r(this,"originalStack",void 0),r(this,"metadata",void 0),r(this,"cause",void 0),this.originalMessage=e,this.metadata=(e=>{if(null==e)return e;var n=t(e);return Object.freeze(n)})(u),this.name="".concat(null!=o?o:"").concat(i).concat(null!=c?c:"","Error"),this.kind=i,this.originalStack=this.stack,this.cause=a;var d=s.normalize(this,null!=l?l:0,null!=m?m:1);if(delete this.stack,this.stack=d.standardizedStack,null!=a){var h=s.from(a),v=s.fromConsequenceAndCause(d,h);this.message=v.message,!0===f&&(this.stack=v.standardizedStack)}}}Object.freeze({ConsequenceFirst:"consequence-first",CauseFirst:"cause-first"})},"./node_modules/@storybook/addon-a11y/dist/esm/a11yHighlight.js":(module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),constants=__webpack_require__("./node_modules/@storybook/addon-a11y/dist/esm/constants.js");module=__webpack_require__.hmd(module);var a11yHighlight_document=window_default().document;module&&module.hot;var channel=esm.KP.getChannel(),resetHighlight=function resetHighlight(){var id=constants.w_,sheetToBeRemoved=a11yHighlight_document.getElementById(id);sheetToBeRemoved&&sheetToBeRemoved.parentNode.removeChild(sheetToBeRemoved)};channel.on(dist_esm.STORY_CHANGED,resetHighlight),channel.on(constants.FP.HIGHLIGHT,(function highlight(infos){var id=constants.w_;resetHighlight();var elements=Array.from(new Set(infos.elements)),sheet=a11yHighlight_document.createElement("style");sheet.setAttribute("id",id),sheet.innerHTML=elements.map((function(target){return"".concat(target,"{\n ").concat(function highlightStyle(color){return"\n outline: 2px dashed ".concat(color,";\n outline-offset: 2px;\n box-shadow: 0 0 0 6px rgba(255,255,255,0.6);\n")}(infos.color),"\n }")})).join(" "),a11yHighlight_document.head.appendChild(sheet)}))},"./node_modules/@storybook/addon-a11y/dist/esm/a11yRunner.js":(module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/regenerator-runtime/runtime.js");var global__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_3__),_storybook_addons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),_constants__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addon-a11y/dist/esm/constants.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}module=__webpack_require__.hmd(module);var document=global__WEBPACK_IMPORTED_MODULE_3___default().document,globalWindow=global__WEBPACK_IMPORTED_MODULE_3___default().window;module&&module.hot;var activeStoryId,channel=_storybook_addons__WEBPACK_IMPORTED_MODULE_5__.KP.getChannel(),active=!1,handleRequest=function(){var _ref=_asyncToGenerator(regeneratorRuntime.mark((function _callee(storyId){var _yield$getParams;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,getParams(storyId);case 2:if(_yield$getParams=_context.sent,_yield$getParams.manual){_context.next=7;break}return _context.next=7,run(storyId);case 7:case"end":return _context.stop()}}),_callee)})));return function handleRequest(_x){return _ref.apply(this,arguments)}}(),run=function(){var _ref2=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(storyId){var input,axe,_input$element,element,config,_input$options,options,htmlElement,result;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return activeStoryId=storyId,_context2.prev=1,_context2.next=4,getParams(storyId);case 4:if(input=_context2.sent,active){_context2.next=19;break}return active=!0,channel.emit(_constants__WEBPACK_IMPORTED_MODULE_4__.FP.RUNNING),_context2.next=10,__webpack_require__.e(115).then(__webpack_require__.t.bind(__webpack_require__,"./node_modules/axe-core/axe.js",23));case 10:return axe=_context2.sent.default,_input$element=input.element,element=void 0===_input$element?"#root":_input$element,config=input.config,_input$options=input.options,options=void 0===_input$options?{}:_input$options,htmlElement=document.querySelector(element),axe.reset(),config&&axe.configure(config),_context2.next=17,axe.run(htmlElement,options);case 17:result=_context2.sent,activeStoryId===storyId?channel.emit(_constants__WEBPACK_IMPORTED_MODULE_4__.FP.RESULT,result):(active=!1,run(activeStoryId));case 19:_context2.next=24;break;case 21:_context2.prev=21,_context2.t0=_context2.catch(1),channel.emit(_constants__WEBPACK_IMPORTED_MODULE_4__.FP.ERROR,_context2.t0);case 24:return _context2.prev=24,active=!1,_context2.finish(24);case 27:case"end":return _context2.stop()}}),_callee2,null,[[1,21,24,27]])})));return function run(_x2){return _ref2.apply(this,arguments)}}(),getParams=function(){var _ref3=_asyncToGenerator(regeneratorRuntime.mark((function _callee3(storyId){var _ref4,parameters;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return _context3.next=2,globalWindow.__STORYBOOK_STORY_STORE__.loadStory({storyId});case 2:if(_context3.t0=_context3.sent,_context3.t0){_context3.next=5;break}_context3.t0={};case 5:return _ref4=_context3.t0,parameters=_ref4.parameters,_context3.abrupt("return",parameters.a11y||{config:{},options:{restoreScroll:!0}});case 8:case"end":return _context3.stop()}}),_callee3)})));return function getParams(_x3){return _ref3.apply(this,arguments)}}();channel.on(_constants__WEBPACK_IMPORTED_MODULE_4__.FP.REQUEST,handleRequest),channel.on(_constants__WEBPACK_IMPORTED_MODULE_4__.FP.MANUAL,run)},"./node_modules/@storybook/addon-a11y/dist/esm/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{FP:()=>EVENTS,w_:()=>HIGHLIGHT_STYLE_ID});var ADDON_ID="storybook/a11y",HIGHLIGHT_STYLE_ID=("".concat(ADDON_ID,"/panel"),"a11yHighlight"),EVENTS={RESULT:"".concat(ADDON_ID,"/result"),REQUEST:"".concat(ADDON_ID,"/request"),RUNNING:"".concat(ADDON_ID,"/running"),ERROR:"".concat(ADDON_ID,"/error"),MANUAL:"".concat(ADDON_ID,"/manual"),HIGHLIGHT:"".concat(ADDON_ID,"/highlight")}},"./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var addon_a11y_preview_namespaceObject={};__webpack_require__.r(addon_a11y_preview_namespaceObject);var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js");__webpack_require__("./node_modules/@storybook/addon-a11y/dist/esm/a11yRunner.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/dist/esm/a11yHighlight.js");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(addon_a11y_preview_namespaceObject).forEach((function(key){var value=addon_a11y_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__.d(__webpack_exports__,{action:()=>action,withActions:()=>withActions});"".concat("storybook/actions","/panel");var EVENT_ID="".concat("storybook/actions","/action-event"),v4=(__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/index.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/uuid-browser/v4.js")),v4_default=__webpack_require__.n(v4),esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),config={depth:10,clearOnStoryChange:!0,limit:50};function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var findProto=function findProto(obj,callback){var proto=Object.getPrototypeOf(obj);return!proto||callback(proto)?proto:findProto(proto,callback)},isReactSyntheticEvent=function isReactSyntheticEvent(e){return Boolean("object"===_typeof(e)&&e&&findProto(e,(function(proto){return/^Synthetic(?:Base)?Event$/.test(proto.constructor.name)}))&&"function"==typeof e.persist)},serializeArg=function serializeArg(a){if(isReactSyntheticEvent(a)){var e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();var viewDescriptor=Object.getOwnPropertyDescriptor(e,"view"),view=null==viewDescriptor?void 0:viewDescriptor.value;return"object"===_typeof(view)&&"Window"===(null==view?void 0:view.constructor.name)&&Object.defineProperty(e,"view",Object.assign({},viewDescriptor,{value:Object.create(view.constructor.prototype)})),e}return a};function action(name){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},actionOptions=Object.assign({},config,options);return function actionHandler(){for(var channel=esm.KP.getChannel(),id=v4_default()(),_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:Object.assign({},actionOptions,{maxDepth:5+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1})};channel.emit(EVENT_ID,actionDisplayToEmit)}}__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1?_len-1:0),_key=1;_key<_len;_key++)handles[_key-1]=arguments[_key];var actionsObject=actionsFn.apply(void 0,handles);return Object.entries(actionsObject).map((function(_ref){var _ref2=withActions_slicedToArray(_ref,2),key=_ref2[0],action=_ref2[1],_key$match2=withActions_slicedToArray(key.match(delegateEventSplitter),3),eventName=(_key$match2[0],_key$match2[1]),selector=_key$match2[2];return{eventName,handler:function handler(e){selector&&!hasMatchInAncestry(e.target,selector)||action(e)}}}))},applyEventHandlers=browser_default()((function(actionsFn){for(var _len2=arguments.length,handles=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)handles[_key2-1]=arguments[_key2];(0,hooks.d4)((function(){if(null!=root){var handlers=createHandlers.apply(void 0,[actionsFn].concat(handles));return handlers.forEach((function(_ref3){var eventName=_ref3.eventName,handler=_ref3.handler;return root.addEventListener(eventName,handler)})),function(){return handlers.forEach((function(_ref4){var eventName=_ref4.eventName,handler=_ref4.handler;return root.removeEventListener(eventName,handler)}))}}}),[root,actionsFn,handles])}),(0,ts_dedent_esm.C)(withActions_templateObject||(withActions_templateObject=function withActions_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n withActions(options) is deprecated, please configure addon-actions using the addParameter api:\n\n addParameters({\n actions: {\n handles: options\n },\n });\n "])))),withActions=(0,make_decorator.h)({name:"withActions",parameterName:"actions",skipIfNoParametersOrOptions:!0,wrapper:function wrapper(getStory,context,_ref5){var parameters=_ref5.parameters,options=_ref5.options;return function applyDeprecatedOptions(actionsFn,options){options&&applyEventHandlers(actionsFn,options)}(actions,options),parameters&¶meters.handles&&applyEventHandlers.apply(void 0,[actions].concat(_toConsumableArray(parameters.handles))),getStory(context)}});(module=__webpack_require__.hmd(module))&&module.hot},"./node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js":()=>{},"./node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js":()=>{},"./node_modules/@storybook/addon-actions/dist/esm/models/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _DecoratorFunction__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/DecoratorFunction.js");__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_0__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_0__.action}}),__webpack_require__.o(_DecoratorFunction__WEBPACK_IMPORTED_MODULE_0__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _DecoratorFunction__WEBPACK_IMPORTED_MODULE_0__.withActions}});var _HandlerFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/models/HandlerFunction.js");__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_1__,"action")&&__webpack_require__.d(__webpack_exports__,{action:function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_1__.action}}),__webpack_require__.o(_HandlerFunction__WEBPACK_IMPORTED_MODULE_1__,"withActions")&&__webpack_require__.d(__webpack_exports__,{withActions:function(){return _HandlerFunction__WEBPACK_IMPORTED_MODULE_1__.withActions}})},"./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var addon_actions_preview_namespaceObject={};__webpack_require__.r(addon_actions_preview_namespaceObject),__webpack_require__.d(addon_actions_preview_namespaceObject,{argsEnhancers:()=>argsEnhancers,decorators:()=>decorators});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),decorators=[esm.withActions];__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";var addon_backgrounds_preview_namespaceObject={};__webpack_require__.r(addon_backgrounds_preview_namespaceObject),__webpack_require__.d(addon_backgrounds_preview_namespaceObject,{decorators:()=>decorators,parameters:()=>parameters});var _templateObject,ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),hooks=(__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js")),global_window=("".concat("storybook/background","/update"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js");var withGrid_templateObject,helpers_document=window_default().document,helpers_window=window_default().window,getBackgroundColorByName=function getBackgroundColorByName(currentSelectedValue){var backgrounds=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],defaultName=arguments.length>2?arguments[2]:void 0;if("transparent"===currentSelectedValue)return"transparent";if(backgrounds.find((function(background){return background.value===currentSelectedValue})))return currentSelectedValue;var defaultBackground=backgrounds.find((function(background){return background.name===defaultName}));if(defaultBackground)return defaultBackground.value;if(defaultName){var availableColors=backgrounds.map((function(background){return background.name})).join(", ");dist_esm.kg.warn((0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(['\n Backgrounds Addon: could not find the default color "','".\n These are the available colors for your story based on your configuration:\n ',".\n "])),defaultName,availableColors))}return"transparent"},clearStyles=function clearStyles(selector){(Array.isArray(selector)?selector:[selector]).forEach(clearStyle)},clearStyle=function clearStyle(selector){var element=helpers_document.getElementById(selector);element&&element.parentElement.removeChild(element)},browser=__webpack_require__("./node_modules/util-deprecate/browser.js");var deprecatedCellSizeWarning=__webpack_require__.n(browser)()((function(){}),(0,esm.C)(withGrid_templateObject||(withGrid_templateObject=function withGrid_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n Backgrounds Addon: The cell size parameter has been changed.\n\n - parameters.grid.cellSize should now be parameters.backgrounds.grid.cellSize\n See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-grid-parameter\n "])))),decorators=[function withGrid(StoryFn,context){var _globals$BACKGROUNDS_,_parameters$grid,_gridParameters$offse,_gridParameters$offse2,gridSize,globals=context.globals,parameters=context.parameters,gridParameters=parameters.backgrounds.grid,isActive=!0===(null===(_globals$BACKGROUNDS_=globals.backgrounds)||void 0===_globals$BACKGROUNDS_?void 0:_globals$BACKGROUNDS_.grid)&&!0!==gridParameters.disable,cellAmount=gridParameters.cellAmount,cellSize=gridParameters.cellSize,opacity=gridParameters.opacity,isInDocs="docs"===context.viewMode;null!==(_parameters$grid=parameters.grid)&&void 0!==_parameters$grid&&_parameters$grid.cellSize?(gridSize=parameters.grid.cellSize,deprecatedCellSizeWarning()):gridSize=cellSize;var defaultOffset=void 0===parameters.layout||"padded"===parameters.layout?16:0,offsetX=null!==(_gridParameters$offse=gridParameters.offsetX)&&void 0!==_gridParameters$offse?_gridParameters$offse:isInDocs?20:defaultOffset,offsetY=null!==(_gridParameters$offse2=gridParameters.offsetY)&&void 0!==_gridParameters$offse2?_gridParameters$offse2:isInDocs?20:defaultOffset,gridStyles=(0,hooks.Ye)((function(){var selector="docs"===context.viewMode?"#anchor--".concat(context.id," .docs-story"):".sb-show-main",backgroundSize=["".concat(gridSize*cellAmount,"px ").concat(gridSize*cellAmount,"px"),"".concat(gridSize*cellAmount,"px ").concat(gridSize*cellAmount,"px"),"".concat(gridSize,"px ").concat(gridSize,"px"),"".concat(gridSize,"px ").concat(gridSize,"px")].join(", ");return"\n ".concat(selector," {\n background-size: ").concat(backgroundSize," !important;\n background-position: ").concat(offsetX,"px ").concat(offsetY,"px, ").concat(offsetX,"px ").concat(offsetY,"px, ").concat(offsetX,"px ").concat(offsetY,"px, ").concat(offsetX,"px ").concat(offsetY,"px !important;\n background-blend-mode: difference !important;\n background-image: linear-gradient(rgba(130, 130, 130, ").concat(opacity,") 1px, transparent 1px),\n linear-gradient(90deg, rgba(130, 130, 130, ").concat(opacity,") 1px, transparent 1px),\n linear-gradient(rgba(130, 130, 130, ").concat(opacity/2,") 1px, transparent 1px),\n linear-gradient(90deg, rgba(130, 130, 130, ").concat(opacity/2,") 1px, transparent 1px) !important;\n }\n ")}),[gridSize]);return(0,hooks.d4)((function(){var selectorId="docs"===context.viewMode?"addon-backgrounds-grid-docs-".concat(context.id):"addon-backgrounds-grid";isActive?function addGridStyle(selector,css){var existingStyle=helpers_document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else{var style=helpers_document.createElement("style");style.setAttribute("id",selector),style.innerHTML=css,helpers_document.head.appendChild(style)}}(selectorId,gridStyles):clearStyles(selectorId)}),[isActive,gridStyles,context]),StoryFn()},function withBackground(StoryFn,context){var _globals$BACKGROUNDS_,globals=context.globals,parameters=context.parameters,globalsBackgroundColor=null===(_globals$BACKGROUNDS_=globals.backgrounds)||void 0===_globals$BACKGROUNDS_?void 0:_globals$BACKGROUNDS_.value,backgroundsConfig=parameters.backgrounds,selectedBackgroundColor=(0,hooks.Ye)((function(){return backgroundsConfig.disable?"transparent":getBackgroundColorByName(globalsBackgroundColor,backgroundsConfig.values,backgroundsConfig.default)}),[backgroundsConfig,globalsBackgroundColor]),isActive=(0,hooks.Ye)((function(){return selectedBackgroundColor&&"transparent"!==selectedBackgroundColor}),[selectedBackgroundColor]),selector="docs"===context.viewMode?"#anchor--".concat(context.id," .docs-story"):".sb-show-main",backgroundStyles=(0,hooks.Ye)((function(){return"\n ".concat(selector," {\n background: ").concat(selectedBackgroundColor," !important;\n ").concat(function isReduceMotionEnabled(){return helpers_window.matchMedia("(prefers-reduced-motion: reduce)").matches}()?"":"transition: background-color 0.3s;","\n }\n ")}),[selectedBackgroundColor,selector]);return(0,hooks.d4)((function(){var selectorId="docs"===context.viewMode?"addon-backgrounds-docs-".concat(context.id):"addon-backgrounds-color";isActive?function addBackgroundStyle(selector,css,storyId){var existingStyle=helpers_document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else{var style=helpers_document.createElement("style");style.setAttribute("id",selector),style.innerHTML=css;var gridStyleSelector="addon-backgrounds-grid".concat(storyId?"-docs-".concat(storyId):""),existingGridStyle=helpers_document.getElementById(gridStyleSelector);existingGridStyle?existingGridStyle.parentElement.insertBefore(style,existingGridStyle):helpers_document.head.appendChild(style)}}(selectorId,backgroundStyles,"docs"===context.viewMode?context.id:null):clearStyles(selectorId)}),[isActive,backgroundStyles,context]),StoryFn()}],parameters={backgrounds:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}};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(addon_backgrounds_preview_namespaceObject).forEach((function(key){var value=addon_backgrounds_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";var addon_docs_preview_namespaceObject={};__webpack_require__.r(addon_docs_preview_namespaceObject),__webpack_require__.d(addon_docs_preview_namespaceObject,{parameters:()=>parameters});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js");__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}var _getPage,_getContainer,parameters={docs:{getContainer:(_getContainer=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,__webpack_require__.e(273).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js"));case 2:return _context.abrupt("return",_context.sent.DocsContainer);case 3:case"end":return _context.stop()}}),_callee)}))),function getContainer(){return _getContainer.apply(this,arguments)}),getPage:(_getPage=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,__webpack_require__.e(273).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/addon-docs/dist/esm/blocks/index.js"));case 2:return _context2.abrupt("return",_context2.sent.DocsPage);case 3:case"end":return _context2.stop()}}),_callee2)}))),function getPage(){return _getPage.apply(this,arguments)})}};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(addon_docs_preview_namespaceObject).forEach((function(key){var value=addon_docs_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";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _global=__webpack_require__("./node_modules/global/window.js"),_escapeHtml=_interopRequireDefault(__webpack_require__("./node_modules/escape-html/index.js")),_clientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/index.js"),_KnobStore=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/KnobStore.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js"),_converters=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/converters.js");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";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 _objectSpread(target){for(var i=1;i{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.deserializers=exports.serializers=exports.converters=void 0;var unconvertable=function unconvertable(){},converters={jsonParse:function jsonParse(value){return JSON.parse(value)},jsonStringify:function jsonStringify(value){return JSON.stringify(value)},simple:function simple(value){return value},stringifyIfSet:function stringifyIfSet(value){return null==value?"":String(value)},stringifyIfTruthy:function stringifyIfTruthy(value){return value?String(value):null},toArray:function toArray(value){return Array.isArray(value)?value:value.split(",")},toBoolean:function toBoolean(value){return"true"===value},toDate:function toDate(value){return new Date(value).getTime()||(new Date).getTime()},toFloat:function toFloat(value){return""===value?null:parseFloat(value)}};exports.converters=converters;var serializers={array:converters.simple,boolean:converters.stringifyIfTruthy,button:unconvertable,checkbox:converters.simple,color:converters.simple,date:converters.toDate,files:unconvertable,number:converters.stringifyIfSet,object:converters.jsonStringify,options:converters.simple,radios:converters.simple,select:converters.simple,text:converters.simple};exports.serializers=serializers;var deserializers={array:converters.toArray,boolean:converters.toBoolean,button:unconvertable,checkbox:converters.simple,color:converters.simple,date:converters.toDate,files:unconvertable,number:converters.toFloat,object:converters.jsonParse,options:converters.simple,radios:converters.simple,select:converters.simple,text:converters.simple};exports.deserializers=deserializers},"./node_modules/@storybook/addon-knobs/dist/index.js":(module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(obj){return typeof obj}:function _typeof(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}module=__webpack_require__.nmd(module),Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={knob:!0,text:!0,boolean:!0,number:!0,color:!0,object:!0,select:!0,radios:!0,array:!0,date:!0,button:!0,files:!0,optionsKnob:!0,withKnobs:!0};exports.knob=function knob(name,options){return _registerKnobs.manager.knob(name,options)},exports.text=function text(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"text",value,groupId})},exports.boolean=function _boolean(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"boolean",value,groupId})},exports.number=function number(name,value){var options=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},groupId=arguments.length>3?arguments[3]:void 0,mergedOptions=options.range?_objectSpread(_objectSpread({},{min:0,max:10,step:1}),options):options,finalOptions=_objectSpread(_objectSpread({type:"number"},mergedOptions),{},{value,groupId});return _registerKnobs.manager.knob(name,finalOptions)},exports.color=function color(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"color",value,groupId})},exports.object=function object(name,value,groupId){return _registerKnobs.manager.knob(name,{type:"object",value,groupId})},exports.select=function select(name,options,value,groupId){return _registerKnobs.manager.knob(name,{type:"select",selectV2:!0,options,value,groupId})},exports.radios=function radios(name,options,value,groupId){return _registerKnobs.manager.knob(name,{type:"radios",options,value,groupId})},exports.array=function array(name,value){var separator=arguments.length>2&&void 0!==arguments[2]?arguments[2]:",",groupId=arguments.length>3?arguments[3]:void 0;return _registerKnobs.manager.knob(name,{type:"array",value,separator,groupId})},exports.date=function date(name){var value=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date,groupId=arguments.length>2?arguments[2]:void 0,proxyValue=value?value.getTime():(new Date).getTime();return _registerKnobs.manager.knob(name,{type:"date",value:proxyValue,groupId})},exports.button=function button(name,callback,groupId){return _registerKnobs.manager.knob(name,{type:"button",callback,hideLabel:!0,groupId})},exports.files=function files(name,accept){var value=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],groupId=arguments.length>3?arguments[3]:void 0;return _registerKnobs.manager.knob(name,{type:"files",accept,value,groupId})},exports.optionsKnob=function optionsKnob(name,valuesObj,value,optionsObj,groupId){return _registerKnobs.manager.knob(name,{type:"options",options:valuesObj,value,optionsObj,groupId})},exports.withKnobs=void 0;var _addons=function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!==key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}newObj.default=obj,cache&&cache.set(obj,newObj);return newObj}(__webpack_require__("./node_modules/@storybook/addons/dist/esm/public_api.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js");Object.keys(_shared).forEach((function(key){"default"!==key&&"__esModule"!==key&&(Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_shared[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _shared[key]}}))}));var _registerKnobs=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/registerKnobs.js");function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}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 _objectSpread(target){for(var i=1;i{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerKnobs=function registerKnobs(){(0,_clientApi.useEffect)(connectCallbacks,[])},exports.manager=void 0;var _addons=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addons/dist/esm/public_api.js")),_clientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/index.js"),_coreEvents=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),_debounce=_interopRequireDefault(__webpack_require__("./node_modules/lodash/debounce.js")),_KnobManager=_interopRequireDefault(__webpack_require__("./node_modules/@storybook/addon-knobs/dist/KnobManager.js")),_shared=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/shared.js");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var manager=new _KnobManager.default;exports.manager=manager;var knobStore=manager.knobStore;function forceReRender(){_addons.default.getChannel().emit(_coreEvents.FORCE_RE_RENDER)}function setPaneKnobs(){var timestamp=arguments.length>0&&void 0!==arguments[0]?arguments[0]:+new Date;_addons.default.getChannel().emit(_shared.SET,{knobs:knobStore.getAll(),timestamp})}var resetAndForceUpdate=function resetAndForceUpdate(){knobStore.markAllUnused(),forceReRender()},debouncedResetAndForceUpdate=(0,_debounce.default)(resetAndForceUpdate,325);function knobChanged(change){var name=change.name,value=change.value,knobOptions=knobStore.get(name);knobOptions.value=value,manager.options.disableForceUpdate||knobOptions.disableForceUpdate||(manager.options.disableDebounce||knobOptions.disableDebounce?resetAndForceUpdate():debouncedResetAndForceUpdate())}function knobClicked(clicked){var knobOptions=knobStore.get(clicked.name);knobOptions.callback&&!1!==knobOptions.callback()&&forceReRender()}function resetKnobs(){knobStore.reset(),setPaneKnobs(!1)}function resetKnobsAndForceReRender(){knobStore.reset(),forceReRender(),setPaneKnobs(!1)}function disconnectCallbacks(){var channel=_addons.default.getChannel();channel.removeListener(_shared.CHANGE,knobChanged),channel.removeListener(_shared.CLICK,knobClicked),channel.removeListener(_coreEvents.STORY_CHANGED,resetKnobs),channel.removeListener(_shared.RESET,resetKnobsAndForceReRender),knobStore.unsubscribe(setPaneKnobs)}function connectCallbacks(){var channel=_addons.default.getChannel();return channel.on(_shared.CHANGE,knobChanged),channel.on(_shared.CLICK,knobClicked),channel.on(_coreEvents.STORY_CHANGED,resetKnobs),channel.on(_shared.RESET,resetKnobsAndForceReRender),knobStore.subscribe(setPaneKnobs),disconnectCallbacks}},"./node_modules/@storybook/addon-knobs/dist/shared.js":(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CLICK=exports.SET_OPTIONS=exports.CHANGE=exports.SET=exports.RESET=exports.PANEL_ID=exports.ADDON_ID=exports.PARAM_KEY=void 0;exports.PARAM_KEY="knobs";var ADDON_ID="storybookjs/knobs";exports.ADDON_ID=ADDON_ID;var PANEL_ID="".concat(ADDON_ID,"/panel");exports.PANEL_ID=PANEL_ID;var RESET="".concat(ADDON_ID,"/reset");exports.RESET=RESET;var SET="".concat(ADDON_ID,"/set");exports.SET=SET;var CHANGE="".concat(ADDON_ID,"/change");exports.CHANGE=CHANGE;var SET_OPTIONS="".concat(ADDON_ID,"/set-options");exports.SET_OPTIONS=SET_OPTIONS;var CLICK="".concat(ADDON_ID,"/click");exports.CLICK=CLICK},"./node_modules/@storybook/addon-links/dist/esm/index.js":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{OX:()=>withLinks});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),esm=(__webpack_require__("./node_modules/qs/lib/index.js"),__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js")),make_decorator=__webpack_require__("./node_modules/@storybook/addons/dist/esm/make-decorator.js"),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js");__webpack_require__("./node_modules/@storybook/csf/dist/index.js");"".concat("storybook/links","/navigate"),"".concat("storybook/links","/request"),"".concat("storybook/links","/receive");var utils_document=window_default().document,HTMLElement=window_default().HTMLElement,utils_navigate=function navigate(params){return esm.KP.getChannel().emit(dist_esm.SELECT_STORY,params)},linksListener=function linksListener(e){var target=e.target;if(target instanceof HTMLElement){var _element$dataset=target.dataset,kind=_element$dataset.sbKind,story=_element$dataset.sbStory;(kind||story)&&(e.preventDefault(),utils_navigate({kind,story}))}},hasListener=!1,off=function off(){hasListener&&(hasListener=!1,utils_document.removeEventListener("click",linksListener))},withLinks=(0,make_decorator.h)({name:"withLinks",parameterName:"links",wrapper:function wrapper(getStory,context){return function on(){hasListener||(hasListener=!0,utils_document.addEventListener("click",linksListener))}(),esm.KP.getChannel().once(dist_esm.STORY_CHANGED,off),getStory(context)}});module=__webpack_require__.hmd(module);module&&module.hot},"./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var addon_links_preview_namespaceObject={};__webpack_require__.r(addon_links_preview_namespaceObject),__webpack_require__.d(addon_links_preview_namespaceObject,{decorators:()=>decorators});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),decorators=[__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js").OX];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(addon_links_preview_namespaceObject).forEach((function(key){var value=addon_links_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";var addon_measure_preview_namespaceObject={};__webpack_require__.r(addon_measure_preview_namespaceObject),__webpack_require__.d(addon_measure_preview_namespaceObject,{decorators:()=>decorators,globals:()=>globals});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.number.to-fixed.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window);function getDocumentWidthAndHeight(){var container=window_default().document.documentElement,height=Math.max(container.scrollHeight,container.offsetHeight);return{width:Math.max(container.scrollWidth,container.offsetWidth),height}}function setCanvasWidthAndHeight(canvas,context,_ref){var width=_ref.width,height=_ref.height;canvas.style.width="".concat(width,"px"),canvas.style.height="".concat(height,"px");var scale=window_default().window.devicePixelRatio;canvas.width=Math.floor(width*scale),canvas.height=Math.floor(height*scale),context.scale(scale,scale)}var state={};function init(){state.canvas||(state=function createCanvas(){var canvas=window_default().document.createElement("canvas");canvas.id="storybook-addon-measure";var context=canvas.getContext("2d"),_getDocumentWidthAndH=getDocumentWidthAndHeight(),width=_getDocumentWidthAndH.width,height=_getDocumentWidthAndH.height;return setCanvasWidthAndHeight(canvas,context,{width,height}),canvas.style.position="absolute",canvas.style.left="0",canvas.style.top="0",canvas.style.zIndex="2147483647",canvas.style.pointerEvents="none",window_default().document.body.appendChild(canvas),{canvas,context,width,height}}())}function clear(){state.context&&state.context.clearRect(0,0,state.width,state.height)}__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var colors={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},labelPadding=6;function roundedRect(context,_ref){var x=_ref.x,y=_ref.y,w=_ref.w,h=_ref.h,r=_ref.r;x-=w/2,y-=h/2,w<2*r&&(r=w/2),h<2*r&&(r=h/2),context.beginPath(),context.moveTo(x+r,y),context.arcTo(x+w,y,x+w,y+h,r),context.arcTo(x+w,y+h,x,y+h,r),context.arcTo(x,y+h,x,y,r),context.arcTo(x,y,x+w,y,r),context.closePath()}function textWithRect(context,type,_ref4,text){var x=_ref4.x,y=_ref4.y,w=_ref4.w,h=_ref4.h;return roundedRect(context,{x,y,w,h,r:3}),context.fillStyle="".concat(colors[type],"dd"),context.fill(),context.strokeStyle=colors[type],context.stroke(),context.fillStyle=colors.text,context.fillText(text,x,y),roundedRect(context,{x,y,w,h,r:3}),context.fillStyle="".concat(colors[type],"dd"),context.fill(),context.strokeStyle=colors[type],context.stroke(),context.fillStyle=colors.text,context.fillText(text,x,y),{x,y,w,h}}function configureText(context,text){context.font="600 12px monospace",context.textBaseline="middle",context.textAlign="center";var metrics=context.measureText(text),actualHeight=metrics.actualBoundingBoxAscent+metrics.actualBoundingBoxDescent;return{w:metrics.width+2*labelPadding,h:actualHeight+2*labelPadding}}function drawLabel(context,measurements,_ref5,prevRect){var type=_ref5.type,_ref5$position=_ref5.position,position=void 0===_ref5$position?"center":_ref5$position,text=_ref5.text,external=arguments.length>4&&void 0!==arguments[4]&&arguments[4],_positionCoordinate=function positionCoordinate(position,_ref2){var padding=_ref2.padding,border=_ref2.border,width=_ref2.width,height=_ref2.height,top=_ref2.top,left=_ref2.left,contentWidth=width-border.left-border.right-padding.left-padding.right,contentHeight=height-padding.top-padding.bottom-border.top-border.bottom,x=left+border.left+padding.left,y=top+border.top+padding.top;return"top"===position?x+=contentWidth/2:"right"===position?(x+=contentWidth,y+=contentHeight/2):"bottom"===position?(x+=contentWidth/2,y+=contentHeight):"left"===position?y+=contentHeight/2:"center"===position&&(x+=contentWidth/2,y+=contentHeight/2),{x,y}}(position,measurements),x=_positionCoordinate.x,y=_positionCoordinate.y,_offset=function offset(type,position,_ref3,labelPaddingSize,external){var margin=_ref3.margin,border=_ref3.border,padding=_ref3.padding,shift=function shift(dir){return 0},offsetX=0,offsetY=0,locationMultiplier=external?1:.5,labelPaddingShift=external?2*labelPaddingSize:0;return"padding"===type?shift=function shift(dir){return padding[dir]*locationMultiplier+labelPaddingShift}:"border"===type?shift=function shift(dir){return padding[dir]+border[dir]*locationMultiplier+labelPaddingShift}:"margin"===type&&(shift=function shift(dir){return padding[dir]+border[dir]+margin[dir]*locationMultiplier+labelPaddingShift}),"top"===position?offsetY=-shift("top"):"right"===position?offsetX=shift("right"):"bottom"===position?offsetY=shift("bottom"):"left"===position&&(offsetX=-shift("left")),{offsetX,offsetY}}(type,position,measurements,labelPadding+1,external);x+=_offset.offsetX,y+=_offset.offsetY;var _configureText=configureText(context,text),w=_configureText.w,h=_configureText.h;if(prevRect&&function collide(a,b){return Math.abs(a.x-b.x)arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iMath.abs(windowExtremities_right-extremities.right)?"left":"right",y:distances_top>distances_bottom?"top":"bottom"}}function drawBoxModel(element){return function(context){if(element&&context){var measurements=function measureElement(element){var style=window_default().getComputedStyle(element),_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,left=_element$getBoundingC.left,right=_element$getBoundingC.right,bottom=_element$getBoundingC.bottom,width=_element$getBoundingC.width,height=_element$getBoundingC.height,marginTop=style.marginTop,marginBottom=style.marginBottom,marginLeft=style.marginLeft,marginRight=style.marginRight,paddingTop=style.paddingTop,paddingBottom=style.paddingBottom,paddingLeft=style.paddingLeft,paddingRight=style.paddingRight,borderBottomWidth=style.borderBottomWidth,borderTopWidth=style.borderTopWidth,borderLeftWidth=style.borderLeftWidth,borderRightWidth=style.borderRightWidth;top+=window_default().window.scrollY,left+=window_default().window.scrollX,bottom+=window_default().window.scrollY,right+=window_default().window.scrollX;var margin={top:pxToNumber(marginTop),bottom:pxToNumber(marginBottom),left:pxToNumber(marginLeft),right:pxToNumber(marginRight)},padding={top:pxToNumber(paddingTop),bottom:pxToNumber(paddingBottom),left:pxToNumber(paddingLeft),right:pxToNumber(paddingRight)},border={top:pxToNumber(borderTopWidth),bottom:pxToNumber(borderBottomWidth),left:pxToNumber(borderLeftWidth),right:pxToNumber(borderRightWidth)},extremities={top:top-margin.top,bottom:bottom+margin.bottom,left:left-margin.left,right:right+margin.right};return{margin,padding,border,top,left,bottom,right,width,height,extremities,floatingAlignment:floatingAlignment(extremities)}}(element),marginLabels=function drawMargin(context,_ref){var margin=_ref.margin,width=_ref.width,height=_ref.height,top=_ref.top,left=_ref.left,bottom=_ref.bottom,right=_ref.right,marginHeight=height+margin.bottom+margin.top;return context.fillStyle=visualizer_colors.margin,context.fillRect(left,top-margin.top,width,margin.top),context.fillRect(right,top-margin.top,margin.right,marginHeight),context.fillRect(left,bottom,width,margin.bottom),context.fillRect(left-margin.left,top-margin.top,margin.left,marginHeight),filterZeroValues([{type:"margin",text:round(margin.top),position:"top"},{type:"margin",text:round(margin.right),position:"right"},{type:"margin",text:round(margin.bottom),position:"bottom"},{type:"margin",text:round(margin.left),position:"left"}])}(context,measurements),paddingLabels=function drawPadding(context,_ref2){var padding=_ref2.padding,border=_ref2.border,width=_ref2.width,height=_ref2.height,top=_ref2.top,left=_ref2.left,bottom=_ref2.bottom,right=_ref2.right,paddingWidth=width-border.left-border.right,paddingHeight=height-padding.top-padding.bottom-border.top-border.bottom;return context.fillStyle=visualizer_colors.padding,context.fillRect(left+border.left,top+border.top,paddingWidth,padding.top),context.fillRect(right-padding.right-border.right,top+padding.top+border.top,padding.right,paddingHeight),context.fillRect(left+border.left,bottom-padding.bottom-border.bottom,paddingWidth,padding.bottom),context.fillRect(left+border.left,top+padding.top+border.top,padding.left,paddingHeight),filterZeroValues([{type:"padding",text:padding.top,position:"top"},{type:"padding",text:padding.right,position:"right"},{type:"padding",text:padding.bottom,position:"bottom"},{type:"padding",text:padding.left,position:"left"}])}(context,measurements),borderLabels=function drawBorder(context,_ref3){var border=_ref3.border,width=_ref3.width,height=_ref3.height,top=_ref3.top,left=_ref3.left,bottom=_ref3.bottom,right=_ref3.right,borderHeight=height-border.top-border.bottom;return context.fillStyle=visualizer_colors.border,context.fillRect(left,top,width,border.top),context.fillRect(left,bottom-border.bottom,width,border.bottom),context.fillRect(left,top+border.top,border.left,borderHeight),context.fillRect(right-border.right,top+border.top,border.right,borderHeight),filterZeroValues([{type:"border",text:border.top,position:"top"},{type:"border",text:border.right,position:"right"},{type:"border",text:border.bottom,position:"bottom"},{type:"border",text:border.left,position:"left"}])}(context,measurements),contentLabels=function drawContent(context,_ref4){var padding=_ref4.padding,border=_ref4.border,width=_ref4.width,height=_ref4.height,top=_ref4.top,left=_ref4.left,contentWidth=width-border.left-border.right-padding.left-padding.right,contentHeight=height-padding.top-padding.bottom-border.top-border.bottom;return context.fillStyle=visualizer_colors.content,context.fillRect(left+border.left+padding.left,top+border.top+padding.top,contentWidth,contentHeight),[{type:"content",position:"center",text:"".concat(round(contentWidth)," x ").concat(round(contentHeight))}]}(context,measurements),externalLabels=measurements.width<=3*SMALL_NODE_SIZE||measurements.height<=SMALL_NODE_SIZE;!function labelStacks(context,measurements,labels,externalLabels){var stacks=labels.reduce((function(acc,l){return Object.prototype.hasOwnProperty.call(acc,l.position)||(acc[l.position]=[]),acc[l.position].push(l),acc}),{});stacks.top&&drawStack(context,measurements,stacks.top,externalLabels),stacks.right&&drawStack(context,measurements,stacks.right,externalLabels),stacks.bottom&&drawStack(context,measurements,stacks.bottom,externalLabels),stacks.left&&drawStack(context,measurements,stacks.left,externalLabels),stacks.center&&drawStack(context,measurements,stacks.center,externalLabels)}(context,measurements,[].concat(_toConsumableArray(contentLabels),_toConsumableArray(paddingLabels),_toConsumableArray(borderLabels),_toConsumableArray(marginLabels)),externalLabels)}}}function drawSelectedElement(element){!function draw(callback){clear(),callback(state.context)}(drawBoxModel(element))}var deepElementFromPoint=function deepElementFromPoint(x,y){var element=window_default().document.elementFromPoint(x,y),shadowElement=function crawlShadows(node){if(node&&node.shadowRoot){var nestedElement=node.shadowRoot.elementFromPoint(x,y);return node.isEqualNode(nestedElement)?node:nestedElement.shadowRoot?crawlShadows(nestedElement):nestedElement}return node}(element);return shadowElement||element},pointer={x:0,y:0};function findAndDrawElement(x,y){drawSelectedElement(deepElementFromPoint(x,y))}var ADDON_ID="storybook/measure-addon";"".concat(ADDON_ID,"/tool"),"".concat(ADDON_ID,"/result"),"".concat(ADDON_ID,"/request"),"".concat(ADDON_ID,"/clear");var decorators=[function withMeasure(StoryFn,context){var measureEnabled=context.globals.measureEnabled;return(0,hooks.d4)((function(){var onMouseMove=function onMouseMove(event){window.requestAnimationFrame((function(){event.stopPropagation(),pointer.x=event.clientX,pointer.y=event.clientY}))};return document.addEventListener("mousemove",onMouseMove),function(){document.removeEventListener("mousemove",onMouseMove)}}),[]),(0,hooks.d4)((function(){var onResize=function onResize(){window.requestAnimationFrame((function(){!function rescale(){setCanvasWidthAndHeight(state.canvas,state.context,{width:0,height:0});var _getDocumentWidthAndH2=getDocumentWidthAndHeight(),width=_getDocumentWidthAndH2.width,height=_getDocumentWidthAndH2.height;setCanvasWidthAndHeight(state.canvas,state.context,{width,height}),state.width=width,state.height=height}()}))};return measureEnabled&&(document.addEventListener("mouseover",(function onMouseOver(event){window.requestAnimationFrame((function(){event.stopPropagation(),findAndDrawElement(event.clientX,event.clientY)}))})),init(),window.addEventListener("resize",onResize),findAndDrawElement(pointer.x,pointer.y)),function(){window.removeEventListener("resize",onResize),function destroy(){state.canvas&&(clear(),state.canvas.parentNode.removeChild(state.canvas),state={})}()}}),[measureEnabled]),StoryFn()}],globals=function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},"measureEnabled",!1);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 preview_js_generated_config_entry_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(addon_measure_preview_namespaceObject).forEach((function(key){var value=addon_measure_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";var addon_outline_preview_namespaceObject={};__webpack_require__.r(addon_outline_preview_namespaceObject),__webpack_require__.d(addon_outline_preview_namespaceObject,{decorators:()=>decorators,globals:()=>globals});var _templateObject,ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),clearStyles=function clearStyles(selector){(Array.isArray(selector)?selector:[selector]).forEach(clearStyle)},clearStyle=function clearStyle(selector){var element=window_default().document.getElementById(selector);element&&element.parentElement&&element.parentElement.removeChild(element)},esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/ts-dedent/esm/index.js"));function outlineCSS(selector){return(0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n "," body {\n outline: 1px solid #2980b9 !important;\n }\n\n "," article {\n outline: 1px solid #3498db !important;\n }\n\n "," nav {\n outline: 1px solid #0088c3 !important;\n }\n\n "," aside {\n outline: 1px solid #33a0ce !important;\n }\n\n "," section {\n outline: 1px solid #66b8da !important;\n }\n\n "," header {\n outline: 1px solid #99cfe7 !important;\n }\n\n "," footer {\n outline: 1px solid #cce7f3 !important;\n }\n\n "," h1 {\n outline: 1px solid #162544 !important;\n }\n\n "," h2 {\n outline: 1px solid #314e6e !important;\n }\n\n "," h3 {\n outline: 1px solid #3e5e85 !important;\n }\n\n "," h4 {\n outline: 1px solid #449baf !important;\n }\n\n "," h5 {\n outline: 1px solid #c7d1cb !important;\n }\n\n "," h6 {\n outline: 1px solid #4371d0 !important;\n }\n\n "," main {\n outline: 1px solid #2f4f90 !important;\n }\n\n "," address {\n outline: 1px solid #1a2c51 !important;\n }\n\n "," div {\n outline: 1px solid #036cdb !important;\n }\n\n "," p {\n outline: 1px solid #ac050b !important;\n }\n\n "," hr {\n outline: 1px solid #ff063f !important;\n }\n\n "," pre {\n outline: 1px solid #850440 !important;\n }\n\n "," blockquote {\n outline: 1px solid #f1b8e7 !important;\n }\n\n "," ol {\n outline: 1px solid #ff050c !important;\n }\n\n "," ul {\n outline: 1px solid #d90416 !important;\n }\n\n "," li {\n outline: 1px solid #d90416 !important;\n }\n\n "," dl {\n outline: 1px solid #fd3427 !important;\n }\n\n "," dt {\n outline: 1px solid #ff0043 !important;\n }\n\n "," dd {\n outline: 1px solid #e80174 !important;\n }\n\n "," figure {\n outline: 1px solid #ff00bb !important;\n }\n\n "," figcaption {\n outline: 1px solid #bf0032 !important;\n }\n\n "," table {\n outline: 1px solid #00cc99 !important;\n }\n\n "," caption {\n outline: 1px solid #37ffc4 !important;\n }\n\n "," thead {\n outline: 1px solid #98daca !important;\n }\n\n "," tbody {\n outline: 1px solid #64a7a0 !important;\n }\n\n "," tfoot {\n outline: 1px solid #22746b !important;\n }\n\n "," tr {\n outline: 1px solid #86c0b2 !important;\n }\n\n "," th {\n outline: 1px solid #a1e7d6 !important;\n }\n\n "," td {\n outline: 1px solid #3f5a54 !important;\n }\n\n "," col {\n outline: 1px solid #6c9a8f !important;\n }\n\n "," colgroup {\n outline: 1px solid #6c9a9d !important;\n }\n\n "," button {\n outline: 1px solid #da8301 !important;\n }\n\n "," datalist {\n outline: 1px solid #c06000 !important;\n }\n\n "," fieldset {\n outline: 1px solid #d95100 !important;\n }\n\n "," form {\n outline: 1px solid #d23600 !important;\n }\n\n "," input {\n outline: 1px solid #fca600 !important;\n }\n\n "," keygen {\n outline: 1px solid #b31e00 !important;\n }\n\n "," label {\n outline: 1px solid #ee8900 !important;\n }\n\n "," legend {\n outline: 1px solid #de6d00 !important;\n }\n\n "," meter {\n outline: 1px solid #e8630c !important;\n }\n\n "," optgroup {\n outline: 1px solid #b33600 !important;\n }\n\n "," option {\n outline: 1px solid #ff8a00 !important;\n }\n\n "," output {\n outline: 1px solid #ff9619 !important;\n }\n\n "," progress {\n outline: 1px solid #e57c00 !important;\n }\n\n "," select {\n outline: 1px solid #e26e0f !important;\n }\n\n "," textarea {\n outline: 1px solid #cc5400 !important;\n }\n\n "," details {\n outline: 1px solid #33848f !important;\n }\n\n "," summary {\n outline: 1px solid #60a1a6 !important;\n }\n\n "," command {\n outline: 1px solid #438da1 !important;\n }\n\n "," menu {\n outline: 1px solid #449da6 !important;\n }\n\n "," del {\n outline: 1px solid #bf0000 !important;\n }\n\n "," ins {\n outline: 1px solid #400000 !important;\n }\n\n "," img {\n outline: 1px solid #22746b !important;\n }\n\n "," iframe {\n outline: 1px solid #64a7a0 !important;\n }\n\n "," embed {\n outline: 1px solid #98daca !important;\n }\n\n "," object {\n outline: 1px solid #00cc99 !important;\n }\n\n "," param {\n outline: 1px solid #37ffc4 !important;\n }\n\n "," video {\n outline: 1px solid #6ee866 !important;\n }\n\n "," audio {\n outline: 1px solid #027353 !important;\n }\n\n "," source {\n outline: 1px solid #012426 !important;\n }\n\n "," canvas {\n outline: 1px solid #a2f570 !important;\n }\n\n "," track {\n outline: 1px solid #59a600 !important;\n }\n\n "," map {\n outline: 1px solid #7be500 !important;\n }\n\n "," area {\n outline: 1px solid #305900 !important;\n }\n\n "," a {\n outline: 1px solid #ff62ab !important;\n }\n\n "," em {\n outline: 1px solid #800b41 !important;\n }\n\n "," strong {\n outline: 1px solid #ff1583 !important;\n }\n\n "," i {\n outline: 1px solid #803156 !important;\n }\n\n "," b {\n outline: 1px solid #cc1169 !important;\n }\n\n "," u {\n outline: 1px solid #ff0430 !important;\n }\n\n "," s {\n outline: 1px solid #f805e3 !important;\n }\n\n "," small {\n outline: 1px solid #d107b2 !important;\n }\n\n "," abbr {\n outline: 1px solid #4a0263 !important;\n }\n\n "," q {\n outline: 1px solid #240018 !important;\n }\n\n "," cite {\n outline: 1px solid #64003c !important;\n }\n\n "," dfn {\n outline: 1px solid #b4005a !important;\n }\n\n "," sub {\n outline: 1px solid #dba0c8 !important;\n }\n\n "," sup {\n outline: 1px solid #cc0256 !important;\n }\n\n "," time {\n outline: 1px solid #d6606d !important;\n }\n\n "," code {\n outline: 1px solid #e04251 !important;\n }\n\n "," kbd {\n outline: 1px solid #5e001f !important;\n }\n\n "," samp {\n outline: 1px solid #9c0033 !important;\n }\n\n "," var {\n outline: 1px solid #d90047 !important;\n }\n\n "," mark {\n outline: 1px solid #ff0053 !important;\n }\n\n "," bdi {\n outline: 1px solid #bf3668 !important;\n }\n\n "," bdo {\n outline: 1px solid #6f1400 !important;\n }\n\n "," ruby {\n outline: 1px solid #ff7b93 !important;\n }\n\n "," rt {\n outline: 1px solid #ff2f54 !important;\n }\n\n "," rp {\n outline: 1px solid #803e49 !important;\n }\n\n "," span {\n outline: 1px solid #cc2643 !important;\n }\n\n "," br {\n outline: 1px solid #db687d !important;\n }\n\n "," wbr {\n outline: 1px solid #db175b !important;\n }"])),selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector,selector)}var decorators=[function withOutline(StoryFn,context){var isActive=!0===context.globals.outline,isInDocs="docs"===context.viewMode,outlineStyles=(0,hooks.Ye)((function(){return outlineCSS(isInDocs?"#anchor--".concat(context.id," .docs-story"):".sb-show-main")}),[context]);return(0,hooks.d4)((function(){var selectorId=isInDocs?"addon-outline-docs-".concat(context.id):"addon-outline";return isActive?function addOutlineStyles(selector,css){var existingStyle=window_default().document.getElementById(selector);if(existingStyle)existingStyle.innerHTML!==css&&(existingStyle.innerHTML=css);else{var style=window_default().document.createElement("style");style.setAttribute("id",selector),style.innerHTML=css,window_default().document.head.appendChild(style)}}(selectorId,outlineStyles):clearStyles(selectorId),function(){clearStyles(selectorId)}}),[isActive,outlineStyles,context]),StoryFn()}],globals=function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},"outline",!1);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 preview_js_generated_config_entry_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(addon_outline_preview_namespaceObject).forEach((function(key){var value=addon_outline_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__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/@storybook/addons/dist/esm/hooks.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D8:()=>useArgs,DM:()=>applyHooks,EM:()=>useChannel,I4:()=>useCallback,Ut:()=>useParameter,Ye:()=>useMemo,_Y:()=>useReducer,c8:()=>HooksContext,d4:()=>useEffect,e6:()=>useStoryContext,eJ:()=>useState,kO:()=>useGlobals,sO:()=>useRef});__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var global__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_20__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),_index__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i25)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return hooks.addRenderListeners(),result}}},areDepsEqual=function areDepsEqual(deps,nextDeps){return deps.length===nextDeps.length&&deps.every((function(dep,i){return dep===nextDeps[i]}))},invalidHooksError=function invalidHooksError(){return new Error("Storybook preview hooks can only be called inside decorators and story functions.")};function getHooksContextOrNull(){return globalWindow.STORYBOOK_HOOKS_CONTEXT||null}function getHooksContextOrThrow(){var hooks=getHooksContextOrNull();if(null==hooks)throw invalidHooksError();return hooks}function useMemoLike(name,nextCreate,deps){var _useHook=function useHook(name,callback,deps){var hooks=getHooksContextOrThrow();if("MOUNT"===hooks.currentPhase){null==deps||Array.isArray(deps)||_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("".concat(name," received a final argument that is not an array (instead, received ").concat(deps,"). When specified, the final argument must be an array."));var _hook={name,deps};return hooks.currentHooks.push(_hook),callback(_hook),_hook}if("UPDATE"===hooks.currentPhase){var _hook2=hooks.getNextHook();if(null==_hook2)throw new Error("Rendered more hooks than during the previous render.");return _hook2.name!==name&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("Storybook has detected a change in the order of Hooks".concat(hooks.currentDecoratorName?" called by ".concat(hooks.currentDecoratorName):"",". This will lead to bugs and errors if not fixed.")),null!=deps&&null==_hook2.deps&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("".concat(name," received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.")),null!=deps&&null!=_hook2.deps&&deps.length!==_hook2.deps.length&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("The final argument passed to ".concat(name," changed size between renders. The order and size of this array must remain constant.\nPrevious: ").concat(_hook2.deps,"\nIncoming: ").concat(deps)),null!=deps&&null!=_hook2.deps&&areDepsEqual(deps,_hook2.deps)||(callback(_hook2),_hook2.deps=deps),_hook2}throw invalidHooksError()}(name,(function(hook){hook.memoizedState=nextCreate()}),deps);return _useHook.memoizedState}function useMemo(nextCreate,deps){return useMemoLike("useMemo",nextCreate,deps)}function useCallback(callback,deps){return useMemoLike("useCallback",(function(){return callback}),deps)}function useRefLike(name,initialValue){return useMemoLike(name,(function(){return{current:initialValue}}),[])}function useRef(initialValue){return useRefLike("useRef",initialValue)}function useStateLike(name,initialState){var stateRef=useRefLike(name,"function"==typeof initialState?initialState():initialState);return[stateRef.current,function setState(update){stateRef.current="function"==typeof update?update(stateRef.current):update,function triggerUpdate(){var hooks=getHooksContextOrNull();if(null!=hooks&&"NONE"!==hooks.currentPhase)hooks.hasUpdates=!0;else try{_index__WEBPACK_IMPORTED_MODULE_21__.KP.getChannel().emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.FORCE_RE_RENDER)}catch(e){_storybook_client_logger__WEBPACK_IMPORTED_MODULE_23__.kg.warn("State updates of Storybook preview hooks work only in browser")}}()}]}function useState(initialState){return useStateLike("useState",initialState)}function useReducer(reducer,initialArg,init){var _useStateLike2=_slicedToArray(useStateLike("useReducer",null!=init?function(){return init(initialArg)}:initialArg),2),state=_useStateLike2[0],setState=_useStateLike2[1];return[state,function dispatch(action){return setState((function(prevState){return reducer(prevState,action)}))}]}function useEffect(create,deps){var hooks=getHooksContextOrThrow(),effect=useMemoLike("useEffect",(function(){return{create}}),deps);hooks.currentEffects.includes(effect)||hooks.currentEffects.push(effect)}function useChannel(eventMap){var deps=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],channel=_index__WEBPACK_IMPORTED_MODULE_21__.KP.getChannel();return useEffect((function(){return Object.entries(eventMap).forEach((function(_ref3){var _ref4=_slicedToArray(_ref3,2),type=_ref4[0],listener=_ref4[1];return channel.on(type,listener)})),function(){Object.entries(eventMap).forEach((function(_ref5){var _ref6=_slicedToArray(_ref5,2),type=_ref6[0],listener=_ref6[1];return channel.removeListener(type,listener)}))}}),[].concat(_toConsumableArray(Object.keys(eventMap)),_toConsumableArray(deps))),useCallback(channel.emit.bind(channel),[channel])}function useStoryContext(){var currentContext=getHooksContextOrThrow().currentContext;if(null==currentContext)throw invalidHooksError();return currentContext}function useParameter(parameterKey,defaultValue){var _parameters$parameter,parameters=useStoryContext().parameters;if(parameterKey)return null!==(_parameters$parameter=parameters[parameterKey])&&void 0!==_parameters$parameter?_parameters$parameter:defaultValue}function useArgs(){var channel=_index__WEBPACK_IMPORTED_MODULE_21__.KP.getChannel(),_useStoryContext2=useStoryContext(),storyId=_useStoryContext2.id;return[_useStoryContext2.args,useCallback((function(updatedArgs){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.UPDATE_STORY_ARGS,{storyId,updatedArgs})}),[channel,storyId]),useCallback((function(argNames){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.RESET_STORY_ARGS,{storyId,argNames})}),[channel,storyId])]}function useGlobals(){var channel=_index__WEBPACK_IMPORTED_MODULE_21__.KP.getChannel();return[useStoryContext().globals,useCallback((function(newGlobals){return channel.emit(_storybook_core_events__WEBPACK_IMPORTED_MODULE_22__.UPDATE_GLOBALS,{globals:newGlobals})}),[channel])]}},"./node_modules/@storybook/addons/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$W:()=>_storybook_channels__WEBPACK_IMPORTED_MODULE_6__.$,KP:()=>addons,P$:()=>AddonStore});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js");var global__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_5__),_storybook_channels__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_storybook_channel_mock__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js"),_types__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/types.js");function _defineProperties(target,props){for(var i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>makeDecorator});__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var makeDecorator=function makeDecorator(_ref){var name=_ref.name,parameterName=_ref.parameterName,wrapper=_ref.wrapper,_ref$skipIfNoParamete=_ref.skipIfNoParametersOrOptions,skipIfNoParametersOrOptions=void 0!==_ref$skipIfNoParamete&&_ref$skipIfNoParamete,decorator=function decorator(options){return function(storyFn,context){var parameters=context.parameters&&context.parameters[parameterName];return parameters&¶meters.disable?storyFn(context):!skipIfNoParametersOrOptions||options||parameters?wrapper(storyFn,context,{options,parameters}):storyFn(context)}};return function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return"function"==typeof args[0]?decorator().apply(void 0,args):function(){if(arguments.length>1)return args.length>1?decorator(args).apply(void 0,arguments):decorator.apply(void 0,args).apply(void 0,arguments);throw new Error("Passing stories directly into ".concat(name,"() is not allowed,\n instead use addDecorator(").concat(name,") and pass options with the '").concat(parameterName,"' parameter"))}}}},"./node_modules/@storybook/addons/dist/esm/public_api.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AddonStore:()=>_index__WEBPACK_IMPORTED_MODULE_1__.P$,Channel:()=>_index__WEBPACK_IMPORTED_MODULE_1__.$W,HooksContext:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.c8,addons:()=>_index__WEBPACK_IMPORTED_MODULE_1__.KP,applyHooks:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.DM,default:()=>__WEBPACK_DEFAULT_EXPORT__,isSupportedType:()=>_types__WEBPACK_IMPORTED_MODULE_2__.Q,makeDecorator:()=>_make_decorator__WEBPACK_IMPORTED_MODULE_0__.h,mockChannel:()=>_storybook_channel_mock__WEBPACK_IMPORTED_MODULE_3__.H,types:()=>_types__WEBPACK_IMPORTED_MODULE_2__.V,useArgs:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.D8,useCallback:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.I4,useChannel:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.EM,useEffect:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.d4,useGlobals:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.kO,useMemo:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.Ye,useParameter:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.Ut,useReducer:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__._Y,useRef:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.sO,useState:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.eJ,useStoryContext:()=>_hooks__WEBPACK_IMPORTED_MODULE_4__.e6});var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),_make_decorator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/make-decorator.js"),_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/types.js"),_storybook_channel_mock__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js"),_hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js");const __WEBPACK_DEFAULT_EXPORT__=_index__WEBPACK_IMPORTED_MODULE_1__.KP},"./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>mockChannel});var _storybook_channels__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js");function mockChannel(){return new _storybook_channels__WEBPACK_IMPORTED_MODULE_0__.Z({transport:{setHandler:function setHandler(){},send:function send(){}}})}},"./node_modules/@storybook/addons/dist/esm/types.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>isSupportedType,V:()=>types});var types;__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js");function isSupportedType(type){return!!Object.values(types).find((function(typeVal){return typeVal===type}))}!function(types){types.TAB="tab",types.PANEL="panel",types.TOOL="tool",types.TOOLEXTRA="toolextra",types.PREVIEW="preview",types.NOTES_ELEMENT="notes-element"}(types||(types={}))},"./node_modules/@storybook/channels/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>Channel,Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.immediate.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var _templateObject,util_deprecate__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_8__),ts_dedent__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function _defineProperties(target,props){for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:{},transport=_ref.transport,_ref$async=_ref.async,async=void 0!==_ref$async&&_ref$async;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Channel),this.isAsync=void 0,this.sender=generateRandomId(),this.events={},this.data={},this.transport=void 0,this.addPeerListener=util_deprecate__WEBPACK_IMPORTED_MODULE_8___default()((function(eventName,listener){_this.addListener(eventName,listener)}),(0,ts_dedent__WEBPACK_IMPORTED_MODULE_9__.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n channel.addPeerListener is deprecated\n "])))),this.isAsync=async,transport&&(this.transport=transport,this.transport.setHandler((function(event){return _this.handleEvent(event)})))}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Channel,[{key:"hasTransport",get:function get(){return!!this.transport}},{key:"addListener",value:function addListener(eventName,listener){this.events[eventName]=this.events[eventName]||[],this.events[eventName].push(listener)}},{key:"emit",value:function emit(eventName){for(var _this2=this,_len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];var event={type:eventName,args,from:this.sender},options={};args.length>=1&&args[0]&&args[0].options&&(options=args[0].options);var handler=function handler(){_this2.transport&&_this2.transport.send(event,options),_this2.handleEvent(event)};this.isAsync?setImmediate(handler):handler()}},{key:"last",value:function last(eventName){return this.data[eventName]}},{key:"eventNames",value:function eventNames(){return Object.keys(this.events)}},{key:"listenerCount",value:function listenerCount(eventName){var listeners=this.listeners(eventName);return listeners?listeners.length:0}},{key:"listeners",value:function listeners(eventName){var listeners=this.events[eventName];return listeners||void 0}},{key:"once",value:function once(eventName,listener){var onceListener=this.onceListener(eventName,listener);this.addListener(eventName,onceListener)}},{key:"removeAllListeners",value:function removeAllListeners(eventName){eventName?this.events[eventName]&&delete this.events[eventName]:this.events={}}},{key:"removeListener",value:function removeListener(eventName,listener){var listeners=this.listeners(eventName);listeners&&(this.events[eventName]=listeners.filter((function(l){return l!==listener})))}},{key:"on",value:function on(eventName,listener){this.addListener(eventName,listener)}},{key:"off",value:function off(eventName,listener){this.removeListener(eventName,listener)}},{key:"handleEvent",value:function handleEvent(event){var listeners=this.listeners(event.type);listeners&&listeners.length&&listeners.forEach((function(fn){fn.apply(event,event.args)})),this.data[event.type]=event.args}},{key:"onceListener",value:function onceListener(eventName,listener){var _this3=this,onceListener=function onceListener(){return _this3.removeListener(eventName,onceListener),listener.apply(void 0,arguments)};return onceListener}}]),Channel}();const __WEBPACK_DEFAULT_EXPORT__=Channel},"./node_modules/@storybook/client-api/dist/esm/ClientApi.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ti:()=>ClientApi,v9:()=>addArgTypes,My:()=>addArgTypesEnhancer,uc:()=>addArgs,_C:()=>addArgsEnhancer,$9:()=>addDecorator,HZ:()=>addLoader,h1:()=>addParameters,$P:()=>setGlobalRender});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js");var _templateObject,browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),esm_parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),normalizeInputTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js"),synchronous_promise=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/synchronous-promise/index.js")),sortStories=__webpack_require__("./node_modules/@storybook/store/dist/esm/sortStories.js"),autoTitle=__webpack_require__("./node_modules/@storybook/store/dist/esm/autoTitle.js"),_excluded=["default","__namedExportsOrder"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i ","\n \n Are you using a V7-style sort function in V6 compatibility mode?\n \n More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort\n "])),storySortParameter,err.message));throw err}return{v:3,stories:sortedV7.reduce((function(acc,s){return acc[s.id]=_this2.stories[s.id],acc}),{})}}},{key:"clearFilenameExports",value:function clearFilenameExports(fileName){var _this3=this;this.csfExports[fileName]&&(Object.entries(this.stories).forEach((function(_ref3){var _ref4=_slicedToArray(_ref3,2),id=_ref4[0];_ref4[1].importPath===fileName&&delete _this3.stories[id]})),this.csfExports[fileName]={})}},{key:"addStoriesFromExports",value:function addStoriesFromExports(fileName,fileExports){var _this4=this;if(this.csfExports[fileName]!==fileExports){this.clearFilenameExports(fileName);var defaultExport=fileExports.default,__namedExportsOrder=fileExports.__namedExportsOrder,namedExports=_objectWithoutProperties(fileExports,_excluded),_ref5=defaultExport||{},componentId=_ref5.id,title=_ref5.title,specifiers=(window_default().STORIES||[]).map((function(specifier){return Object.assign({},specifier,{importPathMatcher:new RegExp(specifier.importPathMatcher)})}));if(title=(0,autoTitle.k)(fileName,specifiers,title)){this.csfExports[fileName]=Object.assign({},fileExports,{default:Object.assign({},defaultExport,{title})});var sortedExports=namedExports;Array.isArray(__namedExportsOrder)&&(sortedExports={},__namedExportsOrder.forEach((function(name){var namedExport=namedExports[name];namedExport&&(sortedExports[name]=namedExport)}))),Object.entries(sortedExports).filter((function(_ref6){var key=_slicedToArray(_ref6,1)[0];return(0,dist.isExportStory)(key,defaultExport)})).forEach((function(_ref8){var _storyExport$paramete,_storyExport$story,_ref9=_slicedToArray(_ref8,2),key=_ref9[0],storyExport=_ref9[1],exportName=(0,dist.storyNameFromExport)(key),id=(null===(_storyExport$paramete=storyExport.parameters)||void 0===_storyExport$paramete?void 0:_storyExport$paramete.__id)||(0,dist.toId)(componentId||title,exportName),name="function"!=typeof storyExport&&storyExport.name||storyExport.storyName||(null===(_storyExport$story=storyExport.story)||void 0===_storyExport$story?void 0:_storyExport$story.name)||exportName;_this4.stories[id]={id,name,title,importPath:fileName}}))}else dist_esm.kg.info("Unexpected default export without title in '".concat(fileName,"': ").concat(JSON.stringify(fileExports.default)))}}}]),StoryStoreFacade}(),ClientApi_excluded=["globals","globalTypes"],_excluded2=["decorators","loaders","component","args","argTypes"],_excluded3=["component","args","argTypes"];function ClientApi_slicedToArray(arr,i){return function ClientApi_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function ClientApi_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function ClientApi_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return ClientApi_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ClientApi_arrayLikeToArray(o,minLen)}(arr,i)||function ClientApi_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ClientApi_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ClientApi_defineProperties(target,props){for(var i=0;i1&&void 0!==arguments[1])||arguments[1]),singleton.addDecorator(decorator)},addParameters=function addParameters(parameters){checkMethod("addParameters",!(arguments.length>1&&void 0!==arguments[1])||arguments[1]),singleton.addParameters(parameters)},addLoader=function addLoader(loader){checkMethod("addLoader",!(arguments.length>1&&void 0!==arguments[1])||arguments[1]),singleton.addLoader(loader)},addArgs=function addArgs(args){checkMethod("addArgs",!1),singleton.addArgs(args)},addArgTypes=function addArgTypes(argTypes){checkMethod("addArgTypes",!1),singleton.addArgTypes(argTypes)},addArgsEnhancer=function addArgsEnhancer(enhancer){checkMethod("addArgsEnhancer",!1),singleton.addArgsEnhancer(enhancer)},addArgTypesEnhancer=function addArgTypesEnhancer(enhancer){checkMethod("addArgTypesEnhancer",!1),singleton.addArgTypesEnhancer(enhancer)},setGlobalRender=function setGlobalRender(render){checkMethod("setGlobalRender",!1),singleton.facade.projectAnnotations.render=render},invalidStoryTypes=new Set(["string","number","boolean","symbol"]),ClientApi=function(){function ClientApi(){var _this=this,storyStore=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).storyStore;!function ClientApi_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ClientApi),this.facade=void 0,this.storyStore=void 0,this.addons=void 0,this.onImportFnChanged=void 0,this.lastFileName=0,this.setAddon=browser_default()((function(addon){_this.addons=Object.assign({},_this.addons,addon)}),(0,esm.C)(_templateObject3||(_templateObject3=ClientApi_taggedTemplateLiteral(["\n `setAddon` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n "],["\n \\`setAddon\\` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon\n "])))),this.addDecorator=function(decorator){_this.facade.projectAnnotations.decorators.push(decorator)},this.clearDecorators=browser_default()((function(){_this.facade.projectAnnotations.decorators=[]}),(0,esm.C)(_templateObject4||(_templateObject4=ClientApi_taggedTemplateLiteral(["\n `clearDecorators` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n "],["\n \\`clearDecorators\\` is deprecated and will be removed in Storybook 7.0.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators\n "])))),this.addParameters=function(_ref2){var globals=_ref2.globals,globalTypes=_ref2.globalTypes,parameters=ClientApi_objectWithoutProperties(_ref2,ClientApi_excluded);_this.facade.projectAnnotations.parameters=(0,esm_parameters.f)(_this.facade.projectAnnotations.parameters,parameters),globals&&(_this.facade.projectAnnotations.globals=Object.assign({},_this.facade.projectAnnotations.globals,globals)),globalTypes&&(_this.facade.projectAnnotations.globalTypes=Object.assign({},_this.facade.projectAnnotations.globalTypes,(0,normalizeInputTypes.x)(globalTypes)))},this.addLoader=function(loader){_this.facade.projectAnnotations.loaders.push(loader)},this.addArgs=function(args){_this.facade.projectAnnotations.args=Object.assign({},_this.facade.projectAnnotations.args,args)},this.addArgTypes=function(argTypes){_this.facade.projectAnnotations.argTypes=Object.assign({},_this.facade.projectAnnotations.argTypes,(0,normalizeInputTypes.x)(argTypes))},this.addArgsEnhancer=function(enhancer){_this.facade.projectAnnotations.argsEnhancers.push(enhancer)},this.addArgTypesEnhancer=function(enhancer){_this.facade.projectAnnotations.argTypesEnhancers.push(enhancer)},this.storiesOf=function(kind,m){if(!kind&&"string"!=typeof kind)throw new Error("Invalid or missing kind provided for stories, should be a string");if(m||dist_esm.kg.warn("Missing 'module' parameter for story with a kind of '".concat(kind,"'. It will break your HMR")),m){var proto=Object.getPrototypeOf(m);proto.exports&&proto.exports.default&&dist_esm.kg.error("Illegal mix of CSF default export and storiesOf calls in a single file: ".concat(proto.i))}for(var baseFilename=m&&m.id?"".concat(m.id):(_this.lastFileName++).toString(),fileName=baseFilename,i=1;_this.facade.csfExports[fileName]&&Object.keys(_this.facade.csfExports[fileName]).length>0;)i+=1,fileName="".concat(baseFilename,"-").concat(i);m&&m.hot&&m.hot.accept&&(m.hot.accept(),m.hot.dispose((function(){_this.facade.clearFilenameExports(fileName),setTimeout((function(){var _this$onImportFnChang;null===(_this$onImportFnChang=_this.onImportFnChanged)||void 0===_this$onImportFnChang||_this$onImportFnChang.call(_this,{importFn:_this.importFn.bind(_this)})}),0)})));var hasAdded=!1,api={kind:kind.toString(),add:function add(){return api},addDecorator:function addDecorator(){return api},addLoader:function addLoader(){return api},addParameters:function addParameters(){return api}};Object.keys(_this.addons).forEach((function(name){var addon=_this.addons[name];api[name]=function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return addon.apply(api,args),api}}));var meta={id:(0,dist.sanitize)(kind),title:kind,decorators:[],loaders:[],parameters:{}};_this.facade.csfExports[fileName]={default:meta};var counter=0;return api.add=function(storyName,storyFn){var parameters=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(hasAdded=!0,"string"!=typeof storyName)throw new Error('Invalid or missing storyName provided for a "'.concat(kind,'" story.'));if(!storyFn||Array.isArray(storyFn)||invalidStoryTypes.has(_typeof(storyFn)))throw new Error('Cannot load story "'.concat(storyName,'" in "').concat(kind,'" due to invalid format. Storybook expected a function/object but received ').concat(_typeof(storyFn)," instead."));var decorators=parameters.decorators,loaders=parameters.loaders,component=parameters.component,args=parameters.args,argTypes=parameters.argTypes,storyParameters=ClientApi_objectWithoutProperties(parameters,_excluded2),storyId=parameters.__id||(0,dist.toId)(kind,storyName),csfExports=_this.facade.csfExports[fileName];return csfExports["story".concat(counter)]={name:storyName,parameters:Object.assign({fileName,__id:storyId},storyParameters),decorators,loaders,args,argTypes,component,render:storyFn},counter+=1,_this.facade.stories[storyId]={id:storyId,title:csfExports.default.title,name:storyName,importPath:fileName},api},api.addDecorator=function(decorator){if(hasAdded)throw new Error("You cannot add a decorator after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.decorators.push(decorator),api},api.addLoader=function(loader){if(hasAdded)throw new Error("You cannot add a loader after the first story for a kind.");return meta.loaders.push(loader),api},api.addParameters=function(_ref3){var component=_ref3.component,args=_ref3.args,argTypes=_ref3.argTypes,parameters=ClientApi_objectWithoutProperties(_ref3,_excluded3);if(hasAdded)throw new Error("You cannot add parameters after the first story for a kind.\nRead more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories");return meta.parameters=(0,esm_parameters.f)(meta.parameters,parameters),component&&(meta.component=component),args&&(meta.args=Object.assign({},meta.args,args)),argTypes&&(meta.argTypes=Object.assign({},meta.argTypes,argTypes)),api},api},this.getStorybook=function(){var stories=_this.storyStore.storyIndex.stories,kinds={};return Object.entries(stories).forEach((function(_ref4){var _ref5=ClientApi_slicedToArray(_ref4,2),storyId=_ref5[0],_ref5$=_ref5[1],title=_ref5$.title,name=_ref5$.name,importPath=_ref5$.importPath;kinds[title]||(kinds[title]={kind:title,fileName:importPath,stories:[]});var storyFn=_this.storyStore.fromId(storyId).storyFn;kinds[title].stories.push({name,render:storyFn})})),Object.values(kinds)},this.raw=function(){return _this.storyStore.raw()},this.facade=new StoryStoreFacade,this.addons={},this.storyStore=storyStore,singleton=this}return function ClientApi_createClass(Constructor,protoProps,staticProps){return protoProps&&ClientApi_defineProperties(Constructor.prototype,protoProps),staticProps&&ClientApi_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ClientApi,[{key:"importFn",value:function importFn(path){return this.facade.importFn(path)}},{key:"getStoryIndex",value:function getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}},{key:"_storyStore",get:function get(){return this.storyStore}}]),ClientApi}()},"./node_modules/@storybook/client-api/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ClientApi:()=>ClientApi.ti,DEEPLY_EQUAL:()=>args.Nq,HooksContext:()=>hooks.c8,NO_TARGET_NAME:()=>args.kY,StoryStore:()=>StoryStore.a,addArgTypes:()=>ClientApi.v9,addArgTypesEnhancer:()=>ClientApi.My,addArgs:()=>ClientApi.uc,addArgsEnhancer:()=>ClientApi._C,addDecorator:()=>ClientApi.$9,addLoader:()=>ClientApi.HZ,addParameters:()=>ClientApi.h1,applyHooks:()=>hooks.DM,combineArgs:()=>args.P7,combineParameters:()=>parameters.f,composeConfigs:()=>composeConfigs.mm,composeStories:()=>testing_utils.GT,composeStory:()=>testing_utils.GN,decorateStory:()=>decorators.ob,deepDiff:()=>args.xF,defaultDecorateStory:()=>decorators.a7,filterArgTypes:()=>filterArgTypes.h,getArrayField:()=>composeConfigs.AN,getField:()=>composeConfigs.rz,getObjectField:()=>composeConfigs.Jw,getQueryParam:()=>getQueryParam,getQueryParams:()=>getQueryParams,getSingletonField:()=>composeConfigs.kV,getValuesFromArgTypes:()=>getValuesFromArgTypes.V,groupArgsByTarget:()=>args.pU,inferControls:()=>inferControls.X,mapArgsToTypes:()=>args.T4,noTargetArgs:()=>args.n3,normalizeComponentAnnotations:()=>normalizeComponentAnnotations._,normalizeInputType:()=>normalizeInputTypes.n,normalizeInputTypes:()=>normalizeInputTypes.x,normalizeProjectAnnotations:()=>normalizeProjectAnnotations.J,normalizeStory:()=>normalizeStory.K,prepareStory:()=>prepareStory.u,processCSFFile:()=>processCSFFile.V,sanitizeStoryContextUpdate:()=>decorators.n0,setGlobalRender:()=>ClientApi.$P,setProjectAnnotations:()=>testing_utils.LL,sortStoriesV6:()=>sortStories.q,sortStoriesV7:()=>sortStories.R,useAddonState:()=>useAddonState,useArgs:()=>hooks.D8,useCallback:()=>hooks.I4,useChannel:()=>hooks.EM,useEffect:()=>hooks.d4,useGlobals:()=>hooks.kO,useMemo:()=>hooks.Ye,useParameter:()=>hooks.Ut,useReducer:()=>hooks._Y,useRef:()=>hooks.sO,useSharedState:()=>useSharedState,useState:()=>hooks.eJ,useStoryContext:()=>hooks.e6,userOrAutoTitle:()=>autoTitle.k,userOrAutoTitleFromSpecifier:()=>autoTitle.i,validateOptions:()=>args.ng});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),lib=__webpack_require__("./node_modules/qs/lib/index.js"),queryparams_document=window_default().document,getQueryParams=function getQueryParams(){return queryparams_document&&queryparams_document.location&&queryparams_document.location.search?(0,lib.parse)(queryparams_document.location.search,{ignoreQueryPrefix:!0}):{}},getQueryParam=function getQueryParam(key){return getQueryParams()[key]},StoryStore=__webpack_require__("./node_modules/@storybook/store/dist/esm/StoryStore.js"),parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),filterArgTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/filterArgTypes.js"),inferControls=__webpack_require__("./node_modules/@storybook/store/dist/esm/inferControls.js"),normalizeInputTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js"),normalizeStory=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js"),processCSFFile=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/processCSFFile.js"),prepareStory=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/prepareStory.js"),normalizeComponentAnnotations=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js"),normalizeProjectAnnotations=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js"),getValuesFromArgTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js"),composeConfigs=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/composeConfigs.js"),testing_utils=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js"),esm=(__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js")),dist_esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js");function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{IC:()=>pretty,IH:()=>once,kg:()=>logger});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js");var global__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_8__),LOGLEVEL=global__WEBPACK_IMPORTED_MODULE_8___default().LOGLEVEL,console=global__WEBPACK_IMPORTED_MODULE_8___default().console,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelNumber=levels[LOGLEVEL]||levels.info,logger={trace:function trace(message){for(var _len=arguments.length,rest=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)rest[_key-1]=arguments[_key];return currentLogLevelNumber<=levels.trace&&console.trace.apply(console,[message].concat(rest))},debug:function debug(message){for(var _len2=arguments.length,rest=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)rest[_key2-1]=arguments[_key2];return currentLogLevelNumber<=levels.debug&&console.debug.apply(console,[message].concat(rest))},info:function info(message){for(var _len3=arguments.length,rest=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)rest[_key3-1]=arguments[_key3];return currentLogLevelNumber<=levels.info&&console.info.apply(console,[message].concat(rest))},warn:function warn(message){for(var _len4=arguments.length,rest=new Array(_len4>1?_len4-1:0),_key4=1;_key4<_len4;_key4++)rest[_key4-1]=arguments[_key4];return currentLogLevelNumber<=levels.warn&&console.warn.apply(console,[message].concat(rest))},error:function error(message){for(var _len5=arguments.length,rest=new Array(_len5>1?_len5-1:0),_key5=1;_key5<_len5;_key5++)rest[_key5-1]=arguments[_key5];return currentLogLevelNumber<=levels.error&&console.error.apply(console,[message].concat(rest))},log:function log(message){for(var _len6=arguments.length,rest=new Array(_len6>1?_len6-1:0),_key6=1;_key6<_len6;_key6++)rest[_key6-1]=arguments[_key6];return currentLogLevelNumber1?_len7-1:0),_key7=1;_key7<_len7;_key7++)rest[_key7-1]=arguments[_key7];return logger[type].apply(logger,[message].concat(rest))}}};once.clear=function(){return logged.clear()},once.trace=once("trace"),once.debug=once("debug"),once.info=once("info"),once.warn=once("warn"),once.error=once("error"),once.log=once("log");var pretty=function pretty(type){return function(){for(var argArray=[],_len8=arguments.length,args=new Array(_len8),_key8=0;_key8<_len8;_key8++)args[_key8]=arguments[_key8];if(args.length){var reResultArray,startTagRe=//gi;for(argArray.push(args[0].replace(startTagRe,"%c").replace(/<\/span>/gi,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(var j=1;j{"use strict";var global__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/global/window.js");__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_0__)().window.STORYBOOK_REACT_CLASSES={}},"./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/airbnb-js-shims/index.js"),__webpack_require__("./node_modules/core-js/features/symbol/index.js")},"./node_modules/@storybook/core-events/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var events;__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CHANNEL_CREATED:()=>CHANNEL_CREATED,CONFIG_ERROR:()=>CONFIG_ERROR,CURRENT_STORY_WAS_SET:()=>CURRENT_STORY_WAS_SET,DOCS_RENDERED:()=>DOCS_RENDERED,FORCE_REMOUNT:()=>FORCE_REMOUNT,FORCE_RE_RENDER:()=>FORCE_RE_RENDER,GLOBALS_UPDATED:()=>GLOBALS_UPDATED,IGNORED_EXCEPTION:()=>IGNORED_EXCEPTION,NAVIGATE_URL:()=>NAVIGATE_URL,PRELOAD_STORIES:()=>PRELOAD_STORIES,PREVIEW_KEYDOWN:()=>PREVIEW_KEYDOWN,REGISTER_SUBSCRIPTION:()=>REGISTER_SUBSCRIPTION,RESET_STORY_ARGS:()=>RESET_STORY_ARGS,SELECT_STORY:()=>SELECT_STORY,SET_CURRENT_STORY:()=>SET_CURRENT_STORY,SET_GLOBALS:()=>SET_GLOBALS,SET_STORIES:()=>SET_STORIES,SHARED_STATE_CHANGED:()=>SHARED_STATE_CHANGED,SHARED_STATE_SET:()=>SHARED_STATE_SET,STORIES_COLLAPSE_ALL:()=>STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL:()=>STORIES_EXPAND_ALL,STORY_ARGS_UPDATED:()=>STORY_ARGS_UPDATED,STORY_CHANGED:()=>STORY_CHANGED,STORY_ERRORED:()=>STORY_ERRORED,STORY_INDEX_INVALIDATED:()=>STORY_INDEX_INVALIDATED,STORY_MISSING:()=>STORY_MISSING,STORY_PREPARED:()=>STORY_PREPARED,STORY_RENDERED:()=>STORY_RENDERED,STORY_RENDER_PHASE_CHANGED:()=>STORY_RENDER_PHASE_CHANGED,STORY_SPECIFIED:()=>STORY_SPECIFIED,STORY_THREW_EXCEPTION:()=>STORY_THREW_EXCEPTION,STORY_UNCHANGED:()=>STORY_UNCHANGED,UPDATE_GLOBALS:()=>UPDATE_GLOBALS,UPDATE_QUERY_PARAMS:()=>UPDATE_QUERY_PARAMS,UPDATE_STORY_ARGS:()=>UPDATE_STORY_ARGS,default:()=>__WEBPACK_DEFAULT_EXPORT__}),function(events){events.CHANNEL_CREATED="channelCreated",events.CONFIG_ERROR="configError",events.STORY_INDEX_INVALIDATED="storyIndexInvalidated",events.STORY_SPECIFIED="storySpecified",events.SET_STORIES="setStories",events.SET_CURRENT_STORY="setCurrentStory",events.CURRENT_STORY_WAS_SET="currentStoryWasSet",events.FORCE_RE_RENDER="forceReRender",events.FORCE_REMOUNT="forceRemount",events.PRELOAD_STORIES="preloadStories",events.STORY_PREPARED="storyPrepared",events.STORY_CHANGED="storyChanged",events.STORY_UNCHANGED="storyUnchanged",events.STORY_RENDERED="storyRendered",events.STORY_MISSING="storyMissing",events.STORY_ERRORED="storyErrored",events.STORY_THREW_EXCEPTION="storyThrewException",events.STORY_RENDER_PHASE_CHANGED="storyRenderPhaseChanged",events.UPDATE_STORY_ARGS="updateStoryArgs",events.STORY_ARGS_UPDATED="storyArgsUpdated",events.RESET_STORY_ARGS="resetStoryArgs",events.SET_GLOBALS="setGlobals",events.UPDATE_GLOBALS="updateGlobals",events.GLOBALS_UPDATED="globalsUpdated",events.REGISTER_SUBSCRIPTION="registerSubscription",events.PREVIEW_KEYDOWN="previewKeydown",events.SELECT_STORY="selectStory",events.STORIES_COLLAPSE_ALL="storiesCollapseAll",events.STORIES_EXPAND_ALL="storiesExpandAll",events.DOCS_RENDERED="docsRendered",events.SHARED_STATE_CHANGED="sharedStateChanged",events.SHARED_STATE_SET="sharedStateSet",events.NAVIGATE_URL="navigateUrl",events.UPDATE_QUERY_PARAMS="updateQueryParams"}(events||(events={}));const __WEBPACK_DEFAULT_EXPORT__=events;var CHANNEL_CREATED=events.CHANNEL_CREATED,CONFIG_ERROR=events.CONFIG_ERROR,STORY_INDEX_INVALIDATED=events.STORY_INDEX_INVALIDATED,STORY_SPECIFIED=events.STORY_SPECIFIED,SET_STORIES=events.SET_STORIES,SET_CURRENT_STORY=events.SET_CURRENT_STORY,CURRENT_STORY_WAS_SET=events.CURRENT_STORY_WAS_SET,FORCE_RE_RENDER=events.FORCE_RE_RENDER,FORCE_REMOUNT=events.FORCE_REMOUNT,STORY_PREPARED=events.STORY_PREPARED,STORY_CHANGED=events.STORY_CHANGED,STORY_UNCHANGED=events.STORY_UNCHANGED,PRELOAD_STORIES=events.PRELOAD_STORIES,STORY_RENDERED=events.STORY_RENDERED,STORY_MISSING=events.STORY_MISSING,STORY_ERRORED=events.STORY_ERRORED,STORY_THREW_EXCEPTION=events.STORY_THREW_EXCEPTION,STORY_RENDER_PHASE_CHANGED=events.STORY_RENDER_PHASE_CHANGED,UPDATE_STORY_ARGS=events.UPDATE_STORY_ARGS,STORY_ARGS_UPDATED=events.STORY_ARGS_UPDATED,RESET_STORY_ARGS=events.RESET_STORY_ARGS,SET_GLOBALS=events.SET_GLOBALS,UPDATE_GLOBALS=events.UPDATE_GLOBALS,GLOBALS_UPDATED=events.GLOBALS_UPDATED,REGISTER_SUBSCRIPTION=events.REGISTER_SUBSCRIPTION,PREVIEW_KEYDOWN=events.PREVIEW_KEYDOWN,SELECT_STORY=events.SELECT_STORY,STORIES_COLLAPSE_ALL=events.STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL=events.STORIES_EXPAND_ALL,DOCS_RENDERED=events.DOCS_RENDERED,SHARED_STATE_CHANGED=events.SHARED_STATE_CHANGED,SHARED_STATE_SET=events.SHARED_STATE_SET,NAVIGATE_URL=events.NAVIGATE_URL,UPDATE_QUERY_PARAMS=events.UPDATE_QUERY_PARAMS,IGNORED_EXCEPTION=new Error("ignoredException")},"./node_modules/@storybook/csf/dist/SBType.js":()=>{},"./node_modules/@storybook/csf/dist/includeConditionalArg.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.includeConditionalArg=exports.testValue=void 0;var _isEqual=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/isEqual.js"));var count=function count(vals){return vals.map((function(v){return void 0!==v})).filter(Boolean).length},testValue=function testValue(cond,value){var _ref=cond,exists=_ref.exists,eq=_ref.eq,neq=_ref.neq,truthy=_ref.truthy;if(count([exists,eq,neq,truthy])>1)throw new Error("Invalid conditional test ".concat(JSON.stringify({exists,eq,neq})));if(void 0!==eq)return(0,_isEqual.default)(value,eq);if(void 0!==neq)return!(0,_isEqual.default)(value,neq);if(void 0!==exists){var valueExists=void 0!==value;return exists?valueExists:!valueExists}return void 0===truthy||truthy?!!value:!value};exports.testValue=testValue;exports.includeConditionalArg=function includeConditionalArg(argType,args,globals){if(!argType.if)return!0;var _ref2=argType.if,arg=_ref2.arg,global=_ref2.global;if(1!==count([arg,global]))throw new Error("Invalid conditional value ".concat(JSON.stringify({arg,global})));var value=arg?args[arg]:globals[global];return testValue(argType.if,value)}},"./node_modules/@storybook/csf/dist/index.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={sanitize:!0,toId:!0,storyNameFromExport:!0,isExportStory:!0,parseKind:!0,includeConditionalArg:!0};exports.isExportStory=function isExportStory(key,_ref){var includeStories=_ref.includeStories,excludeStories=_ref.excludeStories;return"__esModule"!==key&&(!includeStories||matches(key,includeStories))&&(!excludeStories||!matches(key,excludeStories))},Object.defineProperty(exports,"includeConditionalArg",{enumerable:!0,get:function get(){return _includeConditionalArg.includeConditionalArg}}),exports.parseKind=exports.storyNameFromExport=exports.toId=exports.sanitize=void 0;var _startCase=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/lodash/startCase.js")),_includeConditionalArg=__webpack_require__("./node_modules/@storybook/csf/dist/includeConditionalArg.js"),_story=__webpack_require__("./node_modules/@storybook/csf/dist/story.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")};exports.sanitize=sanitize;var sanitizeSafe=function sanitizeSafe(string,part){var sanitized=sanitize(string);if(""===sanitized)throw new Error("Invalid ".concat(part," '").concat(string,"', must include alphanumeric characters"));return sanitized};exports.toId=function toId(kind,name){return"".concat(sanitizeSafe(kind,"kind")).concat(name?"--".concat(sanitizeSafe(name,"name")):"")};function matches(storyKey,arrayOrRegex){return Array.isArray(arrayOrRegex)?arrayOrRegex.includes(storyKey):storyKey.match(arrayOrRegex)}exports.storyNameFromExport=function storyNameFromExport(key){return(0,_startCase.default)(key)};exports.parseKind=function parseKind(kind,_ref2){var rootSeparator=_ref2.rootSeparator,groupSeparator=_ref2.groupSeparator,_kind$split2=_slicedToArray(kind.split(rootSeparator,2),2),root=_kind$split2[0],remainder=_kind$split2[1];return{root:remainder?root:null,groups:(remainder||kind).split(groupSeparator).filter((function(i){return!!i}))}}},"./node_modules/@storybook/csf/dist/story.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _SBType=__webpack_require__("./node_modules/@storybook/csf/dist/SBType.js");Object.keys(_SBType).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SBType[key]}})}))},"./node_modules/@storybook/docs-tools/dist/esm/argTypes/docgen/utils/string.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>str});var str=function str(obj){if(!obj)return"";if("string"==typeof obj)return obj;throw new Error("Description: expected string, got: ".concat(JSON.stringify(obj)))}},"./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var config_namespaceObject={};__webpack_require__.r(config_namespaceObject),__webpack_require__.d(config_namespaceObject,{argTypesEnhancers:()=>argTypesEnhancers,decorators:()=>decorators,parameters:()=>config_parameters});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),doctrine=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/doctrine/lib/doctrine.js"));var TypeSystem,DEFAULT_OPTIONS={tags:["param","arg","argument","returns","ignore"]},parseJsDoc=function parseJsDoc(value){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:DEFAULT_OPTIONS;if(!function containsJsDoc(value){return null!=value&&value.includes("@")}(value))return{includesJsDoc:!1,ignore:!1};var jsDocAst=function parse(content,tags){var ast;try{ast=doctrine.parse(content,{tags,sloppy:!0})}catch(e){throw console.error(e),new Error("Cannot parse JSDoc tags.")}return ast}(value,options.tags),extractedTags=function extractJsDocTags(ast){for(var extractedTags={params:null,returns:null,ignore:!1},i=0;iMAX_TYPE_SUMMARY_LENGTH}function isTooLongForDefaultValueSummary(value){return value.length>MAX_DEFAULT_VALUE_SUMMARY_LENGTH}function createSummaryValue(summary,detail){return summary===detail?{summary}:{summary,detail}}var FlowTypesType;function generateUnionElement(_ref){var name=_ref.name,value=_ref.value,elements=_ref.elements,raw=_ref.raw;return null!=value?value:null!=elements?elements.map(generateUnionElement).join(" | "):null!=raw?raw:name}function generateSignature(flowType){return"object"===flowType.type?function generateObjectSignature(_ref4){var type=_ref4.type,raw=_ref4.raw;return null!=raw?isTooLongForTypeSummary(raw)?createSummaryValue(type,raw):createSummaryValue(raw):createSummaryValue(type)}(flowType):function generateFuncSignature(_ref3){var type=_ref3.type,raw=_ref3.raw;return createSummaryValue(null!=raw?raw:type)}(flowType)}function createType(type){if(null==type)return null;switch(type.name){case FlowTypesType.UNION:return function generateUnion(_ref2){var name=_ref2.name,raw=_ref2.raw,elements=_ref2.elements;return createSummaryValue(null!=elements?elements.map(generateUnionElement).join(" | "):null!=raw?raw.replace(/^\|\s*/,""):name)}(type);case FlowTypesType.SIGNATURE:return generateSignature(type);default:return function generateDefault(_ref5){var name=_ref5.name,raw=_ref5.raw;return null!=raw?isTooLongForTypeSummary(raw)?createSummaryValue(name,raw):createSummaryValue(raw):createSummaryValue(name)}(type)}}!function(FlowTypesType){FlowTypesType.UNION="union",FlowTypesType.SIGNATURE="signature"}(FlowTypesType||(FlowTypesType={}));var BLACKLIST=["null","undefined"];function isDefaultValueBlacklisted(value){return BLACKLIST.some((function(x){return x===value}))}function createDefaultValue(defaultValue,type){if(null!=defaultValue){var value=defaultValue.value;if(!isDefaultValueBlacklisted(value))return isTooLongForDefaultValueSummary(value)?createSummaryValue(type.name,value):createSummaryValue(value)}return null}function createType_createType(_ref){var tsType=_ref.tsType,required=_ref.required;return null==tsType?null:createSummaryValue(required?tsType.name:tsType.name.replace(" | undefined",""))}function createDefaultValue_createDefaultValue(_ref){var defaultValue=_ref.defaultValue;if(null!=defaultValue){var value=defaultValue.value;if(!isDefaultValueBlacklisted(value))return createSummaryValue(value)}return null}__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var convert_convert=function convert(type){var name=type.name,raw=type.raw,base={};switch(void 0!==raw&&(base.raw=raw),type.name){case"string":case"number":case"symbol":case"boolean":return Object.assign({},base,{name});case"Array":return Object.assign({},base,{name:"array",value:type.elements.map(convert)});case"signature":return Object.assign({},base,function convertSig(type){switch(type.type){case"function":return{name:"function"};case"object":var values={};return type.signature.properties.forEach((function(prop){values[prop.key]=convert_convert(prop.value)})),{name:"object",value:values};default:throw new Error("Unknown: ".concat(type))}}(type));case"union":case"intersection":return Object.assign({},base,{name,value:type.elements.map(convert)});default:return Object.assign({},base,{name:"other",value:name})}},isLiteral=function isLiteral(type){return"literal"===type.name},toEnumOption=function toEnumOption(element){return element.value.replace(/['|"]/g,"")},flow_convert_convert=function convert(type){var name=type.name,raw=type.raw,base={};switch(void 0!==raw&&(base.raw=raw),type.name){case"literal":return Object.assign({},base,{name:"other",value:type.value});case"string":case"number":case"symbol":case"boolean":return Object.assign({},base,{name});case"Array":return Object.assign({},base,{name:"array",value:type.elements.map(convert)});case"signature":return Object.assign({},base,function convertSig(type){switch(type.type){case"function":return{name:"function"};case"object":var values={};return type.signature.properties.forEach((function(prop){values[prop.key]=flow_convert_convert(prop.value)})),{name:"object",value:values};default:throw new Error("Unknown: ".concat(type))}}(type));case"union":return type.elements.every(isLiteral)?Object.assign({},base,{name:"enum",value:type.elements.map(toEnumOption)}):Object.assign({},base,{name,value:type.elements.map(convert)});case"intersection":return Object.assign({},base,{name,value:type.elements.map(convert)});default:return Object.assign({},base,{name:"other",value:name})}},mapValues=(__webpack_require__("./node_modules/core-js/modules/es.number.is-nan.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/lodash/mapValues.js")),mapValues_default=__webpack_require__.n(mapValues),QUOTE_REGEX=/^['"]|['"]$/g,SIGNATURE_REGEXP=/^\(.*\) => /,proptypes_convert_convert=function convert(type){var name=type.name,raw=type.raw,computed=type.computed,value=type.value,base={};switch(void 0!==raw&&(base.raw=raw),name){case"enum":var _values=computed?value:value.map((function(v){var trimmedValue=function trimQuotes(str){return str.replace(QUOTE_REGEX,"")}(v.value);return function includesQuotes(str){return QUOTE_REGEX.test(str)}(v.value)||Number.isNaN(Number(trimmedValue))?trimmedValue:Number(trimmedValue)}));return Object.assign({},base,{name,value:_values});case"string":case"number":case"symbol":case"object":return Object.assign({},base,{name});case"func":return Object.assign({},base,{name:"function"});case"bool":case"boolean":return Object.assign({},base,{name:"boolean"});case"arrayOf":case"array":return Object.assign({},base,{name:"array",value:value&&convert(value)});case"objectOf":return Object.assign({},base,{name,value:convert(value)});case"shape":case"exact":var values=mapValues_default()(value,(function(field){return convert(field)}));return Object.assign({},base,{name:"object",value:values});case"union":return Object.assign({},base,{name:"union",value:value.map((function(v){return convert(v)}))});default:if((null==name?void 0:name.indexOf("|"))>0)try{var literalValues=name.split("|").map((function(v){return JSON.parse(v)}));return Object.assign({},base,{name:"enum",value:literalValues})}catch(err){}var otherVal=value?"".concat(name,"(").concat(value,")"):name,otherName=SIGNATURE_REGEXP.test(name)?"function":"other";return Object.assign({},base,{name:otherName,value:otherVal})}},convert=function convert(docgenInfo){var type=docgenInfo.type,tsType=docgenInfo.tsType,flowType=docgenInfo.flowType;return null!=type?proptypes_convert_convert(type):null!=tsType?convert_convert(tsType):null!=flowType?flow_convert_convert(flowType):null};function createPropDef_createType(type){return null!=type?createSummaryValue(type.name):null}function createPropDef_createDefaultValue(defaultValue,type){if(null!=defaultValue){var value=defaultValue.value;if(!isDefaultValueBlacklisted(value))return function isReactDocgenTypescript(defaultValue){var computed=defaultValue.computed,func=defaultValue.func;return void 0===computed&&void 0===func}(defaultValue)&&function isStringValued(type){return!!type&&("string"===type.name||"enum"===type.name&&Array.isArray(type.value)&&type.value.every((function(_ref){var tv=_ref.value;return"string"==typeof tv&&'"'===tv[0]&&'"'===tv[tv.length-1]})))}(type)?createSummaryValue(JSON.stringify(value)):createSummaryValue(value)}return null}function createBasicPropDef(name,type,docgenInfo){var description=docgenInfo.description,required=docgenInfo.required,defaultValue=docgenInfo.defaultValue;return{name,type:createPropDef_createType(type),required,description,defaultValue:createPropDef_createDefaultValue(defaultValue,type)}}function applyJsDocResult(propDef,jsDocParsingResult){if(jsDocParsingResult.includesJsDoc){var description=jsDocParsingResult.description,extractedTags=jsDocParsingResult.extractedTags;null!=description&&(propDef.description=jsDocParsingResult.description);var hasParams=null!=extractedTags.params,hasReturns=null!=extractedTags.returns&&null!=extractedTags.returns.type;(hasParams||hasReturns)&&(propDef.jsDocTags={params:hasParams&&extractedTags.params.map((function(x){return{name:x.getPrettyName(),description:x.description}})),returns:hasReturns&&{description:extractedTags.returns.description}})}return propDef}var javaScriptFactory=function javaScriptFactory(propName,docgenInfo,jsDocParsingResult){var propDef=createBasicPropDef(propName,docgenInfo.type,docgenInfo);return propDef.sbType=convert(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},tsFactory=function tsFactory(propName,docgenInfo,jsDocParsingResult){var propDef=function createTsPropDef(propName,docgenInfo){var description=docgenInfo.description,required=docgenInfo.required;return{name:propName,type:createType_createType(docgenInfo),required,description,defaultValue:createDefaultValue_createDefaultValue(docgenInfo)}}(propName,docgenInfo);return propDef.sbType=convert(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},flowFactory=function flowFactory(propName,docgenInfo,jsDocParsingResult){var propDef=function createFlowPropDef(propName,docgenInfo){var flowType=docgenInfo.flowType,description=docgenInfo.description,required=docgenInfo.required,defaultValue=docgenInfo.defaultValue;return{name:propName,type:createType(flowType),required,description,defaultValue:createDefaultValue(defaultValue,flowType)}}(propName,docgenInfo);return propDef.sbType=convert(docgenInfo),applyJsDocResult(propDef,jsDocParsingResult)},unknownFactory=function unknownFactory(propName,docgenInfo,jsDocParsingResult){return applyJsDocResult(createBasicPropDef(propName,{name:"unknown"},docgenInfo),jsDocParsingResult)},getPropDefFactory=function getPropDefFactory(typeSystem){switch(typeSystem){case TypeSystem.JAVASCRIPT:return javaScriptFactory;case TypeSystem.TYPESCRIPT:return tsFactory;case TypeSystem.FLOW:return flowFactory;default:return unknownFactory}},getTypeSystem=function getTypeSystem(docgenInfo){return null!=docgenInfo.type?TypeSystem.JAVASCRIPT:null!=docgenInfo.flowType?TypeSystem.FLOW:null!=docgenInfo.tsType?TypeSystem.TYPESCRIPT:TypeSystem.UNKNOWN},extractComponentProps=function extractComponentProps(component,section){var docgenSection=getDocgenSection(component,section);return function isValidDocgenSection(docgenSection){return null!=docgenSection&&Object.keys(docgenSection).length>0}(docgenSection)?Array.isArray(docgenSection)?function extractComponentSectionArray(docgenSection){var typeSystem=getTypeSystem(docgenSection[0]),createPropDef=getPropDefFactory(typeSystem);return docgenSection.map((function(item){var _item$type,sanitizedItem=item;return null!==(_item$type=item.type)&&void 0!==_item$type&&_item$type.elements&&(sanitizedItem=Object.assign({},item,{type:Object.assign({},item.type,{value:item.type.elements})})),extractProp(sanitizedItem.name,sanitizedItem,typeSystem,createPropDef)}))}(docgenSection):function extractComponentSectionObject(docgenSection){var docgenPropsKeys=Object.keys(docgenSection),typeSystem=getTypeSystem(docgenSection[docgenPropsKeys[0]]),createPropDef=getPropDefFactory(typeSystem);return docgenPropsKeys.map((function(propName){var docgenInfo=docgenSection[propName];return null!=docgenInfo?extractProp(propName,docgenInfo,typeSystem,createPropDef):null})).filter(Boolean)}(docgenSection):[]};function extractProp(propName,docgenInfo,typeSystem,createPropDef){var jsDocParsingResult=parseJsDoc(docgenInfo.description);return jsDocParsingResult.includesJsDoc&&jsDocParsingResult.ignore?null:{propDef:createPropDef(propName,docgenInfo,jsDocParsingResult),jsDocTags:jsDocParsingResult.extractedTags,docgenInfo,typeSystem}}var parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types);function generateFuncSignature_generateFuncSignature(params,returns){var hasParams=null!=params,hasReturns=null!=returns;if(!hasParams&&!hasReturns)return"";var funcParts=[];if(hasParams){var funcParams=params.map((function(x){var prettyName=x.getPrettyName(),typeName=x.getTypeName();return null!=typeName?"".concat(prettyName,": ").concat(typeName):prettyName}));funcParts.push("(".concat(funcParams.join(", "),")"))}else funcParts.push("()");return hasReturns&&funcParts.push("=> ".concat(returns.getTypeName())),funcParts.join(" ")}function generateShortFuncSignature(params,returns){var hasParams=null!=params,hasReturns=null!=returns;if(!hasParams&&!hasReturns)return"";var funcParts=[];return hasParams?funcParts.push("( ... )"):funcParts.push("()"),hasReturns&&funcParts.push("=> ".concat(returns.getTypeName())),funcParts.join(" ")}var CUSTOM_CAPTION="custom",OBJECT_CAPTION="object",ARRAY_CAPTION="array",CLASS_CAPTION="class",FUNCTION_CAPTION="func",ELEMENT_CAPTION="element",html_tags=__webpack_require__("./node_modules/html-tags/index.js");function isHtmlTag(tagName){return html_tags.includes(tagName.toLowerCase())}__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js");var escodegen=__webpack_require__("./node_modules/escodegen/escodegen.js"),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),BASIC_OPTIONS={format:{indent:{style:" "},semicolons:!1}},COMPACT_OPTIONS=Object.assign({},BASIC_OPTIONS,{format:{newline:""}}),PRETTY_OPTIONS=Object.assign({},BASIC_OPTIONS);function generateCode(ast){var compact=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,escodegen.R_)(ast,compact?COMPACT_OPTIONS:PRETTY_OPTIONS)}function generateObjectCode(ast){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?function generateCompactObjectCode(ast){var result=generateCode(ast,!0);result.endsWith(" }")||(result="".concat(result.slice(0,-1)," }"));return result}(ast):generateCode(ast)}function generateArrayCode(ast){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?function generateCompactArrayCode(ast){var result=generateCode(ast,!0);result.startsWith("[ ")&&(result=result.replace("[ ","["));return result}(ast):function generateMultilineArrayCode(ast){var result=generateCode(ast);result.endsWith(" }]")&&(result=(0,esm.C)(result));return result}(ast)}var InspectionType,isMemo=function isMemo(component){return component.$$typeof===Symbol.for("react.memo")};!function(InspectionType){InspectionType.IDENTIFIER="Identifier",InspectionType.LITERAL="Literal",InspectionType.OBJECT="Object",InspectionType.ARRAY="Array",InspectionType.FUNCTION="Function",InspectionType.CLASS="Class",InspectionType.ELEMENT="Element",InspectionType.UNKNOWN="Unknown"}(InspectionType||(InspectionType={}));var acorn=__webpack_require__("./node_modules/@storybook/react/node_modules/acorn/dist/acorn.mjs"),acorn_jsx=__webpack_require__("./node_modules/@storybook/react/node_modules/acorn-jsx/index.js"),acorn_jsx_default=__webpack_require__.n(acorn_jsx);function simple(node,visitors,baseVisitor,state,override){baseVisitor||(baseVisitor=base),function c(node,st,override){var type=override||node.type,found=visitors[type];baseVisitor[type](node,st,c),found&&found(node,st)}(node,state,override)}Object.create;function skipThrough(node,st,c){c(node,st)}function ignore(_node,_st,_c){}var base={};base.Program=base.BlockStatement=function(node,st,c){for(var i=0,list=node.body;i1&&void 0!==arguments[1]&&arguments[1]))}function prettyArray(ast){return cleanPropTypes(generateCode(ast,arguments.length>1&&void 0!==arguments[1]&&arguments[1]))}function generateTypeFromString(value,originalTypeName){var short,compact,full,_inspectValue=inspectValue(value),inferredType=_inspectValue.inferredType,ast=_inspectValue.ast,type=inferredType.type;switch(type){case InspectionType.IDENTIFIER:case InspectionType.LITERAL:short=value,compact=value;break;case InspectionType.OBJECT:var depth=inferredType.depth;short=OBJECT_CAPTION,compact=1===depth?prettyObject(ast,!0):null,full=prettyObject(ast);break;case InspectionType.ELEMENT:var identifier=inferredType.identifier;short=null==identifier||isHtmlTag(identifier)?ELEMENT_CAPTION:identifier,compact=1===splitIntoLines(value).length?value:null,full=value;break;case InspectionType.ARRAY:var _depth=inferredType.depth;short=ARRAY_CAPTION,compact=_depth<=2?prettyArray(ast,!0):null,full=prettyArray(ast);break;default:short=function getCaptionForInspectionType(type){switch(type){case InspectionType.OBJECT:return OBJECT_CAPTION;case InspectionType.ARRAY:return ARRAY_CAPTION;case InspectionType.CLASS:return CLASS_CAPTION;case InspectionType.FUNCTION:return FUNCTION_CAPTION;case InspectionType.ELEMENT:return ELEMENT_CAPTION;default:return CUSTOM_CAPTION}}(type),compact=1===splitIntoLines(value).length?value:null,full=value}return createTypeDef({name:originalTypeName,short,compact,full,inferredType:type})}function objectOf(of){return"objectOf(".concat(of,")")}function generateEnum(type){if(Array.isArray(type.value)){var values=type.value.reduce((function(acc,v){var _generateEnumValue=function generateEnumValue(_ref7){var value=_ref7.value;return _ref7.computed?generateTypeFromString(value,"enumvalue"):createTypeDef({name:"enumvalue",short:value,compact:value})}(v),short=_generateEnumValue.short,compact=_generateEnumValue.compact,full=_generateEnumValue.full;return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc}),{short:[],compact:[],full:[]});return createTypeDef({name:PropTypesType.ENUM,short:values.short.join(" | "),compact:values.compact.every((function(x){return null!=x}))?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:PropTypesType.ENUM,short:type.value,compact:type.value})}function braceAfter(of){return"".concat(of,"[]")}function braceAround(of){return"[".concat(of,"]")}function createArrayOfObjectTypeDef(short,compact,full){return createTypeDef({name:PropTypesType.ARRAYOF,short:braceAfter(short),compact:null!=compact?braceAround(compact):null,full:braceAround(full)})}function generateType(type,extractedProp){try{switch(type.name){case PropTypesType.CUSTOM:return function generateCustom(_ref5){var raw=_ref5.raw;return null!=raw?generateTypeFromString(raw,PropTypesType.CUSTOM):createTypeDef({name:PropTypesType.CUSTOM,short:CUSTOM_CAPTION,compact:CUSTOM_CAPTION})}(type);case PropTypesType.FUNC:return function generateFunc(extractedProp){var jsDocTags=extractedProp.jsDocTags;return null==jsDocTags||null==jsDocTags.params&&null==jsDocTags.returns?createTypeDef({name:PropTypesType.FUNC,short:FUNCTION_CAPTION,compact:FUNCTION_CAPTION}):createTypeDef({name:PropTypesType.FUNC,short:generateShortFuncSignature(jsDocTags.params,jsDocTags.returns),compact:null,full:generateFuncSignature_generateFuncSignature(jsDocTags.params,jsDocTags.returns)})}(extractedProp);case PropTypesType.SHAPE:return function generateShape(type,extractedProp){var fields=Object.keys(type.value).map((function(key){return"".concat(key,": ").concat(generateType(type.value[key],extractedProp).full)})).join(", "),_inspectValue2=inspectValue("{ ".concat(fields," }")),inferredType=_inspectValue2.inferredType,ast=_inspectValue2.ast,depth=inferredType.depth;return createTypeDef({name:PropTypesType.SHAPE,short:OBJECT_CAPTION,compact:1===depth&&ast?prettyObject(ast,!0):null,full:ast?prettyObject(ast):null})}(type,extractedProp);case PropTypesType.INSTANCEOF:return createTypeDef({name:PropTypesType.INSTANCEOF,short:type.value,compact:type.value});case PropTypesType.OBJECTOF:return function generateObjectOf(type,extractedProp){var _generateType=generateType(type.value,extractedProp),short=_generateType.short,compact=_generateType.compact,full=_generateType.full;return createTypeDef({name:PropTypesType.OBJECTOF,short:objectOf(short),compact:null!=compact?objectOf(compact):null,full:objectOf(full)})}(type,extractedProp);case PropTypesType.UNION:return function createType_generateUnion(type,extractedProp){if(Array.isArray(type.value)){var values=type.value.reduce((function(acc,v){var _generateType2=generateType(v,extractedProp),short=_generateType2.short,compact=_generateType2.compact,full=_generateType2.full;return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc}),{short:[],compact:[],full:[]});return createTypeDef({name:PropTypesType.UNION,short:values.short.join(" | "),compact:values.compact.every((function(x){return null!=x}))?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:PropTypesType.UNION,short:type.value,compact:null})}(type,extractedProp);case PropTypesType.ENUM:return generateEnum(type);case PropTypesType.ARRAYOF:return function generateArray(type,extractedProp){var _generateType3=generateType(type.value,extractedProp),name=_generateType3.name,short=_generateType3.short,compact=_generateType3.compact,full=_generateType3.full,inferredType=_generateType3.inferredType;if(name===PropTypesType.CUSTOM){if(inferredType===InspectionType.OBJECT)return createArrayOfObjectTypeDef(short,compact,full)}else if(name===PropTypesType.SHAPE)return createArrayOfObjectTypeDef(short,compact,full);return createTypeDef({name:PropTypesType.ARRAYOF,short:braceAfter(short),compact:braceAfter(short)})}(type,extractedProp);default:return createTypeDef({name:type.name,short:type.name,compact:type.name})}}catch(e){console.error(e)}return createTypeDef({name:"unknown",short:"unknown",compact:"unknown"})}function generateObject(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(1===inferredType.depth){var compactObject=generateObjectCode(ast,!0);if(!isTooLongForDefaultValueSummary(compactObject))return createSummaryValue(compactObject)}return createSummaryValue(OBJECT_CAPTION,generateObjectCode(ast))}function generateArray_generateArray(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(inferredType.depth<=2){var compactArray=generateArrayCode(ast,!0);if(!isTooLongForDefaultValueSummary(compactArray))return createSummaryValue(compactArray)}return createSummaryValue(ARRAY_CAPTION,generateArrayCode(ast))}function getPrettyIdentifier(inferredType){var type=inferredType.type,identifier=inferredType.identifier;switch(type){case InspectionType.FUNCTION:return getPrettyFuncIdentifier(identifier,inferredType.hasParams);case InspectionType.ELEMENT:return getPrettyElementIdentifier(identifier);default:return identifier}}function getPrettyFuncIdentifier(identifier,hasArguments){return"".concat(identifier,hasArguments?"( ... )":"()")}function getPrettyElementIdentifier(identifier){return"<".concat(identifier," />")}function defaultValues_createDefaultValue_createDefaultValue(defaultValue){try{var inspectionResult=inspectValue(defaultValue);switch(inspectionResult.inferredType.type){case InspectionType.OBJECT:return generateObject(inspectionResult);case InspectionType.FUNCTION:return function createDefaultValue_generateFunc(_ref){var inferredType=_ref.inferredType,ast=_ref.ast;if(null!=inferredType.identifier)return createSummaryValue(getPrettyIdentifier(inferredType),generateCode(ast));var prettyCaption=generateCode(ast,!0);return isTooLongForDefaultValueSummary(prettyCaption)?createSummaryValue(FUNCTION_CAPTION,generateCode(ast)):createSummaryValue(prettyCaption)}(inspectionResult);case InspectionType.ELEMENT:return function generateElement(defaultValue,inspectionResult){var inferredType=inspectionResult.inferredType,identifier=inferredType.identifier;return null==identifier||isHtmlTag(identifier)?isTooLongForDefaultValueSummary(defaultValue)?createSummaryValue(ELEMENT_CAPTION,defaultValue):createSummaryValue(defaultValue):createSummaryValue(getPrettyIdentifier(inferredType),defaultValue)}(defaultValue,inspectionResult);case InspectionType.ARRAY:return generateArray_generateArray(inspectionResult);default:return null}}catch(e){console.error(e)}return null}!function(PropTypesType){PropTypesType.CUSTOM="custom",PropTypesType.ANY="any",PropTypesType.FUNC="func",PropTypesType.SHAPE="shape",PropTypesType.OBJECT="object",PropTypesType.INSTANCEOF="instanceOf",PropTypesType.OBJECTOF="objectOf",PropTypesType.UNION="union",PropTypesType.ENUM="enum",PropTypesType.ARRAYOF="arrayOf",PropTypesType.ELEMENT="element",PropTypesType.ELEMENTTYPE="elementType",PropTypesType.NODE="node"}(PropTypesType||(PropTypesType={}));__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js");var isPlainObject=__webpack_require__("./node_modules/lodash/isPlainObject.js"),isPlainObject_default=__webpack_require__.n(isPlainObject),isFunction=__webpack_require__("./node_modules/lodash/isFunction.js"),isFunction_default=__webpack_require__.n(isFunction),isString=__webpack_require__("./node_modules/lodash/isString.js"),isString_default=__webpack_require__.n(isString),cjs=__webpack_require__("./node_modules/react-element-to-jsx-string/dist/cjs/index.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function isReactElement(element){return null!=element.$$typeof}function extractFunctionName(func,propName){var name=func.name;return""!==name&&"anonymous"!==name&&name!==propName?name:null}var DEFAULT_TYPE_RESOLVERS={string:function stringResolver(rawDefaultProp){return createSummaryValue(JSON.stringify(rawDefaultProp))},object:function objectResolver(rawDefaultProp){return isReactElement(rawDefaultProp)&&null!=rawDefaultProp.type?function generateReactObject(rawDefaultProp){var type=rawDefaultProp.type,displayName=type.displayName,jsx=(0,cjs.ZP)(rawDefaultProp,{});if(null!=displayName)return createSummaryValue(getPrettyElementIdentifier(displayName),jsx);if(isString_default()(type)&&isHtmlTag(type)){var jsxSummary=(0,cjs.ZP)(rawDefaultProp,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!isTooLongForDefaultValueSummary(jsxSummary))return createSummaryValue(jsxSummary)}return createSummaryValue(ELEMENT_CAPTION,jsx)}(rawDefaultProp):isPlainObject_default()(rawDefaultProp)?generateObject(inspectValue(JSON.stringify(rawDefaultProp))):Array.isArray(rawDefaultProp)?generateArray_generateArray(inspectValue(JSON.stringify(rawDefaultProp))):createSummaryValue(OBJECT_CAPTION)},function:function functionResolver(rawDefaultProp,propDef){var inspectionResult,isElement=!1;if(isFunction_default()(rawDefaultProp.render))isElement=!0;else if(null!=rawDefaultProp.prototype&&isFunction_default()(rawDefaultProp.prototype.render))isElement=!0;else{var innerElement;try{var _ref=(inspectionResult=inspectValue(rawDefaultProp.toString())).inferredType,hasParams=_ref.hasParams,params=_ref.params;hasParams?1===params.length&&"ObjectPattern"===params[0].type&&(innerElement=rawDefaultProp({})):innerElement=rawDefaultProp(),null!=innerElement&&isReactElement(innerElement)&&(isElement=!0)}catch(e){}}var funcName=extractFunctionName(rawDefaultProp,propDef.name);return null!=funcName?isElement?createSummaryValue(getPrettyElementIdentifier(funcName)):(null!=inspectionResult&&(inspectionResult=inspectValue(rawDefaultProp.toString())),createSummaryValue(getPrettyFuncIdentifier(funcName,inspectionResult.inferredType.hasParams))):createSummaryValue(isElement?ELEMENT_CAPTION:FUNCTION_CAPTION)},default:function defaultResolver(rawDefaultProp){return createSummaryValue(rawDefaultProp.toString())}};function createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef){var typeResolvers=arguments.length>2&&void 0!==arguments[2]?arguments[2]:DEFAULT_TYPE_RESOLVERS;try{switch(_typeof(rawDefaultProp)){case"string":return typeResolvers.string(rawDefaultProp,propDef);case"object":return typeResolvers.object(rawDefaultProp,propDef);case"function":return typeResolvers.function(rawDefaultProp,propDef);default:return typeResolvers.default(rawDefaultProp,propDef)}}catch(e){console.error(e)}return null}__webpack_require__("./node_modules/core-js/modules/es.array.find.js");var rawDefaultPropTypeResolvers=function createTypeResolvers(){var customResolvers=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign({},DEFAULT_TYPE_RESOLVERS,customResolvers)}({function:function funcResolver(rawDefaultProp,_ref){var name=_ref.name,type=_ref.type,isElement="element"===type.summary||"elementType"===type.summary,funcName=extractFunctionName(rawDefaultProp,name);return createSummaryValue(null!=funcName?isElement?getPrettyElementIdentifier(funcName):getPrettyFuncIdentifier(funcName,inspectValue(rawDefaultProp.toString()).inferredType.hasParams):isElement?ELEMENT_CAPTION:FUNCTION_CAPTION)}});function enhancePropTypesProp(extractedProp,rawDefaultProp){var propDef=extractedProp.propDef,newtype=function propTypes_createType_createType(extractedProp){var type=extractedProp.docgenInfo.type;if(null==type)return null;try{switch(type.name){case PropTypesType.CUSTOM:case PropTypesType.SHAPE:case PropTypesType.INSTANCEOF:case PropTypesType.OBJECTOF:case PropTypesType.UNION:case PropTypesType.ENUM:case PropTypesType.ARRAYOF:var _generateType4=generateType(type,extractedProp),short=_generateType4.short,compact=_generateType4.compact,full=_generateType4.full;return null==compact||isTooLongForTypeSummary(compact)?createSummaryValue(short,full):createSummaryValue(compact);case PropTypesType.FUNC:var detail,_generateType5=generateType(type,extractedProp),_short=_generateType5.short,_full=_generateType5.full,summary=_short;return _full.lengtharr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var applyBeforeRender=function applyBeforeRender(domString,options){return"function"!=typeof options.onBeforeRender?domString:browser_default()(options.onBeforeRender,(0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n StoryFn.parameters.jsx.onBeforeRender was deprecated.\n Prefer StoryFn.parameters.jsx.transformSource instead.\n See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.\n "]))))(domString)},renderJsx=function renderJsx(code,options){if(void 0===code)return client_logger_dist_esm.kg.warn("Too many skip or undefined component"),null;for(var renderedJSX=code,Type=renderedJSX.type,i=0;i1)return client_logger_dist_esm.kg.warn("Trying to skip an array of elements"),null;void 0===renderedJSX.props.children?(client_logger_dist_esm.kg.warn("Not enough children to skip elements."),"function"==typeof renderedJSX.type&&""===renderedJSX.type.name&&(renderedJSX=react.createElement(Type,renderedJSX.props))):renderedJSX="function"==typeof renderedJSX.props.children?renderedJSX.props.children():renderedJSX.props.children}var displayNameDefaults="string"==typeof options.displayName?{showFunctions:!0,displayName:function displayName(){return options.displayName}}:{displayName:function displayName(el){return el.type.displayName||getDocgenSection(el.type,"displayName")||("_default"!==el.type.name?el.type.name:null)||("function"==typeof el.type?"No Display Name":null)||(function isForwardRef(component){return component.$$typeof===Symbol.for("react.forward_ref")}(el.type)?el.type.render.name:null)||(isMemo(el.type)?el.type.type.name:null)||el.type}},filterDefaults={filterProps:function filterProps(value,key){return void 0!==value}},opts=Object.assign({},displayNameDefaults,filterDefaults,options),result=react.Children.map(code,(function(c){var child="number"==typeof c?c.toString():c,string=applyBeforeRender((0,cjs.ZP)(child,opts),options);if(string.indexOf(""")>-1){var matches=string.match(/\S+=\\"([^"]*)\\"/g);matches&&matches.forEach((function(match){string=string.replace(match,match.replace(/"/g,"'"))}))}return string})).join("\n");return result.replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},defaultOpts={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},mdxToJsx=function mdxToJsx(node){if(!function isMdx(node){var _node$type,_node$props;return"MDXCreateElement"===(null===(_node$type=node.type)||void 0===_node$type?void 0:_node$type.displayName)&&!(null===(_node$props=node.props)||void 0===_node$props||!_node$props.mdxType)}(node))return node;var _node$props2=node.props,originalType=(_node$props2.mdxType,_node$props2.originalType),children=_node$props2.children,rest=_objectWithoutProperties(_node$props2,_excluded),jsxChildren=[];children&&(jsxChildren=(Array.isArray(children)?children:[children]).map(mdxToJsx));return react.createElement.apply(void 0,[originalType,rest].concat(_toConsumableArray(jsxChildren)))},config_parameters={docs:{inlineStories:!0,prepareForInline:function prepareForInline(storyFn){return storyFn()},extractArgTypes:function extractArgTypes(component){if(component){var _extractProps=function extractProps(component){return{rows:getPropDefs(component,"props")}}(component),rows=_extractProps.rows;if(rows)return rows.reduce((function(acc,row){var name=row.name,description=row.description,type=row.type,sbType=row.sbType,defaultSummary=row.defaultValue,jsDocTags=row.jsDocTags,required=row.required;return acc[name]={name,description,type:Object.assign({required},sbType),table:{type,jsDocTags,defaultValue:defaultSummary}},acc}),{})}return null},extractComponentDescription:function extractComponentDescription(component){return null!=component&&function getDocgenDescription(component){return hasDocgen(component)&&(0,string.B)(component.__docgenInfo.description)}(component)}}},decorators=[function jsxDecorator(storyFn,context){var _context$parameters$d2,_context$parameters$d3,channel=dist_esm.KP.getChannel(),skip=function skipJsxRender(context){var _context$parameters$d,sourceParams=null==context||null===(_context$parameters$d=context.parameters.docs)||void 0===_context$parameters$d?void 0:_context$parameters$d.source,isArgsStory=null==context?void 0:context.parameters.__isArgsStory;return(null==sourceParams?void 0:sourceParams.type)!==SourceType.DYNAMIC&&(!isArgsStory||(null==sourceParams?void 0:sourceParams.code)||(null==sourceParams?void 0:sourceParams.type)===SourceType.CODE)}(context),story=storyFn(),jsx="";if((0,hooks.d4)((function(){skip||channel.emit(SNIPPET_RENDERED,(context||{}).id,jsx)})),skip)return story;var options=Object.assign({},defaultOpts,(null==context?void 0:context.parameters.jsx)||{}),storyJsx=null!=context&&null!==(_context$parameters$d2=context.parameters.docs)&&void 0!==_context$parameters$d2&&null!==(_context$parameters$d3=_context$parameters$d2.source)&&void 0!==_context$parameters$d3&&_context$parameters$d3.excludeDecorators?context.originalStoryFn(context.args,context):story,sourceJsx=mdxToJsx(storyJsx),rendered=renderJsx(sourceJsx,options);return rendered&&(jsx=function applyTransformSource(domString,options,context){return"function"!=typeof options.transformSource?domString:options.transformSource(domString,context)}(rendered,options,context)),story}],argTypesEnhancers=[function enhanceArgTypes(context){var component=context.component,userArgTypes=context.argTypes,_context$parameters$d=context.parameters.docs,extractArgTypes=(void 0===_context$parameters$d?{}:_context$parameters$d).extractArgTypes,extractedArgTypes=extractArgTypes&&component?extractArgTypes(component):{};return extractedArgTypes?(0,parameters.f)(extractedArgTypes,userArgTypes):userArgTypes}];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(config_namespaceObject).forEach((function(key){var value=config_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__,{addDecorator:()=>addDecorator,addParameters:()=>addParameters,composeStories:()=>composeStories,composeStory:()=>composeStory,configure:()=>configure,forceReRender:()=>forceReRender,getStorybook:()=>getStorybook,raw:()=>raw,setAddon:()=>setAddon,setGlobalConfig:()=>setGlobalConfig,setProjectAnnotations:()=>setProjectAnnotations,storiesOf:()=>storiesOf});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),StoryStore=__webpack_require__("./node_modules/@storybook/store/dist/esm/StoryStore.js"),dist=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),global_window=(__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/global/window.js")),window_default=__webpack_require__.n(global_window),browser=__webpack_require__("./node_modules/util-deprecate/browser.js"),browser_default=__webpack_require__.n(browser),esm=(__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/ts-dedent/esm/index.js")),dist_esm=__webpack_require__("./node_modules/@storybook/core-events/dist/esm/index.js"),client_logger_dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),synchronous_promise=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/synchronous-promise/index.js")),addons_dist_esm=__webpack_require__("./node_modules/@storybook/addons/dist/esm/index.js");__webpack_require__("./node_modules/core-js/modules/es.array.includes.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _defineProperties(target,props){for(var i=0;i0&&void 0!==_args9[0]?_args9[0]:{}).initial,initial=void 0!==_ref2$initial&&_ref2$initial,_ref2$forceRemount=_ref2.forceRemount,forceRemount=void 0!==_ref2$forceRemount&&_ref2$forceRemount,this.story){_context9.next=3;break}throw new Error("cannot render when not prepared");case 3:return _this$story=this.story,id=_this$story.id,componentId=_this$story.componentId,title=_this$story.title,name=_this$story.name,applyLoaders=_this$story.applyLoaders,unboundStoryFn=_this$story.unboundStoryFn,playFunction=_this$story.playFunction,forceRemount&&!initial&&(this.cancelRender(),this.abortController=createController()),abortSignal=this.abortController.signal,_context9.prev=6,_context9.next=9,this.runPhase(abortSignal,"loading",_asyncToGenerator(regeneratorRuntime.mark((function _callee5(){return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:return _context5.next=2,applyLoaders(Object.assign({},_this2.context(),{viewMode:_this2.viewMode}));case 2:loadedContext=_context5.sent;case 3:case"end":return _context5.stop()}}),_callee5)}))));case 9:if(!abortSignal.aborted){_context9.next=11;break}return _context9.abrupt("return");case 11:return renderStoryContext=Object.assign({},loadedContext,this.context(),{abortSignal,canvasElement:this.canvasElement}),_renderContext=Object.assign({componentId,title,kind:title,id,name,story:name},this.callbacks,{forceRemount:forceRemount||this.notYetRendered,storyContext:renderStoryContext,storyFn:function storyFn(){return unboundStoryFn(renderStoryContext)},unboundStoryFn}),_context9.next=15,this.runPhase(abortSignal,"rendering",_asyncToGenerator(regeneratorRuntime.mark((function _callee6(){return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:return _context6.abrupt("return",_this2.renderToScreen(_renderContext,_this2.canvasElement));case 1:case"end":return _context6.stop()}}),_callee6)}))));case 15:if(this.notYetRendered=!1,!abortSignal.aborted){_context9.next=18;break}return _context9.abrupt("return");case 18:if(!forceRemount||!playFunction){_context9.next=27;break}return this.disableKeyListeners=!0,_context9.next=22,this.runPhase(abortSignal,"playing",_asyncToGenerator(regeneratorRuntime.mark((function _callee7(){return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return _context7.abrupt("return",playFunction(_renderContext.storyContext));case 1:case"end":return _context7.stop()}}),_callee7)}))));case 22:return _context9.next=24,this.runPhase(abortSignal,"played");case 24:if(this.disableKeyListeners=!1,!abortSignal.aborted){_context9.next=27;break}return _context9.abrupt("return");case 27:return _context9.next=29,this.runPhase(abortSignal,"completed",_asyncToGenerator(regeneratorRuntime.mark((function _callee8(){return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:return _context8.abrupt("return",_this2.channel.emit(dist_esm.STORY_RENDERED,id));case 1:case"end":return _context8.stop()}}),_callee8)}))));case 29:_context9.next=34;break;case 31:_context9.prev=31,_context9.t0=_context9.catch(6),this.callbacks.showException(_context9.t0);case 34:case"end":return _context9.stop()}}),_callee9,this,[[6,31]])}))),function render(){return _render.apply(this,arguments)})},{key:"rerender",value:(_rerender=_asyncToGenerator(regeneratorRuntime.mark((function _callee10(){return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return _context10.abrupt("return",this.render());case 1:case"end":return _context10.stop()}}),_callee10,this)}))),function rerender(){return _rerender.apply(this,arguments)})},{key:"remount",value:(_remount=_asyncToGenerator(regeneratorRuntime.mark((function _callee11(){return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:return _context11.abrupt("return",this.render({forceRemount:!0}));case 1:case"end":return _context11.stop()}}),_callee11,this)}))),function remount(){return _remount.apply(this,arguments)})},{key:"cancelRender",value:function cancelRender(){this.abortController.abort()}},{key:"teardown",value:(_teardown=_asyncToGenerator(regeneratorRuntime.mark((function _callee12(){var i;return regeneratorRuntime.wrap((function _callee12$(_context12){for(;;)switch(_context12.prev=_context12.next){case 0:this.cancelRender(),this.story&&this.store.cleanupStory(this.story),i=0;case 4:if(!(i<3)){_context12.next=12;break}if(this.isPending()){_context12.next=7;break}return _context12.abrupt("return");case 7:return _context12.next=9,new Promise((function(resolve){return setTimeout(resolve,0)}));case 9:i+=1,_context12.next=4;break;case 12:return window_default().window.location.reload(),_context12.next=15,new Promise((function(){}));case 15:case"end":return _context12.stop()}}),_callee12,this)}))),function teardown(){return _teardown.apply(this,arguments)})}]),StoryRender}();function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==_args12[1]?_args12[1]:{}).viewModeChanged,this.storyRenders=this.storyRenders.filter((function(r){return r!==render})),_context12.next=4,null==render?void 0:render.teardown({viewModeChanged});case 4:case"end":return _context12.stop()}}),_callee12,this)}))),function teardownRender(_x7){return _teardownRender.apply(this,arguments)})},{key:"extract",value:(_extract=Preview_asyncToGenerator(regeneratorRuntime.mark((function _callee13(options){var _global$FEATURES4;return regeneratorRuntime.wrap((function _callee13$(_context13){for(;;)switch(_context13.prev=_context13.next){case 0:if(!this.previewEntryError){_context13.next=2;break}throw this.previewEntryError;case 2:if(this.storyStore.projectAnnotations){_context13.next=4;break}throw new Error((0,esm.C)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["Failed to initialize Storybook.\n \n Do you have an error in your `preview.js`? Check your Storybook's browser console for errors."],["Failed to initialize Storybook.\n \n Do you have an error in your \\`preview.js\\`? Check your Storybook's browser console for errors."]))));case 4:if(null===(_global$FEATURES4=window_default().FEATURES)||void 0===_global$FEATURES4||!_global$FEATURES4.storyStoreV7){_context13.next=7;break}return _context13.next=7,this.storyStore.cacheAllCSFFiles();case 7:return _context13.abrupt("return",this.storyStore.extract(options));case 8:case"end":return _context13.stop()}}),_callee13,this)}))),function extract(_x8){return _extract.apply(this,arguments)})},{key:"inlineStoryCallbacks",value:function inlineStoryCallbacks(storyId){return{showMain:function showMain(){},showError:function showError(err){return client_logger_dist_esm.kg.error("Error rendering docs story (".concat(storyId,")"),err)},showException:function showException(err){return client_logger_dist_esm.kg.error("Error rendering docs story (".concat(storyId,")"),err)}}}},{key:"renderPreviewEntryError",value:function renderPreviewEntryError(reason,err){this.previewEntryError=err,client_logger_dist_esm.kg.error(reason),client_logger_dist_esm.kg.error(err),this.channel.emit(dist_esm.CONFIG_ERROR,err)}}]),Preview}(),lib=(__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/qs/lib/index.js")),lib_default=__webpack_require__.n(lib),isPlainObject=(__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/lodash/isPlainObject.js")),isPlainObject_default=__webpack_require__.n(isPlainObject);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function parseArgsParam_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return parseArgsParam_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return parseArgsParam_arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function parseArgsParam_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:"",value=arguments.length>1?arguments[1]:void 0;return null!==key&&(!(""===key||!VALIDATION_REGEXP.test(key))&&(null==value||(value instanceof Date||("number"==typeof value||"boolean"==typeof value||("string"==typeof value?VALIDATION_REGEXP.test(value)||NUMBER_REGEXP.test(value)||HEX_REGEXP.test(value)||COLOR_REGEXP.test(value):Array.isArray(value)?value.every((function(v){return validateArgs(key,v)})):!!isPlainObject_default()(value)&&Object.entries(value).every((function(_ref){var _ref2=_slicedToArray(_ref,2),k=_ref2[0],v=_ref2[1];return validateArgs(k,v)})))))))},QS_OPTIONS={delimiter:";",allowDots:!0,allowSparse:!0,decoder:function(_decoder){function decoder(_x,_x2,_x3,_x4){return _decoder.apply(this,arguments)}return decoder.toString=function(){return _decoder.toString()},decoder}((function(str,defaultDecoder,charset,type){if("value"===type&&str.startsWith("!")){if("!undefined"===str)return;if("!null"===str)return null;if(str.startsWith("!date(")&&str.endsWith(")"))return new Date(str.slice(6,-1));if(str.startsWith("!hex(")&&str.endsWith(")"))return"#".concat(str.slice(5,-1));var color=str.slice(1).match(COLOR_REGEXP);if(color)return str.startsWith("!rgba")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],", ").concat(color[5],")"):str.startsWith("!hsla")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%, ").concat(color[5],")"):str.startsWith("!rgb")?"".concat(color[1],"(").concat(color[2],", ").concat(color[3],", ").concat(color[4],")"):"".concat(color[1],"(").concat(color[2],", ").concat(color[3],"%, ").concat(color[4],"%)")}return"value"===type&&NUMBER_REGEXP.test(str)?Number(str):defaultDecoder(str,defaultDecoder,charset)}))},parseArgsParam=function parseArgsParam(argsString){var parts=argsString.split(";").map((function(part){return part.replace("=","~").replace(":","=")}));return Object.entries(lib_default().parse(parts.join(";"),QS_OPTIONS)).reduce((function(acc,_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];return validateArgs(key,value)?Object.assign(acc,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},key,value)):(client_logger_dist_esm.IH.warn((0,esm.C)(parseArgsParam_templateObject||(parseArgsParam_templateObject=function parseArgsParam_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n Omitted potentially unsafe URL args.\n\n More info: https://storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url\n "])))),acc)}),{})},_excluded=["path","selectedKind","selectedStory"];function UrlStore_defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var UrlStore_history=window_default().history,UrlStore_document=window_default().document;var WebView_templateObject,getQueryString=function getQueryString(_ref){var selection=_ref.selection,extraParams=_ref.extraParams,_document$location$se=UrlStore_document.location.search,search=void 0===_document$location$se?"":_document$location$se,_qs$parse=lib_default().parse(search,{ignoreQueryPrefix:!0}),rest=(_qs$parse.path,_qs$parse.selectedKind,_qs$parse.selectedStory,_objectWithoutProperties(_qs$parse,_excluded));return lib_default().stringify(Object.assign({},rest,extraParams,selection&&{id:selection.storyId,viewMode:selection.viewMode}),{encode:!1,addQueryPrefix:!0})},getFirstString=function getFirstString(v){return"string"==typeof v?v:Array.isArray(v)?getFirstString(v[0]):function isObject(val){return null!=val&&"object"===_typeof(val)&&!1===Array.isArray(val)}(v)?getFirstString(Object.values(v)):void 0},deprecatedLegacyQuery=browser_default()((function(){return 0}),"URL formats with `selectedKind` and `selectedName` query parameters are deprecated.\nUse `id=$storyId` instead.\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-url-structure"),getSelectionSpecifierFromPath=function getSelectionSpecifierFromPath(){var query=lib_default().parse(UrlStore_document.location.search,{ignoreQueryPrefix:!0}),args="string"==typeof query.args?parseArgsParam(query.args):void 0,globals="string"==typeof query.globals?parseArgsParam(query.globals):void 0,viewMode=getFirstString(query.viewMode);"string"==typeof viewMode&&viewMode.match(/docs|story/)||(viewMode="story");var path=getFirstString(query.path),storyId=path?function pathToId(path){var match=(path||"").match(/^\/story\/(.+)/);if(!match)throw new Error("Invalid path '".concat(path,"', must start with '/story/'"));return match[1]}(path):getFirstString(query.id);if(storyId)return{storySpecifier:storyId,args,globals,viewMode};var title=getFirstString(query.selectedKind),name=getFirstString(query.selectedStory);return title&&name?(deprecatedLegacyQuery(),{storySpecifier:{title,name},args,globals,viewMode}):null},UrlStore=function(){function UrlStore(){!function UrlStore_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,UrlStore),this.selectionSpecifier=void 0,this.selection=void 0,this.selectionSpecifier=getSelectionSpecifierFromPath()}return function UrlStore_createClass(Constructor,protoProps,staticProps){return protoProps&&UrlStore_defineProperties(Constructor.prototype,protoProps),staticProps&&UrlStore_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(UrlStore,[{key:"setSelection",value:function setSelection(selection){this.selection=selection,function setPath(selection){if(selection){var query=getQueryString({selection}),_document$location$ha=UrlStore_document.location.hash,hash=void 0===_document$location$ha?"":_document$location$ha;UrlStore_document.title=selection.storyId,UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}(this.selection)}},{key:"setQueryParams",value:function setQueryParams(queryParams){var query=getQueryString({extraParams:queryParams}),_document$location$ha2=UrlStore_document.location.hash,hash=void 0===_document$location$ha2?"":_document$location$ha2;UrlStore_history.replaceState({},"","".concat(UrlStore_document.location.pathname).concat(query).concat(hash))}}]),UrlStore}(),ansi_to_html=__webpack_require__("./node_modules/ansi-to-html/lib/ansi_to_html.js"),ansi_to_html_default=__webpack_require__.n(ansi_to_html);function WebView_slicedToArray(arr,i){return function WebView_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function WebView_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function WebView_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return WebView_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return WebView_arrayLikeToArray(o,minLen)}(arr,i)||function WebView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function WebView_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:"padded";if("none"===layout)return WebView_document.body.classList.remove(this.currentLayoutClass),void(this.currentLayoutClass=null);this.checkIfLayoutExists(layout);var layoutClass=layoutClassMap[layout];WebView_document.body.classList.remove(this.currentLayoutClass),WebView_document.body.classList.add(layoutClass),this.currentLayoutClass=layoutClass}},{key:"checkIfLayoutExists",value:function checkIfLayoutExists(layout){layoutClassMap[layout]||client_logger_dist_esm.kg.warn((0,esm.C)(WebView_templateObject||(WebView_templateObject=function WebView_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["The desired layout: "," is not a valid option.\n The possible options are: ",", none."])),layout,Object.keys(layoutClassMap).join(", ")))}},{key:"showMode",value:function showMode(mode){clearTimeout(this.preparingTimeout),Object.keys(Mode).forEach((function(otherMode){otherMode===mode?WebView_document.body.classList.add(classes[otherMode]):WebView_document.body.classList.remove(classes[otherMode])}))}},{key:"showErrorDisplay",value:function showErrorDisplay(_ref){var _ref$message=_ref.message,message=void 0===_ref$message?"":_ref$message,_ref$stack=_ref.stack,header=message,detail=void 0===_ref$stack?"":_ref$stack,parts=message.split("\n");parts.length>1&&(header=WebView_slicedToArray(parts,1)[0],detail=parts.slice(1).join("\n"));WebView_document.getElementById("error-message").innerHTML=ansiConverter.toHtml(header),WebView_document.getElementById("error-stack").innerHTML=ansiConverter.toHtml(detail),this.showMode(Mode.ERROR)}},{key:"showNoPreview",value:function showNoPreview(){var _this$storyRoot,_this$docsRoot;this.testing||(this.showMode(Mode.NOPREVIEW),null===(_this$storyRoot=this.storyRoot())||void 0===_this$storyRoot||_this$storyRoot.setAttribute("hidden","true"),null===(_this$docsRoot=this.docsRoot())||void 0===_this$docsRoot||_this$docsRoot.setAttribute("hidden","true"))}},{key:"showPreparingStory",value:function showPreparingStory(){var _this=this,_ref2$immediate=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).immediate,immediate=void 0!==_ref2$immediate&&_ref2$immediate;clearTimeout(this.preparingTimeout),immediate?this.showMode(Mode.PREPARING_STORY):this.preparingTimeout=setTimeout((function(){return _this.showMode(Mode.PREPARING_STORY)}),PREPARING_DELAY)}},{key:"showPreparingDocs",value:function showPreparingDocs(){var _this2=this;clearTimeout(this.preparingTimeout),this.preparingTimeout=setTimeout((function(){return _this2.showMode(Mode.PREPARING_DOCS)}),PREPARING_DELAY)}},{key:"showMain",value:function showMain(){this.showMode(Mode.MAIN)}},{key:"showDocs",value:function showDocs(){this.storyRoot().setAttribute("hidden","true"),this.docsRoot().removeAttribute("hidden")}},{key:"showStory",value:function showStory(){this.docsRoot().setAttribute("hidden","true"),this.storyRoot().removeAttribute("hidden")}},{key:"showStoryDuringRender",value:function showStoryDuringRender(){WebView_document.body.classList.add(classes.MAIN)}}]),WebView}();function DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function DocsRender_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){DocsRender_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function DocsRender_defineProperties(target,props){for(var i=0;i0&&void 0!==_args4[0]?_args4[0]:{}).viewModeChanged&&this.canvasElement){_context4.next=3;break}return _context4.abrupt("return");case 3:return _context4.next=5,__webpack_require__.e(701).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/preview-web/dist/esm/renderDocs.js"));case 5:_context4.sent.unmountDocs(this.canvasElement);case 7:case"end":return _context4.stop()}}),_callee4,this)}))),function teardown(){return _teardown.apply(this,arguments)})}],[{key:"fromStoryRender",value:function fromStoryRender(storyRender){return new DocsRender(storyRender.channel,storyRender.store,storyRender.id,storyRender.story)}}]),DocsRender}();function PreviewWeb_typeof(obj){return PreviewWeb_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},PreviewWeb_typeof(obj)}function PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function PreviewWeb_asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){PreviewWeb_asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function PreviewWeb_taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function PreviewWeb_defineProperties(target,props){for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:new UrlStore,webview=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new WebView;return function PreviewWeb_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,PreviewWeb),(_this=_super.call(this)).urlStore=void 0,_this.view=void 0,_this.previewEntryError=void 0,_this.currentSelection=void 0,_this.currentRender=void 0,_this.view=webview,_this.urlStore=urlStore,_this.storyStore.getSelection=browser_default()((function(){return _this.urlStore.selection}),(0,esm.C)(PreviewWeb_templateObject||(PreviewWeb_templateObject=PreviewWeb_taggedTemplateLiteral(["\n `__STORYBOOK_STORY_STORE__.getSelection()` is deprecated and will be removed in 7.0.\n \n To get the current selection, use the `useStoryContext()` hook from `@storybook/addons`.\n "],["\n \\`__STORYBOOK_STORY_STORE__.getSelection()\\` is deprecated and will be removed in 7.0.\n \n To get the current selection, use the \\`useStoryContext()\\` hook from \\`@storybook/addons\\`.\n "])))),_this}return function PreviewWeb_createClass(Constructor,protoProps,staticProps){return protoProps&&PreviewWeb_defineProperties(Constructor.prototype,protoProps),staticProps&&PreviewWeb_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(PreviewWeb,[{key:"setupListeners",value:function setupListeners(){_get(_getPrototypeOf(PreviewWeb.prototype),"setupListeners",this).call(this),globalWindow.onkeydown=this.onKeydown.bind(this),this.channel.on(dist_esm.SET_CURRENT_STORY,this.onSetCurrentStory.bind(this)),this.channel.on(dist_esm.UPDATE_QUERY_PARAMS,this.onUpdateQueryParams.bind(this)),this.channel.on(dist_esm.PRELOAD_STORIES,this.onPreloadStories.bind(this))}},{key:"initializeWithProjectAnnotations",value:function initializeWithProjectAnnotations(projectAnnotations){var _this2=this;return _get(_getPrototypeOf(PreviewWeb.prototype),"initializeWithProjectAnnotations",this).call(this,projectAnnotations).then((function(){return _this2.setInitialGlobals()}))}},{key:"setInitialGlobals",value:(_setInitialGlobals=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee(){var _ref,globals;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:_ref=this.urlStore.selectionSpecifier||{},(globals=_ref.globals)&&this.storyStore.globals.updateFromPersisted(globals),this.emitGlobals();case 3:case"end":return _context.stop()}}),_callee,this)}))),function setInitialGlobals(){return _setInitialGlobals.apply(this,arguments)})},{key:"initializeWithStoryIndex",value:function initializeWithStoryIndex(storyIndex){var _this3=this;return _get(_getPrototypeOf(PreviewWeb.prototype),"initializeWithStoryIndex",this).call(this,storyIndex).then((function(){var _global$FEATURES;return null!==(_global$FEATURES=window_default().FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.storyStoreV7||_this3.channel.emit(dist_esm.SET_STORIES,_this3.storyStore.getSetStoriesPayload()),_this3.selectSpecifiedStory()}))}},{key:"selectSpecifiedStory",value:(_selectSpecifiedStory=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee2(){var _this$urlStore$select,storySpecifier,viewMode,args,storyId;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(this.urlStore.selectionSpecifier){_context2.next=3;break}return this.renderMissingStory(),_context2.abrupt("return");case 3:if(_this$urlStore$select=this.urlStore.selectionSpecifier,storySpecifier=_this$urlStore$select.storySpecifier,viewMode=_this$urlStore$select.viewMode,args=_this$urlStore$select.args,storyId=this.storyStore.storyIndex.storyIdFromSpecifier(storySpecifier)){_context2.next=8;break}return"*"===storySpecifier?this.renderStoryLoadingException(storySpecifier,new Error((0,esm.C)(PreviewWeb_templateObject2||(PreviewWeb_templateObject2=PreviewWeb_taggedTemplateLiteral(["\n Couldn't find any stories in your Storybook.\n - Please check your stories field of your main.js config.\n - Also check the browser console and terminal for error messages.\n "]))))):this.renderStoryLoadingException(storySpecifier,new Error((0,esm.C)(_templateObject3||(_templateObject3=PreviewWeb_taggedTemplateLiteral(["\n Couldn't find story matching '","'.\n - Are you sure a story with that id exists?\n - Please check your stories field of your main.js config.\n - Also check the browser console and terminal for error messages.\n "])),storySpecifier))),_context2.abrupt("return");case 8:return this.urlStore.setSelection({storyId,viewMode}),this.channel.emit(dist_esm.STORY_SPECIFIED,this.urlStore.selection),this.channel.emit(dist_esm.CURRENT_STORY_WAS_SET,this.urlStore.selection),_context2.next=13,this.renderSelection({persistedArgs:args});case 13:case"end":return _context2.stop()}}),_callee2,this)}))),function selectSpecifiedStory(){return _selectSpecifiedStory.apply(this,arguments)})},{key:"onGetProjectAnnotationsChanged",value:(_onGetProjectAnnotationsChanged=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee3(_ref2){var getProjectAnnotations;return regeneratorRuntime.wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return getProjectAnnotations=_ref2.getProjectAnnotations,_context3.next=3,_get(_getPrototypeOf(PreviewWeb.prototype),"onGetProjectAnnotationsChanged",this).call(this,{getProjectAnnotations});case 3:this.renderSelection();case 4:case"end":return _context3.stop()}}),_callee3,this)}))),function onGetProjectAnnotationsChanged(_x){return _onGetProjectAnnotationsChanged.apply(this,arguments)})},{key:"onStoriesChanged",value:(_onStoriesChanged=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee4(_ref3){var _global$FEATURES2,importFn,storyIndex;return regeneratorRuntime.wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:if(importFn=_ref3.importFn,storyIndex=_ref3.storyIndex,_get(_getPrototypeOf(PreviewWeb.prototype),"onStoriesChanged",this).call(this,{importFn,storyIndex}),null!==(_global$FEATURES2=window_default().FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.storyStoreV7){_context4.next=9;break}return _context4.t0=this.channel,_context4.t1=dist_esm.SET_STORIES,_context4.next=7,this.storyStore.getSetStoriesPayload();case 7:_context4.t2=_context4.sent,_context4.t0.emit.call(_context4.t0,_context4.t1,_context4.t2);case 9:if(!this.urlStore.selection){_context4.next=14;break}return _context4.next=12,this.renderSelection();case 12:_context4.next=16;break;case 14:return _context4.next=16,this.selectSpecifiedStory();case 16:case"end":return _context4.stop()}}),_callee4,this)}))),function onStoriesChanged(_x2){return _onStoriesChanged.apply(this,arguments)})},{key:"onKeydown",value:function onKeydown(event){var _this$currentRender;if(!(null!==(_this$currentRender=this.currentRender)&&void 0!==_this$currentRender&&_this$currentRender.disableKeyListeners||function focusInInput(event){var target=event.target;return/input|textarea/i.test(target.tagName)||null!==target.getAttribute("contenteditable")}(event))){var altKey=event.altKey,ctrlKey=event.ctrlKey,metaKey=event.metaKey,shiftKey=event.shiftKey,key=event.key,code=event.code,keyCode=event.keyCode;this.channel.emit(dist_esm.PREVIEW_KEYDOWN,{event:{altKey,ctrlKey,metaKey,shiftKey,key,code,keyCode}})}}},{key:"onSetCurrentStory",value:function onSetCurrentStory(selection){this.urlStore.setSelection(Object.assign({viewMode:"story"},selection)),this.channel.emit(dist_esm.CURRENT_STORY_WAS_SET,this.urlStore.selection),this.renderSelection()}},{key:"onUpdateQueryParams",value:function onUpdateQueryParams(queryParams){this.urlStore.setQueryParams(queryParams)}},{key:"onUpdateGlobals",value:(_onUpdateGlobals=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee5(_ref4){var globals;return regeneratorRuntime.wrap((function _callee5$(_context5){for(;;)switch(_context5.prev=_context5.next){case 0:if(globals=_ref4.globals,_get(_getPrototypeOf(PreviewWeb.prototype),"onUpdateGlobals",this).call(this,{globals}),!(this.currentRender instanceof DocsRender)){_context5.next=5;break}return _context5.next=5,this.currentRender.rerender(!0);case 5:case"end":return _context5.stop()}}),_callee5,this)}))),function onUpdateGlobals(_x3){return _onUpdateGlobals.apply(this,arguments)})},{key:"onUpdateArgs",value:(_onUpdateArgs=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee6(_ref5){var storyId,updatedArgs;return regeneratorRuntime.wrap((function _callee6$(_context6){for(;;)switch(_context6.prev=_context6.next){case 0:if(storyId=_ref5.storyId,updatedArgs=_ref5.updatedArgs,_get(_getPrototypeOf(PreviewWeb.prototype),"onUpdateArgs",this).call(this,{storyId,updatedArgs}),!(this.currentRender instanceof DocsRender)){_context6.next=5;break}return _context6.next=5,this.currentRender.rerender(!1);case 5:case"end":return _context6.stop()}}),_callee6,this)}))),function onUpdateArgs(_x4){return _onUpdateArgs.apply(this,arguments)})},{key:"onPreloadStories",value:(_onPreloadStories=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee7(ids){var _this4=this;return regeneratorRuntime.wrap((function _callee7$(_context7){for(;;)switch(_context7.prev=_context7.next){case 0:return _context7.next=2,Promise.all(ids.map((function(id){return _this4.storyStore.loadStory({storyId:id})})));case 2:case"end":return _context7.stop()}}),_callee7)}))),function onPreloadStories(_x5){return _onPreloadStories.apply(this,arguments)})},{key:"renderSelection",value:(_renderSelection=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee8(){var _this$currentSelectio,_this$currentSelectio2,_lastRender,_global$FEATURES3,persistedArgs,selection,storyId,storyIdChanged,viewModeChanged,lastSelection,lastRender,storyRender,implementationChanged,_storyRender$context,parameters,initialArgs,argTypes,args,_this5=this,_args8=arguments;return regeneratorRuntime.wrap((function _callee8$(_context8){for(;;)switch(_context8.prev=_context8.next){case 0:if(persistedArgs=(_args8.length>0&&void 0!==_args8[0]?_args8[0]:{}).persistedArgs,selection=this.urlStore.selection){_context8.next=4;break}throw new Error("Cannot render story as no selection was made");case 4:if(storyId=selection.storyId,storyIdChanged=(null===(_this$currentSelectio=this.currentSelection)||void 0===_this$currentSelectio?void 0:_this$currentSelectio.storyId)!==storyId,viewModeChanged=(null===(_this$currentSelectio2=this.currentSelection)||void 0===_this$currentSelectio2?void 0:_this$currentSelectio2.viewMode)!==selection.viewMode,"story"===selection.viewMode?this.view.showPreparingStory({immediate:viewModeChanged}):this.view.showPreparingDocs(),lastSelection=this.currentSelection,lastRender=this.currentRender,null===(_lastRender=lastRender)||void 0===_lastRender||!_lastRender.isPreparing()){_context8.next=14;break}return _context8.next=13,this.teardownRender(lastRender);case 13:lastRender=null;case 14:return storyRender=new StoryRender(this.channel,this.storyStore,(function(){return _this5.view.showStoryDuringRender(),_this5.renderToDOM.apply(_this5,arguments)}),this.mainStoryCallbacks(storyId),storyId,"story"),this.currentSelection=selection,this.currentRender=storyRender,_context8.prev=17,_context8.next=20,storyRender.prepare();case 20:_context8.next=29;break;case 22:if(_context8.prev=22,_context8.t0=_context8.catch(17),_context8.t0===PREPARE_ABORTED){_context8.next=28;break}return _context8.next=27,this.teardownRender(lastRender);case 27:this.renderStoryLoadingException(storyId,_context8.t0);case 28:return _context8.abrupt("return");case 29:if(implementationChanged=!storyIdChanged&&!storyRender.isEqual(lastRender),persistedArgs&&this.storyStore.args.updateFromPersisted(storyRender.story,persistedArgs),_storyRender$context=storyRender.context(),parameters=_storyRender$context.parameters,initialArgs=_storyRender$context.initialArgs,argTypes=_storyRender$context.argTypes,args=_storyRender$context.args,!lastRender||storyIdChanged||implementationChanged||viewModeChanged){_context8.next=37;break}return this.currentRender=lastRender,this.channel.emit(dist_esm.STORY_UNCHANGED,storyId),this.view.showMain(),_context8.abrupt("return");case 37:return _context8.next=39,this.teardownRender(lastRender,{viewModeChanged});case 39:lastSelection&&(storyIdChanged||viewModeChanged)&&this.channel.emit(dist_esm.STORY_CHANGED,storyId),null!==(_global$FEATURES3=window_default().FEATURES)&&void 0!==_global$FEATURES3&&_global$FEATURES3.storyStoreV7&&this.channel.emit(dist_esm.STORY_PREPARED,{id:storyId,parameters,initialArgs,argTypes,args}),(implementationChanged||persistedArgs)&&this.channel.emit(dist_esm.STORY_ARGS_UPDATED,{storyId,args}),"docs"===selection.viewMode||parameters.docsOnly?(this.currentRender=DocsRender.fromStoryRender(storyRender),this.currentRender.renderToElement(this.view.prepareForDocs(),this.renderStoryToElement.bind(this))):(this.storyRenders.push(storyRender),this.currentRender.renderToElement(this.view.prepareForStory(storyRender.story)));case 43:case"end":return _context8.stop()}}),_callee8,this,[[17,22]])}))),function renderSelection(){return _renderSelection.apply(this,arguments)})},{key:"renderStoryToElement",value:function renderStoryToElement(story,element){var _this6=this,render=new StoryRender(this.channel,this.storyStore,this.renderToDOM,this.inlineStoryCallbacks(story.id),story.id,"docs",story);return render.renderToElement(element),this.storyRenders.push(render),PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee9(){return regeneratorRuntime.wrap((function _callee9$(_context9){for(;;)switch(_context9.prev=_context9.next){case 0:return _context9.next=2,_this6.teardownRender(render);case 2:case"end":return _context9.stop()}}),_callee9)})))}},{key:"teardownRender",value:(_teardownRender=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee10(render){var viewModeChanged,_args10=arguments;return regeneratorRuntime.wrap((function _callee10$(_context10){for(;;)switch(_context10.prev=_context10.next){case 0:return viewModeChanged=(_args10.length>1&&void 0!==_args10[1]?_args10[1]:{}).viewModeChanged,this.storyRenders=this.storyRenders.filter((function(r){return r!==render})),_context10.next=4,null==render?void 0:render.teardown({viewModeChanged});case 4:case"end":return _context10.stop()}}),_callee10,this)}))),function teardownRender(_x6){return _teardownRender.apply(this,arguments)})},{key:"extract",value:(_extract=PreviewWeb_asyncToGenerator(regeneratorRuntime.mark((function _callee11(options){var _global$FEATURES4;return regeneratorRuntime.wrap((function _callee11$(_context11){for(;;)switch(_context11.prev=_context11.next){case 0:if(!this.previewEntryError){_context11.next=2;break}throw this.previewEntryError;case 2:if(this.storyStore.projectAnnotations){_context11.next=4;break}throw new Error((0,esm.C)(_templateObject4||(_templateObject4=PreviewWeb_taggedTemplateLiteral(["Failed to initialize Storybook.\n \n Do you have an error in your `preview.js`? Check your Storybook's browser console for errors."],["Failed to initialize Storybook.\n \n Do you have an error in your \\`preview.js\\`? Check your Storybook's browser console for errors."]))));case 4:if(null===(_global$FEATURES4=window_default().FEATURES)||void 0===_global$FEATURES4||!_global$FEATURES4.storyStoreV7){_context11.next=7;break}return _context11.next=7,this.storyStore.cacheAllCSFFiles();case 7:return _context11.abrupt("return",this.storyStore.extract(options));case 8:case"end":return _context11.stop()}}),_callee11,this)}))),function extract(_x7){return _extract.apply(this,arguments)})},{key:"mainStoryCallbacks",value:function mainStoryCallbacks(storyId){var _this7=this;return{showMain:function showMain(){return _this7.view.showMain()},showError:function showError(err){return _this7.renderError(storyId,err)},showException:function showException(err){return _this7.renderException(storyId,err)}}}},{key:"inlineStoryCallbacks",value:function inlineStoryCallbacks(storyId){return{showMain:function showMain(){},showError:function showError(err){return client_logger_dist_esm.kg.error("Error rendering docs story (".concat(storyId,")"),err)},showException:function showException(err){return client_logger_dist_esm.kg.error("Error rendering docs story (".concat(storyId,")"),err)}}}},{key:"renderPreviewEntryError",value:function renderPreviewEntryError(reason,err){_get(_getPrototypeOf(PreviewWeb.prototype),"renderPreviewEntryError",this).call(this,reason,err),this.view.showErrorDisplay(err)}},{key:"renderMissingStory",value:function renderMissingStory(){this.view.showNoPreview(),this.channel.emit(dist_esm.STORY_MISSING)}},{key:"renderStoryLoadingException",value:function renderStoryLoadingException(storySpecifier,err){client_logger_dist_esm.kg.error("Unable to load story '".concat(storySpecifier,"':")),client_logger_dist_esm.kg.error(err),this.view.showErrorDisplay(err),this.channel.emit(dist_esm.STORY_MISSING,storySpecifier)}},{key:"renderException",value:function renderException(storyId,err){this.channel.emit(dist_esm.STORY_THREW_EXCEPTION,err),this.channel.emit(dist_esm.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId}),err!==dist_esm.IGNORED_EXCEPTION&&(this.view.showErrorDisplay(err),client_logger_dist_esm.kg.error("Error rendering story '".concat(storyId,"':")),client_logger_dist_esm.kg.error(err))}},{key:"renderError",value:function renderError(storyId,_ref9){var title=_ref9.title,description=_ref9.description;client_logger_dist_esm.kg.error("Error rendering story ".concat(title,": ").concat(description)),this.channel.emit(dist_esm.STORY_ERRORED,{title,description}),this.channel.emit(dist_esm.STORY_RENDER_PHASE_CHANGED,{newPhase:"errored",storyId}),this.view.showErrorDisplay({message:title,stack:description})}}]),PreviewWeb}(Preview),channels_dist_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.from-entries.js"),__webpack_require__("./node_modules/core-js/modules/es.number.is-integer.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.url-search-params.js"),__webpack_require__("./node_modules/@storybook/channels/dist/esm/index.js")),telejson_dist_esm=__webpack_require__("./node_modules/telejson/dist/esm/index.js");function esm_toConsumableArray(arr){return function esm_arrayWithoutHoles(arr){if(Array.isArray(arr))return esm_arrayLikeToArray(arr)}(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||function esm_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function esm_iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function esm_slicedToArray(arr,i){return esm_arrayWithHoles(arr)||function esm_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||esm_unsupportedIterableToArray(arr,i)||esm_nonIterableRest()}function esm_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function esm_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return esm_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?esm_arrayLikeToArray(o,minLen):void 0}}function esm_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i manager ':' preview ',eventString=Object.values(dist_esm).includes(event.type)?''.concat(event.type,""):''.concat(event.type,"");if(refId&&(event.refId=refId),event.source="preview"===this.config.page?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source)return void client_logger_dist_esm.IC.error("".concat(pageString," received ").concat(eventString," but was unable to determine the source of the event"));var message="".concat(pageString," received ").concat(eventString," (").concat(data.length,")");client_logger_dist_esm.IC.debug.apply(client_logger_dist_esm.IC,[esm_location.origin!==event.source?message:"".concat(message,' (on ').concat(esm_location.origin," from ").concat(event.source,")")].concat(esm_toConsumableArray(event.args))),this.handler(event)}}catch(error){client_logger_dist_esm.kg.error(error)}}}]),PostmsgTransport}(),getEventSourceUrl=function getEventSourceUrl(event){var _frames$filter=esm_toConsumableArray(esm_document.querySelectorAll("iframe[data-is-storybook]")).filter((function(element){try{return element.contentWindow===event.source}catch(err){}var origin,src=element.getAttribute("src");try{origin=new URL(src,esm_document.location).origin}catch(err){return!1}return origin===event.origin})),_frames$filter2=function _toArray(arr){return esm_arrayWithHoles(arr)||esm_iterableToArray(arr)||esm_unsupportedIterableToArray(arr)||esm_nonIterableRest()}(_frames$filter),frame=_frames$filter2[0],remainder=_frames$filter2.slice(1);if(frame&&0===remainder.length){var src=frame.getAttribute("src"),_URL2=new URL(src,esm_document.location),protocol=_URL2.protocol,host=_URL2.host,pathname=_URL2.pathname;return"".concat(protocol,"//").concat(host).concat(pathname)}return remainder.length>0&&client_logger_dist_esm.kg.error("found multiple candidates for event source"),null};__webpack_require__("./node_modules/core-js/modules/es.map.js");function executeLoadable_slicedToArray(arr,i){return function executeLoadable_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function executeLoadable_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function executeLoadable_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return executeLoadable_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return executeLoadable_arrayLikeToArray(o,minLen)}(arr,i)||function executeLoadable_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function executeLoadable_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:{},decorateStory=_ref.decorateStory,render=_ref.render;if(start_globalWindow&&(start_globalWindow.IS_STORYBOOK=!0),null!=FEATURES&&FEATURES.storyStoreV7)return{forceReRender:removedApi("forceReRender"),getStorybook:removedApi("getStorybook"),configure:removedApi("configure"),clientApi:{addDecorator:removedApi("clientApi.addDecorator"),addParameters:removedApi("clientApi.addParameters"),clearDecorators:removedApi("clientApi.clearDecorators"),addLoader:removedApi("clientApi.addLoader"),setAddon:removedApi("clientApi.setAddon"),getStorybook:removedApi("clientApi.getStorybook"),storiesOf:removedApi("clientApi.storiesOf"),raw:removedApi("raw")}};var channel=function createChannel(_ref5){var page=_ref5.page,transport=new PostmsgTransport({page});return new channels_dist_esm.Z({transport})}({page:"preview"});addons_dist_esm.KP.setChannel(channel);var clientApi=new ClientApi.ti,preview=new PreviewWeb,initialized=!1,importFn=function importFn(path){return clientApi.importFn(path)};function onStoriesChanged(){var storyIndex=clientApi.getStoryIndex();preview.onStoriesChanged({storyIndex,importFn})}return clientApi.onImportFnChanged=onStoriesChanged,clientApi.storyStore=preview.storyStore,start_globalWindow&&(start_globalWindow.__STORYBOOK_CLIENT_API__=clientApi,start_globalWindow.__STORYBOOK_ADDONS_CHANNEL__=channel,start_globalWindow.__STORYBOOK_PREVIEW__=preview,start_globalWindow.__STORYBOOK_STORY_STORE__=preview.storyStore),{forceReRender:function forceReRender(){return channel.emit(dist_esm.default.FORCE_RE_RENDER)},getStorybook:function getStorybook(){return[]},raw:function raw(){},clientApi,configure:function configure(framework,loadable,m){(!(arguments.length>3&&void 0!==arguments[3])||arguments[3])&&configureDeprecationWarning(),clientApi.addParameters({framework});var getProjectAnnotations=function getProjectAnnotations(){var _executeLoadableForCh=executeLoadableForChanges(loadable,m),added=_executeLoadableForCh.added,removed=_executeLoadableForCh.removed;return Array.from(added.entries()).forEach((function(_ref2){var _ref3=start_slicedToArray(_ref2,2),fileName=_ref3[0],fileExports=_ref3[1];return clientApi.facade.addStoriesFromExports(fileName,fileExports)})),Array.from(removed.entries()).forEach((function(_ref4){var fileName=start_slicedToArray(_ref4,1)[0];return clientApi.facade.clearFilenameExports(fileName)})),Object.assign({render},clientApi.facade.projectAnnotations,{renderToDOM,applyDecorators:decorateStory})};initialized?(getProjectAnnotations(),onStoriesChanged()):(preview.initialize({getStoryIndex:function getStoryIndex(){return clientApi.getStoryIndex()},importFn,getProjectAnnotations}),initialized=!0)}}}dist.toId,ClientApi.ti,StoryStore.a;var globals_globalWindow=window_default().window;globals_globalWindow&&(globals_globalWindow.STORYBOOK_ENV="react");var render=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/render.js"),framework="react",api=start(render.A,{render:render.s}),storiesOf=function storiesOf(kind,m){return api.clientApi.storiesOf(kind,m).addParameters({framework})},configure=function configure(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return api.configure.apply(api,[framework].concat(args))},addDecorator=api.clientApi.addDecorator,addParameters=api.clientApi.addParameters,setAddon=(api.clientApi.clearDecorators,api.clientApi.setAddon),forceReRender=api.forceReRender,getStorybook=api.clientApi.getStorybook,raw=api.clientApi.raw,testing_utils=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js");function setProjectAnnotations(projectAnnotations){(0,testing_utils.LL)(projectAnnotations)}function setGlobalConfig(projectAnnotations){client_logger_dist_esm.IH.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),setProjectAnnotations(projectAnnotations)}var defaultProjectAnnotations={render:render.s};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return(0,testing_utils.GN)(story,componentAnnotations,projectAnnotations,defaultProjectAnnotations,exportsName)}function composeStories(csfExports,projectAnnotations){return(0,testing_utils.GT)(csfExports,projectAnnotations,composeStory)}(module=__webpack_require__.hmd(module))&&module.hot},"./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var config_namespaceObject={};__webpack_require__.r(config_namespaceObject),__webpack_require__.d(config_namespaceObject,{parameters:()=>parameters,render:()=>render.s,renderToDOM:()=>render.A});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),render=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/render.js"),parameters={framework:"react"};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(config_namespaceObject).forEach((function(key){var value=config_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__.d(__webpack_exports__,{A:()=>renderToDOM,s:()=>render});__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js");var global__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_14__),react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react-dom/index.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>StoryStore});__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var _templateObject,memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),pick=__webpack_require__("./node_modules/lodash/pick.js"),pick_default=__webpack_require__.n(pick),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),synchronous_promise=__webpack_require__("./node_modules/synchronous-promise/index.js"),esm=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/ts-dedent/esm/index.js"));function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:{v:3,stories:{}}).stories;!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StoryIndexStore),this.channel=void 0,this.stories=void 0,this.stories=stories}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(StoryIndexStore,[{key:"storyIdFromSpecifier",value:function storyIdFromSpecifier(specifier){var storyIds=Object.keys(this.stories);if("*"===specifier)return storyIds[0];if("string"==typeof specifier)return storyIds.indexOf(specifier)>=0?specifier:storyIds.find((function(storyId){return storyId.startsWith(specifier)}));var name=specifier.name,title=specifier.title,match=Object.entries(this.stories).find((function(_ref2){var _ref3=_slicedToArray(_ref2,2),story=(_ref3[0],_ref3[1]);return story.name===name&&story.title===title}));return match&&match[0]}},{key:"storyIdToEntry",value:function storyIdToEntry(storyId){var storyEntry=this.stories[storyId];if(!storyEntry)throw new Error((0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["Couldn't find story matching '","' after HMR.\n - Did you remove it from your CSF file?\n - Are you sure a story with that id exists?\n - Please check your stories field of your main.js config.\n - Also check the browser console and terminal for error messages."])),storyId));return storyEntry}}]),StoryIndexStore}(),args=__webpack_require__("./node_modules/@storybook/store/dist/esm/args.js");function ArgsStore_defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:{includeDocsOnly:!1};if(!this.cachedCSFFiles)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.stories).reduce((function(acc,_ref11){var _ref12=StoryStore_slicedToArray(_ref11,2),storyId=_ref12[0],importPath=_ref12[1].importPath,csfFile=_this6.cachedCSFFiles[importPath],story=_this6.storyFromCSFFile({storyId,csfFile});return!options.includeDocsOnly&&story.parameters.docsOnly||(acc[storyId]=Object.entries(story).reduce((function(storyAcc,_ref13){var _ref14=StoryStore_slicedToArray(_ref13,2),key=_ref14[0],value=_ref14[1];return"function"==typeof value?storyAcc:Array.isArray(value)?Object.assign(storyAcc,_defineProperty({},key,value.slice().sort())):Object.assign(storyAcc,_defineProperty({},key,value))}),{args:story.initialArgs})),acc}),{})}},{key:"getSetStoriesPayload",value:function getSetStoriesPayload(){var stories=this.extract({includeDocsOnly:!0}),kindParameters=Object.values(stories).reduce((function(acc,_ref15){return acc[_ref15.title]={},acc}),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters,stories}}},{key:"raw",value:function raw(){var _this7=this;return Object.values(this.extract()).map((function(_ref16){var id=_ref16.id;return _this7.fromId(id)}))}},{key:"fromId",value:function fromId(storyId){var importPath,_this8=this;if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");try{importPath=this.storyIndex.storyIdToEntry(storyId).importPath}catch(err){return null}var csfFile=this.cachedCSFFiles[importPath],story=this.storyFromCSFFile({storyId,csfFile});return Object.assign({},story,{storyFn:function storyFn(update){var context=Object.assign({},_this8.getStoryContext(story),{viewMode:"story"});return story.unboundStoryFn(Object.assign({},context,update))}})}}]),StoryStore}()},"./node_modules/@storybook/store/dist/esm/args.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Nq:()=>DEEPLY_EQUAL,P7:()=>combineArgs,T4:()=>mapArgsToTypes,kY:()=>NO_TARGET_NAME,n3:()=>noTargetArgs,ng:()=>validateOptions,pU:()=>groupArgsByTarget,xF:()=>deepDiff});__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var _templateObject,_templateObject2,fast_deep_equal__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/fast-deep-equal/index.js"),fast_deep_equal__WEBPACK_IMPORTED_MODULE_25___default=__webpack_require__.n(fast_deep_equal__WEBPACK_IMPORTED_MODULE_25__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/lodash/isPlainObject.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_26___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_26__),ts_dedent__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=value.length?res:res.concat(new Array(value.length-update.length).fill(void 0))}return lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_26___default()(value)&&lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_26___default()(update)?Object.keys(Object.assign({},value,update)).reduce((function(acc,key){var diff=deepDiff(null==value?void 0:value[key],null==update?void 0:update[key]);return diff===DEEPLY_EQUAL?acc:Object.assign(acc,_defineProperty({},key,diff))}),{}):update},NO_TARGET_NAME="";function groupArgsByTarget(_ref7){var args=_ref7.args,argTypes=_ref7.argTypes,groupedArgs={};return Object.entries(args).forEach((function(_ref8){var _ref9=_slicedToArray(_ref8,2),name=_ref9[0],value=_ref9[1],_ref10$target=(argTypes[name]||{}).target,target=void 0===_ref10$target?NO_TARGET_NAME:_ref10$target;groupedArgs[target]=groupedArgs[target]||{},groupedArgs[target][name]=value})),groupedArgs}function noTargetArgs(context){return groupArgsByTarget(context)[NO_TARGET_NAME]}},"./node_modules/@storybook/store/dist/esm/autoTitle.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>userOrAutoTitleFromSpecifier,k:()=>userOrAutoTitle});__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var _templateObject,slash__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/slash/index.js"),slash__WEBPACK_IMPORTED_MODULE_18___default=__webpack_require__.n(slash__WEBPACK_IMPORTED_MODULE_18__),ts_dedent__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js");function _toArray(arr){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0?last.substr(0,dotIndex):last;parts[parts.length-1]=stripped;var _parts2=_toArray(parts),first=_parts2[0],rest=_parts2.slice(1);return""===first&&(parts=rest),parts}(path))).join("/")}return titlePrefix?slash__WEBPACK_IMPORTED_MODULE_18___default()(pathJoin([titlePrefix,userTitle])):userTitle}},userOrAutoTitle=function userOrAutoTitle(fileName,storiesEntries,userTitle){for(var i=0;i{"use strict";__webpack_require__.d(__webpack_exports__,{AN:()=>getArrayField,Jw:()=>getObjectField,kV:()=>getSingletonField,mm:()=>composeConfigs,rz:()=>getField});__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var _parameters__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>getValuesFromArgTypes});__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:{};return Object.entries(argTypes).reduce((function(acc,_ref){var _ref2=_slicedToArray(_ref,2),arg=_ref2[0],defaultValue=_ref2[1].defaultValue;return void 0!==defaultValue&&(acc[arg]=defaultValue),acc}),{})}},"./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>normalizeComponentAnnotations});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js");function normalizeComponentAnnotations(defaultExport){var title=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultExport.title,importPath=arguments.length>2?arguments[2]:void 0,id=defaultExport.id,argTypes=defaultExport.argTypes;return Object.assign({id:(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_1__.sanitize)(id||title)},defaultExport,{title},argTypes&&{argTypes:(0,_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_2__.x)(argTypes)},{parameters:Object.assign({fileName:importPath},defaultExport.parameters)})}},"./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>normalizeInputType,x:()=>normalizeInputTypes});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var lodash_mapValues__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/lodash/mapValues.js"),lodash_mapValues__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(lodash_mapValues__WEBPACK_IMPORTED_MODULE_3__),_excluded=["type","control"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var normalizeInputType=function normalizeInputType(inputType,key){var type=inputType.type,control=inputType.control,rest=_objectWithoutProperties(inputType,_excluded),normalized=Object.assign({name:key},rest);return type&&(normalized.type=function normalizeType(type){return"string"==typeof type?{name:type}:type}(type)),control?normalized.control=function normalizeControl(control){return"string"==typeof control?{type:control}:control}(control):!1===control&&(normalized.control={disable:!0}),normalized},normalizeInputTypes=function normalizeInputTypes(inputTypes){return lodash_mapValues__WEBPACK_IMPORTED_MODULE_3___default()(inputTypes,normalizeInputType)}},"./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>normalizeProjectAnnotations});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js");var _templateObject,mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),dist_esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),parameters=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var inferType=function inferType(value,name,visited){var type=_typeof(value);switch(type){case"boolean":case"string":case"number":case"function":case"symbol":return{name:type}}return value?visited.has(value)?(dist_esm.kg.warn((0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n We've detected a cycle in arg '","'. Args should be JSON-serializable.\n\n Consider using the mapping feature or fully custom args:\n - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values\n - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args\n "])),name)),{name:"other",value:"cyclic object"}):(visited.add(value),Array.isArray(value)?{name:"array",value:value.length>0?inferType(value[0],name,new Set(visited)):{name:"other",value:"unknown"}}:{name:"object",value:mapValues_default()(value,(function(field){return inferType(field,name,new Set(visited))}))}):{name:"object",value:{}}},inferArgTypes=function inferArgTypes(context){var id=context.id,_context$argTypes=context.argTypes,userArgTypes=void 0===_context$argTypes?{}:_context$argTypes,_context$initialArgs=context.initialArgs,initialArgs=void 0===_context$initialArgs?{}:_context$initialArgs,argTypes=mapValues_default()(initialArgs,(function(arg,key){return{name:key,type:inferType(arg,"".concat(id,".").concat(key),new Set)}})),userArgTypesNames=mapValues_default()(userArgTypes,(function(argType,key){return{name:key}}));return(0,parameters.f)(argTypes,userArgTypesNames,userArgTypes)};inferArgTypes.secondPass=!0;var inferControls=__webpack_require__("./node_modules/@storybook/store/dist/esm/inferControls.js"),normalizeInputTypes=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js"),_excluded=["argTypes","globalTypes","argTypesEnhancers"];function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function normalizeProjectAnnotations(_ref){var argTypes=_ref.argTypes,globalTypes=_ref.globalTypes,argTypesEnhancers=_ref.argTypesEnhancers,annotations=_objectWithoutProperties(_ref,_excluded);return Object.assign({},argTypes&&{argTypes:(0,normalizeInputTypes.x)(argTypes)},globalTypes&&{globalTypes:(0,normalizeInputTypes.x)(globalTypes)},{argTypesEnhancers:[].concat(_toConsumableArray(argTypesEnhancers||[]),[inferArgTypes,inferControls.X])},annotations)}},"./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>normalizeStory});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_storybook_csf__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),ts_dedent__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_15__),_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeInputTypes.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i StoryFn.storyName\n- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)\nSee https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.\n"]))),deprecatedStoryAnnotationWarning=util_deprecate__WEBPACK_IMPORTED_MODULE_15___default()((function(){}),deprecatedStoryAnnotation);function normalizeStory(key,storyAnnotations,meta){var userStoryFn,storyObject;"function"==typeof storyAnnotations?(userStoryFn=storyAnnotations,storyObject=storyAnnotations):storyObject=storyAnnotations;var story=storyObject.story;story&&(_storybook_client_logger__WEBPACK_IMPORTED_MODULE_17__.kg.debug("deprecated story",story),deprecatedStoryAnnotationWarning());var exportName=(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.storyNameFromExport)(key),name="function"!=typeof storyObject&&storyObject.name||storyObject.storyName||(null==story?void 0:story.name)||exportName,decorators=[].concat(_toConsumableArray(storyObject.decorators||[]),_toConsumableArray((null==story?void 0:story.decorators)||[])),parameters=Object.assign({},null==story?void 0:story.parameters,storyObject.parameters),args=Object.assign({},null==story?void 0:story.args,storyObject.args),argTypes=Object.assign({},null==story?void 0:story.argTypes,storyObject.argTypes),loaders=[].concat(_toConsumableArray(storyObject.loaders||[]),_toConsumableArray((null==story?void 0:story.loaders)||[])),_storyObject2=storyObject,render=_storyObject2.render,play=_storyObject2.play,id=parameters.__id||(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.toId)(meta.id||meta.title,exportName);return Object.assign({id,name,decorators,parameters,args,argTypes:(0,_normalizeInputTypes__WEBPACK_IMPORTED_MODULE_18__.x)(argTypes),loaders},render&&{render},userStoryFn&&{userStoryFn},play&&{play})}},"./node_modules/@storybook/store/dist/esm/csf/prepareStory.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>prepareStory});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/regenerator-runtime/runtime.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js");var _templateObject,ts_dedent__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/util-deprecate/browser.js"),util_deprecate__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(util_deprecate__WEBPACK_IMPORTED_MODULE_19__),global__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/global/window.js"),global__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_20__),_storybook_csf__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),_parameters__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),_hooks__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_decorators__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@storybook/store/dist/esm/decorators.js"),_args__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@storybook/store/dist/esm/args.js"),_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0;var passedArgs=Object.assign({},projectAnnotations.args,componentAnnotations.args,storyAnnotations.args),contextForEnhancers={componentId:componentAnnotations.id,title,kind:title,id,name,story:name,component:componentAnnotations.component,subcomponents:componentAnnotations.subcomponents,parameters,initialArgs:passedArgs,argTypes:passedArgTypes};contextForEnhancers.argTypes=argTypesEnhancers.reduce((function(accumulatedArgTypes,enhancer){return enhancer(Object.assign({},contextForEnhancers,{argTypes:accumulatedArgTypes}))}),contextForEnhancers.argTypes);var defaultArgs=(0,_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_25__.V)(contextForEnhancers.argTypes);Object.keys(defaultArgs).length>0&&argTypeDefaultValueWarning();var initialArgsBeforeEnhancers=Object.assign({},defaultArgs,passedArgs);contextForEnhancers.initialArgs=argsEnhancers.reduce((function(accumulatedArgs,enhancer){return Object.assign({},accumulatedArgs,enhancer(Object.assign({},contextForEnhancers,{initialArgs:accumulatedArgs})))}),initialArgsBeforeEnhancers),null!==(_global$FEATURES=global__WEBPACK_IMPORTED_MODULE_20___default().FEATURES)&&void 0!==_global$FEATURES&&_global$FEATURES.breakingChangesV7||(contextForEnhancers.parameters=Object.assign({},contextForEnhancers.parameters,{__id:id,globals:projectAnnotations.globals,globalTypes:projectAnnotations.globalTypes,args:contextForEnhancers.initialArgs,argTypes:contextForEnhancers.argTypes}));var applyLoaders=function(){var _ref=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}(regeneratorRuntime.mark((function _callee(context){var loadResults,loaded;return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,Promise.all(loaders.map((function(loader){return loader(context)})));case 2:return loadResults=_context.sent,loaded=Object.assign.apply(Object,[{}].concat(_toConsumableArray(loadResults))),_context.abrupt("return",Object.assign({},context,{loaded}));case 5:case"end":return _context.stop()}}),_callee)})));return function applyLoaders(_x){return _ref.apply(this,arguments)}}(),undecoratedStoryFn=function undecoratedStoryFn(context){var mappedArgs=Object.entries(context.args).reduce((function(acc,_ref2){var _context$argTypes$key,_ref3=_slicedToArray(_ref2,2),key=_ref3[0],val=_ref3[1],mapping=null===(_context$argTypes$key=context.argTypes[key])||void 0===_context$argTypes$key?void 0:_context$argTypes$key.mapping;return acc[key]=mapping&&val in mapping?mapping[val]:val,acc}),{}),includedArgs=Object.entries(mappedArgs).reduce((function(acc,_ref4){var _ref5=_slicedToArray(_ref4,2),key=_ref5[0],val=_ref5[1],argType=context.argTypes[key]||{};return(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_21__.includeConditionalArg)(argType,mappedArgs,context.globals)&&(acc[key]=val),acc}),{}),includedContext=Object.assign({},context,{args:includedArgs}),_context$parameters$p=context.parameters.passArgsFirst;return void 0===_context$parameters$p||_context$parameters$p?render(includedContext.args,includedContext):render(includedContext)},decoratedStoryFn=(0,_hooks__WEBPACK_IMPORTED_MODULE_26__.DM)(applyDecorators)(undecoratedStoryFn,decorators),playFunction=storyAnnotations.play;return Object.freeze(Object.assign({},contextForEnhancers,{originalStoryFn:render,undecoratedStoryFn,unboundStoryFn:function unboundStoryFn(context){var _global$FEATURES2,finalContext=context;if(null!==(_global$FEATURES2=global__WEBPACK_IMPORTED_MODULE_20___default().FEATURES)&&void 0!==_global$FEATURES2&&_global$FEATURES2.argTypeTargetsV7){var argsByTarget=(0,_args__WEBPACK_IMPORTED_MODULE_27__.pU)(Object.assign({args:context.args},context));finalContext=Object.assign({},context,{allArgs:context.args,argsByTarget,args:argsByTarget[_args__WEBPACK_IMPORTED_MODULE_27__.kY]||{}})}return decoratedStoryFn(finalContext)},applyLoaders,playFunction}))}},"./node_modules/@storybook/store/dist/esm/csf/processCSFFile.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>processCSFFile});__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_normalizeStory__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js"),_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js"),_excluded=["default","__namedExportsOrder"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var checkDisallowedParameters=function checkDisallowedParameters(parameters){parameters&&(function checkGlobals(parameters){var globals=parameters.globals,globalTypes=parameters.globalTypes;(globals||globalTypes)&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__.kg.error("Global args/argTypes can only be set globally",JSON.stringify({globals,globalTypes}))}(parameters),function checkStorySort(parameters){var options=parameters.options;null!=options&&options.storySort&&_storybook_client_logger__WEBPACK_IMPORTED_MODULE_5__.kg.error("The storySort option parameter can only be set globally")}(parameters))};function processCSFFile(moduleExports,importPath,title){var defaultExport=moduleExports.default,namedExports=(moduleExports.__namedExportsOrder,_objectWithoutProperties(moduleExports,_excluded)),meta=(0,_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_6__._)(defaultExport,title,importPath);checkDisallowedParameters(meta.parameters);var csfFile={meta,stories:{}};return Object.keys(namedExports).forEach((function(key){if((0,_storybook_csf__WEBPACK_IMPORTED_MODULE_4__.isExportStory)(key,meta)){var storyMeta=(0,_normalizeStory__WEBPACK_IMPORTED_MODULE_7__.K)(key,namedExports[key],meta);checkDisallowedParameters(storyMeta.parameters),csfFile.stories[storyMeta.id]=storyMeta}})),csfFile}},"./node_modules/@storybook/store/dist/esm/csf/testing-utils/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{GN:()=>composeStory,GT:()=>composeStories,LL:()=>setProjectAnnotations});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js");var _storybook_csf__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@storybook/csf/dist/index.js"),_composeConfigs__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/composeConfigs.js"),_prepareStory__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/prepareStory.js"),_normalizeStory__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeStory.js"),_hooks__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeComponentAnnotations.js"),_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/getValuesFromArgTypes.js"),_normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/store/dist/esm/csf/normalizeProjectAnnotations.js"),_excluded=["default","__esModule","__namedExportsOrder"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS={};function setProjectAnnotations(projectAnnotations){var annotations=Array.isArray(projectAnnotations)?projectAnnotations:[projectAnnotations];GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS=(0,_composeConfigs__WEBPACK_IMPORTED_MODULE_15__.mm)(annotations)}function composeStory(storyAnnotations,componentAnnotations){var _componentAnnotations,_storyAnnotations$sto,projectAnnotations=arguments.length>2&&void 0!==arguments[2]?arguments[2]:GLOBAL_STORYBOOK_PROJECT_ANNOTATIONS,defaultConfig=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},exportsName=arguments.length>4?arguments[4]:void 0;if(void 0===storyAnnotations)throw new Error("Expected a story but received undefined.");componentAnnotations.title=null!==(_componentAnnotations=componentAnnotations.title)&&void 0!==_componentAnnotations?_componentAnnotations:"ComposedStory";var normalizedComponentAnnotations=(0,_normalizeComponentAnnotations__WEBPACK_IMPORTED_MODULE_16__._)(componentAnnotations),storyName=exportsName||storyAnnotations.storyName||(null===(_storyAnnotations$sto=storyAnnotations.story)||void 0===_storyAnnotations$sto?void 0:_storyAnnotations$sto.name)||storyAnnotations.name,normalizedStory=(0,_normalizeStory__WEBPACK_IMPORTED_MODULE_17__.K)(storyName,storyAnnotations,normalizedComponentAnnotations),normalizedProjectAnnotations=(0,_normalizeProjectAnnotations__WEBPACK_IMPORTED_MODULE_18__.J)(Object.assign({},projectAnnotations,defaultConfig)),story=(0,_prepareStory__WEBPACK_IMPORTED_MODULE_19__.u)(normalizedStory,normalizedComponentAnnotations,normalizedProjectAnnotations),defaultGlobals=(0,_getValuesFromArgTypes__WEBPACK_IMPORTED_MODULE_20__.V)(projectAnnotations.globalTypes),composedStory=function composedStory(extraArgs){var context=Object.assign({},story,{hooks:new _hooks__WEBPACK_IMPORTED_MODULE_21__.c8,globals:defaultGlobals,args:Object.assign({},story.initialArgs,extraArgs)});return story.unboundStoryFn(context)};return composedStory.storyName=storyName,composedStory.args=story.initialArgs,composedStory.play=story.playFunction,composedStory.parameters=story.parameters,composedStory}function composeStories(storiesImport,globalConfig,composeStoryFn){var meta=storiesImport.default,stories=(storiesImport.__esModule,storiesImport.__namedExportsOrder,_objectWithoutProperties(storiesImport,_excluded));return Object.entries(stories).reduce((function(storiesMap,_ref){var _ref2=_slicedToArray(_ref,2),exportsName=_ref2[0],story=_ref2[1];return(0,_storybook_csf__WEBPACK_IMPORTED_MODULE_14__.isExportStory)(exportsName,meta)?Object.assign(storiesMap,function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},exportsName,composeStoryFn(story,meta,globalConfig,exportsName))):storiesMap}),{})}},"./node_modules/@storybook/store/dist/esm/decorators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a7:()=>defaultDecorateStory,n0:()=>sanitizeStoryContextUpdate,ob:()=>decorateStory});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js");var _excluded=["componentId","title","kind","id","name","story","parameters","initialArgs","argTypes"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function decorateStory(storyFn,decorator,bindWithContext){var boundStoryFunction=bindWithContext(storyFn);return function(context){return decorator(boundStoryFunction,context)}}function sanitizeStoryContextUpdate(){var _ref=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};_ref.componentId,_ref.title,_ref.kind,_ref.id,_ref.name,_ref.story,_ref.parameters,_ref.initialArgs,_ref.argTypes;return _objectWithoutProperties(_ref,_excluded)}function defaultDecorateStory(storyFn,decorators){var contextStore={},bindWithContext=function bindWithContext(decoratedStoryFn){return function(update){return contextStore.value=Object.assign({},contextStore.value,sanitizeStoryContextUpdate(update)),decoratedStoryFn(contextStore.value)}},decoratedWithContextStore=decorators.reduce((function(story,decorator){return decorateStory(story,decorator,bindWithContext)}),storyFn);return function(context){return contextStore.value=context,decoratedWithContextStore(context)}}},"./node_modules/@storybook/store/dist/esm/filterArgTypes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>filterArgTypes});__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/lodash/pickBy.js"),lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(lodash_pickBy__WEBPACK_IMPORTED_MODULE_5__),matches=function matches(name,descriptor){return Array.isArray(descriptor)?descriptor.includes(name):name.match(descriptor)},filterArgTypes=function filterArgTypes(argTypes,include,exclude){return include||exclude?argTypes&&lodash_pickBy__WEBPACK_IMPORTED_MODULE_5___default()(argTypes,(function(argType,key){var name=argType.name||key;return(!include||matches(name,include))&&(!exclude||!matches(name,exclude))})):argTypes}},"./node_modules/@storybook/store/dist/esm/inferControls.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>inferControls});__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var lodash_mapValues__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/lodash/mapValues.js"),lodash_mapValues__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(lodash_mapValues__WEBPACK_IMPORTED_MODULE_2__),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),_filterArgTypes__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/store/dist/esm/filterArgTypes.js"),_parameters__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@storybook/store/dist/esm/parameters.js"),inferControls=function inferControls(context){var argTypes=context.argTypes,_context$parameters=context.parameters,__isArgsStory=_context$parameters.__isArgsStory,_context$parameters$c=_context$parameters.controls,_context$parameters$c2=(_context$parameters$c=void 0===_context$parameters$c?{}:_context$parameters$c).include,include=void 0===_context$parameters$c2?null:_context$parameters$c2,_context$parameters$c3=_context$parameters$c.exclude,exclude=void 0===_context$parameters$c3?null:_context$parameters$c3,_context$parameters$c4=_context$parameters$c.matchers,matchers=void 0===_context$parameters$c4?{}:_context$parameters$c4;if(!__isArgsStory)return argTypes;var filteredArgTypes=(0,_filterArgTypes__WEBPACK_IMPORTED_MODULE_4__.h)(argTypes,include,exclude),withControls=lodash_mapValues__WEBPACK_IMPORTED_MODULE_2___default()(filteredArgTypes,(function(argType,name){return(null==argType?void 0:argType.type)&&function inferControl(argType,name,matchers){var type=argType.type,options=argType.options;if(type||options){if(matchers.color&&matchers.color.test(name)){var controlType=argType.type.name;if("string"===controlType)return{control:{type:"color"}};_storybook_client_logger__WEBPACK_IMPORTED_MODULE_3__.kg.warn('Addon controls: Control of type color only supports string, received "'.concat(controlType,'" instead'))}if(matchers.date&&matchers.date.test(name))return{control:{type:"date"}};switch(type.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":var value=type.value;return{control:{type:(null==value?void 0:value.length)<=5?"radio":"select"},options:value};case"function":case"symbol":return null;default:return{control:{type:options?"select":"object"}}}}}(argType,name,matchers)}));return(0,_parameters__WEBPACK_IMPORTED_MODULE_5__.f)(withControls,filteredArgTypes)};inferControls.secondPass=!0},"./node_modules/@storybook/store/dist/esm/parameters.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>combineParameters});__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/lodash/isPlainObject.js"),lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_16__);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>sortStoriesV6,R:()=>sortStoriesV7});__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var _templateObject,stable=__webpack_require__("./node_modules/stable/stable.js"),stable_default=__webpack_require__.n(stable),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),STORY_KIND_PATH_SEPARATOR=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),/\s*\/\s*/);var sortStoriesCommon=function sortStoriesCommon(stories,storySortParameter,fileNameOrder){var sortFn;storySortParameter?(sortFn="function"==typeof storySortParameter?storySortParameter:function storySort(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(a,b){if(a.title===b.title&&!options.includeNames)return 0;var method=options.method||"configure",order=options.order||[],storyTitleA=a.title.trim().split(STORY_KIND_PATH_SEPARATOR),storyTitleB=b.title.trim().split(STORY_KIND_PATH_SEPARATOR);options.includeNames&&(storyTitleA.push(a.name),storyTitleB.push(b.name));for(var depth=0;storyTitleA[depth]||storyTitleB[depth];){if(!storyTitleA[depth])return-1;if(!storyTitleB[depth])return 1;var nameA=storyTitleA[depth],nameB=storyTitleB[depth];if(nameA!==nameB){var indexA=order.indexOf(nameA),indexB=order.indexOf(nameB),indexWildcard=order.indexOf("*");return-1!==indexA||-1!==indexB?(-1===indexA&&(indexA=-1!==indexWildcard?indexWildcard:order.length),-1===indexB&&(indexB=-1!==indexWildcard?indexWildcard:order.length),indexA-indexB):"configure"===method?0:nameA.localeCompare(nameB,options.locales?options.locales:void 0,{numeric:!0,sensitivity:"accent"})}var index=order.indexOf(nameA);order=-1!==index&&Array.isArray(order[index+1])?order[index+1]:[],depth+=1}return 0}}(storySortParameter),stable_default().inplace(stories,sortFn)):stable_default().inplace(stories,(function(s1,s2){return fileNameOrder.indexOf(s1.importPath)-fileNameOrder.indexOf(s2.importPath)}));return stories},sortStoriesV7=function sortStoriesV7(stories,storySortParameter,fileNameOrder){try{return sortStoriesCommon(stories,storySortParameter,fileNameOrder)}catch(err){throw new Error((0,esm.C)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n Error sorting stories with sort parameter ",":\n\n > ","\n \n Are you using a V6-style sort function in V7 mode?\n\n More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort\n "])),storySortParameter,err.message))}},toIndexEntry=function toIndexEntry(story){return{id:story.id,title:story.title,name:story.name,importPath:story.parameters.fileName}},sortStoriesV6=function sortStoriesV6(stories,storySortParameter,fileNameOrder){if(storySortParameter&&"function"==typeof storySortParameter)return stable_default().inplace(stories,storySortParameter),stories.map((function(s){return toIndexEntry(s[1])}));var storiesV7=stories.map((function(s){return toIndexEntry(s[1])}));return sortStoriesCommon(storiesV7,storySortParameter,fileNameOrder)}},"./node_modules/airbnb-js-shims/index.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/airbnb-js-shims/target/es5.js")},"./node_modules/airbnb-js-shims/target/es2015.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/es6-shim/es6-shim.js"),__webpack_require__("./node_modules/function.prototype.name/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2016.js")},"./node_modules/airbnb-js-shims/target/es2016.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/array-includes/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2017.js")},"./node_modules/airbnb-js-shims/target/es2017.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/object.values/shim.js")(),__webpack_require__("./node_modules/object.entries/shim.js")(),__webpack_require__("./node_modules/string.prototype.padstart/shim.js")(),__webpack_require__("./node_modules/string.prototype.padend/shim.js")(),__webpack_require__("./node_modules/object.getownpropertydescriptors/shim.js")(),__webpack_require__("./node_modules/airbnb-js-shims/target/es2018.js")},"./node_modules/airbnb-js-shims/target/es2018.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";"function"==typeof Promise&&__webpack_require__("./node_modules/promise.prototype.finally/auto.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2019.js")},"./node_modules/airbnb-js-shims/target/es2019.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/array.prototype.flat/auto.js"),__webpack_require__("./node_modules/array.prototype.flatmap/auto.js"),__webpack_require__("./node_modules/symbol.prototype.description/auto.js"),__webpack_require__("./node_modules/object.fromentries/auto.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2020.js")},"./node_modules/airbnb-js-shims/target/es2020.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/string.prototype.matchall/auto.js"),__webpack_require__("./node_modules/globalthis/auto.js"),__webpack_require__("./node_modules/promise.allsettled/auto.js")},"./node_modules/airbnb-js-shims/target/es5.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/es5-shim/es5-shim.js"),__webpack_require__("./node_modules/es5-shim/es5-sham.js"),__webpack_require__("./node_modules/airbnb-js-shims/target/es2015.js")},"./node_modules/ansi-to-html/lib/ansi_to_html.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";function _defineProperties(target,props){for(var i=0;i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var it,err,normalCompletion=!0,didErr=!1;return{s:function s(){it=o[Symbol.iterator]()},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0?40*red+55:0,g=green>0?40*green+55:0,b=blue>0?40*blue+55:0;colors[c]=function toColorHexString(ref){var _step,results=[],_iterator=_createForOfIteratorHelper(ref);try{for(_iterator.s();!(_step=_iterator.n()).done;){var r=_step.value;results.push(toHexString(r))}}catch(err){_iterator.e(err)}finally{_iterator.f()}return"#"+results.join("")}([r,g,b])}(red,green,blue,colors)}))}))})),range(0,23).forEach((function(gray){var c=gray+232,l=toHexString(10*gray+8);colors[c]="#"+l+l+l})),colors}()};function toHexString(num){for(var str=num.toString(16);str.length<2;)str="0"+str;return str}function generateOutput(stack,token,data,options){var result;return"text"===token?result=function pushText(text,options){if(options.escapeXML)return entities.encodeXML(text);return text}(data,options):"display"===token?result=function handleDisplay(stack,code,options){code=parseInt(code,10);var result,codeMap={"-1":function _(){return"
"},0:function _(){return stack.length&&resetStyles(stack)},1:function _(){return pushTag(stack,"b")},3:function _(){return pushTag(stack,"i")},4:function _(){return pushTag(stack,"u")},8:function _(){return pushStyle(stack,"display:none")},9:function _(){return pushTag(stack,"strike")},22:function _(){return pushStyle(stack,"font-weight:normal;text-decoration:none;font-style:normal")},23:function _(){return closeTag(stack,"i")},24:function _(){return closeTag(stack,"u")},39:function _(){return pushForegroundColor(stack,options.fg)},49:function _(){return pushBackgroundColor(stack,options.bg)},53:function _(){return pushStyle(stack,"text-decoration:overline")}};codeMap[code]?result=codeMap[code]():4"})).join("")}function range(low,high){for(var results=[],j=low;j<=high;j++)results.push(j);return results}function categoryForCode(code){var result=null;return 0===(code=parseInt(code,10))?result="all":1===code?result="bold":2")}function pushStyle(stack,style){return pushTag(stack,"span",style)}function pushForegroundColor(stack,color){return pushTag(stack,"span","color:"+color)}function pushBackgroundColor(stack,color){return pushTag(stack,"span","background-color:"+color)}function closeTag(stack,style){var last;if(stack.slice(-1)[0]===style&&(last=stack.pop()),last)return""}var Filter=function(){function Filter(options){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Filter),(options=options||{}).colors&&(options.colors=Object.assign({},defaults.colors,options.colors)),this.options=Object.assign({},defaults,options),this.stack=[],this.stickyStack=[]}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(Filter,[{key:"toHtml",value:function toHtml(input){var _this=this;input="string"==typeof input?[input]:input;var stack=this.stack,options=this.options,buf=[];return this.stickyStack.forEach((function(element){var output=generateOutput(stack,element.token,element.data,options);output&&buf.push(output)})),function tokenize(text,options,callback){var ansiMatch=!1,ansiHandler=3;function remove(){return""}function newline(m){return options.newline?callback("display",-1):callback("text",m),""}var tokens=[{pattern:/^\x08+/,sub:remove},{pattern:/^\x1b\[[012]?K/,sub:remove},{pattern:/^\x1b\[\(B/,sub:remove},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:function rgb(m){return callback("rgb",m),""}},{pattern:/^\x1b\[38;5;(\d+)m/,sub:function removeXterm256(m,g1){return callback("xterm256",g1),""}},{pattern:/^\n/,sub:newline},{pattern:/^\r+\n/,sub:newline},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:function ansiMess(m,g1){ansiMatch=!0,0===g1.trim().length&&(g1="0");var _step2,_iterator2=_createForOfIteratorHelper(g1=g1.trimRight(";").split(";"));try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var g=_step2.value;callback("display",g)}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}return""}},{pattern:/^\x1b\[\d?J/,sub:remove},{pattern:/^\x1b\[\d{0,3};\d{0,3}f/,sub:remove},{pattern:/^\x1b\[?[\d;]{0,3}/,sub:remove},{pattern:/^(([^\x1b\x08\r\n])+)/,sub:function realText(m){return callback("text",m),""}}];function process(handler,i){i>ansiHandler&&ansiMatch||(ansiMatch=!1,text=text.replace(handler.pattern,handler.sub))}var results1=[],length=text.length;outer:for(;length>0;){for(var i=0,o=0,len=tokens.length;o{"use strict";var _slicedToArray=function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")},_extends=Object.assign||function(target){for(var i=1;i{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(target){for(var i=1;i{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _generate=__webpack_require__("./node_modules/aphrodite/lib/generate.js"),_exports3=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/aphrodite/lib/exports.js"));exports.default=(0,_exports3.default)(!0,_generate.defaultSelectorHandlers),module.exports=exports.default},"./node_modules/aphrodite/lib/inject.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _asap2=_interopRequireDefault(__webpack_require__("./node_modules/asap/browser-asap.js")),_orderedElements2=_interopRequireDefault(__webpack_require__("./node_modules/aphrodite/lib/ordered-elements.js")),_generate=__webpack_require__("./node_modules/aphrodite/lib/generate.js"),_util=__webpack_require__("./node_modules/aphrodite/lib/util.js"),styleTag=null,stringHandlers={fontFamily:function fontFamily(val){return Array.isArray(val)?val.map(fontFamily).join(","):"object"==typeof val?(injectStyleOnce(val.src,"@font-face",[val],!1),'"'+val.fontFamily+'"'):val},animationName:function animationName(val,selectorHandlers){if(Array.isArray(val))return val.map((function(v){return animationName(v,selectorHandlers)})).join(",");if("object"==typeof val){var _name="keyframe_"+(0,_util.hashObject)(val),finalVal="@keyframes "+_name+"{";return val instanceof _orderedElements2.default?val.forEach((function(valVal,valKey){finalVal+=(0,_generate.generateCSS)(valKey,[valVal],selectorHandlers,stringHandlers,!1)})):Object.keys(val).forEach((function(key){finalVal+=(0,_generate.generateCSS)(key,[val[key]],selectorHandlers,stringHandlers,!1)})),injectGeneratedCSSOnce(_name,finalVal+="}"),_name}return val}},alreadyInjected={},injectionBuffer="",isBuffering=!1,injectGeneratedCSSOnce=function injectGeneratedCSSOnce(key,generatedCSS){if(!alreadyInjected[key]){if(!isBuffering){if("undefined"==typeof document)throw new Error("Cannot automatically buffer without a document");isBuffering=!0,(0,_asap2.default)(flushToStyleTag)}injectionBuffer+=generatedCSS,alreadyInjected[key]=!0}},injectStyleOnce=function injectStyleOnce(key,selector,definitions,useImportant){var selectorHandlers=arguments.length<=4||void 0===arguments[4]?[]:arguments[4];if(!alreadyInjected[key]){var generated=(0,_generate.generateCSS)(selector,definitions,selectorHandlers,stringHandlers,useImportant);injectGeneratedCSSOnce(key,generated)}};exports.injectStyleOnce=injectStyleOnce;exports.reset=function reset(){injectionBuffer="",alreadyInjected={},isBuffering=!1,styleTag=null};exports.startBuffering=function startBuffering(){if(isBuffering)throw new Error("Cannot buffer while already buffering");isBuffering=!0};var flushToString=function flushToString(){isBuffering=!1;var ret=injectionBuffer;return injectionBuffer="",ret};exports.flushToString=flushToString;var flushToStyleTag=function flushToStyleTag(){var cssContent=flushToString();cssContent.length>0&&function injectStyleTag(cssContents){if(null==styleTag&&null==(styleTag=document.querySelector("style[data-aphrodite]"))){var head=document.head||document.getElementsByTagName("head")[0];(styleTag=document.createElement("style")).type="text/css",styleTag.setAttribute("data-aphrodite",""),head.appendChild(styleTag)}styleTag.styleSheet?styleTag.styleSheet.cssText+=cssContents:styleTag.appendChild(document.createTextNode(cssContents))}(cssContent)};exports.flushToStyleTag=flushToStyleTag;exports.getRenderedClassNames=function getRenderedClassNames(){return Object.keys(alreadyInjected)};exports.addRenderedClassNames=function addRenderedClassNames(classNames){classNames.forEach((function(className){alreadyInjected[className]=!0}))};var processStyleDefinitions=function processStyleDefinitions(styleDefinitions,result){for(var i=0;i{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i{var calc=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/calc.js"),crossFade=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/crossFade.js"),cursor=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/cursor.js"),filter=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/filter.js"),flex=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/flex.js"),flexboxIE=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/flexboxIE.js"),flexboxOld=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/flexboxOld.js"),gradient=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/gradient.js"),imageSet=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/imageSet.js"),position=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/position.js"),sizing=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/sizing.js"),transition=__webpack_require__("./node_modules/inline-style-prefixer/static/plugins/transition.js");module.exports={plugins:[calc,crossFade,cursor,filter,flex,flexboxIE,flexboxOld,gradient,imageSet,position,sizing,transition],prefixMap:{transform:["Webkit","ms"],transformOrigin:["Webkit","ms"],transformOriginX:["Webkit","ms"],transformOriginY:["Webkit","ms"],backfaceVisibility:["Webkit"],perspective:["Webkit"],perspectiveOrigin:["Webkit"],transformStyle:["Webkit"],transformOriginZ:["Webkit"],animation:["Webkit"],animationDelay:["Webkit"],animationDirection:["Webkit"],animationFillMode:["Webkit"],animationDuration:["Webkit"],animationIterationCount:["Webkit"],animationName:["Webkit"],animationPlayState:["Webkit"],animationTimingFunction:["Webkit"],appearance:["Webkit","Moz"],userSelect:["Webkit","Moz","ms"],fontKerning:["Webkit"],textEmphasisPosition:["Webkit"],textEmphasis:["Webkit"],textEmphasisStyle:["Webkit"],textEmphasisColor:["Webkit"],boxDecorationBreak:["Webkit"],clipPath:["Webkit"],maskImage:["Webkit"],maskMode:["Webkit"],maskRepeat:["Webkit"],maskPosition:["Webkit"],maskClip:["Webkit"],maskOrigin:["Webkit"],maskSize:["Webkit"],maskComposite:["Webkit"],mask:["Webkit"],maskBorderSource:["Webkit"],maskBorderMode:["Webkit"],maskBorderSlice:["Webkit"],maskBorderWidth:["Webkit"],maskBorderOutset:["Webkit"],maskBorderRepeat:["Webkit"],maskBorder:["Webkit"],maskType:["Webkit"],textDecorationStyle:["Webkit","Moz"],textDecorationSkip:["Webkit","Moz"],textDecorationLine:["Webkit","Moz"],textDecorationColor:["Webkit","Moz"],filter:["Webkit"],fontFeatureSettings:["Webkit","Moz"],breakAfter:["Webkit","Moz","ms"],breakBefore:["Webkit","Moz","ms"],breakInside:["Webkit","Moz","ms"],columnCount:["Webkit","Moz"],columnFill:["Webkit","Moz"],columnGap:["Webkit","Moz"],columnRule:["Webkit","Moz"],columnRuleColor:["Webkit","Moz"],columnRuleStyle:["Webkit","Moz"],columnRuleWidth:["Webkit","Moz"],columns:["Webkit","Moz"],columnSpan:["Webkit","Moz"],columnWidth:["Webkit","Moz"],flex:["Webkit","ms"],flexBasis:["Webkit"],flexDirection:["Webkit","ms"],flexGrow:["Webkit"],flexFlow:["Webkit","ms"],flexShrink:["Webkit"],flexWrap:["Webkit","ms"],alignContent:["Webkit"],alignItems:["Webkit"],alignSelf:["Webkit"],justifyContent:["Webkit"],order:["Webkit"],transitionDelay:["Webkit"],transitionDuration:["Webkit"],transitionProperty:["Webkit"],transitionTimingFunction:["Webkit"],backdropFilter:["Webkit"],scrollSnapType:["Webkit","ms"],scrollSnapPointsX:["Webkit","ms"],scrollSnapPointsY:["Webkit","ms"],scrollSnapDestination:["Webkit","ms"],scrollSnapCoordinate:["Webkit","ms"],shapeImageThreshold:["Webkit"],shapeImageMargin:["Webkit"],shapeImageOutside:["Webkit"],hyphens:["Webkit","Moz","ms"],flowInto:["Webkit","ms"],flowFrom:["Webkit","ms"],regionFragment:["Webkit","ms"],boxSizing:["Moz"],textAlignLast:["Moz"],tabSize:["Moz"],wrapFlow:["ms"],wrapThrough:["ms"],wrapMargin:["ms"],touchAction:["ms"],gridTemplateColumns:["ms"],gridTemplateRows:["ms"],gridTemplateAreas:["ms"],gridTemplate:["ms"],gridAutoColumns:["ms"],gridAutoRows:["ms"],gridAutoFlow:["ms"],grid:["ms"],gridRowStart:["ms"],gridColumnStart:["ms"],gridRowEnd:["ms"],gridRow:["ms"],gridColumn:["ms"],gridColumnEnd:["ms"],gridColumnGap:["ms"],gridRowGap:["ms"],gridArea:["ms"],gridGap:["ms"],textSizeAdjust:["Webkit","ms"],borderImage:["Webkit"],borderImageOutset:["Webkit"],borderImageRepeat:["Webkit"],borderImageSlice:["Webkit"],borderImageSource:["Webkit"],borderImageWidth:["Webkit"]}}},"./node_modules/aphrodite/lib/util.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _slicedToArray=function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")};var _stringHash2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__("./node_modules/string-hash/index.js"));exports.mapObj=function mapObj(obj,fn){for(var keys=Object.keys(obj),mappedObj={},i=0;i{"use strict";var ToIntegerOrInfinity=__webpack_require__("./node_modules/es-abstract/2021/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js"),SameValueZero=__webpack_require__("./node_modules/es-abstract/2021/SameValueZero.js"),$isNaN=__webpack_require__("./node_modules/es-abstract/helpers/isNaN.js"),$isFinite=__webpack_require__("./node_modules/es-abstract/helpers/isFinite.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),$charAt=callBound("String.prototype.charAt"),$indexOf=GetIntrinsic("%Array.prototype.indexOf%"),$max=GetIntrinsic("%Math.max%");module.exports=function includes(searchElement){var fromIndex=arguments.length>1?ToIntegerOrInfinity(arguments[1]):0;if($indexOf&&!$isNaN(searchElement)&&$isFinite(fromIndex)&&void 0!==searchElement)return $indexOf.apply(this,arguments)>-1;var O=ToObject(this),length=ToLength(O.length);if(0===length)return!1;for(var k=fromIndex>=0?fromIndex:$max(0,length+fromIndex);k{"use strict";var implementation=__webpack_require__("./node_modules/array-includes/implementation.js");module.exports=function getPolyfill(){return Array.prototype.includes||implementation}},"./node_modules/array-includes/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("./node_modules/array-includes/polyfill.js");module.exports=function shimArrayPrototypeIncludes(){var polyfill=getPolyfill();return define(Array.prototype,{includes:polyfill},{includes:function(){return Array.prototype.includes!==polyfill}}),polyfill}},"./node_modules/array.prototype.flat/auto.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/array.prototype.flat/shim.js")()},"./node_modules/array.prototype.flat/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("./node_modules/es-abstract/2021/FlattenIntoArray.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),ToIntegerOrInfinity=__webpack_require__("./node_modules/es-abstract/2021/ToIntegerOrInfinity.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js");module.exports=function flat(){var O=ToObject(this),sourceLen=ToLength(Get(O,"length")),depthNum=1;arguments.length>0&&void 0!==arguments[0]&&(depthNum=ToIntegerOrInfinity(arguments[0]));var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,depthNum),A}},"./node_modules/array.prototype.flat/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__("./node_modules/array.prototype.flat/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flat||implementation}},"./node_modules/array.prototype.flat/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("./node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.flat/polyfill.js");module.exports=function shimFlat(){var polyfill=getPolyfill();return define(Array.prototype,{flat:polyfill},{flat:function(){return Array.prototype.flat!==polyfill}}),shimUnscopables("flat"),polyfill}},"./node_modules/array.prototype.flatmap/auto.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/array.prototype.flatmap/shim.js")()},"./node_modules/array.prototype.flatmap/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),FlattenIntoArray=__webpack_require__("./node_modules/es-abstract/2021/FlattenIntoArray.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),ToLength=__webpack_require__("./node_modules/es-abstract/2021/ToLength.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js");module.exports=function flatMap(mapperFunction){var T,O=ToObject(this),sourceLen=ToLength(Get(O,"length"));if(!IsCallable(mapperFunction))throw new TypeError("mapperFunction must be a function");arguments.length>1&&(T=arguments[1]);var A=ArraySpeciesCreate(O,0);return FlattenIntoArray(A,O,sourceLen,0,1,mapperFunction,T),A}},"./node_modules/array.prototype.flatmap/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__("./node_modules/array.prototype.flatmap/implementation.js");module.exports=function getPolyfill(){return Array.prototype.flatMap||implementation}},"./node_modules/array.prototype.flatmap/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),shimUnscopables=__webpack_require__("./node_modules/es-shim-unscopables/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.flatmap/polyfill.js");module.exports=function shimFlatMap(){var polyfill=getPolyfill();return define(Array.prototype,{flatMap:polyfill},{flatMap:function(){return Array.prototype.flatMap!==polyfill}}),shimUnscopables("flatMap"),polyfill}},"./node_modules/array.prototype.map/implementation.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var ArraySpeciesCreate=__webpack_require__("./node_modules/es-abstract/2021/ArraySpeciesCreate.js"),Call=__webpack_require__("./node_modules/es-abstract/2021/Call.js"),CreateDataPropertyOrThrow=__webpack_require__("./node_modules/es-abstract/2021/CreateDataPropertyOrThrow.js"),Get=__webpack_require__("./node_modules/es-abstract/2021/Get.js"),HasProperty=__webpack_require__("./node_modules/es-abstract/2021/HasProperty.js"),IsCallable=__webpack_require__("./node_modules/es-abstract/2021/IsCallable.js"),ToUint32=__webpack_require__("./node_modules/es-abstract/2021/ToUint32.js"),ToObject=__webpack_require__("./node_modules/es-abstract/2021/ToObject.js"),ToString=__webpack_require__("./node_modules/es-abstract/2021/ToString.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),isString=__webpack_require__("./node_modules/is-string/index.js"),boxedString=Object("a"),splitString="a"!==boxedString[0]||!(0 in boxedString),strSplit=callBound("String.prototype.split");module.exports=function map(callbackfn){var T,O=ToObject(this),self=splitString&&isString(O)?strSplit(O,""):O,len=ToUint32(self.length);if(!IsCallable(callbackfn))throw new TypeError("Array.prototype.map callback must be a function");arguments.length>1&&(T=arguments[1]);for(var A=ArraySpeciesCreate(O,len),k=0;k{"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),RequireObjectCoercible=__webpack_require__("./node_modules/es-abstract/2021/RequireObjectCoercible.js"),callBound=__webpack_require__("./node_modules/call-bind/callBound.js"),implementation=__webpack_require__("./node_modules/array.prototype.map/implementation.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.map/polyfill.js"),polyfill=getPolyfill(),shim=__webpack_require__("./node_modules/array.prototype.map/shim.js"),$slice=callBound("Array.prototype.slice"),boundMapShim=function map(array,callbackfn){return RequireObjectCoercible(array),polyfill.apply(array,$slice(arguments,1))};define(boundMapShim,{getPolyfill,implementation,shim}),module.exports=boundMapShim},"./node_modules/array.prototype.map/polyfill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var arrayMethodBoxesProperly=__webpack_require__("./node_modules/es-array-method-boxes-properly/index.js"),implementation=__webpack_require__("./node_modules/array.prototype.map/implementation.js");module.exports=function getPolyfill(){var method=Array.prototype.map;return arrayMethodBoxesProperly(method)?method:implementation}},"./node_modules/array.prototype.map/shim.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__("./node_modules/define-properties/index.js"),getPolyfill=__webpack_require__("./node_modules/array.prototype.map/polyfill.js");module.exports=function shimArrayPrototypeMap(){var polyfill=getPolyfill();return define(Array.prototype,{map:polyfill},{map:function(){return Array.prototype.map!==polyfill}}),polyfill}},"./node_modules/asap/browser-asap.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var rawAsap=__webpack_require__("./node_modules/asap/browser-raw.js"),freeTasks=[],pendingErrors=[],requestErrorThrow=rawAsap.makeRequestCallFromTimer((function throwFirstError(){if(pendingErrors.length)throw pendingErrors.shift()}));function asap(task){var rawTask;(rawTask=freeTasks.length?freeTasks.pop():new RawTask).task=task,rawAsap(rawTask)}function RawTask(){this.task=null}module.exports=asap,RawTask.prototype.call=function(){try{this.task.call()}catch(error){asap.onerror?asap.onerror(error):(pendingErrors.push(error),requestErrorThrow())}finally{this.task=null,freeTasks[freeTasks.length]=this}}},"./node_modules/asap/browser-raw.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";function rawAsap(task){queue.length||(requestFlush(),!0),queue[queue.length]=task}module.exports=rawAsap;var requestFlush,queue=[],index=0,capacity=1024;function flush(){for(;indexcapacity){for(var scan=0,newLength=queue.length-index;scan{"use strict";var objectAssign=__webpack_require__("./node_modules/object-assign/index.js");function compare(a,b){if(a===b)return 0;for(var x=a.length,y=b.length,i=0,len=Math.min(x,y);i=0;i--)if(ka[i]!==kb[i])return!1;for(i=ka.length-1;i>=0;i--)if(!_deepEqual(a[key=ka[i]],b[key],strict,actualVisitedObjects))return!1;return!0}(actual,expected,strict,memos))}return strict?actual===expected:actual==expected}function isArguments(object){return"[object Arguments]"==Object.prototype.toString.call(object)}function expectedException(actual,expected){if(!actual||!expected)return!1;if("[object RegExp]"==Object.prototype.toString.call(expected))return expected.test(actual);try{if(actual instanceof expected)return!0}catch(e){}return!Error.isPrototypeOf(expected)&&!0===expected.call({},actual)}function _throws(shouldThrow,block,expected,message){var actual;if("function"!=typeof block)throw new TypeError('"block" argument must be a function');"string"==typeof expected&&(message=expected,expected=null),actual=function _tryBlock(block){var error;try{block()}catch(e){error=e}return error}(block),message=(expected&&expected.name?" ("+expected.name+").":".")+(message?" "+message:"."),shouldThrow&&!actual&&fail(actual,expected,"Missing expected exception"+message);var userProvidedMessage="string"==typeof message,isUnexpectedException=!shouldThrow&&actual&&!expected;if((!shouldThrow&&util.isError(actual)&&userProvidedMessage&&expectedException(actual,expected)||isUnexpectedException)&&fail(actual,expected,"Got unwanted exception"+message),shouldThrow&&actual&&expected&&!expectedException(actual,expected)||!shouldThrow&&actual)throw actual}assert.AssertionError=function AssertionError(options){this.name="AssertionError",this.actual=options.actual,this.expected=options.expected,this.operator=options.operator,options.message?(this.message=options.message,this.generatedMessage=!1):(this.message=function getMessage(self){return truncate(inspect(self.actual),128)+" "+self.operator+" "+truncate(inspect(self.expected),128)}(this),this.generatedMessage=!0);var stackStartFunction=options.stackStartFunction||fail;if(Error.captureStackTrace)Error.captureStackTrace(this,stackStartFunction);else{var err=new Error;if(err.stack){var out=err.stack,fn_name=getName(stackStartFunction),idx=out.indexOf("\n"+fn_name);if(idx>=0){var next_line=out.indexOf("\n",idx+1);out=out.substring(next_line+1)}this.stack=out}}},util.inherits(assert.AssertionError,Error),assert.fail=fail,assert.ok=ok,assert.equal=function equal(actual,expected,message){actual!=expected&&fail(actual,expected,message,"==",assert.equal)},assert.notEqual=function notEqual(actual,expected,message){actual==expected&&fail(actual,expected,message,"!=",assert.notEqual)},assert.deepEqual=function deepEqual(actual,expected,message){_deepEqual(actual,expected,!1)||fail(actual,expected,message,"deepEqual",assert.deepEqual)},assert.deepStrictEqual=function deepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)||fail(actual,expected,message,"deepStrictEqual",assert.deepStrictEqual)},assert.notDeepEqual=function notDeepEqual(actual,expected,message){_deepEqual(actual,expected,!1)&&fail(actual,expected,message,"notDeepEqual",assert.notDeepEqual)},assert.notDeepStrictEqual=function notDeepStrictEqual(actual,expected,message){_deepEqual(actual,expected,!0)&&fail(actual,expected,message,"notDeepStrictEqual",notDeepStrictEqual)},assert.strictEqual=function strictEqual(actual,expected,message){actual!==expected&&fail(actual,expected,message,"===",assert.strictEqual)},assert.notStrictEqual=function notStrictEqual(actual,expected,message){actual===expected&&fail(actual,expected,message,"!==",assert.notStrictEqual)},assert.throws=function(block,error,message){_throws(!0,block,error,message)},assert.doesNotThrow=function(block,error,message){_throws(!1,block,error,message)},assert.ifError=function(err){if(err)throw err},assert.strict=objectAssign((function strict(value,message){value||fail(value,!0,message,"==",strict)}),assert,{equal:assert.strictEqual,deepEqual:assert.deepStrictEqual,notEqual:assert.notStrictEqual,notDeepEqual:assert.notDeepStrictEqual}),assert.strict.strict=assert.strict;var objectKeys=Object.keys||function(obj){var keys=[];for(var key in obj)hasOwn.call(obj,key)&&keys.push(key);return keys}},"./node_modules/assert/node_modules/inherits/inherits_browser.js":module=>{"function"==typeof Object.create?module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor,ctor.prototype=Object.create(superCtor.prototype,{constructor:{value:ctor,enumerable:!1,writable:!0,configurable:!0}})}:module.exports=function inherits(ctor,superCtor){ctor.super_=superCtor;var TempCtor=function(){};TempCtor.prototype=superCtor.prototype,ctor.prototype=new TempCtor,ctor.prototype.constructor=ctor}},"./node_modules/assert/node_modules/util/support/isBufferBrowser.js":module=>{module.exports=function isBuffer(arg){return arg&&"object"==typeof arg&&"function"==typeof arg.copy&&"function"==typeof arg.fill&&"function"==typeof arg.readUInt8}},"./node_modules/assert/node_modules/util/util.js":(__unused_webpack_module,exports,__webpack_require__)=>{var process=__webpack_require__("./node_modules/process/browser.js"),formatRegExp=/%[sdj%]/g;exports.format=function(f){if(!isString(f)){for(var objects=[],i=0;i=len)return x;switch(x){case"%s":return String(args[i++]);case"%d":return Number(args[i++]);case"%j":try{return JSON.stringify(args[i++])}catch(_){return"[Circular]"}default:return x}})),x=args[i];i=3&&(ctx.depth=arguments[2]),arguments.length>=4&&(ctx.colors=arguments[3]),isBoolean(opts)?ctx.showHidden=opts:opts&&exports._extend(ctx,opts),isUndefined(ctx.showHidden)&&(ctx.showHidden=!1),isUndefined(ctx.depth)&&(ctx.depth=2),isUndefined(ctx.colors)&&(ctx.colors=!1),isUndefined(ctx.customInspect)&&(ctx.customInspect=!0),ctx.colors&&(ctx.stylize=stylizeWithColor),formatValue(ctx,obj,ctx.depth)}function stylizeWithColor(str,styleType){var style=inspect.styles[styleType];return style?"["+inspect.colors[style][0]+"m"+str+"["+inspect.colors[style][1]+"m":str}function stylizeNoColor(str,styleType){return str}function formatValue(ctx,value,recurseTimes){if(ctx.customInspect&&value&&isFunction(value.inspect)&&value.inspect!==exports.inspect&&(!value.constructor||value.constructor.prototype!==value)){var ret=value.inspect(recurseTimes,ctx);return isString(ret)||(ret=formatValue(ctx,ret,recurseTimes)),ret}var primitive=function formatPrimitive(ctx,value){if(isUndefined(value))return ctx.stylize("undefined","undefined");if(isString(value)){var simple="'"+JSON.stringify(value).replace(/^"|"$/g,"").replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return ctx.stylize(simple,"string")}if(isNumber(value))return ctx.stylize(""+value,"number");if(isBoolean(value))return ctx.stylize(""+value,"boolean");if(isNull(value))return ctx.stylize("null","null")}(ctx,value);if(primitive)return primitive;var keys=Object.keys(value),visibleKeys=function arrayToHash(array){var hash={};return array.forEach((function(val,idx){hash[val]=!0})),hash}(keys);if(ctx.showHidden&&(keys=Object.getOwnPropertyNames(value)),isError(value)&&(keys.indexOf("message")>=0||keys.indexOf("description")>=0))return formatError(value);if(0===keys.length){if(isFunction(value)){var name=value.name?": "+value.name:"";return ctx.stylize("[Function"+name+"]","special")}if(isRegExp(value))return ctx.stylize(RegExp.prototype.toString.call(value),"regexp");if(isDate(value))return ctx.stylize(Date.prototype.toString.call(value),"date");if(isError(value))return formatError(value)}var output,base="",array=!1,braces=["{","}"];(isArray(value)&&(array=!0,braces=["[","]"]),isFunction(value))&&(base=" [Function"+(value.name?": "+value.name:"")+"]");return isRegExp(value)&&(base=" "+RegExp.prototype.toString.call(value)),isDate(value)&&(base=" "+Date.prototype.toUTCString.call(value)),isError(value)&&(base=" "+formatError(value)),0!==keys.length||array&&0!=value.length?recurseTimes<0?isRegExp(value)?ctx.stylize(RegExp.prototype.toString.call(value),"regexp"):ctx.stylize("[Object]","special"):(ctx.seen.push(value),output=array?function formatArray(ctx,value,recurseTimes,visibleKeys,keys){for(var output=[],i=0,l=value.length;i=0&&0,prev+cur.replace(/\u001b\[\d\d?m/g,"").length+1}),0);if(length>60)return braces[0]+(""===base?"":base+"\n ")+" "+output.join(",\n ")+" "+braces[1];return braces[0]+base+" "+output.join(", ")+" "+braces[1]}(output,base,braces)):braces[0]+base+braces[1]}function formatError(value){return"["+Error.prototype.toString.call(value)+"]"}function formatProperty(ctx,value,recurseTimes,visibleKeys,key,array){var name,str,desc;if((desc=Object.getOwnPropertyDescriptor(value,key)||{value:value[key]}).get?str=desc.set?ctx.stylize("[Getter/Setter]","special"):ctx.stylize("[Getter]","special"):desc.set&&(str=ctx.stylize("[Setter]","special")),hasOwnProperty(visibleKeys,key)||(name="["+key+"]"),str||(ctx.seen.indexOf(desc.value)<0?(str=isNull(recurseTimes)?formatValue(ctx,desc.value,null):formatValue(ctx,desc.value,recurseTimes-1)).indexOf("\n")>-1&&(str=array?str.split("\n").map((function(line){return" "+line})).join("\n").substr(2):"\n"+str.split("\n").map((function(line){return" "+line})).join("\n")):str=ctx.stylize("[Circular]","special")),isUndefined(name)){if(array&&key.match(/^\d+$/))return str;(name=JSON.stringify(""+key)).match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)?(name=name.substr(1,name.length-2),name=ctx.stylize(name,"name")):(name=name.replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'"),name=ctx.stylize(name,"string"))}return name+": "+str}function isArray(ar){return Array.isArray(ar)}function isBoolean(arg){return"boolean"==typeof arg}function isNull(arg){return null===arg}function isNumber(arg){return"number"==typeof arg}function isString(arg){return"string"==typeof arg}function isUndefined(arg){return void 0===arg}function isRegExp(re){return isObject(re)&&"[object RegExp]"===objectToString(re)}function isObject(arg){return"object"==typeof arg&&null!==arg}function isDate(d){return isObject(d)&&"[object Date]"===objectToString(d)}function isError(e){return isObject(e)&&("[object Error]"===objectToString(e)||e instanceof Error)}function isFunction(arg){return"function"==typeof arg}function objectToString(o){return Object.prototype.toString.call(o)}function pad(n){return n<10?"0"+n.toString(10):n.toString(10)}exports.debuglog=function(set){if(isUndefined(debugEnviron)&&(debugEnviron=process.env.NODE_DEBUG||""),set=set.toUpperCase(),!debugs[set])if(new RegExp("\\b"+set+"\\b","i").test(debugEnviron)){var pid=process.pid;debugs[set]=function(){var msg=exports.format.apply(exports,arguments);console.error("%s %d: %s",set,pid,msg)}}else debugs[set]=function(){};return debugs[set]},exports.inspect=inspect,inspect.colors={bold:[1,22],italic:[3,23],underline:[4,24],inverse:[7,27],white:[37,39],grey:[90,39],black:[30,39],blue:[34,39],cyan:[36,39],green:[32,39],magenta:[35,39],red:[31,39],yellow:[33,39]},inspect.styles={special:"cyan",number:"yellow",boolean:"yellow",undefined:"grey",null:"bold",string:"green",date:"magenta",regexp:"red"},exports.isArray=isArray,exports.isBoolean=isBoolean,exports.isNull=isNull,exports.isNullOrUndefined=function isNullOrUndefined(arg){return null==arg},exports.isNumber=isNumber,exports.isString=isString,exports.isSymbol=function isSymbol(arg){return"symbol"==typeof arg},exports.isUndefined=isUndefined,exports.isRegExp=isRegExp,exports.isObject=isObject,exports.isDate=isDate,exports.isError=isError,exports.isFunction=isFunction,exports.isPrimitive=function isPrimitive(arg){return null===arg||"boolean"==typeof arg||"number"==typeof arg||"string"==typeof arg||"symbol"==typeof arg||void 0===arg},exports.isBuffer=__webpack_require__("./node_modules/assert/node_modules/util/support/isBufferBrowser.js");var months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function hasOwnProperty(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)}exports.log=function(){console.log("%s - %s",function timestamp(){var d=new Date,time=[pad(d.getHours()),pad(d.getMinutes()),pad(d.getSeconds())].join(":");return[d.getDate(),months[d.getMonth()],time].join(" ")}(),exports.format.apply(exports,arguments))},exports.inherits=__webpack_require__("./node_modules/assert/node_modules/inherits/inherits_browser.js"),exports._extend=function(origin,add){if(!add||!isObject(add))return origin;for(var keys=Object.keys(add),i=keys.length;i--;)origin[keys[i]]=add[keys[i]];return origin}},"./node_modules/@storybook/react/node_modules/acorn-jsx/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _defineProperties(target,props){for(var i=0;i...",!0,!0),tokContexts={tc_oTag,tc_cTag,tc_expr},tokTypes={jsxName:new TokenType("jsxName"),jsxText:new TokenType("jsxText",{beforeExpr:!0}),jsxTagStart:new TokenType("jsxTagStart",{startsExpr:!0}),jsxTagEnd:new TokenType("jsxTagEnd")};tokTypes.jsxTagStart.updateContext=function(){this.context.push(tc_expr),this.context.push(tc_oTag),this.exprAllowed=!1},tokTypes.jsxTagEnd.updateContext=function(prevType){var out=this.context.pop();out===tc_oTag&&prevType===tt.slash||out===tc_cTag?(this.context.pop(),this.exprAllowed=this.curContext()===tc_expr):this.exprAllowed=!0},acornJsx={tokContexts,tokTypes},acornJsxMap.set(acorn,acornJsx)}return acornJsx}function getQualifiedJSXName(object){return object?"JSXIdentifier"===object.type?object.name:"JSXNamespacedName"===object.type?object.namespace.name+":"+object.name.name:"JSXMemberExpression"===object.type?getQualifiedJSXName(object.object)+"."+getQualifiedJSXName(object.property):void 0:object}module.exports=function(options){return options=options||{},function(Parser){return function plugin(options,Parser){var acorn=Parser.acorn||__webpack_require__("./node_modules/@storybook/react/node_modules/acorn/dist/acorn.mjs"),acornJsx=getJsxTokens(acorn),tt=acorn.tokTypes,tok=acornJsx.tokTypes,tokContexts=acorn.tokContexts,tc_oTag=acornJsx.tokContexts.tc_oTag,tc_cTag=acornJsx.tokContexts.tc_cTag,tc_expr=acornJsx.tokContexts.tc_expr,isNewLine=acorn.isNewLine,isIdentifierStart=acorn.isIdentifierStart,isIdentifierChar=acorn.isIdentifierChar;return function(_Parser){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(_class,_Parser);var _super=_createSuper(_class);function _class(){return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,_class),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(_class,[{key:"jsx_readToken",value:function jsx_readToken(){for(var out="",chunkStart=this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated JSX contents");var ch=this.input.charCodeAt(this.pos);switch(ch){case 60:case 123:return this.pos===this.start?60===ch&&this.exprAllowed?(++this.pos,this.finishToken(tok.jsxTagStart)):this.getTokenFromCode(ch):(out+=this.input.slice(chunkStart,this.pos),this.finishToken(tok.jsxText,out));case 38:out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readEntity(),chunkStart=this.pos;break;case 62:case 125:this.raise(this.pos,"Unexpected token `"+this.input[this.pos]+"`. Did you mean `"+(62===ch?">":"}")+'` or `{"'+this.input[this.pos]+'"}`?');default:isNewLine(ch)?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readNewLine(!0),chunkStart=this.pos):++this.pos}}}},{key:"jsx_readNewLine",value:function jsx_readNewLine(normalizeCRLF){var out,ch=this.input.charCodeAt(this.pos);return++this.pos,13===ch&&10===this.input.charCodeAt(this.pos)?(++this.pos,out=normalizeCRLF?"\n":"\r\n"):out=String.fromCharCode(ch),this.options.locations&&(++this.curLine,this.lineStart=this.pos),out}},{key:"jsx_readString",value:function jsx_readString(quote){for(var out="",chunkStart=++this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated string constant");var ch=this.input.charCodeAt(this.pos);if(ch===quote)break;38===ch?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readEntity(),chunkStart=this.pos):isNewLine(ch)?(out+=this.input.slice(chunkStart,this.pos),out+=this.jsx_readNewLine(!1),chunkStart=this.pos):++this.pos}return out+=this.input.slice(chunkStart,this.pos++),this.finishToken(tt.string,out)}},{key:"jsx_readEntity",value:function jsx_readEntity(){var entity,str="",count=0,ch=this.input[this.pos];"&"!==ch&&this.raise(this.pos,"Entity must start with an ampersand");for(var startPos=++this.pos;this.pos")}var fragmentOrElement=openingElement.name?"Element":"Fragment";return node["opening"+fragmentOrElement]=openingElement,node["closing"+fragmentOrElement]=closingElement,node.children=children,this.type===tt.relational&&"<"===this.value&&this.raise(this.start,"Adjacent JSX elements must be wrapped in an enclosing tag"),this.finishNode(node,"JSX"+fragmentOrElement)}},{key:"jsx_parseText",value:function jsx_parseText(){var node=this.parseLiteral(this.value);return node.type="JSXText",node}},{key:"jsx_parseElement",value:function jsx_parseElement(){var startPos=this.start,startLoc=this.startLoc;return this.next(),this.jsx_parseElementAt(startPos,startLoc)}},{key:"parseExprAtom",value:function parseExprAtom(refShortHandDefaultPos){return this.type===tok.jsxText?this.jsx_parseText():this.type===tok.jsxTagStart?this.jsx_parseElement():_get(_getPrototypeOf(_class.prototype),"parseExprAtom",this).call(this,refShortHandDefaultPos)}},{key:"readToken",value:function readToken(code){var context=this.curContext();if(context===tc_expr)return this.jsx_readToken();if(context===tc_oTag||context===tc_cTag){if(isIdentifierStart(code))return this.jsx_readWord();if(62==code)return++this.pos,this.finishToken(tok.jsxTagEnd);if((34===code||39===code)&&context==tc_oTag)return this.jsx_readString(code)}return 60===code&&this.exprAllowed&&33!==this.input.charCodeAt(this.pos+1)?(++this.pos,this.finishToken(tok.jsxTagStart)):_get(_getPrototypeOf(_class.prototype),"readToken",this).call(this,code)}},{key:"updateContext",value:function updateContext(prevType){if(this.type==tt.braceL){var curContext=this.curContext();curContext==tc_oTag?this.context.push(tokContexts.b_expr):curContext==tc_expr?this.context.push(tokContexts.b_tmpl):_get(_getPrototypeOf(_class.prototype),"updateContext",this).call(this,prevType),this.exprAllowed=!0}else{if(this.type!==tt.slash||prevType!==tok.jsxTagStart)return _get(_getPrototypeOf(_class.prototype),"updateContext",this).call(this,prevType);this.context.length-=2,this.context.push(tc_cTag),this.exprAllowed=!1}}}],[{key:"acornJsx",get:function get(){return acornJsx}}]),_class}(Parser)}({allowNamespaces:!1!==options.allowNamespaces,allowNamespacedObjects:!!options.allowNamespacedObjects},Parser)}},Object.defineProperty(module.exports,"tokTypes",{get:function get_tokTypes(){return getJsxTokens(__webpack_require__("./node_modules/@storybook/react/node_modules/acorn/dist/acorn.mjs")).tokTypes},configurable:!0,enumerable:!0})},"./node_modules/@storybook/react/node_modules/acorn-jsx/xhtml.js":module=>{"use strict";module.exports={quot:'"',amp:"&",apos:"'",lt:"<",gt:">",nbsp:" ",iexcl:"¡",cent:"¢",pound:"£",curren:"¤",yen:"¥",brvbar:"¦",sect:"§",uml:"¨",copy:"©",ordf:"ª",laquo:"«",not:"¬",shy:"­",reg:"®",macr:"¯",deg:"°",plusmn:"±",sup2:"²",sup3:"³",acute:"´",micro:"µ",para:"¶",middot:"·",cedil:"¸",sup1:"¹",ordm:"º",raquo:"»",frac14:"¼",frac12:"½",frac34:"¾",iquest:"¿",Agrave:"À",Aacute:"Á",Acirc:"Â",Atilde:"Ã",Auml:"Ä",Aring:"Å",AElig:"Æ",Ccedil:"Ç",Egrave:"È",Eacute:"É",Ecirc:"Ê",Euml:"Ë",Igrave:"Ì",Iacute:"Í",Icirc:"Î",Iuml:"Ï",ETH:"Ð",Ntilde:"Ñ",Ograve:"Ò",Oacute:"Ó",Ocirc:"Ô",Otilde:"Õ",Ouml:"Ö",times:"×",Oslash:"Ø",Ugrave:"Ù",Uacute:"Ú",Ucirc:"Û",Uuml:"Ü",Yacute:"Ý",THORN:"Þ",szlig:"ß",agrave:"à",aacute:"á",acirc:"â",atilde:"ã",auml:"ä",aring:"å",aelig:"æ",ccedil:"ç",egrave:"è",eacute:"é",ecirc:"ê",euml:"ë",igrave:"ì",iacute:"í",icirc:"î",iuml:"ï",eth:"ð",ntilde:"ñ",ograve:"ò",oacute:"ó",ocirc:"ô",otilde:"õ",ouml:"ö",divide:"÷",oslash:"ø",ugrave:"ù",uacute:"ú",ucirc:"û",uuml:"ü",yacute:"ý",thorn:"þ",yuml:"ÿ",OElig:"Œ",oelig:"œ",Scaron:"Š",scaron:"š",Yuml:"Ÿ",fnof:"ƒ",circ:"ˆ",tilde:"˜",Alpha:"Α",Beta:"Β",Gamma:"Γ",Delta:"Δ",Epsilon:"Ε",Zeta:"Ζ",Eta:"Η",Theta:"Θ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Xi:"Ξ",Omicron:"Ο",Pi:"Π",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Upsilon:"Υ",Phi:"Φ",Chi:"Χ",Psi:"Ψ",Omega:"Ω",alpha:"α",beta:"β",gamma:"γ",delta:"δ",epsilon:"ε",zeta:"ζ",eta:"η",theta:"θ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",xi:"ξ",omicron:"ο",pi:"π",rho:"ρ",sigmaf:"ς",sigma:"σ",tau:"τ",upsilon:"υ",phi:"φ",chi:"χ",psi:"ψ",omega:"ω",thetasym:"ϑ",upsih:"ϒ",piv:"ϖ",ensp:" ",emsp:" ",thinsp:" ",zwnj:"‌",zwj:"‍",lrm:"‎",rlm:"‏",ndash:"–",mdash:"—",lsquo:"‘",rsquo:"’",sbquo:"‚",ldquo:"“",rdquo:"”",bdquo:"„",dagger:"†",Dagger:"‡",bull:"•",hellip:"…",permil:"‰",prime:"′",Prime:"″",lsaquo:"‹",rsaquo:"›",oline:"‾",frasl:"⁄",euro:"€",image:"ℑ",weierp:"℘",real:"ℜ",trade:"™",alefsym:"ℵ",larr:"←",uarr:"↑",rarr:"→",darr:"↓",harr:"↔",crarr:"↵",lArr:"⇐",uArr:"⇑",rArr:"⇒",dArr:"⇓",hArr:"⇔",forall:"∀",part:"∂",exist:"∃",empty:"∅",nabla:"∇",isin:"∈",notin:"∉",ni:"∋",prod:"∏",sum:"∑",minus:"−",lowast:"∗",radic:"√",prop:"∝",infin:"∞",ang:"∠",and:"∧",or:"∨",cap:"∩",cup:"∪",int:"∫",there4:"∴",sim:"∼",cong:"≅",asymp:"≈",ne:"≠",equiv:"≡",le:"≤",ge:"≥",sub:"⊂",sup:"⊃",nsub:"⊄",sube:"⊆",supe:"⊇",oplus:"⊕",otimes:"⊗",perp:"⊥",sdot:"⋅",lceil:"⌈",rceil:"⌉",lfloor:"⌊",rfloor:"⌋",lang:"〈",rang:"〉",loz:"◊",spades:"♠",clubs:"♣",hearts:"♥",diams:"♦"}},"./node_modules/react-router-dom/esm/react-router-dom.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{rU:()=>Link});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var react_router__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react-router/esm/react-router.js"),_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"),react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),history__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/history/esm/history.js"),_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),tiny_invariant__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/tiny-invariant/dist/tiny-invariant.esm.js");react__WEBPACK_IMPORTED_MODULE_5__.Component;react__WEBPACK_IMPORTED_MODULE_5__.Component;var resolveToLocation=function resolveToLocation(to,currentLocation){return"function"==typeof to?to(currentLocation):to},normalizeToLocation=function normalizeToLocation(to,currentLocation){return"string"==typeof to?(0,history__WEBPACK_IMPORTED_MODULE_7__.ob)(to,null,null,currentLocation):to},forwardRefShim=function forwardRefShim(C){return C},forwardRef=react__WEBPACK_IMPORTED_MODULE_5__.forwardRef;void 0===forwardRef&&(forwardRef=forwardRefShim);var LinkAnchor=forwardRef((function(_ref,forwardedRef){var innerRef=_ref.innerRef,navigate=_ref.navigate,_onClick=_ref.onClick,rest=(0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref,["innerRef","navigate","onClick"]),target=rest.target,props=(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__.Z)({},rest,{onClick:function onClick(event){try{_onClick&&_onClick(event)}catch(ex){throw event.preventDefault(),ex}event.defaultPrevented||0!==event.button||target&&"_self"!==target||function isModifiedEvent(event){return!!(event.metaKey||event.altKey||event.ctrlKey||event.shiftKey)}(event)||(event.preventDefault(),navigate())}});return props.ref=forwardRefShim!==forwardRef&&forwardedRef||innerRef,react__WEBPACK_IMPORTED_MODULE_5__.createElement("a",props)}));var Link=forwardRef((function(_ref2,forwardedRef){var _ref2$component=_ref2.component,component=void 0===_ref2$component?LinkAnchor:_ref2$component,replace=_ref2.replace,to=_ref2.to,innerRef=_ref2.innerRef,rest=(0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref2,["component","replace","to","innerRef"]);return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react_router__WEBPACK_IMPORTED_MODULE_8__.s6.Consumer,null,(function(context){context||(0,tiny_invariant__WEBPACK_IMPORTED_MODULE_11__.Z)(!1);var history=context.history,location=normalizeToLocation(resolveToLocation(to,context.location),context.location),href=location?history.createHref(location):"",props=(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__.Z)({},rest,{href,navigate:function navigate(){var location=resolveToLocation(to,context.location),isDuplicateNavigation=(0,history__WEBPACK_IMPORTED_MODULE_7__.Ep)(context.location)===(0,history__WEBPACK_IMPORTED_MODULE_7__.Ep)(normalizeToLocation(location));(replace||isDuplicateNavigation?history.replace:history.push)(location)}});return forwardRefShim!==forwardRef?props.ref=forwardedRef||innerRef:props.innerRef=innerRef,react__WEBPACK_IMPORTED_MODULE_5__.createElement(component,props)}))})),forwardRefShim$1=function forwardRefShim(C){return C},forwardRef$1=react__WEBPACK_IMPORTED_MODULE_5__.forwardRef;void 0===forwardRef$1&&(forwardRef$1=forwardRefShim$1);forwardRef$1((function(_ref,forwardedRef){var _ref$ariaCurrent=_ref["aria-current"],ariaCurrent=void 0===_ref$ariaCurrent?"page":_ref$ariaCurrent,_ref$activeClassName=_ref.activeClassName,activeClassName=void 0===_ref$activeClassName?"active":_ref$activeClassName,activeStyle=_ref.activeStyle,classNameProp=_ref.className,exact=_ref.exact,isActiveProp=_ref.isActive,locationProp=_ref.location,sensitive=_ref.sensitive,strict=_ref.strict,styleProp=_ref.style,to=_ref.to,innerRef=_ref.innerRef,rest=(0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react_router__WEBPACK_IMPORTED_MODULE_8__.s6.Consumer,null,(function(context){context||(0,tiny_invariant__WEBPACK_IMPORTED_MODULE_11__.Z)(!1);var currentLocation=locationProp||context.location,toLocation=normalizeToLocation(resolveToLocation(to,currentLocation),currentLocation),path=toLocation.pathname,escapedPath=path&&path.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),match=escapedPath?(0,react_router__WEBPACK_IMPORTED_MODULE_8__.LX)(currentLocation.pathname,{path:escapedPath,exact,sensitive,strict}):null,isActive=!!(isActiveProp?isActiveProp(match,currentLocation):match),className="function"==typeof classNameProp?classNameProp(isActive):classNameProp,style="function"==typeof styleProp?styleProp(isActive):styleProp;isActive&&(className=function joinClassnames(){for(var _len=arguments.length,classnames=new Array(_len),_key=0;_key<_len;_key++)classnames[_key]=arguments[_key];return classnames.filter((function(i){return i})).join(" ")}(className,activeClassName),style=(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__.Z)({},style,activeStyle));var props=(0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__.Z)({"aria-current":isActive&&ariaCurrent||null,className,style,to:toLocation},rest);return forwardRefShim$1!==forwardRef$1?props.ref=forwardedRef||innerRef:props.innerRef=innerRef,react__WEBPACK_IMPORTED_MODULE_5__.createElement(Link,props)}))}))},"./node_modules/react-router/esm/react-router.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{F0:()=>Router,s6:()=>context,LX:()=>matchPath,EN:()=>withRouter});__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var inheritsLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"),react=__webpack_require__("./node_modules/react/index.js"),esm_history=__webpack_require__("./node_modules/history/esm/history.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),MAX_SIGNED_31_BIT_INT=1073741823,commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==__webpack_require__.g?__webpack_require__.g:{};var index=react.createContext||function createReactContext(defaultValue,calculateChangedBits){var _Provider$childContex,_Consumer$contextType,contextProp="__create-react-context-"+function getUniqueId(){var key="__global_unique_id__";return commonjsGlobal[key]=(commonjsGlobal[key]||0)+1}()+"__",Provider=function(_Component){function Provider(){var _this;return(_this=_Component.apply(this,arguments)||this).emitter=function createEventEmitter(value){var handlers=[];return{on:function on(handler){handlers.push(handler)},off:function off(handler){handlers=handlers.filter((function(h){return h!==handler}))},get:function get(){return value},set:function set(newValue,changedBits){value=newValue,handlers.forEach((function(handler){return handler(value,changedBits)}))}}}(_this.props.value),_this}(0,inheritsLoose.Z)(Provider,_Component);var _proto=Provider.prototype;return _proto.getChildContext=function getChildContext(){var _ref;return(_ref={})[contextProp]=this.emitter,_ref},_proto.componentWillReceiveProps=function componentWillReceiveProps(nextProps){if(this.props.value!==nextProps.value){var changedBits,oldValue=this.props.value,newValue=nextProps.value;!function objectIs(x,y){return x===y?0!==x||1/x==1/y:x!=x&&y!=y}(oldValue,newValue)?(changedBits="function"==typeof calculateChangedBits?calculateChangedBits(oldValue,newValue):MAX_SIGNED_31_BIT_INT,0!==(changedBits|=0)&&this.emitter.set(nextProps.value,changedBits)):changedBits=0}},_proto.render=function render(){return this.props.children},Provider}(react.Component);Provider.childContextTypes=((_Provider$childContex={})[contextProp]=prop_types_default().object.isRequired,_Provider$childContex);var Consumer=function(_Component2){function Consumer(){var _this2;return(_this2=_Component2.apply(this,arguments)||this).state={value:_this2.getValue()},_this2.onUpdate=function(newValue,changedBits){0!=((0|_this2.observedBits)&changedBits)&&_this2.setState({value:_this2.getValue()})},_this2}(0,inheritsLoose.Z)(Consumer,_Component2);var _proto2=Consumer.prototype;return _proto2.componentWillReceiveProps=function componentWillReceiveProps(nextProps){var observedBits=nextProps.observedBits;this.observedBits=null==observedBits?MAX_SIGNED_31_BIT_INT:observedBits},_proto2.componentDidMount=function componentDidMount(){this.context[contextProp]&&this.context[contextProp].on(this.onUpdate);var observedBits=this.props.observedBits;this.observedBits=null==observedBits?MAX_SIGNED_31_BIT_INT:observedBits},_proto2.componentWillUnmount=function componentWillUnmount(){this.context[contextProp]&&this.context[contextProp].off(this.onUpdate)},_proto2.getValue=function getValue(){return this.context[contextProp]?this.context[contextProp].get():defaultValue},_proto2.render=function render(){return function onlyChild(children){return Array.isArray(children)?children[0]:children}(this.props.children)(this.state.value)},Consumer}(react.Component);return Consumer.contextTypes=((_Consumer$contextType={})[contextProp]=prop_types_default().object,_Consumer$contextType),{Provider,Consumer}};const esm=index;var tiny_invariant_esm=__webpack_require__("./node_modules/tiny-invariant/dist/tiny-invariant.esm.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),path_to_regexp=__webpack_require__("./node_modules/react-router/node_modules/path-to-regexp/index.js"),path_to_regexp_default=__webpack_require__.n(path_to_regexp),objectWithoutPropertiesLoose=(__webpack_require__("./node_modules/react-is/index.js"),__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js")),hoist_non_react_statics_cjs=__webpack_require__("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),hoist_non_react_statics_cjs_default=__webpack_require__.n(hoist_non_react_statics_cjs),createNamedContext=function createNamedContext(name){var context=esm();return context.displayName=name,context},historyContext=createNamedContext("Router-History"),context=createNamedContext("Router"),Router=function(_React$Component){function Router(props){var _this;return(_this=_React$Component.call(this,props)||this).state={location:props.history.location},_this._isMounted=!1,_this._pendingLocation=null,props.staticContext||(_this.unlisten=props.history.listen((function(location){_this._isMounted?_this.setState({location}):_this._pendingLocation=location}))),_this}(0,inheritsLoose.Z)(Router,_React$Component),Router.computeRootMatch=function computeRootMatch(pathname){return{path:"/",url:"/",params:{},isExact:"/"===pathname}};var _proto=Router.prototype;return _proto.componentDidMount=function componentDidMount(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},_proto.componentWillUnmount=function componentWillUnmount(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},_proto.render=function render(){return react.createElement(context.Provider,{value:{history:this.props.history,location:this.state.location,match:Router.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},react.createElement(historyContext.Provider,{children:this.props.children||null,value:this.props.history}))},Router}(react.Component);react.Component;react.Component;var cache$1={},cacheLimit$1=1e4,cacheCount$1=0;function matchPath(pathname,options){void 0===options&&(options={}),("string"==typeof options||Array.isArray(options))&&(options={path:options});var _options=options,path=_options.path,_options$exact=_options.exact,exact=void 0!==_options$exact&&_options$exact,_options$strict=_options.strict,strict=void 0!==_options$strict&&_options$strict,_options$sensitive=_options.sensitive,sensitive=void 0!==_options$sensitive&&_options$sensitive;return[].concat(path).reduce((function(matched,path){if(!path&&""!==path)return null;if(matched)return matched;var _compilePath=function compilePath$1(path,options){var cacheKey=""+options.end+options.strict+options.sensitive,pathCache=cache$1[cacheKey]||(cache$1[cacheKey]={});if(pathCache[path])return pathCache[path];var keys=[],result={regexp:path_to_regexp_default()(path,keys,options),keys};return cacheCount$1{__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),module.exports=Array.isArray||function(arr){return"[object Array]"==Object.prototype.toString.call(arr)}},"./node_modules/react-router/node_modules/path-to-regexp/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.repeat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js");var isarray=__webpack_require__("./node_modules/react-router/node_modules/isarray/index.js");module.exports=pathToRegexp,module.exports.parse=parse,module.exports.compile=function compile(str,options){return tokensToFunction(parse(str,options),options)},module.exports.tokensToFunction=tokensToFunction,module.exports.tokensToRegExp=tokensToRegExp;var PATH_REGEXP=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function parse(str,options){for(var res,tokens=[],key=0,index=0,path="",defaultDelimiter=options&&options.delimiter||"/";null!=(res=PATH_REGEXP.exec(str));){var m=res[0],escaped=res[1],offset=res.index;if(path+=str.slice(index,offset),index=offset+m.length,escaped)path+=escaped[1];else{var next=str[index],prefix=res[2],name=res[3],capture=res[4],group=res[5],modifier=res[6],asterisk=res[7];path&&(tokens.push(path),path="");var partial=null!=prefix&&null!=next&&next!==prefix,repeat="+"===modifier||"*"===modifier,optional="?"===modifier||"*"===modifier,delimiter=res[2]||defaultDelimiter,pattern=capture||group;tokens.push({name:name||key++,prefix:prefix||"",delimiter,optional,repeat,partial,asterisk:!!asterisk,pattern:pattern?escapeGroup(pattern):asterisk?".*":"[^"+escapeString(delimiter)+"]+?"})}}return index{"use strict";__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),module.exports=function(path){var isExtendedLengthPath=/^\\\\\?\\/.test(path),hasNonAscii=/[^\u0000-\u0080]+/.test(path);return isExtendedLengthPath||hasNonAscii?path:path.replace(/\\/g,"/")}},"./node_modules/call-bind/callBound.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),callBind=__webpack_require__("./node_modules/call-bind/index.js"),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name,allowMissing){var intrinsic=GetIntrinsic(name,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name,".prototype.")>-1?callBind(intrinsic):intrinsic}},"./node_modules/call-bind/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var bind=__webpack_require__("./node_modules/function-bind/index.js"),GetIntrinsic=__webpack_require__("./node_modules/get-intrinsic/index.js"),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);$gOPD&&$defineProperty&&($gOPD(func,"length").configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))}));return func};var applyBind=function applyBind(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;function classNames(){for(var arg,classes="",i=0;i{var parent=__webpack_require__("./node_modules/core-js/stable/symbol/index.js");module.exports=parent},"./node_modules/core-js/es/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.has-instance.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.is-concat-spreadable.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.match.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.match-all.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.search.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.species.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.split.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.unscopables.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.to-string-tag.js");var path=__webpack_require__("./node_modules/core-js/internals/path.js");module.exports=path.Symbol},"./node_modules/core-js/features/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{__webpack_require__("./node_modules/core-js/full/symbol/index.js")},"./node_modules/core-js/full/symbol/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{var parent=__webpack_require__("./node_modules/core-js/actual/symbol/index.js");__webpack_require__("./node_modules/core-js/modules/esnext.symbol.async-dispose.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.dispose.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.matcher.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.metadata.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.observable.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.pattern-match.js"),__webpack_require__("./node_modules/core-js/modules/esnext.symbol.replace-all.js"),module.exports=parent},"./node_modules/core-js/internals/a-callable.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),tryToString=__webpack_require__("./node_modules/core-js/internals/try-to-string.js"),TypeError=global.TypeError;module.exports=function(argument){if(isCallable(argument))return argument;throw TypeError(tryToString(argument)+" is not a function")}},"./node_modules/core-js/internals/a-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isConstructor=__webpack_require__("./node_modules/core-js/internals/is-constructor.js"),tryToString=__webpack_require__("./node_modules/core-js/internals/try-to-string.js"),TypeError=global.TypeError;module.exports=function(argument){if(isConstructor(argument))return argument;throw TypeError(tryToString(argument)+" is not a constructor")}},"./node_modules/core-js/internals/a-possible-prototype.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),String=global.String,TypeError=global.TypeError;module.exports=function(argument){if("object"==typeof argument||isCallable(argument))return argument;throw TypeError("Can't set "+String(argument)+" as a prototype")}},"./node_modules/core-js/internals/add-to-unscopables.js":(module,__unused_webpack_exports,__webpack_require__)=>{var wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),UNSCOPABLES=wellKnownSymbol("unscopables"),ArrayPrototype=Array.prototype;null==ArrayPrototype[UNSCOPABLES]&&definePropertyModule.f(ArrayPrototype,UNSCOPABLES,{configurable:!0,value:create(null)}),module.exports=function(key){ArrayPrototype[UNSCOPABLES][key]=!0}},"./node_modules/core-js/internals/advance-string-index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var charAt=__webpack_require__("./node_modules/core-js/internals/string-multibyte.js").charAt;module.exports=function(S,index,unicode){return index+(unicode?charAt(S,index).length:1)}},"./node_modules/core-js/internals/an-instance.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-is-prototype-of.js"),TypeError=global.TypeError;module.exports=function(it,Prototype){if(isPrototypeOf(Prototype,it))return it;throw TypeError("Incorrect invocation")}},"./node_modules/core-js/internals/an-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),String=global.String,TypeError=global.TypeError;module.exports=function(argument){if(isObject(argument))return argument;throw TypeError(String(argument)+" is not an object")}},"./node_modules/core-js/internals/array-buffer-non-extensible.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=fails((function(){if("function"==typeof ArrayBuffer){var buffer=new ArrayBuffer(8);Object.isExtensible(buffer)&&Object.defineProperty(buffer,"a",{value:8})}}))},"./node_modules/core-js/internals/array-fill.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js");module.exports=function fill(value){for(var O=toObject(this),length=lengthOfArrayLike(O),argumentsLength=arguments.length,index=toAbsoluteIndex(argumentsLength>1?arguments[1]:void 0,length),end=argumentsLength>2?arguments[2]:void 0,endPos=void 0===end?length:toAbsoluteIndex(end,length);endPos>index;)O[index++]=value;return O}},"./node_modules/core-js/internals/array-for-each.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $forEach=__webpack_require__("./node_modules/core-js/internals/array-iteration.js").forEach,STRICT_METHOD=__webpack_require__("./node_modules/core-js/internals/array-method-is-strict.js")("forEach");module.exports=STRICT_METHOD?[].forEach:function forEach(callbackfn){return $forEach(this,callbackfn,arguments.length>1?arguments[1]:void 0)}},"./node_modules/core-js/internals/array-from.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),callWithSafeIterationClosing=__webpack_require__("./node_modules/core-js/internals/call-with-safe-iteration-closing.js"),isArrayIteratorMethod=__webpack_require__("./node_modules/core-js/internals/is-array-iterator-method.js"),isConstructor=__webpack_require__("./node_modules/core-js/internals/is-constructor.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),getIterator=__webpack_require__("./node_modules/core-js/internals/get-iterator.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),Array=global.Array;module.exports=function from(arrayLike){var O=toObject(arrayLike),IS_CONSTRUCTOR=isConstructor(this),argumentsLength=arguments.length,mapfn=argumentsLength>1?arguments[1]:void 0,mapping=void 0!==mapfn;mapping&&(mapfn=bind(mapfn,argumentsLength>2?arguments[2]:void 0));var length,result,step,iterator,next,value,iteratorMethod=getIteratorMethod(O),index=0;if(!iteratorMethod||this==Array&&isArrayIteratorMethod(iteratorMethod))for(length=lengthOfArrayLike(O),result=IS_CONSTRUCTOR?new this(length):Array(length);length>index;index++)value=mapping?mapfn(O[index],index):O[index],createProperty(result,index,value);else for(next=(iterator=getIterator(O,iteratorMethod)).next,result=IS_CONSTRUCTOR?new this:[];!(step=call(next,iterator)).done;index++)value=mapping?callWithSafeIterationClosing(iterator,mapfn,[step.value,index],!0):step.value,createProperty(result,index,value);return result.length=index,result}},"./node_modules/core-js/internals/array-includes.js":(module,__unused_webpack_exports,__webpack_require__)=>{var toIndexedObject=__webpack_require__("./node_modules/core-js/internals/to-indexed-object.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),createMethod=function(IS_INCLUDES){return function($this,el,fromIndex){var value,O=toIndexedObject($this),length=lengthOfArrayLike(O),index=toAbsoluteIndex(fromIndex,length);if(IS_INCLUDES&&el!=el){for(;length>index;)if((value=O[index++])!=value)return!0}else for(;length>index;index++)if((IS_INCLUDES||index in O)&&O[index]===el)return IS_INCLUDES||index||0;return!IS_INCLUDES&&-1}};module.exports={includes:createMethod(!0),indexOf:createMethod(!1)}},"./node_modules/core-js/internals/array-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),arraySpeciesCreate=__webpack_require__("./node_modules/core-js/internals/array-species-create.js"),push=uncurryThis([].push),createMethod=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_REJECT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=IndexedObject(O),boundFunction=bind(callbackfn,that),length=lengthOfArrayLike(self),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_REJECT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push(target,value)}else switch(TYPE){case 4:return!1;case 7:push(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}};module.exports={forEach:createMethod(0),map:createMethod(1),filter:createMethod(2),some:createMethod(3),every:createMethod(4),find:createMethod(5),findIndex:createMethod(6),filterReject:createMethod(7)}},"./node_modules/core-js/internals/array-method-has-species-support.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),SPECIES=wellKnownSymbol("species");module.exports=function(METHOD_NAME){return V8_VERSION>=51||!fails((function(){var array=[];return(array.constructor={})[SPECIES]=function(){return{foo:1}},1!==array[METHOD_NAME](Boolean).foo}))}},"./node_modules/core-js/internals/array-method-is-strict.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=function(METHOD_NAME,argument){var method=[][METHOD_NAME];return!!method&&fails((function(){method.call(null,argument||function(){return 1},1)}))}},"./node_modules/core-js/internals/array-reduce.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),TypeError=global.TypeError,createMethod=function(IS_RIGHT){return function(that,callbackfn,argumentsLength,memo){aCallable(callbackfn);var O=toObject(that),self=IndexedObject(O),length=lengthOfArrayLike(O),index=IS_RIGHT?length-1:0,i=IS_RIGHT?-1:1;if(argumentsLength<2)for(;;){if(index in self){memo=self[index],index+=i;break}if(index+=i,IS_RIGHT?index<0:length<=index)throw TypeError("Reduce of empty array with no initial value")}for(;IS_RIGHT?index>=0:length>index;index+=i)index in self&&(memo=callbackfn(memo,self[index],index,O));return memo}};module.exports={left:createMethod(!1),right:createMethod(!0)}},"./node_modules/core-js/internals/array-slice-simple.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),toAbsoluteIndex=__webpack_require__("./node_modules/core-js/internals/to-absolute-index.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),createProperty=__webpack_require__("./node_modules/core-js/internals/create-property.js"),Array=global.Array,max=Math.max;module.exports=function(O,start,end){for(var length=lengthOfArrayLike(O),k=toAbsoluteIndex(start,length),fin=toAbsoluteIndex(void 0===end?length:end,length),result=Array(max(fin-k,0)),n=0;k{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js");module.exports=uncurryThis([].slice)},"./node_modules/core-js/internals/array-sort.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arraySlice=__webpack_require__("./node_modules/core-js/internals/array-slice-simple.js"),floor=Math.floor,mergeSort=function(array,comparefn){var length=array.length,middle=floor(length/2);return length<8?insertionSort(array,comparefn):merge(array,mergeSort(arraySlice(array,0,middle),comparefn),mergeSort(arraySlice(array,middle),comparefn),comparefn)},insertionSort=function(array,comparefn){for(var element,j,length=array.length,i=1;i0;)array[j]=array[--j];j!==i++&&(array[j]=element)}return array},merge=function(array,left,right,comparefn){for(var llength=left.length,rlength=right.length,lindex=0,rindex=0;lindex{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isArray=__webpack_require__("./node_modules/core-js/internals/is-array.js"),isConstructor=__webpack_require__("./node_modules/core-js/internals/is-constructor.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),SPECIES=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("species"),Array=global.Array;module.exports=function(originalArray){var C;return isArray(originalArray)&&(C=originalArray.constructor,(isConstructor(C)&&(C===Array||isArray(C.prototype))||isObject(C)&&null===(C=C[SPECIES]))&&(C=void 0)),void 0===C?Array:C}},"./node_modules/core-js/internals/array-species-create.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arraySpeciesConstructor=__webpack_require__("./node_modules/core-js/internals/array-species-constructor.js");module.exports=function(originalArray,length){return new(arraySpeciesConstructor(originalArray))(0===length?0:length)}},"./node_modules/core-js/internals/call-with-safe-iteration-closing.js":(module,__unused_webpack_exports,__webpack_require__)=>{var anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),iteratorClose=__webpack_require__("./node_modules/core-js/internals/iterator-close.js");module.exports=function(iterator,fn,value,ENTRIES){try{return ENTRIES?fn(anObject(value)[0],value[1]):fn(value)}catch(error){iteratorClose(iterator,"throw",error)}}},"./node_modules/core-js/internals/check-correctness-of-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}module.exports=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT}},"./node_modules/core-js/internals/classof-raw.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toString=uncurryThis({}.toString),stringSlice=uncurryThis("".slice);module.exports=function(it){return stringSlice(toString(it),8,-1)}},"./node_modules/core-js/internals/classof.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),TO_STRING_TAG_SUPPORT=__webpack_require__("./node_modules/core-js/internals/to-string-tag-support.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),classofRaw=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),TO_STRING_TAG=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("toStringTag"),Object=global.Object,CORRECT_ARGUMENTS="Arguments"==classofRaw(function(){return arguments}());module.exports=TO_STRING_TAG_SUPPORT?classofRaw:function(it){var O,tag,result;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(tag=function(it,key){try{return it[key]}catch(error){}}(O=Object(it),TO_STRING_TAG))?tag:CORRECT_ARGUMENTS?classofRaw(O):"Object"==(result=classofRaw(O))&&isCallable(O.callee)?"Arguments":result}},"./node_modules/core-js/internals/collection-strong.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),defineIterator=__webpack_require__("./node_modules/core-js/internals/define-iterator.js"),setSpecies=__webpack_require__("./node_modules/core-js/internals/set-species.js"),DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),fastKey=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js").fastKey,InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor;module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var Constructor=wrapper((function(that,iterable){anInstance(that,Prototype),setInternalState(that,{type:CONSTRUCTOR_NAME,index:create(null),first:void 0,last:void 0,size:0}),DESCRIPTORS||(that.size=0),null!=iterable&&iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP})})),Prototype=Constructor.prototype,getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var previous,index,state=getInternalState(that),entry=getEntry(that,key);return entry?entry.value=value:(state.last=entry={index:index=fastKey(key,!0),key,value,previous:previous=state.last,next:void 0,removed:!1},state.first||(state.first=entry),previous&&(previous.next=entry),DESCRIPTORS?state.size++:that.size++,"F"!==index&&(state.index[index]=entry)),that},getEntry=function(that,key){var entry,state=getInternalState(that),index=fastKey(key);if("F"!==index)return state.index[index];for(entry=state.first;entry;entry=entry.next)if(entry.key==key)return entry};return redefineAll(Prototype,{clear:function clear(){for(var state=getInternalState(this),data=state.index,entry=state.first;entry;)entry.removed=!0,entry.previous&&(entry.previous=entry.previous.next=void 0),delete data[entry.index],entry=entry.next;state.first=state.last=void 0,DESCRIPTORS?state.size=0:this.size=0},delete:function(key){var state=getInternalState(this),entry=getEntry(this,key);if(entry){var next=entry.next,prev=entry.previous;delete state.index[entry.index],entry.removed=!0,prev&&(prev.next=next),next&&(next.previous=prev),state.first==entry&&(state.first=next),state.last==entry&&(state.last=prev),DESCRIPTORS?state.size--:this.size--}return!!entry},forEach:function forEach(callbackfn){for(var entry,state=getInternalState(this),boundFunction=bind(callbackfn,arguments.length>1?arguments[1]:void 0);entry=entry?entry.next:state.first;)for(boundFunction(entry.value,entry.key,this);entry&&entry.removed;)entry=entry.previous},has:function has(key){return!!getEntry(this,key)}}),redefineAll(Prototype,IS_MAP?{get:function get(key){var entry=getEntry(this,key);return entry&&entry.value},set:function set(key,value){return define(this,0===key?0:key,value)}}:{add:function add(value){return define(this,value=0===value?0:value,value)}}),DESCRIPTORS&&defineProperty(Prototype,"size",{get:function(){return getInternalState(this).size}}),Constructor},setStrong:function(Constructor,CONSTRUCTOR_NAME,IS_MAP){var ITERATOR_NAME=CONSTRUCTOR_NAME+" Iterator",getInternalCollectionState=internalStateGetterFor(CONSTRUCTOR_NAME),getInternalIteratorState=internalStateGetterFor(ITERATOR_NAME);defineIterator(Constructor,CONSTRUCTOR_NAME,(function(iterated,kind){setInternalState(this,{type:ITERATOR_NAME,target:iterated,state:getInternalCollectionState(iterated),kind,last:void 0})}),(function(){for(var state=getInternalIteratorState(this),kind=state.kind,entry=state.last;entry&&entry.removed;)entry=entry.previous;return state.target&&(state.last=entry=entry?entry.next:state.state.first)?"keys"==kind?{value:entry.key,done:!1}:"values"==kind?{value:entry.value,done:!1}:{value:[entry.key,entry.value],done:!1}:(state.target=void 0,{value:void 0,done:!0})}),IS_MAP?"entries":"values",!IS_MAP,!0),setSpecies(CONSTRUCTOR_NAME)}}},"./node_modules/core-js/internals/collection-weak.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),redefineAll=__webpack_require__("./node_modules/core-js/internals/redefine-all.js"),getWeakData=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js").getWeakData,anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),ArrayIterationModule=__webpack_require__("./node_modules/core-js/internals/array-iteration.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),InternalStateModule=__webpack_require__("./node_modules/core-js/internals/internal-state.js"),setInternalState=InternalStateModule.set,internalStateGetterFor=InternalStateModule.getterFor,find=ArrayIterationModule.find,findIndex=ArrayIterationModule.findIndex,splice=uncurryThis([].splice),id=0,uncaughtFrozenStore=function(store){return store.frozen||(store.frozen=new UncaughtFrozenStore)},UncaughtFrozenStore=function(){this.entries=[]},findUncaughtFrozen=function(store,key){return find(store.entries,(function(it){return it[0]===key}))};UncaughtFrozenStore.prototype={get:function(key){var entry=findUncaughtFrozen(this,key);if(entry)return entry[1]},has:function(key){return!!findUncaughtFrozen(this,key)},set:function(key,value){var entry=findUncaughtFrozen(this,key);entry?entry[1]=value:this.entries.push([key,value])},delete:function(key){var index=findIndex(this.entries,(function(it){return it[0]===key}));return~index&&splice(this.entries,index,1),!!~index}},module.exports={getConstructor:function(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER){var Constructor=wrapper((function(that,iterable){anInstance(that,Prototype),setInternalState(that,{type:CONSTRUCTOR_NAME,id:id++,frozen:void 0}),null!=iterable&&iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP})})),Prototype=Constructor.prototype,getInternalState=internalStateGetterFor(CONSTRUCTOR_NAME),define=function(that,key,value){var state=getInternalState(that),data=getWeakData(anObject(key),!0);return!0===data?uncaughtFrozenStore(state).set(key,value):data[state.id]=value,that};return redefineAll(Prototype,{delete:function(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).delete(key):data&&hasOwn(data,state.id)&&delete data[state.id]},has:function has(key){var state=getInternalState(this);if(!isObject(key))return!1;var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).has(key):data&&hasOwn(data,state.id)}}),redefineAll(Prototype,IS_MAP?{get:function get(key){var state=getInternalState(this);if(isObject(key)){var data=getWeakData(key);return!0===data?uncaughtFrozenStore(state).get(key):data?data[state.id]:void 0}},set:function set(key,value){return define(this,key,value)}}:{add:function add(value){return define(this,value,!0)}}),Constructor}}},"./node_modules/core-js/internals/collection.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),InternalMetadataModule=__webpack_require__("./node_modules/core-js/internals/internal-metadata.js"),iterate=__webpack_require__("./node_modules/core-js/internals/iterate.js"),anInstance=__webpack_require__("./node_modules/core-js/internals/an-instance.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),checkCorrectnessOfIteration=__webpack_require__("./node_modules/core-js/internals/check-correctness-of-iteration.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),inheritIfRequired=__webpack_require__("./node_modules/core-js/internals/inherit-if-required.js");module.exports=function(CONSTRUCTOR_NAME,wrapper,common){var IS_MAP=-1!==CONSTRUCTOR_NAME.indexOf("Map"),IS_WEAK=-1!==CONSTRUCTOR_NAME.indexOf("Weak"),ADDER=IS_MAP?"set":"add",NativeConstructor=global[CONSTRUCTOR_NAME],NativePrototype=NativeConstructor&&NativeConstructor.prototype,Constructor=NativeConstructor,exported={},fixMethod=function(KEY){var uncurriedNativeMethod=uncurryThis(NativePrototype[KEY]);redefine(NativePrototype,KEY,"add"==KEY?function add(value){return uncurriedNativeMethod(this,0===value?0:value),this}:"delete"==KEY?function(key){return!(IS_WEAK&&!isObject(key))&&uncurriedNativeMethod(this,0===key?0:key)}:"get"==KEY?function get(key){return IS_WEAK&&!isObject(key)?void 0:uncurriedNativeMethod(this,0===key?0:key)}:"has"==KEY?function has(key){return!(IS_WEAK&&!isObject(key))&&uncurriedNativeMethod(this,0===key?0:key)}:function set(key,value){return uncurriedNativeMethod(this,0===key?0:key,value),this})};if(isForced(CONSTRUCTOR_NAME,!isCallable(NativeConstructor)||!(IS_WEAK||NativePrototype.forEach&&!fails((function(){(new NativeConstructor).entries().next()})))))Constructor=common.getConstructor(wrapper,CONSTRUCTOR_NAME,IS_MAP,ADDER),InternalMetadataModule.enable();else if(isForced(CONSTRUCTOR_NAME,!0)){var instance=new Constructor,HASNT_CHAINING=instance[ADDER](IS_WEAK?{}:-0,1)!=instance,THROWS_ON_PRIMITIVES=fails((function(){instance.has(1)})),ACCEPT_ITERABLES=checkCorrectnessOfIteration((function(iterable){new NativeConstructor(iterable)})),BUGGY_ZERO=!IS_WEAK&&fails((function(){for(var $instance=new NativeConstructor,index=5;index--;)$instance[ADDER](index,index);return!$instance.has(-0)}));ACCEPT_ITERABLES||((Constructor=wrapper((function(dummy,iterable){anInstance(dummy,NativePrototype);var that=inheritIfRequired(new NativeConstructor,dummy,Constructor);return null!=iterable&&iterate(iterable,that[ADDER],{that,AS_ENTRIES:IS_MAP}),that}))).prototype=NativePrototype,NativePrototype.constructor=Constructor),(THROWS_ON_PRIMITIVES||BUGGY_ZERO)&&(fixMethod("delete"),fixMethod("has"),IS_MAP&&fixMethod("get")),(BUGGY_ZERO||HASNT_CHAINING)&&fixMethod(ADDER),IS_WEAK&&NativePrototype.clear&&delete NativePrototype.clear}return exported[CONSTRUCTOR_NAME]=Constructor,$({global:!0,forced:Constructor!=NativeConstructor},exported),setToStringTag(Constructor,CONSTRUCTOR_NAME),IS_WEAK||common.setStrong(Constructor,CONSTRUCTOR_NAME,IS_MAP),Constructor}},"./node_modules/core-js/internals/copy-constructor-properties.js":(module,__unused_webpack_exports,__webpack_require__)=>{var hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),ownKeys=__webpack_require__("./node_modules/core-js/internals/own-keys.js"),getOwnPropertyDescriptorModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js");module.exports=function(target,source,exceptions){for(var keys=ownKeys(source),defineProperty=definePropertyModule.f,getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,i=0;i{var MATCH=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(METHOD_NAME){var regexp=/./;try{"/./"[METHOD_NAME](regexp)}catch(error1){try{return regexp[MATCH]=!1,"/./"[METHOD_NAME](regexp)}catch(error2){}}return!1}},"./node_modules/core-js/internals/correct-prototype-getter.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){function F(){}return F.prototype.constructor=null,Object.getPrototypeOf(new F)!==F.prototype}))},"./node_modules/core-js/internals/create-iterator-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var IteratorPrototype=__webpack_require__("./node_modules/core-js/internals/iterators-core.js").IteratorPrototype,create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),returnThis=function(){return this};module.exports=function(IteratorConstructor,NAME,next,ENUMERABLE_NEXT){var TO_STRING_TAG=NAME+" Iterator";return IteratorConstructor.prototype=create(IteratorPrototype,{next:createPropertyDescriptor(+!ENUMERABLE_NEXT,next)}),setToStringTag(IteratorConstructor,TO_STRING_TAG,!1,!0),Iterators[TO_STRING_TAG]=returnThis,IteratorConstructor}},"./node_modules/core-js/internals/create-non-enumerable-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js");module.exports=DESCRIPTORS?function(object,key,value){return definePropertyModule.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object}},"./node_modules/core-js/internals/create-property-descriptor.js":module=>{module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value}}},"./node_modules/core-js/internals/create-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var toPropertyKey=__webpack_require__("./node_modules/core-js/internals/to-property-key.js"),definePropertyModule=__webpack_require__("./node_modules/core-js/internals/object-define-property.js"),createPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/create-property-descriptor.js");module.exports=function(object,key,value){var propertyKey=toPropertyKey(key);propertyKey in object?definePropertyModule.f(object,propertyKey,createPropertyDescriptor(0,value)):object[propertyKey]=value}},"./node_modules/core-js/internals/date-to-primitive.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),ordinaryToPrimitive=__webpack_require__("./node_modules/core-js/internals/ordinary-to-primitive.js"),TypeError=global.TypeError;module.exports=function(hint){if(anObject(this),"string"===hint||"default"===hint)hint="string";else if("number"!==hint)throw TypeError("Incorrect hint");return ordinaryToPrimitive(this,hint)}},"./node_modules/core-js/internals/define-iterator.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("./node_modules/core-js/internals/export.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),FunctionName=__webpack_require__("./node_modules/core-js/internals/function-name.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),createIteratorConstructor=__webpack_require__("./node_modules/core-js/internals/create-iterator-constructor.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js"),setToStringTag=__webpack_require__("./node_modules/core-js/internals/set-to-string-tag.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),IteratorsCore=__webpack_require__("./node_modules/core-js/internals/iterators-core.js"),PROPER_FUNCTION_NAME=FunctionName.PROPER,CONFIGURABLE_FUNCTION_NAME=FunctionName.CONFIGURABLE,IteratorPrototype=IteratorsCore.IteratorPrototype,BUGGY_SAFARI_ITERATORS=IteratorsCore.BUGGY_SAFARI_ITERATORS,ITERATOR=wellKnownSymbol("iterator"),returnThis=function(){return this};module.exports=function(Iterable,NAME,IteratorConstructor,next,DEFAULT,IS_SET,FORCED){createIteratorConstructor(IteratorConstructor,NAME,next);var CurrentIteratorPrototype,methods,KEY,getIterationMethod=function(KIND){if(KIND===DEFAULT&&defaultIterator)return defaultIterator;if(!BUGGY_SAFARI_ITERATORS&&KIND in IterablePrototype)return IterablePrototype[KIND];switch(KIND){case"keys":return function keys(){return new IteratorConstructor(this,KIND)};case"values":return function values(){return new IteratorConstructor(this,KIND)};case"entries":return function entries(){return new IteratorConstructor(this,KIND)}}return function(){return new IteratorConstructor(this)}},TO_STRING_TAG=NAME+" Iterator",INCORRECT_VALUES_NAME=!1,IterablePrototype=Iterable.prototype,nativeIterator=IterablePrototype[ITERATOR]||IterablePrototype["@@iterator"]||DEFAULT&&IterablePrototype[DEFAULT],defaultIterator=!BUGGY_SAFARI_ITERATORS&&nativeIterator||getIterationMethod(DEFAULT),anyNativeIterator="Array"==NAME&&IterablePrototype.entries||nativeIterator;if(anyNativeIterator&&(CurrentIteratorPrototype=getPrototypeOf(anyNativeIterator.call(new Iterable)))!==Object.prototype&&CurrentIteratorPrototype.next&&(IS_PURE||getPrototypeOf(CurrentIteratorPrototype)===IteratorPrototype||(setPrototypeOf?setPrototypeOf(CurrentIteratorPrototype,IteratorPrototype):isCallable(CurrentIteratorPrototype[ITERATOR])||redefine(CurrentIteratorPrototype,ITERATOR,returnThis)),setToStringTag(CurrentIteratorPrototype,TO_STRING_TAG,!0,!0),IS_PURE&&(Iterators[TO_STRING_TAG]=returnThis)),PROPER_FUNCTION_NAME&&"values"==DEFAULT&&nativeIterator&&"values"!==nativeIterator.name&&(!IS_PURE&&CONFIGURABLE_FUNCTION_NAME?createNonEnumerableProperty(IterablePrototype,"name","values"):(INCORRECT_VALUES_NAME=!0,defaultIterator=function values(){return call(nativeIterator,this)})),DEFAULT)if(methods={values:getIterationMethod("values"),keys:IS_SET?defaultIterator:getIterationMethod("keys"),entries:getIterationMethod("entries")},FORCED)for(KEY in methods)(BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME||!(KEY in IterablePrototype))&&redefine(IterablePrototype,KEY,methods[KEY]);else $({target:NAME,proto:!0,forced:BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME},methods);return IS_PURE&&!FORCED||IterablePrototype[ITERATOR]===defaultIterator||redefine(IterablePrototype,ITERATOR,defaultIterator,{name:DEFAULT}),Iterators[NAME]=defaultIterator,methods}},"./node_modules/core-js/internals/define-well-known-symbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var path=__webpack_require__("./node_modules/core-js/internals/path.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),wrappedWellKnownSymbolModule=__webpack_require__("./node_modules/core-js/internals/well-known-symbol-wrapped.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f;module.exports=function(NAME){var Symbol=path.Symbol||(path.Symbol={});hasOwn(Symbol,NAME)||defineProperty(Symbol,NAME,{value:wrappedWellKnownSymbolModule.f(NAME)})}},"./node_modules/core-js/internals/descriptors.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},"./node_modules/core-js/internals/document-create-element.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),document=global.document,EXISTS=isObject(document)&&isObject(document.createElement);module.exports=function(it){return EXISTS?document.createElement(it):{}}},"./node_modules/core-js/internals/dom-iterables.js":module=>{module.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},"./node_modules/core-js/internals/dom-token-list-prototype.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classList=__webpack_require__("./node_modules/core-js/internals/document-create-element.js")("span").classList,DOMTokenListPrototype=classList&&classList.constructor&&classList.constructor.prototype;module.exports=DOMTokenListPrototype===Object.prototype?void 0:DOMTokenListPrototype},"./node_modules/core-js/internals/engine-ff-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var firefox=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js").match(/firefox\/(\d+)/i);module.exports=!!firefox&&+firefox[1]},"./node_modules/core-js/internals/engine-is-browser.js":module=>{module.exports="object"==typeof window&&"object"!=typeof Deno},"./node_modules/core-js/internals/engine-is-ie-or-edge.js":(module,__unused_webpack_exports,__webpack_require__)=>{var UA=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/MSIE|Trident/.test(UA)},"./node_modules/core-js/internals/engine-is-ios-pebble.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=/ipad|iphone|ipod/i.test(userAgent)&&void 0!==global.Pebble},"./node_modules/core-js/internals/engine-is-ios.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent)},"./node_modules/core-js/internals/engine-is-node.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports="process"==classof(global.process)},"./node_modules/core-js/internals/engine-is-webos-webkit.js":(module,__unused_webpack_exports,__webpack_require__)=>{var userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js");module.exports=/web0s(?!.*chrome)/i.test(userAgent)},"./node_modules/core-js/internals/engine-user-agent.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js");module.exports=getBuiltIn("navigator","userAgent")||""},"./node_modules/core-js/internals/engine-v8-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var match,version,global=__webpack_require__("./node_modules/core-js/internals/global.js"),userAgent=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js"),process=global.process,Deno=global.Deno,versions=process&&process.versions||Deno&&Deno.version,v8=versions&&versions.v8;v8&&(version=(match=v8.split("."))[0]>0&&match[0]<4?1:+(match[0]+match[1])),!version&&userAgent&&(!(match=userAgent.match(/Edge\/(\d+)/))||match[1]>=74)&&(match=userAgent.match(/Chrome\/(\d+)/))&&(version=+match[1]),module.exports=version},"./node_modules/core-js/internals/engine-webkit-version.js":(module,__unused_webpack_exports,__webpack_require__)=>{var webkit=__webpack_require__("./node_modules/core-js/internals/engine-user-agent.js").match(/AppleWebKit\/(\d+)\./);module.exports=!!webkit&&+webkit[1]},"./node_modules/core-js/internals/enum-bug-keys.js":module=>{module.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"./node_modules/core-js/internals/export.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),setGlobal=__webpack_require__("./node_modules/core-js/internals/set-global.js"),copyConstructorProperties=__webpack_require__("./node_modules/core-js/internals/copy-constructor-properties.js"),isForced=__webpack_require__("./node_modules/core-js/internals/is-forced.js");module.exports=function(options,source){var target,key,targetProperty,sourceProperty,descriptor,TARGET=options.target,GLOBAL=options.global,STATIC=options.stat;if(target=GLOBAL?global:STATIC?global[TARGET]||setGlobal(TARGET,{}):(global[TARGET]||{}).prototype)for(key in source){if(sourceProperty=source[key],targetProperty=options.noTargetGet?(descriptor=getOwnPropertyDescriptor(target,key))&&descriptor.value:target[key],!isForced(GLOBAL?key:TARGET+(STATIC?".":"#")+key,options.forced)&&void 0!==targetProperty){if(typeof sourceProperty==typeof targetProperty)continue;copyConstructorProperties(sourceProperty,targetProperty)}(options.sham||targetProperty&&targetProperty.sham)&&createNonEnumerableProperty(sourceProperty,"sham",!0),redefine(target,key,sourceProperty,options)}}},"./node_modules/core-js/internals/fails.js":module=>{module.exports=function(exec){try{return!!exec()}catch(error){return!0}}},"./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),regexpExec=__webpack_require__("./node_modules/core-js/internals/regexp-exec.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),SPECIES=wellKnownSymbol("species"),RegExpPrototype=RegExp.prototype;module.exports=function(KEY,exec,FORCED,SHAM){var SYMBOL=wellKnownSymbol(KEY),DELEGATES_TO_SYMBOL=!fails((function(){var O={};return O[SYMBOL]=function(){return 7},7!=""[KEY](O)})),DELEGATES_TO_EXEC=DELEGATES_TO_SYMBOL&&!fails((function(){var execCalled=!1,re=/a/;return"split"===KEY&&((re={}).constructor={},re.constructor[SPECIES]=function(){return re},re.flags="",re[SYMBOL]=/./[SYMBOL]),re.exec=function(){return execCalled=!0,null},re[SYMBOL](""),!execCalled}));if(!DELEGATES_TO_SYMBOL||!DELEGATES_TO_EXEC||FORCED){var uncurriedNativeRegExpMethod=uncurryThis(/./[SYMBOL]),methods=exec(SYMBOL,""[KEY],(function(nativeMethod,regexp,str,arg2,forceStringMethod){var uncurriedNativeMethod=uncurryThis(nativeMethod),$exec=regexp.exec;return $exec===regexpExec||$exec===RegExpPrototype.exec?DELEGATES_TO_SYMBOL&&!forceStringMethod?{done:!0,value:uncurriedNativeRegExpMethod(regexp,str,arg2)}:{done:!0,value:uncurriedNativeMethod(str,regexp,arg2)}:{done:!1}}));redefine(String.prototype,KEY,methods[0]),redefine(RegExpPrototype,SYMBOL,methods[1])}SHAM&&createNonEnumerableProperty(RegExpPrototype[SYMBOL],"sham",!0)}},"./node_modules/core-js/internals/freezing.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){return Object.isExtensible(Object.preventExtensions({}))}))},"./node_modules/core-js/internals/function-apply.js":(module,__unused_webpack_exports,__webpack_require__)=>{var NATIVE_BIND=__webpack_require__("./node_modules/core-js/internals/function-bind-native.js"),FunctionPrototype=Function.prototype,apply=FunctionPrototype.apply,call=FunctionPrototype.call;module.exports="object"==typeof Reflect&&Reflect.apply||(NATIVE_BIND?call.bind(apply):function(){return call.apply(apply,arguments)})},"./node_modules/core-js/internals/function-bind-context.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js"),NATIVE_BIND=__webpack_require__("./node_modules/core-js/internals/function-bind-native.js"),bind=uncurryThis(uncurryThis.bind);module.exports=function(fn,that){return aCallable(fn),void 0===that?fn:NATIVE_BIND?bind(fn,that):function(){return fn.apply(that,arguments)}}},"./node_modules/core-js/internals/function-bind-native.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!fails((function(){var test=function(){}.bind();return"function"!=typeof test||test.hasOwnProperty("prototype")}))},"./node_modules/core-js/internals/function-bind.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var global=__webpack_require__("./node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),arraySlice=__webpack_require__("./node_modules/core-js/internals/array-slice.js"),NATIVE_BIND=__webpack_require__("./node_modules/core-js/internals/function-bind-native.js"),Function=global.Function,concat=uncurryThis([].concat),join=uncurryThis([].join),factories={},construct=function(C,argsLength,args){if(!hasOwn(factories,argsLength)){for(var list=[],i=0;i{var NATIVE_BIND=__webpack_require__("./node_modules/core-js/internals/function-bind-native.js"),call=Function.prototype.call;module.exports=NATIVE_BIND?call.bind(call):function(){return call.apply(call,arguments)}},"./node_modules/core-js/internals/function-name.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),FunctionPrototype=Function.prototype,getDescriptor=DESCRIPTORS&&Object.getOwnPropertyDescriptor,EXISTS=hasOwn(FunctionPrototype,"name"),PROPER=EXISTS&&"something"===function something(){}.name,CONFIGURABLE=EXISTS&&(!DESCRIPTORS||DESCRIPTORS&&getDescriptor(FunctionPrototype,"name").configurable);module.exports={EXISTS,PROPER,CONFIGURABLE}},"./node_modules/core-js/internals/function-uncurry-this.js":(module,__unused_webpack_exports,__webpack_require__)=>{var NATIVE_BIND=__webpack_require__("./node_modules/core-js/internals/function-bind-native.js"),FunctionPrototype=Function.prototype,bind=FunctionPrototype.bind,call=FunctionPrototype.call,uncurryThis=NATIVE_BIND&&bind.bind(call,call);module.exports=NATIVE_BIND?function(fn){return fn&&uncurryThis(fn)}:function(fn){return fn&&function(){return call.apply(fn,arguments)}}},"./node_modules/core-js/internals/get-built-in.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),aFunction=function(argument){return isCallable(argument)?argument:void 0};module.exports=function(namespace,method){return arguments.length<2?aFunction(global[namespace]):global[namespace]&&global[namespace][method]}},"./node_modules/core-js/internals/get-iterator-method.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),getMethod=__webpack_require__("./node_modules/core-js/internals/get-method.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator");module.exports=function(it){if(null!=it)return getMethod(it,ITERATOR)||getMethod(it,"@@iterator")||Iterators[classof(it)]}},"./node_modules/core-js/internals/get-iterator.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),tryToString=__webpack_require__("./node_modules/core-js/internals/try-to-string.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),TypeError=global.TypeError;module.exports=function(argument,usingIterator){var iteratorMethod=arguments.length<2?getIteratorMethod(argument):usingIterator;if(aCallable(iteratorMethod))return anObject(call(iteratorMethod,argument));throw TypeError(tryToString(argument)+" is not iterable")}},"./node_modules/core-js/internals/get-method.js":(module,__unused_webpack_exports,__webpack_require__)=>{var aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js");module.exports=function(V,P){var func=V[P];return null==func?void 0:aCallable(func)}},"./node_modules/core-js/internals/get-substitution.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),floor=Math.floor,charAt=uncurryThis("".charAt),replace=uncurryThis("".replace),stringSlice=uncurryThis("".slice),SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d{1,2})/g;module.exports=function(matched,str,position,captures,namedCaptures,replacement){var tailPos=position+matched.length,m=captures.length,symbols=SUBSTITUTION_SYMBOLS_NO_NAMED;return void 0!==namedCaptures&&(namedCaptures=toObject(namedCaptures),symbols=SUBSTITUTION_SYMBOLS),replace(replacement,symbols,(function(match,ch){var capture;switch(charAt(ch,0)){case"$":return"$";case"&":return matched;case"`":return stringSlice(str,0,position);case"'":return stringSlice(str,tailPos);case"<":capture=namedCaptures[stringSlice(ch,1,-1)];break;default:var n=+ch;if(0===n)return match;if(n>m){var f=floor(n/10);return 0===f?match:f<=m?void 0===captures[f-1]?charAt(ch,1):captures[f-1]+charAt(ch,1):match}capture=captures[n-1]}return void 0===capture?"":capture}))}},"./node_modules/core-js/internals/global.js":(module,__unused_webpack_exports,__webpack_require__)=>{var check=function(it){return it&&it.Math==Math&&it};module.exports=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof __webpack_require__.g&&__webpack_require__.g)||function(){return this}()||Function("return this")()},"./node_modules/core-js/internals/has-own-property.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),hasOwnProperty=uncurryThis({}.hasOwnProperty);module.exports=Object.hasOwn||function hasOwn(it,key){return hasOwnProperty(toObject(it),key)}},"./node_modules/core-js/internals/hidden-keys.js":module=>{module.exports={}},"./node_modules/core-js/internals/host-report-errors.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js");module.exports=function(a,b){var console=global.console;console&&console.error&&(1==arguments.length?console.error(a):console.error(a,b))}},"./node_modules/core-js/internals/html.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js");module.exports=getBuiltIn("document","documentElement")},"./node_modules/core-js/internals/ie8-dom-define.js":(module,__unused_webpack_exports,__webpack_require__)=>{var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),createElement=__webpack_require__("./node_modules/core-js/internals/document-create-element.js");module.exports=!DESCRIPTORS&&!fails((function(){return 7!=Object.defineProperty(createElement("div"),"a",{get:function(){return 7}}).a}))},"./node_modules/core-js/internals/indexed-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),Object=global.Object,split=uncurryThis("".split);module.exports=fails((function(){return!Object("z").propertyIsEnumerable(0)}))?function(it){return"String"==classof(it)?split(it,""):Object(it)}:Object},"./node_modules/core-js/internals/inherit-if-required.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),setPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-set-prototype-of.js");module.exports=function($this,dummy,Wrapper){var NewTarget,NewTargetPrototype;return setPrototypeOf&&isCallable(NewTarget=dummy.constructor)&&NewTarget!==Wrapper&&isObject(NewTargetPrototype=NewTarget.prototype)&&NewTargetPrototype!==Wrapper.prototype&&setPrototypeOf($this,NewTargetPrototype),$this}},"./node_modules/core-js/internals/inspect-source.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),store=__webpack_require__("./node_modules/core-js/internals/shared-store.js"),functionToString=uncurryThis(Function.toString);isCallable(store.inspectSource)||(store.inspectSource=function(it){return functionToString(it)}),module.exports=store.inspectSource},"./node_modules/core-js/internals/internal-metadata.js":(module,__unused_webpack_exports,__webpack_require__)=>{var $=__webpack_require__("./node_modules/core-js/internals/export.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),defineProperty=__webpack_require__("./node_modules/core-js/internals/object-define-property.js").f,getOwnPropertyNamesModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names.js"),getOwnPropertyNamesExternalModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-names-external.js"),isExtensible=__webpack_require__("./node_modules/core-js/internals/object-is-extensible.js"),uid=__webpack_require__("./node_modules/core-js/internals/uid.js"),FREEZING=__webpack_require__("./node_modules/core-js/internals/freezing.js"),REQUIRED=!1,METADATA=uid("meta"),id=0,setMetadata=function(it){defineProperty(it,METADATA,{value:{objectID:"O"+id++,weakData:{}}})},meta=module.exports={enable:function(){meta.enable=function(){},REQUIRED=!0;var getOwnPropertyNames=getOwnPropertyNamesModule.f,splice=uncurryThis([].splice),test={};test[METADATA]=1,getOwnPropertyNames(test).length&&(getOwnPropertyNamesModule.f=function(it){for(var result=getOwnPropertyNames(it),i=0,length=result.length;i{var set,get,has,NATIVE_WEAK_MAP=__webpack_require__("./node_modules/core-js/internals/native-weak-map.js"),global=__webpack_require__("./node_modules/core-js/internals/global.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),createNonEnumerableProperty=__webpack_require__("./node_modules/core-js/internals/create-non-enumerable-property.js"),hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js"),shared=__webpack_require__("./node_modules/core-js/internals/shared-store.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),TypeError=global.TypeError,WeakMap=global.WeakMap;if(NATIVE_WEAK_MAP||shared.state){var store=shared.state||(shared.state=new WeakMap),wmget=uncurryThis(store.get),wmhas=uncurryThis(store.has),wmset=uncurryThis(store.set);set=function(it,metadata){if(wmhas(store,it))throw new TypeError("Object already initialized");return metadata.facade=it,wmset(store,it,metadata),metadata},get=function(it){return wmget(store,it)||{}},has=function(it){return wmhas(store,it)}}else{var STATE=sharedKey("state");hiddenKeys[STATE]=!0,set=function(it,metadata){if(hasOwn(it,STATE))throw new TypeError("Object already initialized");return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return hasOwn(it,STATE)?it[STATE]:{}},has=function(it){return hasOwn(it,STATE)}}module.exports={set,get,has,enforce:function(it){return has(it)?get(it):set(it,{})},getterFor:function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}}}},"./node_modules/core-js/internals/is-array-iterator-method.js":(module,__unused_webpack_exports,__webpack_require__)=>{var wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),Iterators=__webpack_require__("./node_modules/core-js/internals/iterators.js"),ITERATOR=wellKnownSymbol("iterator"),ArrayPrototype=Array.prototype;module.exports=function(it){return void 0!==it&&(Iterators.Array===it||ArrayPrototype[ITERATOR]===it)}},"./node_modules/core-js/internals/is-array.js":(module,__unused_webpack_exports,__webpack_require__)=>{var classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js");module.exports=Array.isArray||function isArray(argument){return"Array"==classof(argument)}},"./node_modules/core-js/internals/is-callable.js":module=>{module.exports=function(argument){return"function"==typeof argument}},"./node_modules/core-js/internals/is-constructor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),inspectSource=__webpack_require__("./node_modules/core-js/internals/inspect-source.js"),noop=function(){},empty=[],construct=getBuiltIn("Reflect","construct"),constructorRegExp=/^\s*(?:class|function)\b/,exec=uncurryThis(constructorRegExp.exec),INCORRECT_TO_STRING=!constructorRegExp.exec(noop),isConstructorModern=function isConstructor(argument){if(!isCallable(argument))return!1;try{return construct(noop,empty,argument),!0}catch(error){return!1}},isConstructorLegacy=function isConstructor(argument){if(!isCallable(argument))return!1;switch(classof(argument)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return INCORRECT_TO_STRING||!!exec(constructorRegExp,inspectSource(argument))}catch(error){return!0}};isConstructorLegacy.sham=!0,module.exports=!construct||fails((function(){var called;return isConstructorModern(isConstructorModern.call)||!isConstructorModern(Object)||!isConstructorModern((function(){called=!0}))||called}))?isConstructorLegacy:isConstructorModern},"./node_modules/core-js/internals/is-data-descriptor.js":(module,__unused_webpack_exports,__webpack_require__)=>{var hasOwn=__webpack_require__("./node_modules/core-js/internals/has-own-property.js");module.exports=function(descriptor){return void 0!==descriptor&&(hasOwn(descriptor,"value")||hasOwn(descriptor,"writable"))}},"./node_modules/core-js/internals/is-forced.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),replacement=/#|\.prototype\./,isForced=function(feature,detection){var value=data[normalize(feature)];return value==POLYFILL||value!=NATIVE&&(isCallable(detection)?fails(detection):!!detection)},normalize=isForced.normalize=function(string){return String(string).replace(replacement,".").toLowerCase()},data=isForced.data={},NATIVE=isForced.NATIVE="N",POLYFILL=isForced.POLYFILL="P";module.exports=isForced},"./node_modules/core-js/internals/is-integral-number.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),floor=Math.floor;module.exports=Number.isInteger||function isInteger(it){return!isObject(it)&&isFinite(it)&&floor(it)===it}},"./node_modules/core-js/internals/is-object.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js");module.exports=function(it){return"object"==typeof it?null!==it:isCallable(it)}},"./node_modules/core-js/internals/is-pure.js":module=>{module.exports=!1},"./node_modules/core-js/internals/is-regexp.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("./node_modules/core-js/internals/is-object.js"),classof=__webpack_require__("./node_modules/core-js/internals/classof-raw.js"),MATCH=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("match");module.exports=function(it){var isRegExp;return isObject(it)&&(void 0!==(isRegExp=it[MATCH])?!!isRegExp:"RegExp"==classof(it))}},"./node_modules/core-js/internals/is-symbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),getBuiltIn=__webpack_require__("./node_modules/core-js/internals/get-built-in.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),isPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-is-prototype-of.js"),USE_SYMBOL_AS_UID=__webpack_require__("./node_modules/core-js/internals/use-symbol-as-uid.js"),Object=global.Object;module.exports=USE_SYMBOL_AS_UID?function(it){return"symbol"==typeof it}:function(it){var $Symbol=getBuiltIn("Symbol");return isCallable($Symbol)&&isPrototypeOf($Symbol.prototype,Object(it))}},"./node_modules/core-js/internals/iterate.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),tryToString=__webpack_require__("./node_modules/core-js/internals/try-to-string.js"),isArrayIteratorMethod=__webpack_require__("./node_modules/core-js/internals/is-array-iterator-method.js"),lengthOfArrayLike=__webpack_require__("./node_modules/core-js/internals/length-of-array-like.js"),isPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-is-prototype-of.js"),getIterator=__webpack_require__("./node_modules/core-js/internals/get-iterator.js"),getIteratorMethod=__webpack_require__("./node_modules/core-js/internals/get-iterator-method.js"),iteratorClose=__webpack_require__("./node_modules/core-js/internals/iterator-close.js"),TypeError=global.TypeError,Result=function(stopped,result){this.stopped=stopped,this.result=result},ResultPrototype=Result.prototype;module.exports=function(iterable,unboundFunction,options){var iterator,iterFn,index,length,result,next,step,that=options&&options.that,AS_ENTRIES=!(!options||!options.AS_ENTRIES),IS_ITERATOR=!(!options||!options.IS_ITERATOR),INTERRUPTED=!(!options||!options.INTERRUPTED),fn=bind(unboundFunction,that),stop=function(condition){return iterator&&iteratorClose(iterator,"normal",condition),new Result(!0,condition)},callFn=function(value){return AS_ENTRIES?(anObject(value),INTERRUPTED?fn(value[0],value[1],stop):fn(value[0],value[1])):INTERRUPTED?fn(value,stop):fn(value)};if(IS_ITERATOR)iterator=iterable;else{if(!(iterFn=getIteratorMethod(iterable)))throw TypeError(tryToString(iterable)+" is not iterable");if(isArrayIteratorMethod(iterFn)){for(index=0,length=lengthOfArrayLike(iterable);length>index;index++)if((result=callFn(iterable[index]))&&isPrototypeOf(ResultPrototype,result))return result;return new Result(!1)}iterator=getIterator(iterable,iterFn)}for(next=iterator.next;!(step=call(next,iterator)).done;){try{result=callFn(step.value)}catch(error){iteratorClose(iterator,"throw",error)}if("object"==typeof result&&result&&isPrototypeOf(ResultPrototype,result))return result}return new Result(!1)}},"./node_modules/core-js/internals/iterator-close.js":(module,__unused_webpack_exports,__webpack_require__)=>{var call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),getMethod=__webpack_require__("./node_modules/core-js/internals/get-method.js");module.exports=function(iterator,kind,value){var innerResult,innerError;anObject(iterator);try{if(!(innerResult=getMethod(iterator,"return"))){if("throw"===kind)throw value;return value}innerResult=call(innerResult,iterator)}catch(error){innerError=!0,innerResult=error}if("throw"===kind)throw value;if(innerError)throw innerResult;return anObject(innerResult),value}},"./node_modules/core-js/internals/iterators-core.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var IteratorPrototype,PrototypeOfArrayIteratorPrototype,arrayIterator,fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),create=__webpack_require__("./node_modules/core-js/internals/object-create.js"),getPrototypeOf=__webpack_require__("./node_modules/core-js/internals/object-get-prototype-of.js"),redefine=__webpack_require__("./node_modules/core-js/internals/redefine.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),ITERATOR=wellKnownSymbol("iterator"),BUGGY_SAFARI_ITERATORS=!1;[].keys&&("next"in(arrayIterator=[].keys())?(PrototypeOfArrayIteratorPrototype=getPrototypeOf(getPrototypeOf(arrayIterator)))!==Object.prototype&&(IteratorPrototype=PrototypeOfArrayIteratorPrototype):BUGGY_SAFARI_ITERATORS=!0),null==IteratorPrototype||fails((function(){var test={};return IteratorPrototype[ITERATOR].call(test)!==test}))?IteratorPrototype={}:IS_PURE&&(IteratorPrototype=create(IteratorPrototype)),isCallable(IteratorPrototype[ITERATOR])||redefine(IteratorPrototype,ITERATOR,(function(){return this})),module.exports={IteratorPrototype,BUGGY_SAFARI_ITERATORS}},"./node_modules/core-js/internals/iterators.js":module=>{module.exports={}},"./node_modules/core-js/internals/length-of-array-like.js":(module,__unused_webpack_exports,__webpack_require__)=>{var toLength=__webpack_require__("./node_modules/core-js/internals/to-length.js");module.exports=function(obj){return toLength(obj.length)}},"./node_modules/core-js/internals/microtask.js":(module,__unused_webpack_exports,__webpack_require__)=>{var flush,head,last,notify,toggle,node,promise,then,global=__webpack_require__("./node_modules/core-js/internals/global.js"),bind=__webpack_require__("./node_modules/core-js/internals/function-bind-context.js"),getOwnPropertyDescriptor=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-descriptor.js").f,macrotask=__webpack_require__("./node_modules/core-js/internals/task.js").set,IS_IOS=__webpack_require__("./node_modules/core-js/internals/engine-is-ios.js"),IS_IOS_PEBBLE=__webpack_require__("./node_modules/core-js/internals/engine-is-ios-pebble.js"),IS_WEBOS_WEBKIT=__webpack_require__("./node_modules/core-js/internals/engine-is-webos-webkit.js"),IS_NODE=__webpack_require__("./node_modules/core-js/internals/engine-is-node.js"),MutationObserver=global.MutationObserver||global.WebKitMutationObserver,document=global.document,process=global.process,Promise=global.Promise,queueMicrotaskDescriptor=getOwnPropertyDescriptor(global,"queueMicrotask"),queueMicrotask=queueMicrotaskDescriptor&&queueMicrotaskDescriptor.value;queueMicrotask||(flush=function(){var parent,fn;for(IS_NODE&&(parent=process.domain)&&parent.exit();head;){fn=head.fn,head=head.next;try{fn()}catch(error){throw head?notify():last=void 0,error}}last=void 0,parent&&parent.enter()},IS_IOS||IS_NODE||IS_WEBOS_WEBKIT||!MutationObserver||!document?!IS_IOS_PEBBLE&&Promise&&Promise.resolve?((promise=Promise.resolve(void 0)).constructor=Promise,then=bind(promise.then,promise),notify=function(){then(flush)}):IS_NODE?notify=function(){process.nextTick(flush)}:(macrotask=bind(macrotask,global),notify=function(){macrotask(flush)}):(toggle=!0,node=document.createTextNode(""),new MutationObserver(flush).observe(node,{characterData:!0}),notify=function(){node.data=toggle=!toggle})),module.exports=queueMicrotask||function(fn){var task={fn,next:void 0};last&&(last.next=task),head||(head=task,notify()),last=task}},"./node_modules/core-js/internals/native-symbol-registry.js":(module,__unused_webpack_exports,__webpack_require__)=>{var NATIVE_SYMBOL=__webpack_require__("./node_modules/core-js/internals/native-symbol.js");module.exports=NATIVE_SYMBOL&&!!Symbol.for&&!!Symbol.keyFor},"./node_modules/core-js/internals/native-symbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var V8_VERSION=__webpack_require__("./node_modules/core-js/internals/engine-v8-version.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js");module.exports=!!Object.getOwnPropertySymbols&&!fails((function(){var symbol=Symbol();return!String(symbol)||!(Object(symbol)instanceof Symbol)||!Symbol.sham&&V8_VERSION&&V8_VERSION<41}))},"./node_modules/core-js/internals/native-url.js":(module,__unused_webpack_exports,__webpack_require__)=>{var fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),wellKnownSymbol=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js"),IS_PURE=__webpack_require__("./node_modules/core-js/internals/is-pure.js"),ITERATOR=wellKnownSymbol("iterator");module.exports=!fails((function(){var url=new URL("b?a=1&b=2&c=3","http://a"),searchParams=url.searchParams,result="";return url.pathname="c%20d",searchParams.forEach((function(value,key){searchParams.delete("b"),result+=key+value})),IS_PURE&&!url.toJSON||!searchParams.sort||"http://a/c%20d?a=1&c=3"!==url.href||"3"!==searchParams.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!searchParams[ITERATOR]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==result||"x"!==new URL("http://x",void 0).host}))},"./node_modules/core-js/internals/native-weak-map.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isCallable=__webpack_require__("./node_modules/core-js/internals/is-callable.js"),inspectSource=__webpack_require__("./node_modules/core-js/internals/inspect-source.js"),WeakMap=global.WeakMap;module.exports=isCallable(WeakMap)&&/native code/.test(inspectSource(WeakMap))},"./node_modules/core-js/internals/new-promise-capability.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var aCallable=__webpack_require__("./node_modules/core-js/internals/a-callable.js"),PromiseCapability=function(C){var resolve,reject;this.promise=new C((function($$resolve,$$reject){if(void 0!==resolve||void 0!==reject)throw TypeError("Bad Promise constructor");resolve=$$resolve,reject=$$reject})),this.resolve=aCallable(resolve),this.reject=aCallable(reject)};module.exports.f=function(C){return new PromiseCapability(C)}},"./node_modules/core-js/internals/not-a-regexp.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),isRegExp=__webpack_require__("./node_modules/core-js/internals/is-regexp.js"),TypeError=global.TypeError;module.exports=function(it){if(isRegExp(it))throw TypeError("The method doesn't accept regular expressions");return it}},"./node_modules/core-js/internals/number-parse-int.js":(module,__unused_webpack_exports,__webpack_require__)=>{var global=__webpack_require__("./node_modules/core-js/internals/global.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),toString=__webpack_require__("./node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("./node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("./node_modules/core-js/internals/whitespaces.js"),$parseInt=global.parseInt,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,hex=/^[+-]?0x/i,exec=uncurryThis(hex.exec),FORCED=8!==$parseInt(whitespaces+"08")||22!==$parseInt(whitespaces+"0x16")||ITERATOR&&!fails((function(){$parseInt(Object(ITERATOR))}));module.exports=FORCED?function parseInt(string,radix){var S=trim(toString(string));return $parseInt(S,radix>>>0||(exec(hex,S)?16:10))}:$parseInt},"./node_modules/core-js/internals/object-assign.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var DESCRIPTORS=__webpack_require__("./node_modules/core-js/internals/descriptors.js"),uncurryThis=__webpack_require__("./node_modules/core-js/internals/function-uncurry-this.js"),call=__webpack_require__("./node_modules/core-js/internals/function-call.js"),fails=__webpack_require__("./node_modules/core-js/internals/fails.js"),objectKeys=__webpack_require__("./node_modules/core-js/internals/object-keys.js"),getOwnPropertySymbolsModule=__webpack_require__("./node_modules/core-js/internals/object-get-own-property-symbols.js"),propertyIsEnumerableModule=__webpack_require__("./node_modules/core-js/internals/object-property-is-enumerable.js"),toObject=__webpack_require__("./node_modules/core-js/internals/to-object.js"),IndexedObject=__webpack_require__("./node_modules/core-js/internals/indexed-object.js"),$assign=Object.assign,defineProperty=Object.defineProperty,concat=uncurryThis([].concat);module.exports=!$assign||fails((function(){if(DESCRIPTORS&&1!==$assign({b:1},$assign(defineProperty({},"a",{enumerable:!0,get:function(){defineProperty(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var A={},B={},symbol=Symbol();return A[symbol]=7,"abcdefghijklmnopqrst".split("").forEach((function(chr){B[chr]=chr})),7!=$assign({},A)[symbol]||"abcdefghijklmnopqrst"!=objectKeys($assign({},B)).join("")}))?function assign(target,source){for(var T=toObject(target),argumentsLength=arguments.length,index=1,getOwnPropertySymbols=getOwnPropertySymbolsModule.f,propertyIsEnumerable=propertyIsEnumerableModule.f;argumentsLength>index;)for(var key,S=IndexedObject(arguments[index++]),keys=getOwnPropertySymbols?concat(objectKeys(S),getOwnPropertySymbols(S)):objectKeys(S),length=keys.length,j=0;length>j;)key=keys[j++],DESCRIPTORS&&!call(propertyIsEnumerable,S,key)||(T[key]=S[key]);return T}:$assign},"./node_modules/core-js/internals/object-create.js":(module,__unused_webpack_exports,__webpack_require__)=>{var activeXDocument,anObject=__webpack_require__("./node_modules/core-js/internals/an-object.js"),definePropertiesModule=__webpack_require__("./node_modules/core-js/internals/object-define-properties.js"),enumBugKeys=__webpack_require__("./node_modules/core-js/internals/enum-bug-keys.js"),hiddenKeys=__webpack_require__("./node_modules/core-js/internals/hidden-keys.js"),html=__webpack_require__("./node_modules/core-js/internals/html.js"),documentCreateElement=__webpack_require__("./node_modules/core-js/internals/document-create-element.js"),sharedKey=__webpack_require__("./node_modules/core-js/internals/shared-key.js"),IE_PROTO=sharedKey("IE_PROTO"),EmptyConstructor=function(){},scriptTag=function(content){return" \ 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.6cfc7bfd.iframe.bundle.js b/main.6cfc7bfd.iframe.bundle.js new file mode 100644 index 0000000000..06577051a3 --- /dev/null +++ b/main.6cfc7bfd.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see main.6cfc7bfd.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,FractionsOnly:()=>FractionsOnly,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}},fractionsOnly:{control:"boolean",table:{category:"Fractions Page"}},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 FractionsOnly=Template.bind({});FractionsOnly.args={fractionsOnly:!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},FractionsOnly.parameters={storySource:{source:'(\n args: KeypadProps,\n): React.ReactElement => '},...FractionsOnly.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 _storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_index__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/math-input/src/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Full Mobile MathInput",parameters:{backgrounds:{default:"light background",values:[{name:"light background",value:"lightgrey",default:!0}]},viewport:{defaultViewport:"iphone6",viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__.p}}},Basic=()=>{const[value,setValue]=react__WEBPACK_IMPORTED_MODULE_1__.useState(""),[keypadElement,setKeypadElement]=react__WEBPACK_IMPORTED_MODULE_1__.useState(),[expression,setExpression]=react__WEBPACK_IMPORTED_MODULE_1__.useState(!1),[v2Keypad,setV2Keypad]=react__WEBPACK_IMPORTED_MODULE_1__.useState(!0),[keypadOpen,setKeypadOpen]=react__WEBPACK_IMPORTED_MODULE_1__.useState(!1);return react__WEBPACK_IMPORTED_MODULE_1__.useEffect((()=>{null==keypadElement||keypadElement.configure({keypadType:expression?_index__WEBPACK_IMPORTED_MODULE_2__.H5.EXPRESSION:_index__WEBPACK_IMPORTED_MODULE_2__.H5.FRACTION,extraKeys:expression?["x","y","PI","THETA"]:[]},(()=>{}))}),[keypadElement,expression]),react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{textAlign:"center"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:{padding:"1rem 0"}},react__WEBPACK_IMPORTED_MODULE_1__.createElement("span",{style:{textAlign:"center",margin:20,display:"block"}},"NOTE: To properly test the input interaction, you will need to simulate a device using the dev tools."),react__WEBPACK_IMPORTED_MODULE_1__.createElement("button",{onClick:()=>setExpression(!expression)},"Use ".concat(expression?"Fraction":"Expression"," Keypad")),react__WEBPACK_IMPORTED_MODULE_1__.createElement("button",{onClick:()=>setV2Keypad(!v2Keypad)},"Use ".concat(v2Keypad?"Legacy":"New"," Keypad")),react__WEBPACK_IMPORTED_MODULE_1__.createElement("button",{onClick:()=>(keypadOpen?null==keypadElement||keypadElement.dismiss():null==keypadElement||keypadElement.activate(),void setKeypadOpen(!keypadOpen))},"Toggle Keypad")),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_index__WEBPACK_IMPORTED_MODULE_2__.VF,{value,keypadElement,onChange:(newValue,callback)=>{setValue(newValue),callback()},onFocus:()=>{null==keypadElement||keypadElement.activate()},onBlur:()=>{null==keypadElement||keypadElement.dismiss()}}),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_index__WEBPACK_IMPORTED_MODULE_2__.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(false);\n // Whether to use v1 or v2 keypad\n const [v2Keypad, setV2Keypad] = React.useState(true);\n // Whether the keypad is open or not\n const [keypadOpen, setKeypadOpen] = React.useState(false);\n\n const toggleKeypad = () => {\n if (keypadOpen) {\n keypadElement?.dismiss();\n } else {\n keypadElement?.activate();\n }\n setKeypadOpen(!keypadOpen);\n };\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 NOTE: To properly test the input interaction, you will need\n to simulate a device using the dev tools.\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"},!src.Zr.isLabeledSVG(backgroundImage.url)&&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(JSON.stringify(error,null,2))})}}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:"," ",plotTypes.map((type=>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:"," ",["x","y"].map(((axis,i)=>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:"," ",editingStates.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,"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:{type:{defaultValue:{value:"bar"},description:"",name:"type",required:!1,type:{name:"string"}},labels:{defaultValue:{value:'["", ""]'},description:"",name:"labels",required:!1,type:{name:"string[]"}},categories:{defaultValue:{value:'[""]'},description:"",name:"categories",required:!1,type:{name:"readonly (string | number)[]"}},scaleY:{defaultValue:null,description:"",name:"scaleY",required:!0,type:{name:"number"}},maxY:{defaultValue:null,description:"",name:"maxY",required:!0,type:{name:"number"}},snapsPerLine:{defaultValue:null,description:"",name:"snapsPerLine",required:!0,type:{name:"number"}},picSize:{defaultValue:{value:"30"},description:"",name:"picSize",required:!1,type:{name:"number"}},picBoxHeight:{defaultValue:{value:"36"},description:"",name:"picBoxHeight",required:!1,type:{name:"number"}},picUrl:{defaultValue:null,description:"",name:"picUrl",required:!0,type:{name:"string"}},plotDimensions:{defaultValue:{value:"[275, 200]"},description:"",name:"plotDimensions",required:!1,type:{name:"readonly number[]"}},labelInterval:{defaultValue:{value:"1"},description:"",name:"labelInterval",required:!1,type:{name:"number"}},starting:{defaultValue:{value:"[1]"},description:"",name:"starting",required:!1,type:{name:"readonly number[]"}},correct:{defaultValue:{value:"[1]"},description:"",name:"correct",required:!1,type:{name:"readonly number[]"}},static:{defaultValue:null,description:"",name:"static",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"any"}}}},"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__/article-renderer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PassageArticle:()=>PassageArticle,default:()=>article_renderer_stories});var react=__webpack_require__("./node_modules/react/index.js");const passageArticle={content:"###Group/Pair Activity \n\nThis passage is adapted from Ed Yong, “Turtles Use the Earth’s Magnetic Field as Global GPS.” ©2011 by Kalmbach Publishing Co.\n\n[[☃ passage 1]]\n\n**Question 9**\n\nThe passage most strongly suggests that Adelita used which of the following to navigate her 9,000-mile journey?\n\nA) The current of the North Atlantic gyre\n\nB) Cues from electromagnetic coils designed by Putman and Lohmann\n\nC) The inclination and intensity of Earth’s magnetic field\n\nD) A simulated “magnetic signature” configured by Lohmann\n\n10) Which choice provides the best evidence for the answer to the previous question?\n\nA) Lines 1–2 (“In 1996...way”)\n\nB) Lines 20–21 (“Using...surface”)\n\nC) Lines 36–37 (“In the wild...stars”)\n\nD) Lines 43–45 (“Neither...it is”)\n\n**Question 12** \n\nBased on the passage, which choice best describes the relationship between Putman’s and Lohmann’s research?\n\nA) Putman’s research contradicts Lohmann’s.\n\nB) Putman’s research builds on Lohmann’s.\n\nC) Lohmann’s research confirms Putman’s.\n\nD) Lohmann’s research corrects Putman’s.",images:{},widgets:{"passage 1":{type:"passage",alignment:"default",static:!1,graded:!0,options:{static:!1,passageTitle:"",passageText:"In 1996, a loggerhead turtle called Adelita swam across 9,000 miles from Mexico to Japan, crossing the entire Pacific on her way. Wallace J. Nichols tracked this epic journey with a satellite tag. But Adelita herself had no such technology at her disposal. How did she steer a route across two oceans to find her destination?\n\nNathan Putman has the answer. By testing hatchling turtles in a special tank, he has found that they can use the Earth’s magnetic field as their own Global Positioning System (GPS). By sensing the field, they can work out both their latitude and longitude and head in the right direction.\n\nPutman works in the lab of Ken Lohmann, who has been studying the magnetic abilities of loggerheads for over 20 years. In his lab at the University of North Carolina, Lohmann places hatchlings in a large water tank surrounded by a large grid of electromagnetic coils. In 1991, he found that the babies started in the opposite direction if he used the coils to reverse the direction of the magnetic field around them. They could use the field as a compass to get their bearing.\n\nLater, Lohmann showed that they can also use the magnetic field to work out their position. For them, this is literally a matter of life or death. Hatchlings born off the sea coast of Florida spend their early lives in the North Atlantic gyre, a warm current that circles between North America and Africa. If they’re swept towards the cold waters outside the gyre, they die. Their magnetic sense keeps them safe.\n\nUsing his coil-surrounded tank, Lohmann could mimic the magnetic field at different parts of the Earth’s surface. If he simulated the field at the northern edge of the gyre, the hatchlings swam southwards. If he simulated the field at the gyre’s southern edge, the turtles swam west-northwest. These experiments showed that the turtles can use their magnetic sense to work out their latitude—their position on a north-south axis. Now, Putman has shown that they can also determine their longitude—their position on an east-west axis.\n\nHe tweaked his magnetic tanks to simulate the fields in two positions with the same latitude at opposite ends of the Atlantic. If the field simulated the west Atlantic near Puerto Rico, the turtles swam northeast. If the field matched that on the east Atlantic near the Cape Verde Islands, the turtles swam southwest. In the wild, both headings would keep them within the safe, warm embrace of the North Atlantic gyre.\nBefore now, we knew that several animal migrants, from loggerheads to reed warblers to sparrows, had some way of working out longitude, but no one knew how. By keeping the turtles in the same conditions, with only the magnetic fields around them changing, Putman clearly showed that they can use these fields to find their way. In the wild, they might well also use other landmarks like the position of the sea, sun and stars.\n\nPutman thinks that the turtles work out their position using two features of the Earth’s magnetic field that change over its surface. They can sense the field’s inclination, or the angle at which it dips towards the surface. At the poles, this angle is roughly 90 degrees and at the equator, it’s roughly zero degrees. They can also sense its intensity, which is strongest near the poles and weakest near the Equator. Different parts of the world have unique combinations of these two variables. Neither corresponds directly to either latitude or longitude, but together, they provide a “magnetic signature” that tells the turtle where it is.\n",footnotes:"",showLineNumbers:!0},version:{major:0,minor:0}}}};var article_renderer=__webpack_require__("./packages/perseus/src/article-renderer.tsx");const article_renderer_stories={title:"Perseus/Renderers/Article Renderer",argTypes:{useNewStyles:{control:"boolean"}}},PassageArticle=_ref=>{let{useNewStyles}=_ref;return react.createElement(article_renderer.Z,{json:passageArticle,useNewStyles})};PassageArticle.parameters={storySource:{source:"({useNewStyles}): any => (\n \n)"},...PassageArticle.parameters};try{PassageArticle.displayName="PassageArticle",PassageArticle.__docgenInfo={description:"",displayName:"PassageArticle",props:{useNewStyles:{defaultValue:null,description:"",name:"useNewStyles",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/perseus/src/__stories__/article-renderer.stories.tsx#PassageArticle"]={docgenInfo:PassageArticle.__docgenInfo,name:"PassageArticle",path:"packages/perseus/src/__stories__/article-renderer.stories.tsx#PassageArticle"})}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