diff --git a/assets/Color-6VNJS4EI-XH6R7rto.js b/assets/Color-6VNJS4EI-B3LBw2f1.js similarity index 99% rename from assets/Color-6VNJS4EI-XH6R7rto.js rename to assets/Color-6VNJS4EI-B3LBw2f1.js index f5072c4314..8278af2a96 100644 --- a/assets/Color-6VNJS4EI-XH6R7rto.js +++ b/assets/Color-6VNJS4EI-B3LBw2f1.js @@ -1 +1 @@ -import{n as M,d as ue,T as Me,F as Ce,I as $e,g as Ne}from"./DocsRenderer-NNNQARDV-NO3RKp5V.js";import{R as h,r as b}from"./index-TT1qJ6UJ.js";import{g as fe}from"./_commonjsHelpers-4gQjN7DL.js";import{_ as Oe,i as J,a as Ie}from"./_getPrototype-bjD8Yebc.js";import"./iframe-xdwevnfV.js";import"../sb-preview/runtime.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./index-PPLHz8o0.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},bn=tn;export{tn as ColorControl,bn as default}; +import{n as M,d as ue,T as Me,F as Ce,I as $e,g as Ne}from"./DocsRenderer-NNNQARDV-18cxjryr.js";import{R as h,r as b}from"./index-TT1qJ6UJ.js";import{g as fe}from"./_commonjsHelpers-4gQjN7DL.js";import{_ as Oe,i as J,a as Ie}from"./_getPrototype-bjD8Yebc.js";import"./iframe-l_JfZPJj.js";import"../sb-preview/runtime.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./index-PPLHz8o0.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{icon:"markup",onClick:k}):null)},bn=tn;export{tn as ColorControl,bn as default}; diff --git a/assets/DocsRenderer-NNNQARDV-NO3RKp5V.js b/assets/DocsRenderer-NNNQARDV-18cxjryr.js similarity index 99% rename from assets/DocsRenderer-NNNQARDV-NO3RKp5V.js rename to assets/DocsRenderer-NNNQARDV-18cxjryr.js index fa0e77fb03..c9317f6790 100644 --- a/assets/DocsRenderer-NNNQARDV-NO3RKp5V.js +++ b/assets/DocsRenderer-NNNQARDV-18cxjryr.js @@ -1,4 +1,4 @@ -import{_ as At}from"./iframe-xdwevnfV.js";import{r as b,a as Il,R as a}from"./index-TT1qJ6UJ.js";import{r as U0,u as W0}from"./react-18-N0svEjlN.js";import{g as Rn,c as sa}from"./_commonjsHelpers-4gQjN7DL.js";import{c as Qr}from"./_commonjs-dynamic-modules-h-SxKiO4.js";import{r as ws,R as G0}from"./index-7vsPyIck.js";import{u as As}from"./bundle.esm-7jAAHVxW.js";import{L as Ss,O as Y0}from"./index-ogXoivrg.js";import{q as Cs,r as K0,s as ks,t as X0,i as $n,v as J0,w as Q0,x as e1,c as _s,y as Os,z as t1,A as Ts,B as r1,C as n1,D as a1,E as o1,F as l1,G as i1,H as Fs,I as s1,J as u1,K as Rs,_ as c1,L as d1,M as p1,N as _o,d as $s,O as Ds,P as Ls,Q as f1,R as m1,U as g1,e as h1,S as Pl,V as Ha,k as ua}from"./_getPrototype-bjD8Yebc.js";import{d as xe}from"./index-PPLHz8o0.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,Dn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:b1}=__STORYBOOK_MODULE_GLOBAL__,{logger:y1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var v1=Object.create,Ms=Object.defineProperty,E1=Object.getOwnPropertyDescriptor,Bs=Object.getOwnPropertyNames,x1=Object.getPrototypeOf,w1=Object.prototype.hasOwnProperty,Oo=(e,t)=>function(){return t||(0,e[Bs(e)[0]])((t={exports:{}}).exports,t),t.exports},A1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Bs(t))!w1.call(e,o)&&o!==r&&Ms(e,o,{get:()=>t[o],enumerable:!(n=E1(t,o))||n.enumerable});return e},Is=(e,t,r)=>(r=e!=null?v1(x1(e)):{},A1(t||!e||!e.__esModule?Ms(r,"default",{value:e,enumerable:!0}):r,e));function Jt(){return Jt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function un(e,t,r){return _1()?un=Reflect.construct.bind():un=function(n,o,l){var i=[null];i.push.apply(i,o);var u=Function.bind.apply(n,i),s=new u;return l&&kr(s,l.prototype),s},un.apply(null,arguments)}function Va(e){var t=typeof Map=="function"?new Map:void 0;return Va=function(r){if(r===null||!k1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return un(r,arguments,Za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),kr(n,r)},Va(e)}var O1={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). +import{_ as At}from"./iframe-l_JfZPJj.js";import{r as b,a as Il,R as a}from"./index-TT1qJ6UJ.js";import{r as U0,u as W0}from"./react-18-N0svEjlN.js";import{g as Rn,c as sa}from"./_commonjsHelpers-4gQjN7DL.js";import{c as Qr}from"./_commonjs-dynamic-modules-h-SxKiO4.js";import{r as ws,R as G0}from"./index-7vsPyIck.js";import{u as As}from"./bundle.esm-7jAAHVxW.js";import{L as Ss,O as Y0}from"./index-ogXoivrg.js";import{q as Cs,r as K0,s as ks,t as X0,i as $n,v as J0,w as Q0,x as e1,c as _s,y as Os,z as t1,A as Ts,B as r1,C as n1,D as a1,E as o1,F as l1,G as i1,H as Fs,I as s1,J as u1,K as Rs,_ as c1,L as d1,M as p1,N as _o,d as $s,O as Ds,P as Ls,Q as f1,R as m1,U as g1,e as h1,S as Pl,V as Ha,k as ua}from"./_getPrototype-bjD8Yebc.js";import{d as xe}from"./index-PPLHz8o0.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,Dn=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:b1}=__STORYBOOK_MODULE_GLOBAL__,{logger:y1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var v1=Object.create,Ms=Object.defineProperty,E1=Object.getOwnPropertyDescriptor,Bs=Object.getOwnPropertyNames,x1=Object.getPrototypeOf,w1=Object.prototype.hasOwnProperty,Oo=(e,t)=>function(){return t||(0,e[Bs(e)[0]])((t={exports:{}}).exports,t),t.exports},A1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Bs(t))!w1.call(e,o)&&o!==r&&Ms(e,o,{get:()=>t[o],enumerable:!(n=E1(t,o))||n.enumerable});return e},Is=(e,t,r)=>(r=e!=null?v1(x1(e)):{},A1(t||!e||!e.__esModule?Ms(r,"default",{value:e,enumerable:!0}):r,e));function Jt(){return Jt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function un(e,t,r){return _1()?un=Reflect.construct.bind():un=function(n,o,l){var i=[null];i.push.apply(i,o);var u=Function.bind.apply(n,i),s=new u;return l&&kr(s,l.prototype),s},un.apply(null,arguments)}function Va(e){var t=typeof Map=="function"?new Map:void 0;return Va=function(r){if(r===null||!k1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return un(r,arguments,Za(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),kr(n,r)},Va(e)}var O1={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }). @@ -226,9 +226,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho path { fill: currentColor; } -`,ve=({icon:e,useSymbol:t,...r})=>a.createElement(gc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Pr[e]),Ag=b.memo(function({icons:e=Object.keys(Pr)}){return a.createElement(gc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Pr[t])))}),Sg=0,Cg=e=>e.button===Sg&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,kg=(e,t)=>{Cg(e)&&(e.preventDefault(),t(e))},_g=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),Og=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),wt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(Og,{...i,onClick:r&&e?u=>kg(u,r):r,className:l},a.createElement(_g,{withArrow:n,containsIcon:o},t,n&&a.createElement(ve,{icon:"arrowright"})));wt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Tg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Pt=[],lr=null,Fg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await At(()=>import("./syntaxhighlighter-B5GMVT5T-ZqVZX5uy.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return Pt.length>0&&(Pt.forEach(t=>{e.registerLanguage(...t)}),Pt=[]),lr===null&&(lr=e),{default:t=>a.createElement(e,{...t})}}),Rg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([At(()=>import("./syntaxhighlighter-B5GMVT5T-ZqVZX5uy.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url),At(()=>import("./formatter-SWP5E3XI-T3CdbF9K.js"),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url)]);return Pt.length>0&&(Pt.forEach(r=>{e.registerLanguage(...r)}),Pt=[]),lr===null&&(lr=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Wn=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(Rg,{...e}):a.createElement(Fg,{...e}));Wn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}Pt.push(e)};var $g=e=>typeof e=="number"?e:Number(e),Dg=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ja}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ja}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Lg=({col:e,row:t,outer:r,children:n,...o})=>{let l=$g(typeof r=="number"||!r?r:e||t);return a.createElement(Dg,{col:e,row:t,outer:l,...o},n)},Mg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Bg=_.div(),Ig=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),hc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return a.createElement(Ig,{...t},a.createElement(Mg,null,r),n&&a.createElement(Bg,null,n))},Pg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function jg({scale:e,children:t}){let r=b.useRef(null),[n,o]=b.useState(0),l=b.useCallback(({height:i})=>{i&&o(i/e)},[e]);return b.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),As({ref:r,onResize:l}),a.createElement(Pg,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Ng=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return a.createElement(a.Fragment,null,e)}},bc={Element:jg,IFrame:Ng},{document:Hg}=Pm,Zg=_.strong(({theme:e})=>({color:e.color.orange})),Vg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Oi=_.em(({theme:e})=>({color:e.textMutedColor})),zg=/(Error): (.*)\n/,qg=/at (?:(.*) )?\(?(.+)\)?/,Ug=/([^@]+)?(?:\/<)?@(.+)?/,Wg=/([^@]+)?@(.+)?/,yc=({error:e})=>{if(!e)return a.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`,ve=({icon:e,useSymbol:t,...r})=>a.createElement(gc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?a.createElement("use",{xlinkHref:`#icon--${e}`}):Pr[e]),Ag=b.memo(function({icons:e=Object.keys(Pr)}){return a.createElement(gc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>a.createElement("symbol",{id:`icon--${t}`,key:t},Pr[t])))}),Sg=0,Cg=e=>e.button===Sg&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,kg=(e,t)=>{Cg(e)&&(e.preventDefault(),t(e))},_g=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),Og=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),wt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:o,className:l,...i})=>a.createElement(Og,{...i,onClick:r&&e?u=>kg(u,r):r,className:l},a.createElement(_g,{withArrow:n,containsIcon:o},t,n&&a.createElement(ve,{icon:"arrowright"})));wt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Tg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Pt=[],lr=null,Fg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await At(()=>import("./syntaxhighlighter-B5GMVT5T-gwtPafHE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return Pt.length>0&&(Pt.forEach(t=>{e.registerLanguage(...t)}),Pt=[]),lr===null&&(lr=e),{default:t=>a.createElement(e,{...t})}}),Rg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([At(()=>import("./syntaxhighlighter-B5GMVT5T-gwtPafHE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url),At(()=>import("./formatter-SWP5E3XI-RyVKr7sS.js"),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url)]);return Pt.length>0&&(Pt.forEach(r=>{e.registerLanguage(...r)}),Pt=[]),lr===null&&(lr=e),{default:r=>a.createElement(e,{...r,formatter:t})}}),Wn=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},e.format!==!1?a.createElement(Rg,{...e}):a.createElement(Fg,{...e}));Wn.registerLanguage=(...e)=>{if(lr!==null){lr.registerLanguage(...e);return}Pt.push(e)};var $g=e=>typeof e=="number"?e:Number(e),Dg=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ja}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ja}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Lg=({col:e,row:t,outer:r,children:n,...o})=>{let l=$g(typeof r=="number"||!r?r:e||t);return a.createElement(Dg,{col:e,row:t,outer:l,...o},n)},Mg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Bg=_.div(),Ig=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),hc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return a.createElement(Ig,{...t},a.createElement(Mg,null,r),n&&a.createElement(Bg,null,n))},Pg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function jg({scale:e,children:t}){let r=b.useRef(null),[n,o]=b.useState(0),l=b.useCallback(({height:i})=>{i&&o(i/e)},[e]);return b.useEffect(()=>{r.current&&o(r.current.getBoundingClientRect().height)},[e]),As({ref:r,onResize:l}),a.createElement(Pg,{scale:e,elementHeight:n},a.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var Ng=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return a.createElement(a.Fragment,null,e)}},bc={Element:jg,IFrame:Ng},{document:Hg}=Pm,Zg=_.strong(({theme:e})=>({color:e.color.orange})),Vg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Oi=_.em(({theme:e})=>({color:e.textMutedColor})),zg=/(Error): (.*)\n/,qg=/at (?:(.*) )?\(?(.+)\)?/,Ug=/([^@]+)?(?:\/<)?@(.+)?/,Wg=/([^@]+)?@(.+)?/,yc=({error:e})=>{if(!e)return a.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return a.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(zg);if(!r)return a.createElement(b.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(qg)||u.match(Ug)||u.match(Wg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(Hg.location.origin,"")}:null}).filter(Boolean);return a.createElement(b.Fragment,null,a.createElement("span",null,n),": ",a.createElement(Zg,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Vg,null,u.name)," (",a.createElement(Oi,null,u.location),")",a.createElement("br",null)):a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Oi,null,u.location),a.createElement("br",null))))},vc=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${dt(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${dt(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):dg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${dt(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.2)} 0 8px 18px 0px`}}:{}}),Gg=vc.withComponent("a"),Ec=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(Gg,{...r,ref:n},t):a.createElement(vc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Yg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Kg=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),xc=({label:e,children:t,...r})=>a.createElement(Yg,{...r},e?a.createElement(Kg,null,a.createElement("span",null,e)):null,t);xc.defaultProps={label:void 0};function po(){return po=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(r[o]=e[o]);return r}var Ti=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Jg=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ti(r.current,null),r.current=t,t&&Ti(t,n)},[t])},Qg=Jg,eh=function(){},th=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],rh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?eh:r;e.onHeightChange;var o=Xg(e,th);o.value;var l=b.useRef(null),i=Qg(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",po({},o,{onChange:n,ref:i}))},nh=b.forwardRef(rh),ah={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},sl=({theme:e})=>({...ah,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Gn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},wc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Yn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},oh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(sl,Gn,wc,Yn,{minHeight:32}),{displayName:"Input"}),lh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(sl,Gn,Yn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ih=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(nh,{...n,ref:o})}))(sl,Gn,wc,Yn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),sh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Ec,{...n,ref:o})}))(Gn,Yn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),uh=Object.assign(b.forwardRef(function(e,t){return a.createElement(sh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:xc,Input:oh,Select:lh,Textarea:ih,Button:uh}),ch=b.lazy(()=>At(()=>import("./WithTooltip-V3YHNWJZ-Qq517SW1.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltip}))),dh=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ch,{...e})),ph=b.lazy(()=>At(()=>import("./WithTooltip-V3YHNWJZ-Qq517SW1.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ac=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ph,{...e})),fh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),mh=_.span(),gh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),hh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),bh=_.div({padding:15,width:280,boxSizing:"border-box"}),Sc=({title:e,desc:t,links:r})=>a.createElement(bh,null,a.createElement(hh,null,e&&a.createElement(fh,null,e),t&&a.createElement(mh,null,t)),r&&a.createElement(gh,null,r.map(({title:n,...o})=>a.createElement(wt,{...o,key:n},n))));Sc.defaultProps={title:null,desc:null,links:null};var yh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),vh=({note:e,...t})=>a.createElement(yh,{...t},e),Eh=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),xh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),wh=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Ah=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Fi=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Sh=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Ch=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Cc=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:f,...m})=>{let p=Ch(d,c,f),h={active:i,disabled:u},g=typeof l=="string"&&Pr[l];return a.createElement(Sh,{...h,...m,...p},l?a.createElement(Fi,{...h},g?a.createElement(ve,{icon:l}):l):t&&a.createElement(Fi,{...h},t),r||n?a.createElement(wh,{isIndented:!t&&!l&&s},r&&a.createElement(Eh,{...h,loading:e},r),n&&a.createElement(Ah,{...h},n)):null,o&&a.createElement(xh,{...h},o))};Cc.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ul=Cc,kh=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),_h=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(f=>{r(f,l)},[r]),d=!!r;return a.createElement(ul,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},cl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(kh,null,e.map(({isGatsby:n,...o})=>a.createElement(_h,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};cl.defaultProps={LinkWrapper:ul.defaultProps.LinkWrapper};var dl=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));dl.displayName="ButtonOrLink";var Gr=_(dl,{shouldForwardProp:Fo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Gr.displayName="TabButton";var jt=_(dl,{shouldForwardProp:Fo})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:qn},"&:focus:not(:focus-visible)":{outline:"none"}});jt.displayName="IconButton";var Oh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Th=_.div(()=>({marginTop:6,padding:7,height:28})),kc=()=>a.createElement(Th,null,a.createElement(Oh,null)),fo=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});fo.displayName="Side";var Fh=({children:e,className:t,scrollable:r})=>r?a.createElement(Uo,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),pl=_(Fh)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});pl.displayName="Bar";var Rh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Kn=({children:e,backgroundColor:t,...r})=>{let[n,o]=b.Children.toArray(e);return a.createElement(pl,{...r},a.createElement(Rh,{bgColor:t},a.createElement(fo,{scrollable:r.scrollable,left:!0},n),o?a.createElement(fo,{right:!0},o):null))};Kn.displayName="FlexBar";var _c=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ri=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(_c,{active:i,role:"tabpanel"},l)}}),$h=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Dh=_(Gr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(zg);if(!r)return a.createElement(b.Fragment,null,t);let[,n,o]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(qg)||u.match(Ug)||u.match(Wg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(Hg.location.origin,"")}:null}).filter(Boolean);return a.createElement(b.Fragment,null,a.createElement("span",null,n),": ",a.createElement(Zg,null,o),a.createElement("br",null),i.map((u,s)=>u.name?a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Vg,null,u.name)," (",a.createElement(Oi,null,u.location),")",a.createElement("br",null)):a.createElement(b.Fragment,{key:s}," ","at ",a.createElement(Oi,null,u.location),a.createElement("br",null))))},vc=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let o;return n?o=e.color.mediumlight:r?o=e.color.secondary:t&&(o=e.color.primary),o?{background:o,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,o)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${dt(o,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${dt(o,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):dg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${dt(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${dt(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let o;return n?o=e.color.secondary:r&&(o=e.color.primary),t&&o?{boxShadow:`${o} 0 0 0 1px inset`,color:o,"svg path:not([fill])":{fill:o},"&:hover":{boxShadow:`${o} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:o,boxShadow:`${o} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${o} 0 0 0 1px inset, ${dt(o,.2)} 0 8px 18px 0px`}}:{}}),Gg=vc.withComponent("a"),Ec=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?a.createElement(Gg,{...r,ref:n},t):a.createElement(vc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Yg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Kg=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),xc=({label:e,children:t,...r})=>a.createElement(Yg,{...r},e?a.createElement(Kg,null,a.createElement("span",null,e)):null,t);xc.defaultProps={label:void 0};function po(){return po=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(r[o]=e[o]);return r}var Ti=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},Jg=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ti(r.current,null),r.current=t,t&&Ti(t,n)},[t])},Qg=Jg,eh=function(){},th=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],rh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?eh:r;e.onHeightChange;var o=Xg(e,th);o.value;var l=b.useRef(null),i=Qg(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",po({},o,{onChange:n,ref:i}))},nh=b.forwardRef(rh),ah={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},sl=({theme:e})=>({...ah,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Gn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},wc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},Yn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},oh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("input",{...n,ref:o})}))(sl,Gn,wc,Yn,{minHeight:32}),{displayName:"Input"}),lh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement("select",{...n,ref:o})}))(sl,Gn,Yn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ih=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(nh,{...n,ref:o})}))(sl,Gn,wc,Yn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),sh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},o){return a.createElement(Ec,{...n,ref:o})}))(Gn,Yn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),uh=Object.assign(b.forwardRef(function(e,t){return a.createElement(sh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:xc,Input:oh,Select:lh,Textarea:ih,Button:uh}),ch=b.lazy(()=>At(()=>import("./WithTooltip-V3YHNWJZ-YFxHNYZq.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltip}))),dh=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ch,{...e})),ph=b.lazy(()=>At(()=>import("./WithTooltip-V3YHNWJZ-YFxHNYZq.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ac=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(ph,{...e})),fh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),mh=_.span(),gh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),hh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),bh=_.div({padding:15,width:280,boxSizing:"border-box"}),Sc=({title:e,desc:t,links:r})=>a.createElement(bh,null,a.createElement(hh,null,e&&a.createElement(fh,null,e),t&&a.createElement(mh,null,t)),r&&a.createElement(gh,null,r.map(({title:n,...o})=>a.createElement(wt,{...o,key:n},n))));Sc.defaultProps={title:null,desc:null,links:null};var yh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),vh=({note:e,...t})=>a.createElement(yh,{...t},e),Eh=_(({active:e,loading:t,disabled:r,...n})=>a.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),xh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),wh=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Ah=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Fi=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Sh=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Ch=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Cc=({loading:e,left:t,title:r,center:n,right:o,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:f,...m})=>{let p=Ch(d,c,f),h={active:i,disabled:u},g=typeof l=="string"&&Pr[l];return a.createElement(Sh,{...h,...m,...p},l?a.createElement(Fi,{...h},g?a.createElement(ve,{icon:l}):l):t&&a.createElement(Fi,{...h},t),r||n?a.createElement(wh,{isIndented:!t&&!l&&s},r&&a.createElement(Eh,{...h,loading:e},r),n&&a.createElement(Ah,{...h},n)):null,o&&a.createElement(xh,{...h},o))};Cc.defaultProps={loading:!1,left:null,title:a.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ul=Cc,kh=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),_h=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:o,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(f=>{r(f,l)},[r]),d=!!r;return a.createElement(ul,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:o,...l,...d?{onClick:c}:{}})},cl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return a.createElement(kh,null,e.map(({isGatsby:n,...o})=>a.createElement(_h,{key:o.id,LinkWrapper:n?t:null,isIndented:r,...o})))};cl.defaultProps={LinkWrapper:ul.defaultProps.LinkWrapper};var dl=a.forwardRef(({children:e,...t},r)=>t.href!=null?a.createElement("a",{ref:r,...t},e):a.createElement("button",{ref:r,type:"button",...t},e));dl.displayName="ButtonOrLink";var Gr=_(dl,{shouldForwardProp:Fo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Gr.displayName="TabButton";var jt=_(dl,{shouldForwardProp:Fo})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:qn},"&:focus:not(:focus-visible)":{outline:"none"}});jt.displayName="IconButton";var Oh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Th=_.div(()=>({marginTop:6,padding:7,height:28})),kc=()=>a.createElement(Th,null,a.createElement(Oh,null)),fo=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});fo.displayName="Side";var Fh=({children:e,className:t,scrollable:r})=>r?a.createElement(Uo,{vertical:!1,className:t},e):a.createElement("div",{className:t},e),pl=_(Fh)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});pl.displayName="Bar";var Rh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Kn=({children:e,backgroundColor:t,...r})=>{let[n,o]=b.Children.toArray(e);return a.createElement(pl,{...r},a.createElement(Rh,{bgColor:t},a.createElement(fo,{scrollable:r.scrollable,left:!0},n),o?a.createElement(fo,{right:!0},o):null))};Kn.displayName="FlexBar";var _c=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ri=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:o}})=>{let l=Array.isArray(o)?o[0]:o;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>a.createElement(_c,{active:i,role:"tabpanel"},l)}}),$h=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Dh=_(Gr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.color.secondary:t.color.mediumdark}; &:hover { color: ${t.color.secondary}; @@ -308,7 +308,7 @@ ${t}`);let r=t.match(zg);if(!r)return a.createElement(b.Fragment,null,t);let[,n, ${Ke(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Dt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Dt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${pt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),$0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),e9=_($0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),t9=_.div({display:"flex",alignItems:"center",width:"100%"});function r9(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var n9=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=f=>{r(hx(f.target.value))},c=t!==void 0,d=b.useMemo(()=>r9(l),[l]);return a.createElement(t9,null,a.createElement($0,null,n),a.createElement(Qx,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(e9,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},a9=_.label({display:"flex"}),o9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),l9=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=f=>{r(f.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(Ne.Button,{id:Dn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(a9,null,a.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(o9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},i9=_(Ne.Input)({padding:10});function s9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var u9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),s9(n)}return b.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(i9,{ref:o,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},c9=b.lazy(()=>At(()=>import("./Color-6VNJS4EI-XH6R7rto.js"),__vite__mapDeps([14,2,3,10,1,4,5,6,7,8,9,11]),import.meta.url)),d9=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(c9,{...e})),p9={array:vs,object:vs,boolean:sx,color:d9,date:mx,number:bx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:n9,text:l9,file:u9},Es=()=>a.createElement(a.Fragment,null,"-"),f9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[o]:g}),g),[r,o]),f=b.useCallback(()=>u(!1),[]),m=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(Es,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:f,onFocus:m},h=p9[l.type]||Es;return a.createElement(h,{...p,...l,controlType:l.type})},m9=_.span({fontWeight:"bold"}),g9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),h9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...gt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),b9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),v9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),ln=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},f=d.type||n.type,m=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(v9,{expandable:i},a.createElement(m9,null,s),p?a.createElement(g9,{title:"Required"},"*"):null),l?null:a.createElement("td",null,h&&a.createElement(h9,null,a.createElement(n0,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(y9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u})),a.createElement(K8,{tags:d.jsDocTags})):a.createElement(b9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(Pa,{value:m,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(f9,{...e,isHovered:t})):null)},E9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),x9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),w9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),A9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),S9=_.td(()=>({position:"relative"})),C9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Dt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),xs=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Na=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?A9:w9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",f=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(C9,{title:f},a.createElement(u,{colSpan:1},a.createElement(xs,{onClick:m=>i(!l),tabIndex:0},f),a.createElement(x9,null,a.createElement(E9,{icon:d}),t)),a.createElement(S9,{colSpan:o-1},a.createElement(xs,{onClick:m=>i(!l),tabIndex:-1,style:{outline:"none"}},f),l?null:c)),l?r:null)},sn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),ge=[2,4,2,2],k9=()=>a.createElement(a.Fragment,null,a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"})))),_9=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),O9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),T9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),R9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),$9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),D9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(_9,{inAddonPanel:e},a.createElement(O9,null,a.createElement(T9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(F9,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),a.createElement(R9,null,e&&a.createElement(a.Fragment,null,a.createElement(wt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ve,{icon:"video"})," Watch 5m video"),a.createElement($9,null),a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},L9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),M9=_(jt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),B9=_.span({display:"flex",justifyContent:"space-between"}),I9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},P9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=I9[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},j9=(e,t,r)=>{try{return Y0(e,t,r)}catch(n){return b8.warn(n.message),!1}},N9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return a.createElement(y0,null,w," ",a.createElement(wt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(k9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,f=P9(Ay(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&j9(w,c||{},d||{})}),i),m=f.ungrouped.length===0,p=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(m&&p&&h)return a.createElement(D9,{inAddonPanel:o});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(f.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(il,null,a.createElement(L9,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(B9,null,"Control"," ",!u&&r&&a.createElement(M9,{onClick:()=>r(),title:"Reset controls"},a.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},f.ungrouped.map(w=>a.createElement(ln,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(f.ungroupedSubsections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(f.sections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>a.createElement(Na,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>a.createElement(ln,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...aa(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...aa(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...aa(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var H9=e=>`anchor--${e}`,Z9=({storyId:e,children:t})=>a.createElement("div",{id:H9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Te=$e?$e.__DOCS_CONTEXT__:b.createContext(null),Yr=(e,t)=>b.useContext(Te).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=Fl([e],t);return r&&r[0]}function Fl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function D0(e){return d8(e)}var L0=b.createContext({sources:{}}),M0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:f}=typeof l=="string"?{id:l,source:i,format:u}:l,m=c?D0(c):M0;n(p=>({...p,[s]:{...p[s],[m]:{code:d,format:f}}}))};return t.on(Pl,o),()=>t.off(Pl,o)},[]),a.createElement(L0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[D0(t)])||(o==null?void 0:o[M0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,f,m,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||ua.AUTO;if(l.code!==void 0)return l.code;let u=i===ua.DYNAMIC||i===ua.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. + ${Dt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${pt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),$0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),e9=_($0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),t9=_.div({display:"flex",alignItems:"center",width:"100%"});function r9(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var n9=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:l=1,onBlur:i,onFocus:u})=>{let s=f=>{r(hx(f.target.value))},c=t!==void 0,d=b.useMemo(()=>r9(l),[l]);return a.createElement(t9,null,a.createElement($0,null,n),a.createElement(Qx,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:o,step:l,onFocus:u,onBlur:i}),a.createElement(e9,{numberOFDecimalsPlaces:d,max:o},c?t.toFixed(d):"--"," / ",o))},a9=_.label({display:"flex"}),o9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),l9=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:l})=>{let i=f=>{r(f.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return a.createElement(Ne.Button,{id:Dn(e),onClick:c},"Set string");let d=typeof t=="string";return a.createElement(a9,null,a.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:o}),l&&a.createElement(o9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},i9=_(Ne.Input)({padding:10});function s9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var u9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let o=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),s9(n)}return b.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),a.createElement(i9,{ref:o,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},c9=b.lazy(()=>At(()=>import("./Color-6VNJS4EI-B3LBw2f1.js"),__vite__mapDeps([14,2,3,10,1,4,5,6,7,8,9,11]),import.meta.url)),d9=e=>a.createElement(b.Suspense,{fallback:a.createElement("div",null)},a.createElement(c9,{...e})),p9={array:vs,object:vs,boolean:sx,color:d9,date:mx,number:bx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:n9,text:l9,file:u9},Es=()=>a.createElement(a.Fragment,null,"-"),f9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[o]:g}),g),[r,o]),f=b.useCallback(()=>u(!1),[]),m=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):a.createElement(Es,null);let p={name:o,argType:e,value:s.value,onChange:d,onBlur:f,onFocus:m},h=p9[l.type]||Es;return a.createElement(h,{...p,...l,controlType:l.type})},m9=_.span({fontWeight:"bold"}),g9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),h9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...gt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),b9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),v9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),ln=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:o,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},f=d.type||n.type,m=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return a.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},a.createElement(v9,{expandable:i},a.createElement(m9,null,s),p?a.createElement(g9,{title:"Required"},"*"):null),l?null:a.createElement("td",null,h&&a.createElement(h9,null,a.createElement(n0,null,c)),d.jsDocTags!=null?a.createElement(a.Fragment,null,a.createElement(y9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u})),a.createElement(K8,{tags:d.jsDocTags})):a.createElement(b9,{hasDescription:h},a.createElement(Pa,{value:f,initialExpandedArgs:u}))),l?null:a.createElement("td",null,a.createElement(Pa,{value:m,initialExpandedArgs:u})),o?a.createElement("td",null,a.createElement(f9,{...e,isHovered:t})):null)},E9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),x9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),w9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),A9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),S9=_.td(()=>({position:"relative"})),C9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Dt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),xs=_.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Na=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?A9:w9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",f=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return a.createElement(a.Fragment,null,a.createElement(C9,{title:f},a.createElement(u,{colSpan:1},a.createElement(xs,{onClick:m=>i(!l),tabIndex:0},f),a.createElement(x9,null,a.createElement(E9,{icon:d}),t)),a.createElement(S9,{colSpan:o-1},a.createElement(xs,{onClick:m=>i(!l),tabIndex:-1,style:{outline:"none"}},f),l?null:c)),l?r:null)},sn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),ge=[2,4,2,2],k9=()=>a.createElement(a.Fragment,null,a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"}))),a.createElement(sn,null,a.createElement(me,{numColumn:ge[0]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[1]},a.createElement(ie,{width:"80%"}),a.createElement(ie,{width:"30%"})),a.createElement(me,{numColumn:ge[2]},a.createElement(ie,{width:"60%"})),a.createElement(me,{numColumn:ge[3]},a.createElement(ie,{width:"60%"})))),_9=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),O9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),T9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),R9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),$9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),D9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:a.createElement(_9,{inAddonPanel:e},a.createElement(O9,null,a.createElement(T9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),a.createElement(F9,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),a.createElement(R9,null,e&&a.createElement(a.Fragment,null,a.createElement(wt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},a.createElement(ve,{icon:"video"})," Watch 5m video"),a.createElement($9,null),a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&a.createElement(wt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},L9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),M9=_(jt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),B9=_.span({display:"flex",justifyContent:"space-between"}),I9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},P9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=I9[t],o=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},j9=(e,t,r)=>{try{return Y0(e,t,r)}catch(n){return b8.warn(n.message),!1}},N9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return a.createElement(y0,null,w," ",a.createElement(wt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return a.createElement(k9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,f=P9(Ay(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&j9(w,c||{},d||{})}),i),m=f.ungrouped.length===0,p=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(m&&p&&h)return a.createElement(D9,{inAddonPanel:o});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(f.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:l};return a.createElement(il,null,a.createElement(L9,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},a.createElement("thead",{className:"docblock-argstable-head"},a.createElement("tr",null,a.createElement("th",null,a.createElement("span",null,"Name")),n?null:a.createElement("th",null,a.createElement("span",null,"Description")),n?null:a.createElement("th",null,a.createElement("span",null,"Default")),t?a.createElement("th",null,a.createElement(B9,null,"Control"," ",!u&&r&&a.createElement(M9,{onClick:()=>r(),title:"Reset controls"},a.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),a.createElement("tbody",{className:"docblock-argstable-body"},f.ungrouped.map(w=>a.createElement(ln,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(f.ungroupedSubsections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(f.sections).map(([w,v])=>a.createElement(Na,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>a.createElement(ln,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>a.createElement(Na,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>a.createElement(ln,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(te,({theme:e})=>({...aa(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...aa(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...aa(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var H9=e=>`anchor--${e}`,Z9=({storyId:e,children:t})=>a.createElement("div",{id:H9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Te=$e?$e.__DOCS_CONTEXT__:b.createContext(null),Yr=(e,t)=>b.useContext(Te).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=Fl([e],t);return r&&r[0]}function Fl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async o=>{let l=await t.loadStory(o);n(i=>i[o]===l?i:{...i,[o]:l})}))}),e.map(o=>{if(r[o])return r[o];try{return t.storyById(o)}catch{return null}})}function D0(e){return d8(e)}var L0=b.createContext({sources:{}}),M0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let o=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:f}=typeof l=="string"?{id:l,source:i,format:u}:l,m=c?D0(c):M0;n(p=>({...p,[s]:{...p[s],[m]:{code:d,format:f}}}))};return t.on(Pl,o),()=>t.off(Pl,o)},[]),a.createElement(L0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,o;return(o=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:o.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,o=n==null?void 0:n[e];return(o==null?void 0:o[D0(t)])||(o==null?void 0:o[M0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,f,m,p;let{__isArgsStory:o}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||ua.AUTO;if(l.code!==void 0)return l.code;let u=i===ua.DYNAMIC||i===ua.AUTO&&e&&o?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block `),(c=t.parameters.docs)!=null&&c.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. @@ -364,7 +364,7 @@ ${t}`);let r=t.match(zg);if(!r)return a.createElement(b.Fragment,null,t);let[,n, `),o?a.createElement(V0,{of:o.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Tw=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return a.createElement(ol,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return a.createElement($l,{as:"h2",id:n,...r},e)},Fw=_(Tw)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Rw=({title:e="Stories",includePrimary:t=!0})=>{let{componentStories:r}=b.useContext(Te),n=r().filter(o=>{var l,i;return!((i=(l=o.parameters)==null?void 0:l.docs)!=null&&i.disable)});return t||(n=n.slice(1)),!n||n.length===0?null:a.createElement(a.Fragment,null,a.createElement(Fw,null,e),n.map(o=>o&&a.createElement(V0,{key:o.id,of:o.moduleExport,expanded:!0,__forceInitialArgs:!0})))},$w=()=>{let e=Yr("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return a.createElement(a.Fragment,null,a.createElement(Cw,null),a.createElement(kw,null),a.createElement(ko,{of:"meta"}),r?a.createElement(ko,{of:"story"}):null,a.createElement(Ow,null),a.createElement(nw,null),r?null:a.createElement(Rw,null))};function Dw({context:e,docsParameter:t}){let r=t.container||ww,n=t.page||$w;return a.createElement(r,{context:e,theme:t.theme},a.createElement(n,null))}var z0={code:j0,a:N0,...Z0},Lw=class extends b.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:a.createElement(a.Fragment,null,t)}},Mw=class{constructor(){this.render=async(e,t,r)=>{let n={...z0,...t==null?void 0:t.components},o=Dw;return new Promise((l,i)=>{At(()=>import("./index-Aiv9N5p3.js"),__vite__mapDeps([15,2,3]),import.meta.url).then(({MDXProvider:u})=>U0(a.createElement(Lw,{showException:i,key:Math.random()},a.createElement(u,{components:n},a.createElement(o,{context:e,docsParameter:t}))),r)).then(()=>l())})},this.unmount=e=>{W0(e)}}};const Xw=Object.freeze(Object.defineProperty({__proto__:null,DocsRenderer:Mw,defaultComponents:z0},Symbol.toStringTag,{value:"Module"}));export{Xw as D,Ne as F,ve as I,Wo as S,vh as T,Im as W,_e as _,Uu as a,Z as b,Du as c,dh as d,He as g,Ht as m,_ as n,Ww as s}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-B5GMVT5T-ZqVZX5uy.js","./iframe-xdwevnfV.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./react-18-N0svEjlN.js","./client-rbWgHzHN.js","./index-7vsPyIck.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./bundle.esm-7jAAHVxW.js","./index-ogXoivrg.js","./_getPrototype-bjD8Yebc.js","./index-PPLHz8o0.js","./formatter-SWP5E3XI-T3CdbF9K.js","./WithTooltip-V3YHNWJZ-Qq517SW1.js","./Color-6VNJS4EI-XH6R7rto.js","./index-Aiv9N5p3.js"] + __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-B5GMVT5T-gwtPafHE.js","./iframe-l_JfZPJj.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./react-18-N0svEjlN.js","./client-rbWgHzHN.js","./index-7vsPyIck.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./bundle.esm-7jAAHVxW.js","./index-ogXoivrg.js","./_getPrototype-bjD8Yebc.js","./index-PPLHz8o0.js","./formatter-SWP5E3XI-RyVKr7sS.js","./WithTooltip-V3YHNWJZ-YFxHNYZq.js","./Color-6VNJS4EI-B3LBw2f1.js","./index-Aiv9N5p3.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } diff --git a/assets/WithTooltip-V3YHNWJZ-Qq517SW1.js b/assets/WithTooltip-V3YHNWJZ-YFxHNYZq.js similarity index 75% rename from assets/WithTooltip-V3YHNWJZ-Qq517SW1.js rename to assets/WithTooltip-V3YHNWJZ-YFxHNYZq.js index b4078fd20c..68643387dc 100644 --- a/assets/WithTooltip-V3YHNWJZ-Qq517SW1.js +++ b/assets/WithTooltip-V3YHNWJZ-YFxHNYZq.js @@ -1 +1 @@ -import{W as u,W as x,a as P}from"./DocsRenderer-NNNQARDV-NO3RKp5V.js";import"./iframe-xdwevnfV.js";import"../sb-preview/runtime.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./_getPrototype-bjD8Yebc.js";import"./index-PPLHz8o0.js";export{u as WithToolTipState,x as WithTooltip,P as WithTooltipPure}; +import{W as u,W as x,a as P}from"./DocsRenderer-NNNQARDV-18cxjryr.js";import"./iframe-l_JfZPJj.js";import"../sb-preview/runtime.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./_getPrototype-bjD8Yebc.js";import"./index-PPLHz8o0.js";export{u as WithToolTipState,x as WithTooltip,P as WithTooltipPure}; diff --git a/assets/answer-choices-mbE4GLUb.js b/assets/answer-choices-MQdUvt3_.js similarity index 99% rename from assets/answer-choices-mbE4GLUb.js rename to assets/answer-choices-MQdUvt3_.js index e55d92e956..c3175658d1 100644 --- a/assets/answer-choices-mbE4GLUb.js +++ b/assets/answer-choices-MQdUvt3_.js @@ -1,4 +1,4 @@ -import{j as et}from"./jsx-runtime-FVsy8kgq.js";import{a as g,_ as d,b as yt,V as Ce,I as ke}from"./index-6h5t6F0w.js";import{r as o}from"./index-TT1qJ6UJ.js";import{l as v}from"./index-awljIyHI.js";import{C as gr,a as yr}from"./index-o3wWn3Y5.js";import{s as m,c as a,m as ee,b as X,a as br,f as Sr}from"./index-deFLJwr4.js";import{a as bt,b as Qt,L as xr}from"./index-h_CiYGGb.js";import{P as St}from"./index-xuPsLuPk.js";import{c as Gt,m as Cr}from"./minus-bold-ONmDo3Ve.js";import{r as Ie}from"./index-7vsPyIck.js";import{I as vr,x as Ir}from"./index-rfN0X25E.js";import{w as kn}from"./index-CkAxGj88.js";import{P as wr,d as $r}from"./Popper-kGnKOid7.js";import{m as Er}from"./index-YCTzZMik.js";import{u as kr}from"./i18n-context-P7VpLqM1.js";import{R as Rr}from"./renderer-ULNOY64X.js";function Rn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Rn(t));else e.push(s);else return e;return e}function _n(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Rn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const _r=["children","style","tag","testId"],Fr=/^h[1-6]$/,Jt=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),B=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,_r);const f=Fr.test(l),h=_n([Jt.text,f&&Jt.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),Tr=["className","style"];function qe(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,Tr),c=typeof s=="string"?zr[s]:null,{className:f,style:h}=_n([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const zr=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),Pr=["testId","tag"],Ve=v.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}}),Or=qe("div",Ve.default),Br=qe("article",Ve.default),Lr=qe("aside",Ve.default),Dr=qe("nav",Ve.default),Nr=qe("section",Ve.default),Re=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,Pr),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Br,d({},i,{ref:t}));case"aside":return o.createElement(Lr,d({},i,{ref:t}));case"nav":return o.createElement(Dr,d({},i,{ref:t}));case"section":return o.createElement(Nr,d({},i,{ref:t}));case"div":return o.createElement(Or,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let be=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ut=o.createContext(be.Root);ut.displayName="RenderStateContext";let Hr=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ut.Provider,{value:be.Standard},t()):n?o.createElement(ut.Provider,{value:be.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case be.Root:return this._renderAsRootComponent();case be.Initial:return n?n():null;case be.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(be.Root)}}render(){return o.createElement(ut.Consumer,null,e=>this._maybeRender(e))}},Fn=class Tn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Tn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};Fn._factoryUniquenessCounter=0;let Mt=class{get(e){return e}};Mt.Default=new Mt;var Mr=Mt.Default;let Wr=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Mr):null:(this._idFactory||(this._idFactory=new Fn(r)),t(this._idFactory))}render(){return o.createElement(Hr,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Ar=class zn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(zn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Wr,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Ar.defaultId="wb-id";const Z=400,Be=700,qr=900,Rt="@media (max-width: 1023px)",_t="@media (min-width: 1024px)",z={display:"block"},A='Lato, "Noto Sans", sans-serif',en='"Noto Serif", serif',Vr="Inconsolata, monospace",L=v.StyleSheet.create({Title:d({},z,{fontFamily:A,fontWeight:qr,[_t]:{fontSize:36,lineHeight:"40px"},[Rt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},z,{fontFamily:A,fontWeight:Z,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},z,{fontFamily:A,fontWeight:Be,[_t]:{fontSize:28,lineHeight:"32px"},[Rt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},z,{fontFamily:A,fontWeight:Be,[_t]:{fontSize:24,lineHeight:"28px"},[Rt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},z,{fontFamily:A,fontWeight:Be,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},z,{fontFamily:A,fontWeight:Be,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},z,{fontFamily:en,fontWeight:Z,fontSize:22,lineHeight:"28px"}),BodySerif:d({},z,{fontFamily:en,fontWeight:Z,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},z,{fontFamily:Vr,fontWeight:Z,fontSize:17,lineHeight:"22px"}),Body:d({},z,{fontFamily:A,fontWeight:Z,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},z,{fontFamily:A,fontWeight:Be,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},z,{fontFamily:A,fontWeight:Z,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},z,{fontFamily:A,fontWeight:Z,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},z,{fontFamily:A,fontWeight:Z,fontSize:12,lineHeight:"16px"}),Caption:d({},z,{fontFamily:A,fontWeight:Z,fontSize:14,lineHeight:"20px"}),Footnote:d({},z,{fontFamily:A,fontWeight:Z,fontSize:12,lineHeight:"18px"})}),Ur=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,Ur);return o.createElement(B,d({},i,{tag:l,style:[L.Title,n],ref:t}),r)});const Kr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,Kr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingLarge,n],ref:t}),r)});const jr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,jr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingMedium,n],ref:t}),r)});const Xr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Xr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingSmall,n],ref:t}),r)});const Gr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Gr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingXSmall,n],ref:t}),r)});const Zr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Zr);return o.createElement(B,d({},i,{tag:l,style:[L.BodySerifBlock,n],ref:t}),r)});const Yr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Yr);return o.createElement(B,d({},i,{tag:l,style:[L.BodySerif,n],ref:t}),r)});const Qr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Qr);return o.createElement(B,d({},i,{tag:l,style:[L.BodyMonospace,n],ref:t}),r)});const Jr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Jr);return o.createElement(B,d({},i,{tag:l,style:[L.Body,n],ref:t}),r)});const eo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,eo);return o.createElement(B,d({},i,{tag:l,style:[L.LabelLarge,n],ref:t}),r)});const to=["style","children","tag"],Pn=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,to);return o.createElement(B,d({},i,{tag:l,style:[L.LabelMedium,n],ref:t}),r)}),no=["style","children","tag"],ro=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,no);return o.createElement(B,d({},i,{tag:l,style:[L.LabelSmall,n],ref:t}),r)}),oo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,oo);return o.createElement(B,d({},i,{tag:l,style:[L.LabelXSmall,n],ref:t}),r)});const lo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,lo);return o.createElement(B,d({},i,{tag:l,style:[L.Tagline,n],ref:t}),r)});const so=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,so);return o.createElement(B,d({},i,{tag:l,style:[L.Caption,n],ref:t}),r)});const io=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,io);return o.createElement(B,d({},i,{tag:l,style:[L.Footnote,n],ref:t}),r)});const tn=m.large_24,ao={small:{query:"(max-width: 767px)",totalColumns:4,gutterWidth:m.medium_16,marginWidth:m.medium_16},medium:{query:"(min-width: 768px) and (max-width: 1023px)",totalColumns:8,gutterWidth:m.xLarge_32,marginWidth:m.large_24},large:{query:"(min-width: 1024px)",totalColumns:12,gutterWidth:m.xLarge_32,marginWidth:tn,maxWidth:1120+tn*2}},co={ssrSize:"large",mediaSpec:ao},uo=o.createContext(co);uo.displayName="MediaLayoutContext";v.StyleSheet.create({grow:{flexGrow:1}});let gt=class extends o.Component{render(){const{size:e,style:t}=this.props;return o.createElement(Re,{"aria-hidden":"true",style:[ho(e),t]})}};const ho=s=>({width:s,MsFlexBasis:s,MsFlexPreferredSize:s,WebkitFlexBasis:s,flexBasis:s,flexShrink:0}),G={cellMinHeight:m.xxLarge_48,cellPadding:{paddingVertical:m.small_12,paddingHorizontal:m.medium_16},detailCellPadding:{paddingVertical:m.medium_16,paddingHorizontal:m.medium_16},accessoryHorizontalSpacing:m.medium_16},fo=s=>{switch(s){case"inset":return[Ft.horizontalRule,Ft.horizontalRuleInset];case"full-width":return Ft.horizontalRule;case"none":return{}}},Ft=v.StyleSheet.create({horizontalRule:{position:"relative",":after":{width:"100%",content:"''",position:"absolute",bottom:0,right:0,height:m.xxxxSmall_2,boxShadow:`inset 0px -1px 0px ${a.offBlack8}`}},horizontalRuleInset:{":after":{width:`calc(100% - ${G.cellPadding.paddingHorizontal}px)`}}}),po=({leftAccessory:s,leftAccessoryStyle:e,disabled:t})=>s?o.createElement(o.Fragment,null,o.createElement(Re,{style:[W.accessory,t&&W.accessoryDisabled,d({},e)]},s),o.createElement(gt,{size:G.accessoryHorizontalSpacing})):null,mo=({rightAccessory:s,rightAccessoryStyle:e,active:t,disabled:n})=>s?o.createElement(o.Fragment,null,o.createElement(gt,{size:G.accessoryHorizontalSpacing}),o.createElement(Re,{style:[W.accessory,W.accessoryRight,n&&W.accessoryDisabled,d({},e),t&&W.accessoryActive]},s)):null;function nn(s){const{active:e,children:t,disabled:n,horizontalRule:r="inset",contentStyle:l=void 0,leftAccessory:i=void 0,leftAccessoryStyle:c=void 0,rightAccessory:f=void 0,rightAccessoryStyle:h=void 0,style:p,testId:b,innerStyle:x}=s,C=fo(r);return o.createElement(Re,{style:[W.innerWrapper,x,p,C]},o.createElement(po,{leftAccessory:i,leftAccessoryStyle:c,disabled:n}),o.createElement(Re,{style:[W.content,l],testId:b},t),o.createElement(mo,{rightAccessory:f,rightAccessoryStyle:h,active:e,disabled:n}))}const On=s=>{const{active:e,disabled:t,href:n,onClick:r,"aria-label":l,"aria-selected":i,"aria-checked":c,target:f,role:h,rootStyle:p}=s;return r||n?o.createElement(gr,{disabled:t,onClick:r,href:n,hideDefaultFocusRing:!0,"aria-label":l||void 0,"aria-selected":i||void 0,"aria-checked":c,role:h,target:f,style:[W.wrapper,W.clickable,p,e&&W.active,t&&W.disabled],"aria-current":e?"true":void 0},()=>o.createElement(nn,s)):o.createElement(Re,{style:[W.wrapper,p,e&&W.active],"aria-current":e?"true":void 0,role:h},o.createElement(nn,s))},W=v.StyleSheet.create({wrapper:{background:a.white,color:a.offBlack,display:"flex",minHeight:G.cellMinHeight,textAlign:"left",width:"100%"},innerWrapper:{minHeight:G.cellMinHeight,padding:`${G.cellPadding.paddingVertical}px ${G.cellPadding.paddingHorizontal}px`,flexDirection:"row",flex:1,":focus-visible":{padding:`${G.cellPadding.paddingVertical-2}px ${G.cellPadding.paddingHorizontal-2}px`}},content:{alignSelf:"center",flex:1,overflowWrap:"break-word"},accessory:{minWidth:"auto",alignItems:"center",alignSelf:"center"},accessoryRight:{color:a.offBlack64},clickable:{outline:"none",":hover[aria-disabled=true]":{cursor:"not-allowed"},":focus-visible":{borderRadius:m.xxxSmall_4,overflow:"hidden",position:"relative"},":focus-visible:after":{content:"''",position:"absolute",top:0,left:0,zIndex:1,width:`calc(100% - ${m.xxxSmall_4}px)`,height:`calc(100% - ${m.xxxSmall_4}px)`,border:`${m.xxxxSmall_2}px solid ${a.blue}`,borderRadius:m.xxxSmall_4},":hover[aria-disabled=false]":{background:a.offBlack8},":active[aria-disabled=false]":{background:a.offBlack16}},active:{background:a.fadedBlue8,color:a.blue,":hover[aria-disabled=false]":{background:a.fadedBlue16},":active[aria-disabled=false]":{background:a.fadedBlue24}},disabled:{color:a.offBlack32,":focus-visible":{outline:"none"}},accessoryActive:{color:a.blue},accessoryDisabled:{color:a.offBlack,opacity:.32}}),go=["title"],yo=function(e){const{title:t}=e,n=g(e,go);return o.createElement(On,n,typeof t=="string"?o.createElement(Pn,null,t):t)},bo=["title","subtitle1","subtitle2"],rn=({subtitle:s,disabled:e})=>s?typeof s=="string"?o.createElement(ro,{style:!e&&Bn.subtitle},s):s:null,So=function(e){const{title:t,subtitle1:n,subtitle2:r}=e,l=g(e,bo);return o.createElement(On,d({},l,{innerStyle:Bn.innerWrapper}),o.createElement(rn,{subtitle:n,disabled:l.disabled}),n&&o.createElement(gt,{size:m.xxxxSmall_2}),typeof t=="string"?o.createElement(Pn,null,t):t,r&&o.createElement(gt,{size:m.xxxxSmall_2}),o.createElement(rn,{subtitle:r,disabled:l.disabled}))},Bn=v.StyleSheet.create({subtitle:{color:a.offBlack64},innerWrapper:{padding:`${G.detailCellPadding.paddingVertical}px ${G.detailCellPadding.paddingHorizontal}px`}});function Ln(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Ln(t));else e.push(s);else return e;return e}function Dn(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Ln(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const xo=["children","style","tag","testId"],Co=/^h[1-6]$/,on=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,xo);const f=Co.test(l),h=Dn([on.text,f&&on.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)});const vo=["className","style"];function Ue(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,vo),c=typeof s=="string"?Io[s]:null,{className:f,style:h}=Dn([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const Io=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),wo=["testId","tag"],Ke=v.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}}),$o=Ue("div",Ke.default),Eo=Ue("article",Ke.default),ko=Ue("aside",Ke.default),Ro=Ue("nav",Ke.default),_o=Ue("section",Ke.default),Fo=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,wo),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Eo,d({},i,{ref:t}));case"aside":return o.createElement(ko,d({},i,{ref:t}));case"nav":return o.createElement(Ro,d({},i,{ref:t}));case"section":return o.createElement(_o,d({},i,{ref:t}));case"div":return o.createElement($o,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let Se=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ht=o.createContext(Se.Root);ht.displayName="RenderStateContext";let To=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ht.Provider,{value:Se.Standard},t()):n?o.createElement(ht.Provider,{value:Se.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case Se.Root:return this._renderAsRootComponent();case Se.Initial:return n?n():null;case Se.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(Se.Root)}}render(){return o.createElement(ht.Consumer,null,e=>this._maybeRender(e))}},Nn=class Hn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Hn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};Nn._factoryUniquenessCounter=0;let Wt=class{get(e){return e}};Wt.Default=new Wt;var zo=Wt.Default;let Po=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(zo):null:(this._idFactory||(this._idFactory=new Nn(r)),t(this._idFactory))}render(){return o.createElement(To,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Oo=class Mn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Mn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Po,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Oo.defaultId="wb-id";const ln=m.large_24,Bo={small:{query:"(max-width: 767px)",totalColumns:4,gutterWidth:m.medium_16,marginWidth:m.medium_16},medium:{query:"(min-width: 768px) and (max-width: 1023px)",totalColumns:8,gutterWidth:m.xLarge_32,marginWidth:m.large_24},large:{query:"(min-width: 1024px)",totalColumns:12,gutterWidth:m.xLarge_32,marginWidth:ln,maxWidth:1120+ln*2}},Lo={ssrSize:"large",mediaSpec:Bo},Do=o.createContext(Lo);Do.displayName="MediaLayoutContext";v.StyleSheet.create({grow:{flexGrow:1}});class de extends o.Component{render(){const{size:e,style:t}=this.props;return o.createElement(Fo,{"aria-hidden":"true",style:[No(e),t]})}}const No=s=>({width:s,MsFlexBasis:s,MsFlexPreferredSize:s,WebkitFlexBasis:s,flexBasis:s,flexShrink:0}),Ho=""+new URL("magnifying-glass-IX5mxYeF.svg",import.meta.url).href;function Wn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Wn(t));else e.push(s);else return e;return e}function An(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Wn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const Mo=["children","style","tag","testId"],Wo=/^h[1-6]$/,sn=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),D=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,Mo);const f=Wo.test(l),h=An([sn.text,f&&sn.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),Ao=["className","style"];function Te(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,Ao),c=typeof s=="string"?qo[s]:null,{className:f,style:h}=An([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const qo=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),Vo=["testId","tag"],je=v.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}}),Uo=Te("div",je.default),Ko=Te("article",je.default),jo=Te("aside",je.default),Xo=Te("nav",je.default),Go=Te("section",je.default),Zo=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,Vo),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Ko,d({},i,{ref:t}));case"aside":return o.createElement(jo,d({},i,{ref:t}));case"nav":return o.createElement(Xo,d({},i,{ref:t}));case"section":return o.createElement(Go,d({},i,{ref:t}));case"div":return o.createElement(Uo,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let xe=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ft=o.createContext(xe.Root);ft.displayName="RenderStateContext";let Yo=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ft.Provider,{value:xe.Standard},t()):n?o.createElement(ft.Provider,{value:xe.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case xe.Root:return this._renderAsRootComponent();case xe.Initial:return n?n():null;case xe.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(xe.Root)}}render(){return o.createElement(ft.Consumer,null,e=>this._maybeRender(e))}},qn=class Vn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Vn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};qn._factoryUniquenessCounter=0;let At=class{get(e){return e}};At.Default=new At;var Qo=At.Default;let Jo=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Qo):null:(this._idFactory||(this._idFactory=new qn(r)),t(this._idFactory))}render(){return o.createElement(Yo,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Un=class Kn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Kn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Jo,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Un.defaultId="wb-id";const Y=400,Le=700,el=900,Tt="@media (max-width: 1023px)",zt="@media (min-width: 1024px)",P={display:"block"},q='Lato, "Noto Sans", sans-serif',an='"Noto Serif", serif',tl="Inconsolata, monospace",T=v.StyleSheet.create({Title:d({},P,{fontFamily:q,fontWeight:el,[zt]:{fontSize:36,lineHeight:"40px"},[Tt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},P,{fontFamily:q,fontWeight:Y,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},P,{fontFamily:q,fontWeight:Le,[zt]:{fontSize:28,lineHeight:"32px"},[Tt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},P,{fontFamily:q,fontWeight:Le,[zt]:{fontSize:24,lineHeight:"28px"},[Tt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},P,{fontFamily:q,fontWeight:Le,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},P,{fontFamily:q,fontWeight:Le,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},P,{fontFamily:an,fontWeight:Y,fontSize:22,lineHeight:"28px"}),BodySerif:d({},P,{fontFamily:an,fontWeight:Y,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},P,{fontFamily:tl,fontWeight:Y,fontSize:17,lineHeight:"22px"}),Body:d({},P,{fontFamily:q,fontWeight:Y,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},P,{fontFamily:q,fontWeight:Le,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},P,{fontFamily:q,fontWeight:Y,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},P,{fontFamily:q,fontWeight:Y,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},P,{fontFamily:q,fontWeight:Y,fontSize:12,lineHeight:"16px"}),Caption:d({},P,{fontFamily:q,fontWeight:Y,fontSize:14,lineHeight:"20px"}),Footnote:d({},P,{fontFamily:q,fontWeight:Y,fontSize:12,lineHeight:"18px"})}),nl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,nl);return o.createElement(D,d({},i,{tag:l,style:[T.Title,n],ref:t}),r)});const rl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,rl);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingLarge,n],ref:t}),r)});const ol=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,ol);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingMedium,n],ref:t}),r)});const ll=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,ll);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingSmall,n],ref:t}),r)});const sl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,sl);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingXSmall,n],ref:t}),r)});const il=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,il);return o.createElement(D,d({},i,{tag:l,style:[T.BodySerifBlock,n],ref:t}),r)});const al=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,al);return o.createElement(D,d({},i,{tag:l,style:[T.BodySerif,n],ref:t}),r)});const dl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,dl);return o.createElement(D,d({},i,{tag:l,style:[T.BodyMonospace,n],ref:t}),r)});const cl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,cl);return o.createElement(D,d({},i,{tag:l,style:[T.Body,n],ref:t}),r)});const ul=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ul);return o.createElement(D,d({},i,{tag:l,style:[T.LabelLarge,n],ref:t}),r)});const hl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,hl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelMedium,n],ref:t}),r)});const fl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,fl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelSmall,n],ref:t}),r)});const pl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,pl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelXSmall,n],ref:t}),r)});const ml=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ml);return o.createElement(D,d({},i,{tag:l,style:[T.Tagline,n],ref:t}),r)});const gl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,gl);return o.createElement(D,d({},i,{tag:l,style:[T.Caption,n],ref:t}),r)});const yl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,yl);return o.createElement(D,d({},i,{tag:l,style:[T.Footnote,n],ref:t}),r)});function jn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...jn(t));else e.push(s);else return e;return e}function Xn(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;jn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const bl=["children","style","tag","testId"],Sl=/^h[1-6]$/,dn=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),N=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,bl);const f=Sl.test(l),h=Xn([dn.text,f&&dn.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),xl=["className","style"];function H(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,xl),c=typeof s=="string"?Cl[s]:null,{className:f,style:h}=Xn([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const Cl=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),vl=["testId","tag"],Xe=v.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}}),Il=H("div",Xe.default),wl=H("article",Xe.default),$l=H("aside",Xe.default),El=H("nav",Xe.default),kl=H("section",Xe.default),_e=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,vl),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(wl,d({},i,{ref:t}));case"aside":return o.createElement($l,d({},i,{ref:t}));case"nav":return o.createElement(El,d({},i,{ref:t}));case"section":return o.createElement(kl,d({},i,{ref:t}));case"div":return o.createElement(Il,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let ie=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const We=o.createContext(ie.Root);We.displayName="RenderStateContext";class Rl extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(We.Provider,{value:ie.Standard},t()):n?o.createElement(We.Provider,{value:ie.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case ie.Root:return this._renderAsRootComponent();case ie.Initial:return n?n():null;case ie.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(ie.Root)}}render(){return o.createElement(We.Consumer,null,e=>this._maybeRender(e))}}class Ge{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Ge._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}}Ge._factoryUniquenessCounter=0;class qt{get(e){return e}}qt.Default=new qt;var Gn=qt.Default;class Zn extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Gn):null:(this._idFactory||(this._idFactory=new Ge(r)),t(this._idFactory))}render(){return o.createElement(Rl,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}}class Ze extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Ze.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Zn,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}}Ze.defaultId="wb-id";const _l=()=>o.useContext(We),Fl=s=>{const e=_l(),t=o.useRef(null);if(e===ie.Root)throw new Error("Components using useUniqueIdWithMock() should be descendants of ");return e===ie.Initial?Gn:(t.current||(t.current=new Ge(s)),t.current)},Tl=s=>{o.useEffect(s,[])},Q=400,De=700,zl=900,Pt="@media (max-width: 1023px)",Ot="@media (min-width: 1024px)",O={display:"block"},V='Lato, "Noto Sans", sans-serif',cn='"Noto Serif", serif',Pl="Inconsolata, monospace",F=v.StyleSheet.create({Title:d({},O,{fontFamily:V,fontWeight:zl,[Ot]:{fontSize:36,lineHeight:"40px"},[Pt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},O,{fontFamily:V,fontWeight:Q,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},O,{fontFamily:V,fontWeight:De,[Ot]:{fontSize:28,lineHeight:"32px"},[Pt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},O,{fontFamily:V,fontWeight:De,[Ot]:{fontSize:24,lineHeight:"28px"},[Pt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},O,{fontFamily:V,fontWeight:De,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},O,{fontFamily:V,fontWeight:De,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},O,{fontFamily:cn,fontWeight:Q,fontSize:22,lineHeight:"28px"}),BodySerif:d({},O,{fontFamily:cn,fontWeight:Q,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},O,{fontFamily:Pl,fontWeight:Q,fontSize:17,lineHeight:"22px"}),Body:d({},O,{fontFamily:V,fontWeight:Q,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},O,{fontFamily:V,fontWeight:De,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},O,{fontFamily:V,fontWeight:Q,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},O,{fontFamily:V,fontWeight:Q,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},O,{fontFamily:V,fontWeight:Q,fontSize:12,lineHeight:"16px"}),Caption:d({},O,{fontFamily:V,fontWeight:Q,fontSize:14,lineHeight:"20px"}),Footnote:d({},O,{fontFamily:V,fontWeight:Q,fontSize:12,lineHeight:"18px"})}),Ol=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,Ol);return o.createElement(N,d({},i,{tag:l,style:[F.Title,n],ref:t}),r)});const Bl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,Bl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingLarge,n],ref:t}),r)});const Ll=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,Ll);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingMedium,n],ref:t}),r)});const Dl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Dl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingSmall,n],ref:t}),r)});const Nl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Nl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingXSmall,n],ref:t}),r)});const Hl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Hl);return o.createElement(N,d({},i,{tag:l,style:[F.BodySerifBlock,n],ref:t}),r)});const Ml=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Ml);return o.createElement(N,d({},i,{tag:l,style:[F.BodySerif,n],ref:t}),r)});const Wl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Wl);return o.createElement(N,d({},i,{tag:l,style:[F.BodyMonospace,n],ref:t}),r)});const Al=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Al);return o.createElement(N,d({},i,{tag:l,style:[F.Body,n],ref:t}),r)});const ql=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ql);return o.createElement(N,d({},i,{tag:l,style:[F.LabelLarge,n],ref:t}),r)});const Vl=["style","children","tag"],xt=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Vl);return o.createElement(N,d({},i,{tag:l,style:[F.LabelMedium,n],ref:t}),r)}),Ul=["style","children","tag"],we=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Ul);return o.createElement(N,d({},i,{tag:l,style:[F.LabelSmall,n],ref:t}),r)}),Kl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Kl);return o.createElement(N,d({},i,{tag:l,style:[F.LabelXSmall,n],ref:t}),r)});const jl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,jl);return o.createElement(N,d({},i,{tag:l,style:[F.Tagline,n],ref:t}),r)});const Xl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Xl);return o.createElement(N,d({},i,{tag:l,style:[F.Caption,n],ref:t}),r)});const Gl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Gl);return o.createElement(N,d({},i,{tag:l,style:[F.Footnote,n],ref:t}),r)});const Zl=s=>({small:16,medium:24,large:48,xlarge:96})[s],Yl=["color","icon","size","style","testId","className"],Ql=H("span"),Yn=o.forwardRef(function(e,t){const{color:n="currentColor",icon:r,size:l="small",style:i,testId:c,className:f}=e,h=g(e,Yl),p=Zl(l),b=`${f??""}`,x=Jl(n,p);return o.createElement(Ql,d({},h,{className:b,style:[Vt.svg,x.icon,{maskImage:`url(${r})`},i],"data-testid":c,ref:t}))}),un={},Jl=(s,e)=>{const t=`${s}-${e}`;if(Vt[t])return Vt[t];const n={icon:{backgroundColor:s,width:e,height:e}};return un[t]=v.StyleSheet.create(n),un[t]},Vt=v.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});Yn.displayName="PhosphorIcon";const es=["checked","disabled","error","groupName","id","testId"];function ts(s){switch(s){case!0:return"true";case!1:return"false";default:return"mixed"}}const{blue:Qn,red:Jn,white:ae,offWhite:ns,offBlack16:rs,offBlack32:os,offBlack50:ls}=a,Ne=m.medium_16,Ut=m.small_12,ss=H("input"),is=o.forwardRef(function(e,t){const{checked:n,disabled:r,error:l,groupName:i,id:c,testId:f}=e,h=g(e,es),p=o.useRef(null);o.useEffect(()=>{p.current!=null&&(p.current.indeterminate=n==null)},[n,p]);const b=()=>{},x=cs(n,l),C=[tt.inputReset,tt.default,!r&&x.default,r&&tt.disabled],I=o.createElement(Yn,{color:r?os:ae,icon:n?Gt:Cr,size:"small",style:[tt.checkboxIcon,{width:Ut,height:Ut}]}),u=ts(n);return o.createElement(o.Fragment,null,o.createElement(ss,d({},h,{ref:y=>{p.current=y,typeof t=="function"?t(y):t!=null&&(t.current=y)},type:"checkbox","aria-checked":u,"aria-invalid":l,checked:n??void 0,disabled:r,id:c,name:i,onChange:b,style:C,"data-testid":f})),n||n==null?I:o.createElement(o.Fragment,null))}),tt=v.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:Ne,width:Ne,minHeight:Ne,minWidth:Ne,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:3},disabled:{cursor:"auto",backgroundColor:ns,borderColor:rs,borderWidth:1},checkboxIcon:{position:"absolute",pointerEvents:"none",margin:(Ne-Ut)/2}}),as=ee(a.fadedBlue16,ae),ds=a.activeBlue,pt=ee(a.fadedRed8,ae),er=a.activeRed,hn={default:{faded:as,base:Qn,active:ds},error:{faded:pt,base:Jn,active:er}},nt={},cs=(s,e)=>{const t=`${String(s)}-${String(e)}`;if(nt[t])return nt[t];const n=e?hn.error:hn.default;let r={};return s||s==null?r={default:{backgroundColor:n.base,borderWidth:0,":focus-visible":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.base}`},":hover":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.base}`},":active":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.active}`,background:n.active}}}:r={default:{backgroundColor:e?pt:ae,borderColor:e?Jn:ls,":focus-visible":{backgroundColor:e?pt:ae,borderColor:n.base,borderWidth:2},":hover":{backgroundColor:e?pt:ae,borderColor:n.base,borderWidth:2},":active":{backgroundColor:n.faded,borderColor:e?er:Qn,borderWidth:2}}},nt[t]=v.StyleSheet.create(r),nt[t]},us=["checked","disabled","error","groupName","id","testId"],{blue:tr,red:nr,white:se,offWhite:hs,offBlack16:fs,offBlack32:ps,offBlack50:ms}=a,gs=H("input"),ys=o.forwardRef(function(e,t){const n=()=>{},{checked:r,disabled:l,error:i,groupName:c,id:f,testId:h}=e,p=g(e,us),b=xs(r,i),x=[Bt.inputReset,Bt.default,!l&&b.default,l&&Bt.disabled];return o.createElement(o.Fragment,null,o.createElement(gs,d({},p,{type:"radio","aria-invalid":i,checked:r??void 0,disabled:l,id:f,name:c,onChange:n,style:x,"data-testid":h,ref:t})),l&&r&&o.createElement("span",{style:bs}))}),ce=16,bs={position:"absolute",top:ce/4,left:ce/4,height:ce/2,width:ce/2,borderRadius:"50%",backgroundColor:ps},Bt=v.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:ce,width:ce,minHeight:ce,minWidth:ce,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:"50%"},disabled:{cursor:"auto",backgroundColor:hs,borderColor:fs,borderWidth:1}}),Ss=ee(a.fadedBlue16,se),mt=ee(a.fadedRed8,se),fn={default:{faded:Ss,base:tr,active:a.activeBlue},error:{faded:mt,base:nr,active:a.activeRed}},rt={},xs=(s,e)=>{const t=`${String(s)}-${String(e)}`;if(rt[t])return rt[t];const n=e?fn.error:fn.default;let r={};return s?r={default:{backgroundColor:se,borderColor:n.base,borderWidth:ce/4,":focus-visible":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.base}`},":hover":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.base}`},":active":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.active}`,borderColor:n.active}}}:r={default:{backgroundColor:e?mt:se,borderColor:e?nr:ms,":focus-visible":{backgroundColor:e?mt:se,borderColor:n.base,borderWidth:2},":hover":{backgroundColor:e?mt:se,borderColor:n.base,borderWidth:2},":active":{backgroundColor:n.faded,borderColor:e?a.activeRed:tr,borderWidth:2}}},rt[t]=v.StyleSheet.create(r),rt[t]},Cs=["checked","description","disabled","error","id","label","onChange","style","className","variant"],rr=o.forwardRef(function(e,t){const{checked:n,description:r,disabled:l=!1,error:i=!1,id:c,label:f,onChange:h,style:p,className:b,variant:x}=e,C=g(e,Cs),I=()=>{x==="radio"&&n||h(!n)},u=()=>x==="radio"?ys:is,y=w=>o.createElement(xt,{style:[ot.label,l&&ot.disabledLabel]},o.createElement("label",{htmlFor:w},f)),S=w=>o.createElement(we,{style:ot.description,id:w},r),$=u();return o.createElement(Zn,{mockOnFirstRender:!0,scope:"choice"},w=>{const k=c||w.get("main"),E=r?w.get("description"):void 0;return o.createElement(_e,{style:p,className:b},o.createElement(_e,{style:ot.wrapper,tabIndex:-1},o.createElement($,d({},C,{id:k,checked:n,"aria-describedby":E,onClick:I,disabled:l,error:i,ref:t})),o.createElement(de,{size:m.xSmall_8}),f&&y(k)),r&&S(E))})}),ot=v.StyleSheet.create({wrapper:{flexDirection:"row",alignItems:"flex-start",outline:"none"},label:{marginTop:-2},disabledLabel:{color:a.offBlack32},description:{marginLeft:m.medium_16+m.xSmall_8,marginTop:m.xxxSmall_4,color:a.offBlack64}}),vs=o.forwardRef(function(e,t){const{disabled:n=!1,error:r=!1}=e;return o.createElement(rr,d({},e,{variant:"checkbox",disabled:n,error:r,ref:t}))}),Is=["disabled","error"],ws=o.forwardRef(function(e,t){const{disabled:n=!1,error:r=!1}=e,l=g(e,Is);return o.createElement(rr,d({},l,{variant:"radio",disabled:n,error:r,ref:t}))}),$s=["checked","disabled","onChange","value","variant"];o.forwardRef(function(e,t){const{checked:n=!1,disabled:r=!1,onChange:l=()=>{},variant:i}=e,c=g(e,$s),h=(p=>p==="checkbox"?vs:ws)(i);return o.createElement(h,d({},c,{checked:n,disabled:r,onChange:l,ref:t}))});const J=v.StyleSheet.create({fieldset:{border:"none",padding:0,margin:0},legend:{padding:0},description:{marginTop:m.xxxSmall_4,color:a.offBlack64},error:{marginTop:m.xxxSmall_4,color:a.red},defaultLineGap:{marginTop:m.xSmall_8}}),Es=H("fieldset"),ks=H("legend");o.forwardRef(function(e,t){const{children:n,label:r,description:l,errorMessage:i,groupName:c,onChange:f,selectedValues:h,style:p,testId:b}=e,x=(I,u)=>{if(u){const y=h.indexOf(I),S=[...h.slice(0,y),...h.slice(y+1)];f(S)}else f([...h,I])},C=o.Children.toArray(n).filter(Boolean);return o.createElement(Es,{"data-testid":b,style:J.fieldset,ref:t},o.createElement(_e,{style:p},r&&o.createElement(ks,{style:J.legend},o.createElement(xt,null,r)),l&&o.createElement(we,{style:J.description},l),i&&o.createElement(we,{style:J.error},i),(r||l||i)&&o.createElement(de,{size:m.small_12}),C.map((I,u)=>{const{style:y,value:S}=I.props,$=h.includes(S);return o.cloneElement(I,{checked:$,error:!!i,groupName:c,id:`${c}-${S}`,key:S,onChange:()=>x(S,$),style:[u>0&&J.defaultLineGap,y],variant:"checkbox"})})))});const Rs=H("fieldset"),_s=H("legend");o.forwardRef(function(e,t){const{children:n,label:r,description:l,errorMessage:i,groupName:c,onChange:f,selectedValue:h,style:p,testId:b}=e,x=o.Children.toArray(n).filter(Boolean);return o.createElement(Rs,{"data-testid":b,style:J.fieldset,ref:t},o.createElement(_e,{style:p},r&&o.createElement(_s,{style:J.legend},o.createElement(xt,null,r)),l&&o.createElement(we,{style:J.description},l),i&&o.createElement(we,{style:J.error},i),(r||l||i)&&o.createElement(de,{size:m.small_12}),x.map((C,I)=>{const{style:u,value:y}=C.props,S=h===y;return o.cloneElement(C,{checked:S,error:!!i,groupName:c,id:`${c}-${y}`,key:y,onChange:()=>f(y),style:[I>0&&J.defaultLineGap,u],variant:"radio"})})))});const Fs=["id","type","value","name","disabled","onKeyDown","placeholder","style","testId","readOnly","autoFocus","autoComplete","forwardedRef","light","onFocus","onBlur","onValidate","validate","onChange","required"],Ts="This field is required.",zs=H("input");class or extends o.Component{constructor(e){super(e),this.state={error:null},this.maybeValidate=t=>{const{validate:n,onValidate:r,required:l}=this.props;if(n){const i=n(t)||null;this.setState({error:i},()=>{r&&r(i)})}else if(l){const c=t?null:typeof l=="string"?l:Ts;this.setState({error:c},()=>{r&&r(c)})}},this.handleChange=t=>{const{onChange:n}=this.props,r=t.target.value;this.maybeValidate(r),n(r)},this.handleFocus=t=>{const{onFocus:n}=this.props;n&&n(t)},this.handleBlur=t=>{const{onBlur:n}=this.props;n&&n(t)},this.getStyles=()=>{const{disabled:t,light:n}=this.props,{error:r}=this.state,l=[oe.input,F.LabelMedium],i=[oe.default,!t&&oe.defaultFocus,t&&oe.disabled,!!r&&oe.error],c=[oe.light,!t&&oe.lightFocus,t&&oe.lightDisabled,!!r&&oe.lightError];return[...l,...n?c:i]},e.validate&&e.value!==""&&(this.state.error=e.validate(e.value)||null)}componentDidMount(){this.props.value!==""&&this.maybeValidate(this.props.value)}render(){const e=this.props,{id:t,type:n,value:r,name:l,disabled:i,onKeyDown:c,placeholder:f,style:h,testId:p,readOnly:b,autoFocus:x,autoComplete:C,forwardedRef:I}=e,u=g(e,Fs);return o.createElement(Ze,{id:t,scope:"text-field"},y=>o.createElement(zs,d({style:[this.getStyles(),h],id:y,type:n,placeholder:f,value:r,name:l,disabled:i,onChange:this.handleChange,onKeyDown:c,onFocus:this.handleFocus,onBlur:this.handleBlur,"data-testid":p,readOnly:b,autoFocus:x,autoComplete:C,ref:I},u,{"aria-invalid":this.state.error?"true":"false"})))}}or.defaultProps={type:"text",disabled:!1,light:!1};const oe=v.StyleSheet.create({input:{width:"100%",height:40,borderRadius:X.radius.medium_4,boxSizing:"border-box",paddingLeft:m.medium_16,margin:0},default:{background:a.white,border:`1px solid ${a.offBlack50}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},defaultFocus:{":focus-visible":{borderColor:a.blue,outline:`1px solid ${a.blue}`,outlineOffset:0}},error:{background:a.fadedRed8,border:`1px solid ${a.red}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red}},disabled:{background:a.offWhite,border:`1px solid ${a.offBlack16}`,color:a.offBlack64,"::placeholder":{color:a.offBlack64},cursor:"not-allowed",":focus-visible":{outline:"none",boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},light:{background:a.white,border:`1px solid ${a.offBlack16}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},lightFocus:{":focus-visible":{outline:`1px solid ${a.blue}`,outlineOffset:0,borderColor:a.blue,boxShadow:`0px 0px 0px 2px ${a.blue}, 0px 0px 0px 3px ${a.white}`}},lightDisabled:{backgroundColor:"transparent",border:`1px solid ${a.white32}`,color:a.white64,"::placeholder":{color:a.white64},cursor:"not-allowed",":focus-visible":{borderColor:ee(a.white32,a.blue),outline:"none",boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},lightError:{background:a.fadedRed8,border:`1px solid ${a.red}`,boxShadow:`0px 0px 0px 1px ${a.red}, 0px 0px 0px 2px ${a.white}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red,boxShadow:`0px 0px 0px 2px ${a.red}, 0px 0px 0px 3px ${a.white}`}}});var lr=o.forwardRef((s,e)=>o.createElement(or,d({},s,{forwardedRef:e})));const Ps=H("span");class Os extends o.Component{renderLabel(){const{label:e,id:t,required:n,testId:r,light:l}=this.props,i=o.createElement(Ps,{style:l?he.lightRequired:he.required,"aria-hidden":!0}," ","*");return o.createElement(o.Fragment,null,o.createElement(xt,{style:l?he.lightLabel:he.label,tag:"label",htmlFor:t&&`${t}-field`,testId:r&&`${r}-label`},e,n&&i),o.createElement(de,{size:m.xxxSmall_4}))}maybeRenderDescription(){const{description:e,testId:t,light:n}=this.props;return e?o.createElement(o.Fragment,null,o.createElement(we,{style:n?he.lightDescription:he.description,testId:t&&`${t}-description`},e),o.createElement(de,{size:m.xxxSmall_4})):null}maybeRenderError(){const{error:e,id:t,testId:n,light:r}=this.props;return e?o.createElement(o.Fragment,null,o.createElement(de,{size:m.small_12}),o.createElement(we,{style:r?he.lightError:he.error,role:"alert",id:t&&`${t}-error`,testId:n&&`${n}-error`},e)):null}render(){const{field:e,style:t}=this.props;return o.createElement(_e,{style:t},this.renderLabel(),this.maybeRenderDescription(),o.createElement(de,{size:m.xSmall_8}),e,this.maybeRenderError())}}const he=v.StyleSheet.create({label:{color:a.offBlack},lightLabel:{color:a.white},description:{color:a.offBlack64},lightDescription:{color:a.white64},error:{color:a.red},lightError:{color:a.fadedRed},required:{color:a.red},lightRequired:{color:a.fadedRed}}),Bs=["id","type","label","description","value","disabled","required","validate","onChange","onKeyDown","placeholder","light","style","testId","readOnly","autoComplete","forwardedRef","ariaDescribedby","onValidate","onFocus","onBlur"];class sr extends o.Component{constructor(e){super(e),this.handleValidate=t=>{const{onValidate:n}=this.props;this.setState({error:t},()=>{n&&n(t)})},this.handleFocus=t=>{const{onFocus:n}=this.props;this.setState({focused:!0},()=>{n&&n(t)})},this.handleBlur=t=>{const{onBlur:n}=this.props;this.setState({focused:!1},()=>{n&&n(t)})},this.state={error:null,focused:!1}}render(){const e=this.props,{id:t,type:n,label:r,description:l,value:i,disabled:c,required:f,validate:h,onChange:p,onKeyDown:b,placeholder:x,light:C,style:I,testId:u,readOnly:y,autoComplete:S,forwardedRef:$,ariaDescribedby:w}=e,k=g(e,Bs);return o.createElement(Ze,{id:t,scope:"labeled-text-field"},E=>o.createElement(Os,{id:E,testId:u,style:I,light:C,field:o.createElement(lr,d({id:`${E}-field`,"aria-describedby":w||`${E}-error`,"aria-required":f?"true":"false",required:f,testId:u&&`${u}-field`,type:n,value:i,placeholder:x,disabled:c,validate:h,onValidate:this.handleValidate,onChange:p,onKeyDown:b,onFocus:this.handleFocus,onBlur:this.handleBlur,light:C,readOnly:y,autoComplete:S,ref:$},k)),label:r,description:l,required:!!f,error:!this.state.focused&&this.state.error||""}))}}sr.defaultProps={type:"text",disabled:!1,light:!1};o.forwardRef((s,e)=>o.createElement(sr,d({},s,{forwardedRef:e})));const Ls=["onChange","value","placeholder","disabled","id","testId","style","readOnly","autoComplete","name","className","autoFocus","rows","spellCheck","wrap","minLength","maxLength","onClick","onKeyDown","onKeyUp","onFocus","onBlur","validate","onValidate","required","resizeType","light","rootStyle"],Ds="This field is required.",Ns=H("textarea");o.forwardRef(function(e,t){const{onChange:n,value:r,placeholder:l,disabled:i,id:c,testId:f,style:h,readOnly:p,autoComplete:b,name:x,className:C,autoFocus:I,rows:u,spellCheck:y,wrap:S,minLength:$,maxLength:w,onClick:k,onKeyDown:E,onKeyUp:R,onFocus:_,onBlur:j,validate:U,onValidate:te,required:ne,resizeType:Ye,light:It,rootStyle:wt}=e,$t=g(e,Ls),[ze,Pe]=o.useState(null),Oe=Fl("text-area"),Et=c??Oe.get("id"),Qe=re=>{const M=re.target.value;n(M),Je(M)},Je=re=>{if(U){const M=U(re)||null;Pe(M),te&&te(M)}else if(ne){const ge=re?null:typeof ne=="string"?ne:Ds;Pe(ge),te&&te(ge)}};Tl(()=>{r!==""&&Je(r)});const kt=()=>{const re=[le.textarea,F.LabelMedium,Ye&&Hs[Ye]],M=[le.default,!i&&le.defaultFocus,i&&le.disabled,!!ze&&le.error],ge=[le.light,!i&&le.lightFocus,i&&le.lightDisabled,!!ze&&le.lightError];return[...re,...It?ge:M]};return o.createElement(_e,{style:[{width:"100%"},wt]},o.createElement(Ns,d({id:Et,"data-testid":f,ref:t,className:C,style:[kt(),h],value:r,onChange:Qe,placeholder:l,"aria-disabled":i,readOnly:p||i,autoComplete:b,name:x,autoFocus:I,rows:u,spellCheck:y,wrap:S,minLength:$,maxLength:w,onClick:i?void 0:k,onKeyDown:i?void 0:E,onKeyUp:i?void 0:R,onFocus:_,onBlur:j,required:!!ne},$t,{"aria-invalid":!!ze})))});const pn=10,le=v.StyleSheet.create({textarea:{borderRadius:X.radius.medium_4,boxSizing:"border-box",padding:`${pn}px ${m.medium_16}px`,minHeight:`${pn*2+br.lineHeight.medium+2*X.width.hairline}px`},default:{background:a.white,border:`1px solid ${a.offBlack50}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},defaultFocus:{":focus-visible":{borderColor:a.blue,outline:`1px solid ${a.blue}`,outlineOffset:0}},disabled:{background:a.offWhite,border:`1px solid ${a.offBlack16}`,color:a.offBlack64,"::placeholder":{color:a.offBlack64},cursor:"not-allowed",":focus-visible":{outline:"none",boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},error:{background:a.fadedRed8,border:`1px solid ${a.red}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red}},light:{background:a.white,border:`1px solid ${a.offBlack16}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},lightFocus:{":focus-visible":{outline:`1px solid ${a.blue}`,outlineOffset:0,borderColor:a.blue,boxShadow:`0px 0px 0px 2px ${a.blue}, 0px 0px 0px 3px ${a.white}`}},lightDisabled:{backgroundColor:"transparent",border:`1px solid ${a.white32}`,color:a.white64,"::placeholder":{color:a.white64},cursor:"not-allowed",":focus-visible":{borderColor:ee(a.white32,a.blue),outline:"none",boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},lightError:{background:a.fadedRed8,border:`1px solid ${a.red}`,boxShadow:`0px 0px 0px 1px ${a.red}, 0px 0px 0px 2px ${a.white}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red,boxShadow:`0px 0px 0px 2px ${a.red}, 0px 0px 0px 3px ${a.white}`}}}),Hs=v.StyleSheet.create({both:{resize:"both"},none:{resize:"none"},horizontal:{resize:"horizontal"},vertical:{resize:"vertical"}}),Ms=s=>({small:16,medium:24,large:48,xlarge:96})[s],Ws=["color","icon","size","style","testId","className"],As=Te("span"),ir=o.forwardRef(function(e,t){const{color:n="currentColor",icon:r,size:l="small",style:i,testId:c,className:f}=e,h=g(e,Ws),p=Ms(l),b=`${f??""}`,x=qs(n,p);return o.createElement(As,d({},h,{className:b,style:[Kt.svg,x.icon,{maskImage:`url(${r})`},i],"data-testid":c,ref:t}))}),mn={},qs=(s,e)=>{const t=`${s}-${e}`;if(Kt[t])return Kt[t];const n={icon:{backgroundColor:s,width:e,height:e}};return mn[t]=v.StyleSheet.create(n),mn[t]},Kt=v.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});ir.displayName="PhosphorIcon";const Vs={clearSearch:"Clear search"},Us=["clearAriaLabel","autoFocus","disabled","light","id","value","placeholder","style","testId","onClick","onChange","onFocus","onBlur"],Ks=o.forwardRef(function(e,t){const{clearAriaLabel:n=Vs.clearSearch,autoFocus:r,disabled:l=!1,light:i=!1,id:c,value:f,placeholder:h,style:p,testId:b,onClick:x,onChange:C,onFocus:I,onBlur:u}=e,y=g(e,Us),S=o.useRef(null),$=()=>{var k;C(""),S==null||(k=S.current)==null||k.focus()},w=()=>f.length?o.createElement(vr,{icon:Ir,kind:"tertiary",onClick:$,style:lt.dismissIcon,"aria-label":n}):null;return o.createElement(Un,{id:c,scope:"search-field"},k=>o.createElement(Zo,{onClick:x,style:[lt.inputContainer,p]},o.createElement(ir,{icon:Ho,size:"medium",color:a.offBlack64,style:lt.searchIcon,"aria-hidden":"true"}),o.createElement(lr,d({id:`${k}-field`,type:"text",autoFocus:r,disabled:l,light:i,onChange:C,onFocus:I,onBlur:u,placeholder:h,ref:E=>{t&&(t.current=E),S.current=E},value:f,style:[lt.inputStyleReset,T.LabelMedium],testId:b},y)),w()))}),lt=v.StyleSheet.create({inputContainer:{boxSizing:"border-box",flexDirection:"row",borderRadius:m.xxxSmall_4,alignItems:"center",height:40},searchIcon:{marginLeft:m.xSmall_8,marginRight:m.xSmall_8,position:"absolute"},dismissIcon:{margin:0,position:"absolute",right:0,":hover":{border:"none"}},inputStyleReset:{display:"flex",flex:1,"::placeholder":{color:a.offBlack64},width:"100%",color:"inherit",paddingLeft:m.large_24+m.medium_16,paddingRight:m.large_24+m.medium_16}});function jt(){return jt=Object.assign||function(s){for(var e=1;e=e?s.call(null):r.id=requestAnimationFrame(n)}var r={id:requestAnimationFrame(n)};return r}var $e=null;function xn(s){if(s===void 0&&(s=!1),$e===null||s){var e=document.createElement("div"),t=e.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",e.appendChild(n),document.body.appendChild(e),e.scrollLeft>0?$e="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?$e="negative":$e="positive-ascending"),document.body.removeChild(e),$e}return $e}var Qs=150,Js=function(e,t){return e};function ei(s){var e,t=s.getItemOffset,n=s.getEstimatedTotalSize,r=s.getItemSize,l=s.getOffsetForIndexAndAlignment,i=s.getStartIndexForOffset,c=s.getStopIndexForStartIndex,f=s.initInstanceProps,h=s.shouldResetStyleCacheOnItemSizeChange,p=s.validateProps;return e=function(b){js(x,b);function x(I){var u;return u=b.call(this,I)||this,u._instanceProps=f(u.props,gn(u)),u._outerRef=void 0,u._resetIsScrollingTimeoutId=null,u.state={instance:gn(u),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof u.props.initialScrollOffset=="number"?u.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},u._callOnItemsRendered=void 0,u._callOnItemsRendered=Lt(function(y,S,$,w){return u.props.onItemsRendered({overscanStartIndex:y,overscanStopIndex:S,visibleStartIndex:$,visibleStopIndex:w})}),u._callOnScroll=void 0,u._callOnScroll=Lt(function(y,S,$){return u.props.onScroll({scrollDirection:y,scrollOffset:S,scrollUpdateWasRequested:$})}),u._getItemStyle=void 0,u._getItemStyle=function(y){var S=u.props,$=S.direction,w=S.itemSize,k=S.layout,E=u._getItemStyleCache(h&&w,h&&k,h&&$),R;if(E.hasOwnProperty(y))R=E[y];else{var _=t(u.props,y,u._instanceProps),j=r(u.props,y,u._instanceProps),U=$==="horizontal"||k==="horizontal",te=$==="rtl",ne=U?_:0;E[y]=R={position:"absolute",left:te?void 0:ne,right:te?ne:void 0,top:U?0:_,height:U?"100%":j,width:U?j:"100%"}}return R},u._getItemStyleCache=void 0,u._getItemStyleCache=Lt(function(y,S,$){return{}}),u._onScrollHorizontal=function(y){var S=y.currentTarget,$=S.clientWidth,w=S.scrollLeft,k=S.scrollWidth;u.setState(function(E){if(E.scrollOffset===w)return null;var R=u.props.direction,_=w;if(R==="rtl")switch(xn()){case"negative":_=-w;break;case"positive-descending":_=k-$-w;break}return _=Math.max(0,Math.min(_,k-$)),{isScrolling:!0,scrollDirection:E.scrollOffset0)for(var M=Je;M<=kt;M++)re.push(o.createElement(y,{data:j,key:te(M,j),index:M,isScrolling:$t?Pe:void 0,style:this._getItemStyle(M)}));var ge=n(this.props,this._instanceProps);return o.createElement(Ye||It||"div",{className:S,onScroll:Et,ref:this._outerRefSetter,style:jt({position:"relative",height:w,width:ze,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:$},wt)},o.createElement(E||R||"div",{children:re,ref:k,style:{height:Oe?"100%":ge,pointerEvents:Pe?"none":void 0,width:Oe?ge:"100%"}}))},C._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var u=this.props.itemCount;if(u>0){var y=this._getRangeToRender(),S=y[0],$=y[1],w=y[2],k=y[3];this._callOnItemsRendered(S,$,w,k)}}if(typeof this.props.onScroll=="function"){var E=this.state,R=E.scrollDirection,_=E.scrollOffset,j=E.scrollUpdateWasRequested;this._callOnScroll(R,_,j)}},C._getRangeToRender=function(){var u=this.props,y=u.itemCount,S=u.overscanCount,$=this.state,w=$.isScrolling,k=$.scrollDirection,E=$.scrollOffset;if(y===0)return[0,0,0,0];var R=i(this.props,E,this._instanceProps),_=c(this.props,R,E,this._instanceProps),j=!w||k==="backward"?Math.max(1,S):1,U=!w||k==="forward"?Math.max(1,S):1;return[Math.max(0,R-j),Math.max(0,Math.min(y-1,_+U)),R,_]},x}(o.PureComponent),e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},e}var ti=function(e,t){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,t.instance},ni=50,Ee=function(e,t,n){var r=e,l=r.itemSize,i=n.itemMetadataMap,c=n.lastMeasuredIndex;if(t>c){var f=0;if(c>=0){var h=i[c];f=h.offset+h.size}for(var p=c+1;p<=t;p++){var b=l(p);i[p]={offset:f,size:b},f+=b}n.lastMeasuredIndex=t}return i[t]},ri=function(e,t,n){var r=t.itemMetadataMap,l=t.lastMeasuredIndex,i=l>0?r[l].offset:0;return i>=n?ar(e,t,l,0,n):oi(e,t,Math.max(0,l),n)},ar=function(e,t,n,r,l){for(;r<=n;){var i=r+Math.floor((n-r)/2),c=Ee(e,i,t).offset;if(c===l)return i;cl&&(n=i-1)}return r>0?r-1:0},oi=function(e,t,n,r){for(var l=e.itemCount,i=1;n=n&&(i=n-1),i>=0){var f=r[i];c=f.offset+f.size}var h=n-i-1,p=h*l;return c+p},li=ei({getItemOffset:function(e,t,n){return Ee(e,t,n).offset},getItemSize:function(e,t,n){return n.itemMetadataMap[t].size},getEstimatedTotalSize:Cn,getOffsetForIndexAndAlignment:function(e,t,n,r,l){var i=e.direction,c=e.height,f=e.layout,h=e.width,p=i==="horizontal"||f==="horizontal",b=p?h:c,x=Ee(e,t,l),C=Cn(e,l),I=Math.max(0,Math.min(C-b,x.offset)),u=Math.max(0,x.offset-b+x.size);switch(n==="smart"&&(r>=u-b&&r<=I+b?n="auto":n="center"),n){case"start":return I;case"end":return u;case"center":return Math.round(u+(I-u)/2);case"auto":default:return r>=u&&r<=I?r:r`Select all (${s})`,noneSelected:"0 items",someSelected:s=>s===1?"1 item":`${s} items`,allSelected:"All items"},{blue:si,white:vn,offBlack:ii}=a;class Fe extends o.Component{static isClassOf(e){return e&&e.type&&e.type.__IS_ACTION_ITEM__}render(){const{disabled:e,horizontalRule:t,href:n,target:r,indent:l,label:i,lang:c,leftAccessory:f,rightAccessory:h,onClick:p,role:b,style:x,testId:C}=this.props,I=[He.wrapper,x],u=typeof i=="string"?o.createElement(bt,{lang:c,style:He.label},i):o.cloneElement(i,d({lang:c,style:He.label},i.props));return o.createElement(yo,{disabled:e,horizontalRule:t,rootStyle:I,leftAccessory:f,rightAccessory:h,style:[He.shared,l&&He.indent],role:b,testId:C,title:u,href:n,target:r,onClick:p})}}Fe.defaultProps={disabled:!1,horizontalRule:"none",indent:!1,role:"menuitem"};Fe.__IS_ACTION_ITEM__=!0;const He=v.StyleSheet.create({wrapper:{minHeight:me,touchAction:"manipulation",":focus":{borderRadius:m.xxxSmall_4,outline:`${m.xxxxSmall_2}px solid ${a.blue}`,outlineOffset:-m.xxxxSmall_2},":hover[aria-disabled=false]":{color:vn,background:si},"@media not (hover: hover)":{":hover[aria-disabled=false]":{color:vn,background:ii}},":active[aria-disabled=false]":{color:a.fadedBlue,background:a.activeBlue}},shared:{minHeight:me,height:me},label:{whiteSpace:"nowrap",userSelect:"none"},indent:{paddingLeft:m.medium_16*2}}),ai=function(e){const{selected:t}=e;return o.createElement(St,{icon:Gt,size:"small",style:[In.bounds,!t&&In.hide]})},In=v.StyleSheet.create({bounds:{alignSelf:"center",height:m.medium_16,minHeight:m.medium_16,minWidth:m.medium_16},hide:{visibility:"hidden"}}),{offBlack16:di,offBlack50:ci,offWhite:ui}=a,hi=function(e){const{disabled:t,selected:n}=e;return o.createElement(Ce,{className:"checkbox",style:[st.checkbox,n&&!t&&st.noBorder,t&&st.disabledCheckbox]},n&&o.createElement(St,{icon:Gt,size:"small",className:"check",style:[{width:m.small_12,height:m.small_12,margin:m.xxxxSmall_2},t&&n&&st.disabledCheckFormatting]}))},st=v.StyleSheet.create({checkbox:{alignSelf:"center",minHeight:m.medium_16,minWidth:m.medium_16,height:m.medium_16,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:ci},noBorder:{borderWidth:0},disabledCheckbox:{borderColor:di,backgroundColor:ui},disabledCheckFormatting:{position:"absolute",top:-1,left:-1}}),fi=["disabled","label","selected","testId","leftAccessory","horizontalRule","parentComponent","rightAccessory","style","subtitle1","subtitle2","value","onClick","onToggle","variant","role"],pi=yt("li");class ve extends o.Component{constructor(...e){super(...e),this.handleClick=()=>{const{onClick:t,onToggle:n,value:r}=this.props;n(r),t&&t()}}static isClassOf(e){return e&&e.type&&e.type.__IS_OPTION_ITEM__}getCheckComponent(){return this.props.variant==="check"?ai:hi}renderCell(){const e=this.props,{disabled:t,label:n,selected:r,testId:l,leftAccessory:i,horizontalRule:c,parentComponent:f,rightAccessory:h,style:p,subtitle1:b,subtitle2:x,role:C}=e,I=g(e,fi),u=this.getCheckComponent(),y=[fe.item,p];return o.createElement(So,d({disabled:t,horizontalRule:c,rootStyle:f==="listbox"?fe.listboxItem:y,style:fe.itemContainer,"aria-selected":f!=="listbox"&&r?"true":"false",role:f!=="listbox"?C:void 0,testId:l,leftAccessory:o.createElement(o.Fragment,null,i?o.createElement(Ce,{style:{flexDirection:"row"}},o.createElement(u,{disabled:t,selected:r}),o.createElement(de,{size:m.xSmall_8}),i):o.createElement(u,{disabled:t,selected:r})),rightAccessory:h,subtitle1:b?o.createElement(Qt,{className:"subtitle"},b):void 0,title:o.createElement(bt,{style:fe.label},n),subtitle2:x?o.createElement(Qt,{className:"subtitle"},x):void 0,onClick:f!=="listbox"?this.handleClick:void 0},I))}render(){const{disabled:e,focused:t,parentComponent:n,role:r,selected:l}=this.props;return n==="listbox"?o.createElement(pi,{onMouseDown:i=>{i.preventDefault()},onClick:this.handleClick,style:[fe.reset,fe.item,t&&fe.itemFocused,e&&fe.itemDisabled],role:r,"aria-selected":l?"true":"false","aria-disabled":e?"true":"false",id:this.props.id,tabIndex:-1},this.renderCell()):this.renderCell()}}ve.defaultProps={disabled:!1,focused:!1,horizontalRule:"none",onToggle:()=>{},role:"option",selected:!1};ve.__IS_OPTION_ITEM__=!0;const{blue:Dt,white:Me,offBlack:mi}=a,wn={borderRadius:m.xxxSmall_4,outline:`${m.xxxxSmall_2}px solid ${a.blue}`,outlineOffset:-m.xxxxSmall_2},fe=v.StyleSheet.create({reset:{margin:0,padding:0,border:0,background:"none",outline:"none",fontSize:"100%",verticalAlign:"baseline",textAlign:"left",textDecoration:"none",listStyle:"none",cursor:"pointer"},listboxItem:{backgroundColor:"transparent",color:"inherit"},item:{backgroundColor:a.white,minHeight:"unset",":focus":wn,":focus-visible":{overflow:"visible"},":hover[aria-disabled=false]":{color:Me,background:Dt},":active[aria-selected=false]":{},":hover[aria-disabled=true]":{cursor:"not-allowed"},":is([aria-disabled=true])":{color:a.offBlack32,":focus-visible":{outline:"none"}},"@media not (hover: hover)":{":hover[aria-disabled=false]":{color:Me,background:mi}},":active[aria-disabled=false]":{color:a.fadedBlue,background:a.activeBlue},":hover[aria-disabled=false] .checkbox":{background:Me},":hover[aria-disabled=false] .check":{color:Dt},":active[aria-disabled=false] .check":{color:a.activeBlue},":is([aria-selected=true]) .checkbox":{background:Dt},":is([aria-selected=true]) .check":{color:Me},":is([aria-disabled=false]) .subtitle":{color:a.offBlack64},":hover[aria-disabled=false] .subtitle":{color:a.offWhite},":active[aria-disabled=false] .subtitle":{color:ee(a.fadedBlue16,Me)}},itemFocused:wn,itemDisabled:{outlineColor:a.offBlack32},itemContainer:{minHeight:"unset",padding:`${m.xSmall_8+m.xxxxSmall_2}px ${m.xSmall_8}px`,paddingRight:m.medium_16,whiteSpace:"nowrap"},label:{whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},hide:{visibility:"hidden"}});class ue extends o.Component{static isClassOf(e){return e&&e.type&&e.type.__IS_SEPARATOR_ITEM__}render(){return o.createElement(Ce,{style:[gi.separator,this.props.style],"aria-hidden":"true"})}}ue.__IS_SEPARATOR_ITEM__=!0;const gi=v.StyleSheet.create({separator:{boxShadow:`0 -1px ${a.offBlack16}`,height:1,minHeight:1,marginTop:m.xxxSmall_4,marginBottom:m.xxxSmall_4}});class Ct extends o.Component{constructor(...e){super(...e),this.getTestIdFromProps=t=>t.testId||t["data-testid"]}renderAnchorChildren(e,t){const{disabled:n,testId:r,text:l,opened:i,"aria-controls":c,"aria-haspopup":f,id:h}=this.props,p=this.props.children(d({},e,{text:l,opened:i})),b=p.props,x=this.getTestIdFromProps(b);return o.cloneElement(p,d({},t,{disabled:n,"aria-controls":c,id:h,"aria-expanded":i?"true":"false","aria-haspopup":f,onClick:b.onClick?C=>{b.onClick(C),t.onClick(C)}:t.onClick,"data-testid":x||r}))}render(){return o.createElement(yr,{onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:0},(e,t)=>this.renderAnchorChildren(e,t))}}Ct.defaultProps={disabled:!1};class yi extends o.Component{render(){const{data:e,index:t,style:n}=this.props,r=e[t];if(ue.isClassOf(r.component))return o.cloneElement(r.component,{style:n});{const{component:l,populatedProps:i,onClick:c,role:f,ref:h}=r;return o.cloneElement(l,d({style:n},i,{key:t,onClick:c,ref:r.focusable&&h,role:f}))}}}function $n(s,e=0){return s.slice(0,hr).reduce((t,n)=>ue.isClassOf(n.component)?t+fr:t+me,e)}class bi extends o.Component{constructor(e){super(e),this.getItemSize=t=>{const n=this.props.data[t];return ue.isClassOf(n.component)?fr:me},this.state={height:$n(e.data),width:e.width}}componentDidMount(){const{schedule:e}=this.props;e.animationFrame(()=>{this.setWidth()})}componentDidUpdate(e){const{data:t,listRef:n}=this.props;e.data.length!==t.length&&(this.setHeight(),n&&n.current&&n.current.resetAfterIndex(1))}setWidth(){const e=Ie.findDOMNode(this),t=e==null?void 0:e.parentElement;if(t){const n=t.getBoundingClientRect().width;this.setState({width:n})}}setHeight(){const e=$n(this.props.data);this.setState({height:e})}renderInitialItems(){const{data:e}=this.props,t=e.map(r=>r.component);return o.Children.toArray(t).filter(Boolean).sort((r,l)=>l.props.label&&r.props.label?l.props.label.length-r.props.label.length:-1).slice(0,hr).map(r=>o.cloneElement(r,{style:{visibility:"hidden"}}))}renderVirtualizedList(e,t){const{data:n,listRef:r}=this.props;return o.createElement(li,{height:t,itemCount:n.length,itemSize:this.getItemSize,itemData:n,style:{overflowX:"hidden"},width:e,overscanCount:5,ref:r},yi)}render(){const{width:e,height:t}=this.state;return e==null?this.renderInitialItems():this.renderVirtualizedList(e,t)}}var Si=kn(bi);function xi({state:s,options:e}){const t=$r(s,e),{y:n}=s.modifiersData.preventOverflow||{x:0,y:0},{height:r}=s.rects.popper,[l]=s.placement.split("-"),c=r-t[l==="top"?"top":"bottom"]-n;s.styles.popper=d({},s.styles.popper,{maxHeight:`${c}px`,"--popper-max-height":`${c}px`})}const Ci={name:"maxHeight",enabled:!0,phase:"main",options:{padding:me},requiresIfExists:["offset","preventOverflow","flip"],fn:xi},vi=[{name:"preventOverflow",options:{rootBoundary:"viewport",altAxis:!0,tether:!1}},Ci],Ii=function({children:e,alignment:t="left",onPopperElement:n,referenceElement:r}){const l=Er(r)||document.querySelector("body");return l?Ie.createPortal(o.createElement(wr,{innerRef:i=>{i&&n&&n(i)},referenceElement:r,strategy:"fixed",placement:t==="left"?"bottom-start":"bottom-end",modifiers:vi},({placement:i,ref:c,style:f,hasPopperEscaped:h,isReferenceHidden:p})=>{const b=!!(h||p);return o.createElement("div",{ref:c,style:f,"data-testid":"dropdown-popper","data-placement":i},e(b))}),l):null};function wi(s){return s.length===1||!/^[A-Z]/i.test(s)?s:""}function $i(s,e){let t;return function(...r){const l=()=>{clearTimeout(t),s(...r)};clearTimeout(t),t=setTimeout(l,e)}}function En(s){return typeof s=="string"}function Ae(s){return En(s.label)?s.label:En(s.labelAsText)?s.labelAsText:""}const Ei=125,ki=yt("span");class vt extends o.Component{static sameItemsFocusable(e,t){if(e.length!==t.length)return!1;for(let n=0;n{const{open:n,onOpenChanged:r}=this.props,l=t.target,i=Ie.findDOMNode(this);n&&i&&!i.contains(l)&&this.popperElement&&!this.popperElement.contains(l)&&r(!1)},this.handleKeyDown=t=>{const{enableTypeAhead:n,onOpenChanged:r,open:l,searchText:i}=this.props,c=t.which||t.keyCode;if(n&&wi(t.key)&&(t.stopPropagation(),this.textSuggestion+=t.key,this.handleKeyDownDebounced(this.textSuggestion)),!l){if(c===ye.down){t.preventDefault(),r(!0);return}return}switch(c){case ye.tab:if(this.isSearchFieldFocused()&&i)return;this.restoreTabOrder(),r(!1);return;case ye.space:if(this.isSearchFieldFocused())return;t.preventDefault();return;case ye.up:t.preventDefault(),this.focusPreviousItem();return;case ye.down:t.preventDefault(),this.focusNextItem();return}},this.handleKeyUp=t=>{const{onOpenChanged:n,open:r}=this.props;switch(t.which||t.keyCode){case ye.space:if(this.isSearchFieldFocused())return;t.preventDefault();return;case ye.escape:r&&(t.stopPropagation(),this.restoreTabOrder(),n(!1));return}},this.handleKeyDownDebounceResult=t=>{const n=this.props.items.filter(r=>r.focusable).findIndex(({component:r})=>{if(ue.isClassOf(r))return!1;if(ve.isClassOf(r)){const l=r.props;return Ae(l).toLowerCase().startsWith(t.toLowerCase())}return!1});if(n>=0){const r=!this.props.open;r&&this.props.onOpenChanged(!0),this.focusedIndex=n,this.scheduleToFocusCurrentItem(l=>{this.props.selectionType==="single"&&r&&l&&(l.click(),this.props.onOpenChanged(!1))})}this.textSuggestion=""},this.handleClickFocus=t=>{this.itemsClicked=!0,this.focusedIndex=t,this.focusedOriginalIndex=this.state.itemRefs[this.focusedIndex].originalIndex},this.handleDropdownMouseUp=t=>{t.nativeEvent.stopImmediatePropagation?t.nativeEvent.stopImmediatePropagation():t.stopPropagation()},this.handleItemClick=(t,n)=>{this.handleClickFocus(t),n.component.props.onClick&&n.component.props.onClick(),n.populatedProps.onClick&&n.populatedProps.onClick()},this.handleSearchTextChanged=t=>{const{onSearchTextChanged:n}=this.props;n&&n(t)},this.resetFocusedIndex(),this.state={prevItems:this.props.items,itemRefs:[],sameItemsFocusable:!1,labels:d({noResults:K.noResults,someResults:K.someSelected},e.labels)},this.virtualizedListRef=o.createRef(),this.handleKeyDownDebounced=$i(this.handleKeyDownDebounceResult,500),this.textSuggestion=""}componentDidMount(){this.updateEventListeners(),this.maybeFocusInitialItem()}componentDidUpdate(e){const{open:t,searchText:n}=this.props;if(e.open!==t)this.updateEventListeners(),this.maybeFocusInitialItem();else if(t){const{itemRefs:r,sameItemsFocusable:l}=this.state;if(l||e.searchText!==n)return;{const i=r.findIndex(c=>c.originalIndex===this.focusedOriginalIndex);i===-1?(this.focusedIndex=0,this.itemsClicked=!1,this.scheduleToFocusCurrentItem()):this.focusedIndex=i}this.props.labels!==e.labels&&this.setState({labels:d({},this.state.labels,this.props.labels)})}}componentWillUnmount(){this.removeEventListeners()}resetFocusedIndex(){const{initialFocusedIndex:e}=this.props;if(typeof e<"u")this.focusedIndex=e;else{if(this.hasSearchField()&&!this.isSearchFieldFocused())return this.focusSearchField();this.focusedIndex=0}}maybeFocusInitialItem(){const{autoFocus:e,open:t}=this.props;e&&(t?(this.resetFocusedIndex(),this.scheduleToFocusCurrentItem()):t||(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(e){this.shouldVirtualizeList()?this.props.schedule.animationFrame(()=>{this.focusCurrentItem(e)}):this.focusCurrentItem(e)}focusCurrentItem(e){const t=this.state.itemRefs[this.focusedIndex];if(t){this.virtualizedListRef.current&&this.virtualizedListRef.current.scrollToItem(t.originalIndex);const n=Ie.findDOMNode(t.ref.current);n&&(n.focus(),this.focusedOriginalIndex=t.originalIndex,e&&e(n))}}focusSearchField(){this.searchFieldRef.current&&this.searchFieldRef.current.focus()}hasSearchField(){return!!this.props.isFilterable}isSearchFieldFocused(){return this.hasSearchField()&&document.activeElement===this.searchFieldRef.current}focusPreviousItem(){if(this.focusedIndex===0||this.isSearchFieldFocused()&&!this.props.enableTypeAhead){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||this.isSearchFieldFocused()&&!this.props.enableTypeAhead){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:e}=this.props;switch(e){case"listbox":return"option";case"menu":return"menuitem";default:throw new Error(`Expected "listbox" or "menu" for role, but receieved "${e}" instead.`)}}maybeRenderNoResults(){const{items:e,labels:{noResults:t}}=this.props;return e.length===0?o.createElement(bt,{style:pe.noResult,testId:"dropdown-core-no-results"},t):null}shouldVirtualizeList(){return this.props.items.length>Ei}renderList(){let e=0;const t=this.getItemRole();return this.props.items.map((n,r)=>{if(ue.isClassOf(n.component))return n.component;const{component:l,focusable:i,populatedProps:c}=n;i&&(e+=1);const f=e-1,h=this.state.itemRefs[f]?this.state.itemRefs[f].ref:null;return o.cloneElement(l,d({},c,{key:r,onClick:()=>{this.handleItemClick(f,n)},ref:i?h:null,role:c.role||t}))})}parseVirtualizedItems(){let e=0;const t=this.getItemRole();return this.props.items.map((n,r)=>{const{populatedProps:l}=n;!ue.isClassOf(n.component)&&n.focusable&&(e+=1);const i=e-1;return d({},n,{role:l.role||t,ref:n.focusable&&this.state.itemRefs[i]?this.state.itemRefs[i].ref:null,onClick:()=>{this.handleItemClick(i,n)}})})}renderVirtualizedList(){const e=this.parseVirtualizedItems();return o.createElement(Si,{data:e,listRef:this.virtualizedListRef})}renderSearchField(){const{searchText:e}=this.props,{labels:t}=this.state;return o.createElement(Ks,{clearAriaLabel:t.clearSearch,onChange:this.handleSearchTextChanged,placeholder:t.filter,ref:this.searchFieldRef,style:pe.searchInputStyle,value:e||""})}renderDropdownMenu(e,t){const{"aria-invalid":n,"aria-required":r,dropdownStyle:l,isFilterable:i,light:c,openerElement:f,role:h,id:p}=this.props,b=f&&window.getComputedStyle(f),x=b?b.getPropertyValue("width"):0;return o.createElement(Ce,{onMouseUp:this.handleDropdownMouseUp,style:[pe.dropdown,c&&pe.light,t&&pe.hidden,l],testId:"dropdown-core-container"},i&&this.renderSearchField(),o.createElement(Ce,{id:p,role:h,style:[pe.listboxOrMenu,{minWidth:x}],"aria-invalid":h==="listbox"?n:void 0,"aria-required":h==="listbox"?r:void 0},e),this.maybeRenderNoResults())}renderDropdown(){const{alignment:e,openerElement:t}=this.props,n=this.shouldVirtualizeList()?this.renderVirtualizedList():this.renderList();return o.createElement(Ii,{alignment:e,onPopperElement:r=>{this.popperElement=r},referenceElement:t},r=>this.renderDropdownMenu(n,r))}renderLiveRegion(){const{items:e,open:t}=this.props,{labels:n}=this.state,r=e.length;return o.createElement(ki,{"aria-live":"polite","aria-atomic":"true","aria-relevant":"additions text",style:pe.srOnly,"data-testid":"dropdown-live-region"},t&&n.someResults(r))}render(){const{open:e,opener:t,style:n,className:r,disabled:l}=this.props;return o.createElement(Ce,{onKeyDown:l?void 0:this.handleKeyDown,onKeyUp:l?void 0:this.handleKeyUp,style:[pe.menuWrapper,n],className:r},this.renderLiveRegion(),t,e&&this.renderDropdown())}}vt.defaultProps={alignment:"left",autoFocus:!0,enableTypeAhead:!0,labels:{clearSearch:K.clearSearch,filter:K.filter,noResults:K.noResults,someResults:K.someSelected},light:!1,selectionType:"single"};const pe=v.StyleSheet.create({menuWrapper:{width:"fit-content"},dropdown:{backgroundColor:a.white,borderRadius:4,paddingTop:m.xxxSmall_4,paddingBottom:m.xxxSmall_4,border:`solid 1px ${a.offBlack16}`,boxShadow:`0px 8px 8px 0px ${Sr(a.offBlack,.1)}`,maxHeight:"var(--popper-max-height)"},light:{border:"none"},listboxOrMenu:{overflowY:"auto"},hidden:{pointerEvents:"none",visibility:"hidden"},noResult:{color:a.offBlack64,alignSelf:"center",marginTop:m.xxSmall_6},searchInputStyle:{margin:m.xSmall_8,marginTop:m.xxxSmall_4,minHeight:"auto",position:"sticky"},srOnly:{border:0,clip:"rect(0,0,0,0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}});var Zt=kn(vt);const Ri=["children","disabled","focused","hovered","pressed","waiting","testId","opened","aria-label"],_i=yt("button");class Fi extends o.Component{render(){const e=this.props,{children:t,disabled:n,focused:r,hovered:l,pressed:i,testId:c,opened:f,"aria-label":h}=e,p=g(e,Ri),b=a.blue,x=Ti(b),C=n,I=[Nt.shared,C&&Nt.disabled,x.default,C&&x.disabled,!C&&i&&x.active],u=o.createElement(xr,{style:Nt.text},t);return o.createElement(_i,d({"aria-expanded":f?"true":"false","aria-haspopup":"menu","aria-label":h,disabled:C,style:I,type:"button"},p,{"data-testid":c}),o.createElement(Ce,{style:!C&&(l||r)&&x.focus},u),o.createElement(de,{size:m.xxxSmall_4}),o.createElement(St,{size:"small",color:"currentColor",icon:dr,"aria-hidden":"true"}))}}const Nt=v.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:me,border:"none",borderRadius:m.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:m.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"}}),it={},Ti=s=>{const e=s;if(it[e])return it[e];const{offBlack32:t}=a,n=a.activeBlue;let r={};return r={default:{background:"none",color:s},focus:{":after":{content:"''",position:"absolute",height:2,left:0,right:0,bottom:-1,background:"currentColor",borderRadius:2}},active:{color:n},disabled:{color:t,cursor:"default"}},it[e]=v.StyleSheet.create(r),it[e]},zi=["text","opened"];class Pi extends o.Component{constructor(...e){super(...e),this.openerElement=void 0,this.state={opened:!1},this.handleItemSelected=()=>{this.handleOpenChanged(!1),this.openerElement&&this.openerElement.focus()},this.handleOpenChanged=t=>{this.setState({opened:t}),this.props.onToggle&&this.props.onToggle(t)},this.handleOptionSelected=t=>{const{onChange:n,selectedValues:r}=this.props;if(!(!n||!r)){if(r.includes(t)){const l=r.indexOf(t),i=[...r.slice(0,l),...r.slice(l+1)];n(i)}else n([...r,t]);this.handleItemSelected()}},this.handleOpenerRef=t=>{this.openerElement=Ie.findDOMNode(t)},this.handleClick=t=>{this.handleOpenChanged(!this.state.opened)}}static getDerivedStateFromProps(e,t){return{opened:typeof e.opened=="boolean"?e.opened:t.opened}}getMenuItems(){const{children:e,selectedValues:t}=this.props,n=o.Children.toArray(e).filter(Boolean),r=n.some(l=>ve.isClassOf(l));return n.map(l=>{const{value:i,disabled:c}=l.props,f={component:l,focusable:Fe.isClassOf(l)||ve.isClassOf(l)?!c:!1,populatedProps:{}};if(Fe.isClassOf(l))return d({},f,{populatedProps:{indent:r,onClick:this.handleItemSelected}});if(ve.isClassOf(l)){const h=t?t.includes(i):!1;return d({},f,{populatedProps:{onToggle:this.handleOptionSelected,selected:h,variant:"check",role:"menuitemcheckbox","aria-checked":h,"aria-selected":void 0}})}else return f})}renderOpener(e,t){const{disabled:n,menuText:r,opener:l,testId:i,id:c}=this.props;return o.createElement(ke,{id:c,scope:"action-menu-opener"},f=>o.createElement(Ct,{id:f,"aria-controls":t,"aria-haspopup":"menu",onClick:this.handleClick,disabled:e===0||n,text:r,ref:this.handleOpenerRef,testId:l?void 0:i,opened:this.state.opened},l||(h=>{const{opened:p}=h,b=g(h,zi);return o.createElement(Fi,d({},b,{disabled:n,opened:!!p,testId:i}),r)})))}render(){const{alignment:e,dropdownStyle:t,style:n,className:r,dropdownId:l}=this.props,i=this.getMenuItems();return o.createElement(ke,{id:l,scope:"action-menu-dropdown"},c=>o.createElement(Zt,{id:c,role:"menu",style:n,className:r,opener:this.renderOpener(i.length,c),alignment:e,open:this.state.opened,items:i,openerElement:this.openerElement,onOpenChanged:this.handleOpenChanged,dropdownStyle:[Oi.menuTopSpace,t]}))}}Pi.defaultProps={alignment:"left",disabled:!1};const Oi=v.StyleSheet.create({caret:{marginLeft:4},opener:{whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},menuTopSpace:{top:-4}}),Bi=["children","disabled","error","id","isPlaceholder","light","open","testId","onOpenChanged"],Li=yt("button");class Yt extends o.Component{constructor(e){super(e),this.handleClick=t=>{const{open:n}=this.props;this.props.onOpenChanged(!n)},this.handleKeyDown=t=>{const n=t.key;(n==="Enter"||n===" ")&&(this.setState({pressed:!0}),t.preventDefault())},this.handleKeyUp=t=>{const n=t.key;(n==="Enter"||n===" ")&&(this.setState({pressed:!1}),this.handleClick(t))},this.state={pressed:!1}}render(){const e=this.props,{children:t,disabled:n,error:r,id:l,isPlaceholder:i,light:c,open:f,testId:h}=e,p=g(e,Bi),b=Di(c,i,r),x=c?n||r?"currentColor":a.white:n?a.offBlack32:a.offBlack64,C=[Ht.shared,b.default,n&&b.disabled,!n&&this.state.pressed&&b.pressed];return o.createElement(Li,d({},p,{"aria-disabled":n,"aria-expanded":f?"true":"false","aria-haspopup":"listbox","data-testid":h,id:l,style:C,type:"button",onClick:n?void 0:this.handleClick,onKeyDown:n?void 0:this.handleKeyDown,onKeyUp:n?void 0:this.handleKeyUp}),o.createElement(bt,{style:Ht.text},t||" "),o.createElement(St,{icon:dr,color:x,size:"small",style:Ht.caret,"aria-hidden":"true"}))}}Yt.defaultProps={disabled:!1,error:!1,light:!1,isPlaceholder:!1};const Ht=v.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"space-between",color:a.offBlack,height:me,paddingLeft:m.medium_16,paddingRight:m.small_12,borderWidth:0,borderRadius:X.radius.medium_4,borderStyle:"solid",outline:"none",textDecoration:"none",boxSizing:"border-box",whiteSpace:"nowrap",touchAction:"manipulation"},text:{marginRight:m.xSmall_8,whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},caret:{minWidth:16}}),at=m.medium_16-1,dt=m.small_12-1,ct={},Di=(s,e,t)=>{const n=`${s}-${e}-${t}`;if(ct[n])return ct[n];let r={};if(s){const l={borderColor:t?a.red:a.white,borderWidth:m.xxxxSmall_2,paddingLeft:at,paddingRight:dt},i={paddingLeft:at,paddingRight:dt,borderColor:t?a.red:a.fadedBlue,borderWidth:X.width.thin,color:t?a.offBlack64:e?ee(a.white32,a.blue):a.fadedBlue,backgroundColor:t?a.fadedRed:a.activeBlue};r={default:{background:t?a.fadedRed8:"transparent",color:t?a.offBlack64:e?a.white50:a.white,borderColor:t?a.red:a.white50,borderWidth:X.width.hairline,":hover:not([aria-disabled=true])":l,"@media not (hover: hover)":{":hover:not([aria-disabled=true])":{borderColor:t?a.red:a.white50,borderWidth:X.width.hairline,paddingLeft:m.medium_16,paddingRight:m.small_12}},":focus-visible:not([aria-disabled=true])":l,":active:not([aria-disabled=true])":i},disabled:{background:"transparent",borderColor:ee(a.white32,a.blue),color:ee(a.white32,a.blue),cursor:"not-allowed",":focus-visible":{boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},pressed:i}}else{const l={borderColor:t?a.red:a.blue,borderWidth:X.width.thin,paddingLeft:at,paddingRight:dt},i={background:t?a.fadedRed:a.fadedBlue,borderColor:t?a.red:a.activeBlue,borderWidth:X.width.thin,paddingLeft:at,paddingRight:dt};r={default:{background:t?a.fadedRed8:a.white,borderColor:t?a.red:a.offBlack50,borderWidth:X.width.hairline,color:e?a.offBlack64:a.offBlack,":hover:not([aria-disabled=true])":l,"@media not (hover: hover)":{":hover:not([aria-disabled=true])":{borderColor:t?a.red:a.offBlack50,borderWidth:X.width.hairline,paddingLeft:m.medium_16,paddingRight:m.small_12}},":focus-visible:not([aria-disabled=true])":l,":active:not([aria-disabled=true])":i},disabled:{background:a.offWhite,borderColor:a.offBlack16,color:a.offBlack64,cursor:"not-allowed",":focus-visible":{boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},pressed:i}}return ct[n]=v.StyleSheet.create(r),ct[n]},Ni=["children","error","id","light","opener","placeholder","selectedValue","testId","alignment","autoFocus","dropdownStyle","enableTypeAhead","isFilterable","labels","onChange","onToggle","opened","style","className","aria-invalid","aria-required"];class pr extends o.Component{constructor(e){super(e),this.selectedIndex=void 0,this.handleOpenChanged=t=>{this.setState({open:t,searchText:""}),this.props.onToggle&&this.props.onToggle(t)},this.handleToggle=t=>{t!==this.props.selectedValue&&this.props.onChange(t),this.state.open&&this.state.openerElement&&this.state.openerElement.focus(),this.setState({open:!1}),this.props.onToggle&&this.props.onToggle(!1)},this.mapOptionItemsToDropdownItems=t=>{let n=0;return this.selectedIndex=0,t.map(r=>{const{selectedValue:l}=this.props,{disabled:i,value:c}=r.props,f=l===c;return f&&(this.selectedIndex=n),i||(n+=1),{component:r,focusable:!i,populatedProps:{onToggle:this.handleToggle,selected:f,variant:"check"}}})},this.handleSearchTextChanged=t=>{this.setState({searchText:t})},this.handleOpenerRef=t=>{const n=Ie.findDOMNode(t);this.setState({openerElement:n})},this.handleClick=t=>{this.handleOpenChanged(!this.state.open)},this.selectedIndex=0,this.state={open:!1,searchText:""}}static getDerivedStateFromProps(e,t){return{open:e.disabled?!1:typeof e.opened=="boolean"?e.opened:t.open}}filterChildren(e){const{searchText:t}=this.state,n=t.toLowerCase();return e.filter(({props:r})=>!t||Ae(r).toLowerCase().indexOf(n)>-1)}getMenuItems(e){const{isFilterable:t}=this.props;return this.mapOptionItemsToDropdownItems(t?this.filterChildren(e):e)}renderOpener(e,t){const n=this.props,{children:r,error:l,id:i,light:c,opener:f,placeholder:h,selectedValue:p,testId:b}=n,x=g(n,Ni),I=o.Children.toArray(r).find(S=>S.props.value===p),u=I?Ae(I.props):h;return o.createElement(ke,{id:i,scope:"single-select-opener"},S=>f?o.createElement(Ct,{id:S,"aria-controls":t,"aria-haspopup":"listbox",onClick:this.handleClick,disabled:e,ref:this.handleOpenerRef,text:u,opened:this.state.open},f):o.createElement(Yt,d({},x,{"aria-controls":t,disabled:e,id:S,error:l,isPlaceholder:!I,light:c,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId:b}),u))}render(){const{alignment:e,autoFocus:t,children:n,className:r,dropdownStyle:l,enableTypeAhead:i,isFilterable:c,labels:f,light:h,style:p,"aria-invalid":b,"aria-required":x,disabled:C,dropdownId:I}=this.props,{searchText:u}=this.state,y=o.Children.toArray(n).filter(Boolean),S=y.filter(k=>!k.props.disabled).length,$=this.getMenuItems(y),w=S===0||C;return o.createElement(ke,{id:I,scope:"single-select-dropdown"},k=>o.createElement(Zt,{id:k,role:"listbox",selectionType:"single",alignment:e,autoFocus:t,enableTypeAhead:i,dropdownStyle:[c&&ur,cr,l],initialFocusedIndex:this.selectedIndex,items:$,light:h,onOpenChanged:this.handleOpenChanged,open:this.state.open,opener:this.renderOpener(w,k),openerElement:this.state.openerElement,style:p,className:r,isFilterable:c,onSearchTextChanged:c?this.handleSearchTextChanged:void 0,searchText:c?u:"",labels:f,"aria-invalid":b,"aria-required":x,disabled:w}))}}pr.defaultProps={alignment:"left",autoFocus:!0,disabled:!1,enableTypeAhead:!0,error:!1,light:!1,labels:{clearSearch:K.clearSearch,filter:K.filter,noResults:K.noResults,someResults:K.someSelected}};const Hi=["id","light","opener","testId","alignment","dropdownStyle","implicitAllEnabled","isFilterable","labels","onChange","onToggle","opened","selectedValues","shortcuts","style","className","aria-invalid","aria-required"];class mr extends o.Component{constructor(e){super(e),this.labels=void 0,this.handleOpenChanged=t=>{this.setState({open:t,searchText:"",lastSelectedValues:this.props.selectedValues}),this.props.onToggle&&this.props.onToggle(t)},this.handleToggle=t=>{const{onChange:n,selectedValues:r}=this.props;if(r.includes(t)){const l=r.indexOf(t),i=[...r.slice(0,l),...r.slice(l+1)];n(i)}else n([...r,t])},this.handleSelectAll=()=>{const{children:t,onChange:n}=this.props,l=o.Children.toArray(t).filter(i=>!!i&&!i.props.disabled).map(i=>i.props.value);n(l)},this.handleSelectNone=()=>{const{onChange:t}=this.props;t([])},this.mapOptionItemToDropdownItem=t=>{const{selectedValues:n}=this.props,{disabled:r,value:l}=t.props;return{component:t,focusable:!r,populatedProps:{onToggle:this.handleToggle,selected:n.includes(l),variant:"checkbox"}}},this.handleOpenerRef=t=>{const n=Ie.findDOMNode(t);this.setState({openerElement:n})},this.handleSearchTextChanged=t=>{this.setState({searchText:t})},this.handleClick=t=>{this.handleOpenChanged(!this.state.open)},this.state={open:!1,searchText:"",lastSelectedValues:[],labels:d({},K,e.labels)},this.labels=d({},K,e.labels)}static getDerivedStateFromProps(e,t){return{open:e.disabled?!1:typeof e.opened=="boolean"?e.opened:t.open}}componentDidUpdate(e){this.props.labels!==e.labels&&this.setState({labels:d({},this.state.labels,this.props.labels)})}getMenuText(e){const{implicitAllEnabled:t,selectedValues:n}=this.props,{noneSelected:r,someSelected:l,allSelected:i}=this.state.labels,c=e.filter(h=>!h.props.disabled).length,f=t?i:r;switch(n.length){case 0:return f;case 1:const h=e.find(p=>p.props.value===n[0]);if(h){const p=Ae(h==null?void 0:h.props);return p||l(1)}return f;case c:return i;default:return l(n.length)}}getShortcuts(e){const{selectedValues:t,shortcuts:n}=this.props,{selectAllLabel:r,selectNoneLabel:l}=this.state.labels;if(n&&!this.state.searchText){const i=e===t.length,c={component:o.createElement(Fe,{disabled:i,label:r(e),indent:!0,onClick:this.handleSelectAll}),focusable:!i,populatedProps:{}},f=t.length===0,h={component:o.createElement(Fe,{disabled:f,label:l,indent:!0,onClick:this.handleSelectNone}),focusable:!f,populatedProps:{}},p={component:o.createElement(ue,{key:"shortcuts-separator"}),focusable:!1,populatedProps:{}};return[c,h,p]}else return[]}getMenuItems(e){const{isFilterable:t}=this.props;if(!t)return e.map(this.mapOptionItemToDropdownItem);const{searchText:n,lastSelectedValues:r}=this.state,l=n.toLowerCase(),i=e.filter(({props:p})=>!n||Ae(p).toLowerCase().indexOf(l)>-1),c=[],f=[];for(const p of i)r.includes(p.props.value)?c.push(p):f.push(p);const h=c.map(this.mapOptionItemToDropdownItem);return c.length&&f.length&&h.push({component:o.createElement(ue,{key:"selected-separator"}),focusable:!1,populatedProps:{}}),[...h,...f.map(this.mapOptionItemToDropdownItem)]}renderOpener(e,t,n){const r=this.props,{id:l,light:i,opener:c,testId:f}=r,h=g(r,Hi),{noneSelected:p}=this.state.labels,b=this.getMenuText(e);return o.createElement(ke,{id:l,scope:"multi-select-opener"},C=>c?o.createElement(Ct,{id:C,"aria-controls":n,"aria-haspopup":"listbox",onClick:this.handleClick,disabled:t,ref:this.handleOpenerRef,text:b,opened:this.state.open},c):o.createElement(Yt,d({},h,{disabled:t,id:C,"aria-controls":n,isPlaceholder:b===p,light:i,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId:f}),b))}render(){const{alignment:e,light:t,style:n,className:r,dropdownStyle:l,children:i,isFilterable:c,"aria-invalid":f,"aria-required":h,disabled:p,dropdownId:b}=this.props,{open:x,searchText:C}=this.state,{clearSearch:I,filter:u,noResults:y,someSelected:S}=this.state.labels,$=o.Children.toArray(i).filter(Boolean),w=$.filter(R=>!R.props.disabled).length,k=this.getMenuItems($),E=w===0||p;return o.createElement(ke,{id:b,scope:"multi-select-dropdown"},R=>o.createElement(Zt,{id:R,role:"listbox",alignment:e,dropdownStyle:[c&&ur,cr,l],isFilterable:c,items:[...this.getShortcuts(w),...k],light:t,onOpenChanged:this.handleOpenChanged,open:x,opener:this.renderOpener($,E,R),openerElement:this.state.openerElement,selectionType:"multi",style:n,className:r,onSearchTextChanged:c?this.handleSearchTextChanged:void 0,searchText:c?C:"",labels:{clearSearch:I,filter:u,noResults:y,someResults:S},"aria-invalid":f,"aria-required":h,disabled:E}))}}mr.defaultProps={alignment:"left",disabled:!1,error:!1,light:!1,shortcuts:!1,selectedValues:[]};v.StyleSheet.create({listbox:{outline:"none"},disabled:{color:a.offBlack64}});const Mi=s=>{const{strings:e}=kr(),t=h=>{const{choices:p,onChange:b}=s;b(p.map(x=>h.includes(x.content)))},n=h=>h.map(({content:p})=>et(ve,{value:p,label:et(Rr,{content:p,strings:e,inline:!0})},p)),r=s.choices.filter(h=>h.checked).map(h=>h.content),{opener:l,onToggle:i,disabled:c}=s,f={style:{zIndex:"unset"},children:n(s.choices),opener:l,onToggle:i,disabled:c};return s.multipleSelect?et(mr,{...f,selectedValues:r,onChange:h=>t(h)}):et(pr,{...f,selectedValue:r[0],onChange:h=>t([h]),placeholder:s.choices[0].content})};Mi.__docgenInfo={description:"",methods:[],displayName:"AnswerChoices",props:{choices:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"signature",type:"object",raw:`{ +import{j as et}from"./jsx-runtime-FVsy8kgq.js";import{a as g,_ as d,b as yt,V as Ce,I as ke}from"./index-6h5t6F0w.js";import{r as o}from"./index-TT1qJ6UJ.js";import{l as v}from"./index-awljIyHI.js";import{C as gr,a as yr}from"./index-o3wWn3Y5.js";import{s as m,c as a,m as ee,b as X,a as br,f as Sr}from"./index-deFLJwr4.js";import{a as bt,b as Qt,L as xr}from"./index-h_CiYGGb.js";import{P as St}from"./index-xuPsLuPk.js";import{c as Gt,m as Cr}from"./minus-bold-ONmDo3Ve.js";import{r as Ie}from"./index-7vsPyIck.js";import{I as vr,x as Ir}from"./index-rfN0X25E.js";import{w as kn}from"./index-CkAxGj88.js";import{P as wr,d as $r}from"./Popper-kGnKOid7.js";import{m as Er}from"./index-YCTzZMik.js";import{u as kr}from"./i18n-context-P7VpLqM1.js";import{R as Rr}from"./renderer-dyWsFSUA.js";function Rn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Rn(t));else e.push(s);else return e;return e}function _n(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Rn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const _r=["children","style","tag","testId"],Fr=/^h[1-6]$/,Jt=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),B=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,_r);const f=Fr.test(l),h=_n([Jt.text,f&&Jt.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),Tr=["className","style"];function qe(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,Tr),c=typeof s=="string"?zr[s]:null,{className:f,style:h}=_n([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const zr=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),Pr=["testId","tag"],Ve=v.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}}),Or=qe("div",Ve.default),Br=qe("article",Ve.default),Lr=qe("aside",Ve.default),Dr=qe("nav",Ve.default),Nr=qe("section",Ve.default),Re=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,Pr),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Br,d({},i,{ref:t}));case"aside":return o.createElement(Lr,d({},i,{ref:t}));case"nav":return o.createElement(Dr,d({},i,{ref:t}));case"section":return o.createElement(Nr,d({},i,{ref:t}));case"div":return o.createElement(Or,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let be=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ut=o.createContext(be.Root);ut.displayName="RenderStateContext";let Hr=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ut.Provider,{value:be.Standard},t()):n?o.createElement(ut.Provider,{value:be.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case be.Root:return this._renderAsRootComponent();case be.Initial:return n?n():null;case be.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(be.Root)}}render(){return o.createElement(ut.Consumer,null,e=>this._maybeRender(e))}},Fn=class Tn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Tn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};Fn._factoryUniquenessCounter=0;let Mt=class{get(e){return e}};Mt.Default=new Mt;var Mr=Mt.Default;let Wr=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Mr):null:(this._idFactory||(this._idFactory=new Fn(r)),t(this._idFactory))}render(){return o.createElement(Hr,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Ar=class zn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(zn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Wr,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Ar.defaultId="wb-id";const Z=400,Be=700,qr=900,Rt="@media (max-width: 1023px)",_t="@media (min-width: 1024px)",z={display:"block"},A='Lato, "Noto Sans", sans-serif',en='"Noto Serif", serif',Vr="Inconsolata, monospace",L=v.StyleSheet.create({Title:d({},z,{fontFamily:A,fontWeight:qr,[_t]:{fontSize:36,lineHeight:"40px"},[Rt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},z,{fontFamily:A,fontWeight:Z,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},z,{fontFamily:A,fontWeight:Be,[_t]:{fontSize:28,lineHeight:"32px"},[Rt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},z,{fontFamily:A,fontWeight:Be,[_t]:{fontSize:24,lineHeight:"28px"},[Rt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},z,{fontFamily:A,fontWeight:Be,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},z,{fontFamily:A,fontWeight:Be,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},z,{fontFamily:en,fontWeight:Z,fontSize:22,lineHeight:"28px"}),BodySerif:d({},z,{fontFamily:en,fontWeight:Z,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},z,{fontFamily:Vr,fontWeight:Z,fontSize:17,lineHeight:"22px"}),Body:d({},z,{fontFamily:A,fontWeight:Z,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},z,{fontFamily:A,fontWeight:Be,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},z,{fontFamily:A,fontWeight:Z,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},z,{fontFamily:A,fontWeight:Z,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},z,{fontFamily:A,fontWeight:Z,fontSize:12,lineHeight:"16px"}),Caption:d({},z,{fontFamily:A,fontWeight:Z,fontSize:14,lineHeight:"20px"}),Footnote:d({},z,{fontFamily:A,fontWeight:Z,fontSize:12,lineHeight:"18px"})}),Ur=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,Ur);return o.createElement(B,d({},i,{tag:l,style:[L.Title,n],ref:t}),r)});const Kr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,Kr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingLarge,n],ref:t}),r)});const jr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,jr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingMedium,n],ref:t}),r)});const Xr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Xr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingSmall,n],ref:t}),r)});const Gr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Gr);return o.createElement(B,d({},i,{tag:l,style:[L.HeadingXSmall,n],ref:t}),r)});const Zr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Zr);return o.createElement(B,d({},i,{tag:l,style:[L.BodySerifBlock,n],ref:t}),r)});const Yr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Yr);return o.createElement(B,d({},i,{tag:l,style:[L.BodySerif,n],ref:t}),r)});const Qr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Qr);return o.createElement(B,d({},i,{tag:l,style:[L.BodyMonospace,n],ref:t}),r)});const Jr=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Jr);return o.createElement(B,d({},i,{tag:l,style:[L.Body,n],ref:t}),r)});const eo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,eo);return o.createElement(B,d({},i,{tag:l,style:[L.LabelLarge,n],ref:t}),r)});const to=["style","children","tag"],Pn=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,to);return o.createElement(B,d({},i,{tag:l,style:[L.LabelMedium,n],ref:t}),r)}),no=["style","children","tag"],ro=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,no);return o.createElement(B,d({},i,{tag:l,style:[L.LabelSmall,n],ref:t}),r)}),oo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,oo);return o.createElement(B,d({},i,{tag:l,style:[L.LabelXSmall,n],ref:t}),r)});const lo=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,lo);return o.createElement(B,d({},i,{tag:l,style:[L.Tagline,n],ref:t}),r)});const so=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,so);return o.createElement(B,d({},i,{tag:l,style:[L.Caption,n],ref:t}),r)});const io=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,io);return o.createElement(B,d({},i,{tag:l,style:[L.Footnote,n],ref:t}),r)});const tn=m.large_24,ao={small:{query:"(max-width: 767px)",totalColumns:4,gutterWidth:m.medium_16,marginWidth:m.medium_16},medium:{query:"(min-width: 768px) and (max-width: 1023px)",totalColumns:8,gutterWidth:m.xLarge_32,marginWidth:m.large_24},large:{query:"(min-width: 1024px)",totalColumns:12,gutterWidth:m.xLarge_32,marginWidth:tn,maxWidth:1120+tn*2}},co={ssrSize:"large",mediaSpec:ao},uo=o.createContext(co);uo.displayName="MediaLayoutContext";v.StyleSheet.create({grow:{flexGrow:1}});let gt=class extends o.Component{render(){const{size:e,style:t}=this.props;return o.createElement(Re,{"aria-hidden":"true",style:[ho(e),t]})}};const ho=s=>({width:s,MsFlexBasis:s,MsFlexPreferredSize:s,WebkitFlexBasis:s,flexBasis:s,flexShrink:0}),G={cellMinHeight:m.xxLarge_48,cellPadding:{paddingVertical:m.small_12,paddingHorizontal:m.medium_16},detailCellPadding:{paddingVertical:m.medium_16,paddingHorizontal:m.medium_16},accessoryHorizontalSpacing:m.medium_16},fo=s=>{switch(s){case"inset":return[Ft.horizontalRule,Ft.horizontalRuleInset];case"full-width":return Ft.horizontalRule;case"none":return{}}},Ft=v.StyleSheet.create({horizontalRule:{position:"relative",":after":{width:"100%",content:"''",position:"absolute",bottom:0,right:0,height:m.xxxxSmall_2,boxShadow:`inset 0px -1px 0px ${a.offBlack8}`}},horizontalRuleInset:{":after":{width:`calc(100% - ${G.cellPadding.paddingHorizontal}px)`}}}),po=({leftAccessory:s,leftAccessoryStyle:e,disabled:t})=>s?o.createElement(o.Fragment,null,o.createElement(Re,{style:[W.accessory,t&&W.accessoryDisabled,d({},e)]},s),o.createElement(gt,{size:G.accessoryHorizontalSpacing})):null,mo=({rightAccessory:s,rightAccessoryStyle:e,active:t,disabled:n})=>s?o.createElement(o.Fragment,null,o.createElement(gt,{size:G.accessoryHorizontalSpacing}),o.createElement(Re,{style:[W.accessory,W.accessoryRight,n&&W.accessoryDisabled,d({},e),t&&W.accessoryActive]},s)):null;function nn(s){const{active:e,children:t,disabled:n,horizontalRule:r="inset",contentStyle:l=void 0,leftAccessory:i=void 0,leftAccessoryStyle:c=void 0,rightAccessory:f=void 0,rightAccessoryStyle:h=void 0,style:p,testId:b,innerStyle:x}=s,C=fo(r);return o.createElement(Re,{style:[W.innerWrapper,x,p,C]},o.createElement(po,{leftAccessory:i,leftAccessoryStyle:c,disabled:n}),o.createElement(Re,{style:[W.content,l],testId:b},t),o.createElement(mo,{rightAccessory:f,rightAccessoryStyle:h,active:e,disabled:n}))}const On=s=>{const{active:e,disabled:t,href:n,onClick:r,"aria-label":l,"aria-selected":i,"aria-checked":c,target:f,role:h,rootStyle:p}=s;return r||n?o.createElement(gr,{disabled:t,onClick:r,href:n,hideDefaultFocusRing:!0,"aria-label":l||void 0,"aria-selected":i||void 0,"aria-checked":c,role:h,target:f,style:[W.wrapper,W.clickable,p,e&&W.active,t&&W.disabled],"aria-current":e?"true":void 0},()=>o.createElement(nn,s)):o.createElement(Re,{style:[W.wrapper,p,e&&W.active],"aria-current":e?"true":void 0,role:h},o.createElement(nn,s))},W=v.StyleSheet.create({wrapper:{background:a.white,color:a.offBlack,display:"flex",minHeight:G.cellMinHeight,textAlign:"left",width:"100%"},innerWrapper:{minHeight:G.cellMinHeight,padding:`${G.cellPadding.paddingVertical}px ${G.cellPadding.paddingHorizontal}px`,flexDirection:"row",flex:1,":focus-visible":{padding:`${G.cellPadding.paddingVertical-2}px ${G.cellPadding.paddingHorizontal-2}px`}},content:{alignSelf:"center",flex:1,overflowWrap:"break-word"},accessory:{minWidth:"auto",alignItems:"center",alignSelf:"center"},accessoryRight:{color:a.offBlack64},clickable:{outline:"none",":hover[aria-disabled=true]":{cursor:"not-allowed"},":focus-visible":{borderRadius:m.xxxSmall_4,overflow:"hidden",position:"relative"},":focus-visible:after":{content:"''",position:"absolute",top:0,left:0,zIndex:1,width:`calc(100% - ${m.xxxSmall_4}px)`,height:`calc(100% - ${m.xxxSmall_4}px)`,border:`${m.xxxxSmall_2}px solid ${a.blue}`,borderRadius:m.xxxSmall_4},":hover[aria-disabled=false]":{background:a.offBlack8},":active[aria-disabled=false]":{background:a.offBlack16}},active:{background:a.fadedBlue8,color:a.blue,":hover[aria-disabled=false]":{background:a.fadedBlue16},":active[aria-disabled=false]":{background:a.fadedBlue24}},disabled:{color:a.offBlack32,":focus-visible":{outline:"none"}},accessoryActive:{color:a.blue},accessoryDisabled:{color:a.offBlack,opacity:.32}}),go=["title"],yo=function(e){const{title:t}=e,n=g(e,go);return o.createElement(On,n,typeof t=="string"?o.createElement(Pn,null,t):t)},bo=["title","subtitle1","subtitle2"],rn=({subtitle:s,disabled:e})=>s?typeof s=="string"?o.createElement(ro,{style:!e&&Bn.subtitle},s):s:null,So=function(e){const{title:t,subtitle1:n,subtitle2:r}=e,l=g(e,bo);return o.createElement(On,d({},l,{innerStyle:Bn.innerWrapper}),o.createElement(rn,{subtitle:n,disabled:l.disabled}),n&&o.createElement(gt,{size:m.xxxxSmall_2}),typeof t=="string"?o.createElement(Pn,null,t):t,r&&o.createElement(gt,{size:m.xxxxSmall_2}),o.createElement(rn,{subtitle:r,disabled:l.disabled}))},Bn=v.StyleSheet.create({subtitle:{color:a.offBlack64},innerWrapper:{padding:`${G.detailCellPadding.paddingVertical}px ${G.detailCellPadding.paddingHorizontal}px`}});function Ln(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Ln(t));else e.push(s);else return e;return e}function Dn(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Ln(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const xo=["children","style","tag","testId"],Co=/^h[1-6]$/,on=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,xo);const f=Co.test(l),h=Dn([on.text,f&&on.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)});const vo=["className","style"];function Ue(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,vo),c=typeof s=="string"?Io[s]:null,{className:f,style:h}=Dn([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const Io=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),wo=["testId","tag"],Ke=v.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}}),$o=Ue("div",Ke.default),Eo=Ue("article",Ke.default),ko=Ue("aside",Ke.default),Ro=Ue("nav",Ke.default),_o=Ue("section",Ke.default),Fo=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,wo),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Eo,d({},i,{ref:t}));case"aside":return o.createElement(ko,d({},i,{ref:t}));case"nav":return o.createElement(Ro,d({},i,{ref:t}));case"section":return o.createElement(_o,d({},i,{ref:t}));case"div":return o.createElement($o,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let Se=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ht=o.createContext(Se.Root);ht.displayName="RenderStateContext";let To=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ht.Provider,{value:Se.Standard},t()):n?o.createElement(ht.Provider,{value:Se.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case Se.Root:return this._renderAsRootComponent();case Se.Initial:return n?n():null;case Se.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(Se.Root)}}render(){return o.createElement(ht.Consumer,null,e=>this._maybeRender(e))}},Nn=class Hn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Hn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};Nn._factoryUniquenessCounter=0;let Wt=class{get(e){return e}};Wt.Default=new Wt;var zo=Wt.Default;let Po=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(zo):null:(this._idFactory||(this._idFactory=new Nn(r)),t(this._idFactory))}render(){return o.createElement(To,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Oo=class Mn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Mn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Po,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Oo.defaultId="wb-id";const ln=m.large_24,Bo={small:{query:"(max-width: 767px)",totalColumns:4,gutterWidth:m.medium_16,marginWidth:m.medium_16},medium:{query:"(min-width: 768px) and (max-width: 1023px)",totalColumns:8,gutterWidth:m.xLarge_32,marginWidth:m.large_24},large:{query:"(min-width: 1024px)",totalColumns:12,gutterWidth:m.xLarge_32,marginWidth:ln,maxWidth:1120+ln*2}},Lo={ssrSize:"large",mediaSpec:Bo},Do=o.createContext(Lo);Do.displayName="MediaLayoutContext";v.StyleSheet.create({grow:{flexGrow:1}});class de extends o.Component{render(){const{size:e,style:t}=this.props;return o.createElement(Fo,{"aria-hidden":"true",style:[No(e),t]})}}const No=s=>({width:s,MsFlexBasis:s,MsFlexPreferredSize:s,WebkitFlexBasis:s,flexBasis:s,flexShrink:0}),Ho=""+new URL("magnifying-glass-IX5mxYeF.svg",import.meta.url).href;function Wn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...Wn(t));else e.push(s);else return e;return e}function An(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Wn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const Mo=["children","style","tag","testId"],Wo=/^h[1-6]$/,sn=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),D=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,Mo);const f=Wo.test(l),h=An([sn.text,f&&sn.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),Ao=["className","style"];function Te(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,Ao),c=typeof s=="string"?qo[s]:null,{className:f,style:h}=An([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const qo=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),Vo=["testId","tag"],je=v.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}}),Uo=Te("div",je.default),Ko=Te("article",je.default),jo=Te("aside",je.default),Xo=Te("nav",je.default),Go=Te("section",je.default),Zo=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,Vo),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(Ko,d({},i,{ref:t}));case"aside":return o.createElement(jo,d({},i,{ref:t}));case"nav":return o.createElement(Xo,d({},i,{ref:t}));case"section":return o.createElement(Go,d({},i,{ref:t}));case"div":return o.createElement(Uo,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let xe=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const ft=o.createContext(xe.Root);ft.displayName="RenderStateContext";let Yo=class extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(ft.Provider,{value:xe.Standard},t()):n?o.createElement(ft.Provider,{value:xe.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case xe.Root:return this._renderAsRootComponent();case xe.Initial:return n?n():null;case xe.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(xe.Root)}}render(){return o.createElement(ft.Consumer,null,e=>this._maybeRender(e))}},qn=class Vn{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Vn._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}};qn._factoryUniquenessCounter=0;let At=class{get(e){return e}};At.Default=new At;var Qo=At.Default;let Jo=class extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Qo):null:(this._idFactory||(this._idFactory=new qn(r)),t(this._idFactory))}render(){return o.createElement(Yo,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}},Un=class Kn extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Kn.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Jo,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}};Un.defaultId="wb-id";const Y=400,Le=700,el=900,Tt="@media (max-width: 1023px)",zt="@media (min-width: 1024px)",P={display:"block"},q='Lato, "Noto Sans", sans-serif',an='"Noto Serif", serif',tl="Inconsolata, monospace",T=v.StyleSheet.create({Title:d({},P,{fontFamily:q,fontWeight:el,[zt]:{fontSize:36,lineHeight:"40px"},[Tt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},P,{fontFamily:q,fontWeight:Y,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},P,{fontFamily:q,fontWeight:Le,[zt]:{fontSize:28,lineHeight:"32px"},[Tt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},P,{fontFamily:q,fontWeight:Le,[zt]:{fontSize:24,lineHeight:"28px"},[Tt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},P,{fontFamily:q,fontWeight:Le,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},P,{fontFamily:q,fontWeight:Le,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},P,{fontFamily:an,fontWeight:Y,fontSize:22,lineHeight:"28px"}),BodySerif:d({},P,{fontFamily:an,fontWeight:Y,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},P,{fontFamily:tl,fontWeight:Y,fontSize:17,lineHeight:"22px"}),Body:d({},P,{fontFamily:q,fontWeight:Y,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},P,{fontFamily:q,fontWeight:Le,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},P,{fontFamily:q,fontWeight:Y,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},P,{fontFamily:q,fontWeight:Y,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},P,{fontFamily:q,fontWeight:Y,fontSize:12,lineHeight:"16px"}),Caption:d({},P,{fontFamily:q,fontWeight:Y,fontSize:14,lineHeight:"20px"}),Footnote:d({},P,{fontFamily:q,fontWeight:Y,fontSize:12,lineHeight:"18px"})}),nl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,nl);return o.createElement(D,d({},i,{tag:l,style:[T.Title,n],ref:t}),r)});const rl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,rl);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingLarge,n],ref:t}),r)});const ol=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,ol);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingMedium,n],ref:t}),r)});const ll=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,ll);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingSmall,n],ref:t}),r)});const sl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,sl);return o.createElement(D,d({},i,{tag:l,style:[T.HeadingXSmall,n],ref:t}),r)});const il=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,il);return o.createElement(D,d({},i,{tag:l,style:[T.BodySerifBlock,n],ref:t}),r)});const al=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,al);return o.createElement(D,d({},i,{tag:l,style:[T.BodySerif,n],ref:t}),r)});const dl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,dl);return o.createElement(D,d({},i,{tag:l,style:[T.BodyMonospace,n],ref:t}),r)});const cl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,cl);return o.createElement(D,d({},i,{tag:l,style:[T.Body,n],ref:t}),r)});const ul=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ul);return o.createElement(D,d({},i,{tag:l,style:[T.LabelLarge,n],ref:t}),r)});const hl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,hl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelMedium,n],ref:t}),r)});const fl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,fl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelSmall,n],ref:t}),r)});const pl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,pl);return o.createElement(D,d({},i,{tag:l,style:[T.LabelXSmall,n],ref:t}),r)});const ml=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ml);return o.createElement(D,d({},i,{tag:l,style:[T.Tagline,n],ref:t}),r)});const gl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,gl);return o.createElement(D,d({},i,{tag:l,style:[T.Caption,n],ref:t}),r)});const yl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,yl);return o.createElement(D,d({},i,{tag:l,style:[T.Footnote,n],ref:t}),r)});function jn(s){const e=[];if(s)if(Array.isArray(s))for(const t of s)e.push(...jn(t));else e.push(s);else return e;return e}function Xn(s){const e=[],t=[];if(!s)return{style:{},className:""};const n=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;jn(s).forEach(l=>{const i=l._definition;if(i!=null)if(n){const c={};for(const[f,h]of Object.entries(i))c[f.replace(/-[a-z]/g,p=>p[1].toUpperCase())]=h;t.push(c)}else e.push(l);else t.push(l)});const r=Object.assign({},...t);if(t.length>0&&!n){const l=v.StyleSheet.create({inlineStyles:r});e.push(l.inlineStyles)}return{style:n?r:{},className:v.css(...e)}}const bl=["children","style","tag","testId"],Sl=/^h[1-6]$/,dn=v.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}}),N=o.forwardRef(function(e,t){let{children:n,style:r,tag:l="span",testId:i}=e,c=g(e,bl);const f=Sl.test(l),h=Xn([dn.text,f&&dn.header,r]),p=c.className?[c.className,h.className].join(" "):h.className;return o.createElement(l,d({},c,{style:h.style,className:p,"data-testid":i,ref:t}),n)}),xl=["className","style"];function H(s,e){return o.forwardRef((t,n)=>{const{className:r,style:l}=t,i=g(t,xl),c=typeof s=="string"?Cl[s]:null,{className:f,style:h}=Xn([c,e,l]);return o.createElement(s,d({},i,{ref:n,className:[f,r].filter(Boolean).join(" "),style:h}))})}const Cl=v.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),vl=["testId","tag"],Xe=v.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}}),Il=H("div",Xe.default),wl=H("article",Xe.default),$l=H("aside",Xe.default),El=H("nav",Xe.default),kl=H("section",Xe.default),_e=o.forwardRef(function(e,t){const{testId:n,tag:r="div"}=e,l=g(e,vl),i=d({},l,{"data-testid":n});switch(r){case"article":return o.createElement(wl,d({},i,{ref:t}));case"aside":return o.createElement($l,d({},i,{ref:t}));case"nav":return o.createElement(El,d({},i,{ref:t}));case"section":return o.createElement(kl,d({},i,{ref:t}));case"div":return o.createElement(Il,d({},i,{ref:t}));default:throw Error(`${r} is not an allowed value for the 'tag' prop`)}});let ie=function(s){return s.Root="root",s.Initial="initial",s.Standard="standard",s}({});const We=o.createContext(ie.Root);We.displayName="RenderStateContext";class Rl extends o.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:n}=this.props;return this._isTheRootComponent=!0,e?o.createElement(We.Provider,{value:ie.Standard},t()):n?o.createElement(We.Provider,{value:ie.Initial},n()):null}_maybeRender(e){const{children:t,fallback:n}=this.props;switch(e){case ie.Root:return this._renderAsRootComponent();case ie.Initial:return n?n():null;case ie.Standard:return t()}{var r;return console.log(`We got a render state we don't understand: "${(r=JSON.stringify(e))!=null?r:""}"`),this._maybeRender(ie.Root)}}render(){return o.createElement(We.Consumer,null,e=>this._maybeRender(e))}}class Ge{constructor(e){this._uniqueFactoryName=void 0,this.get=n=>{const r=n.toLowerCase();if(!this._hasValidIdChars(n))throw new Error(`Invalid identifier key: ${n}`);return`${this._uniqueFactoryName}-${r}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${Ge._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}}Ge._factoryUniquenessCounter=0;class qt{get(e){return e}}qt.Default=new qt;var Gn=qt.Default;class Zn extends o.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:n,scope:r}=this.props;return e?n?t(Gn):null:(this._idFactory||(this._idFactory=new Ge(r)),t(this._idFactory))}render(){return o.createElement(Rl,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}}class Ze extends o.Component{renderChildren(e){const{id:t,children:n}=this.props,r=e?e.get(Ze.defaultId):t;if(!r)throw new Error("Did not get an identifier factory nor a id prop");return n(r)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():o.createElement(Zn,{scope:t,mockOnFirstRender:!0},n=>this.renderChildren(n))}}Ze.defaultId="wb-id";const _l=()=>o.useContext(We),Fl=s=>{const e=_l(),t=o.useRef(null);if(e===ie.Root)throw new Error("Components using useUniqueIdWithMock() should be descendants of ");return e===ie.Initial?Gn:(t.current||(t.current=new Ge(s)),t.current)},Tl=s=>{o.useEffect(s,[])},Q=400,De=700,zl=900,Pt="@media (max-width: 1023px)",Ot="@media (min-width: 1024px)",O={display:"block"},V='Lato, "Noto Sans", sans-serif',cn='"Noto Serif", serif',Pl="Inconsolata, monospace",F=v.StyleSheet.create({Title:d({},O,{fontFamily:V,fontWeight:zl,[Ot]:{fontSize:36,lineHeight:"40px"},[Pt]:{fontSize:28,lineHeight:"32px"}}),Tagline:d({},O,{fontFamily:V,fontWeight:Q,fontSize:20,lineHeight:"24px"}),HeadingLarge:d({},O,{fontFamily:V,fontWeight:De,[Ot]:{fontSize:28,lineHeight:"32px"},[Pt]:{fontSize:24,lineHeight:"28px"}}),HeadingMedium:d({},O,{fontFamily:V,fontWeight:De,[Ot]:{fontSize:24,lineHeight:"28px"},[Pt]:{fontSize:22,lineHeight:"26px"}}),HeadingSmall:d({},O,{fontFamily:V,fontWeight:De,fontSize:20,lineHeight:"24px"}),HeadingXSmall:d({},O,{fontFamily:V,fontWeight:De,fontSize:12,lineHeight:"16px",letterSpacing:.6,textTransform:"uppercase"}),BodySerifBlock:d({},O,{fontFamily:cn,fontWeight:Q,fontSize:22,lineHeight:"28px"}),BodySerif:d({},O,{fontFamily:cn,fontWeight:Q,fontSize:18,lineHeight:"22px"}),BodyMonospace:d({},O,{fontFamily:Pl,fontWeight:Q,fontSize:17,lineHeight:"22px"}),Body:d({},O,{fontFamily:V,fontWeight:Q,fontSize:16,lineHeight:"22px"}),LabelLarge:d({},O,{fontFamily:V,fontWeight:De,fontSize:16,lineHeight:"20px"}),LabelMedium:d({},O,{fontFamily:V,fontWeight:Q,fontSize:16,lineHeight:"20px"}),LabelSmall:d({},O,{fontFamily:V,fontWeight:Q,fontSize:14,lineHeight:"18px"}),LabelXSmall:d({},O,{fontFamily:V,fontWeight:Q,fontSize:12,lineHeight:"16px"}),Caption:d({},O,{fontFamily:V,fontWeight:Q,fontSize:14,lineHeight:"20px"}),Footnote:d({},O,{fontFamily:V,fontWeight:Q,fontSize:12,lineHeight:"18px"})}),Ol=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h1"}=e,i=g(e,Ol);return o.createElement(N,d({},i,{tag:l,style:[F.Title,n],ref:t}),r)});const Bl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h2"}=e,i=g(e,Bl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingLarge,n],ref:t}),r)});const Ll=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h3"}=e,i=g(e,Ll);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingMedium,n],ref:t}),r)});const Dl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Dl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingSmall,n],ref:t}),r)});const Nl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="h4"}=e,i=g(e,Nl);return o.createElement(N,d({},i,{tag:l,style:[F.HeadingXSmall,n],ref:t}),r)});const Hl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Hl);return o.createElement(N,d({},i,{tag:l,style:[F.BodySerifBlock,n],ref:t}),r)});const Ml=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Ml);return o.createElement(N,d({},i,{tag:l,style:[F.BodySerif,n],ref:t}),r)});const Wl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Wl);return o.createElement(N,d({},i,{tag:l,style:[F.BodyMonospace,n],ref:t}),r)});const Al=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Al);return o.createElement(N,d({},i,{tag:l,style:[F.Body,n],ref:t}),r)});const ql=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,ql);return o.createElement(N,d({},i,{tag:l,style:[F.LabelLarge,n],ref:t}),r)});const Vl=["style","children","tag"],xt=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Vl);return o.createElement(N,d({},i,{tag:l,style:[F.LabelMedium,n],ref:t}),r)}),Ul=["style","children","tag"],we=o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Ul);return o.createElement(N,d({},i,{tag:l,style:[F.LabelSmall,n],ref:t}),r)}),Kl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Kl);return o.createElement(N,d({},i,{tag:l,style:[F.LabelXSmall,n],ref:t}),r)});const jl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,jl);return o.createElement(N,d({},i,{tag:l,style:[F.Tagline,n],ref:t}),r)});const Xl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Xl);return o.createElement(N,d({},i,{tag:l,style:[F.Caption,n],ref:t}),r)});const Gl=["style","children","tag"];o.forwardRef(function(e,t){let{style:n,children:r,tag:l="span"}=e,i=g(e,Gl);return o.createElement(N,d({},i,{tag:l,style:[F.Footnote,n],ref:t}),r)});const Zl=s=>({small:16,medium:24,large:48,xlarge:96})[s],Yl=["color","icon","size","style","testId","className"],Ql=H("span"),Yn=o.forwardRef(function(e,t){const{color:n="currentColor",icon:r,size:l="small",style:i,testId:c,className:f}=e,h=g(e,Yl),p=Zl(l),b=`${f??""}`,x=Jl(n,p);return o.createElement(Ql,d({},h,{className:b,style:[Vt.svg,x.icon,{maskImage:`url(${r})`},i],"data-testid":c,ref:t}))}),un={},Jl=(s,e)=>{const t=`${s}-${e}`;if(Vt[t])return Vt[t];const n={icon:{backgroundColor:s,width:e,height:e}};return un[t]=v.StyleSheet.create(n),un[t]},Vt=v.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});Yn.displayName="PhosphorIcon";const es=["checked","disabled","error","groupName","id","testId"];function ts(s){switch(s){case!0:return"true";case!1:return"false";default:return"mixed"}}const{blue:Qn,red:Jn,white:ae,offWhite:ns,offBlack16:rs,offBlack32:os,offBlack50:ls}=a,Ne=m.medium_16,Ut=m.small_12,ss=H("input"),is=o.forwardRef(function(e,t){const{checked:n,disabled:r,error:l,groupName:i,id:c,testId:f}=e,h=g(e,es),p=o.useRef(null);o.useEffect(()=>{p.current!=null&&(p.current.indeterminate=n==null)},[n,p]);const b=()=>{},x=cs(n,l),C=[tt.inputReset,tt.default,!r&&x.default,r&&tt.disabled],I=o.createElement(Yn,{color:r?os:ae,icon:n?Gt:Cr,size:"small",style:[tt.checkboxIcon,{width:Ut,height:Ut}]}),u=ts(n);return o.createElement(o.Fragment,null,o.createElement(ss,d({},h,{ref:y=>{p.current=y,typeof t=="function"?t(y):t!=null&&(t.current=y)},type:"checkbox","aria-checked":u,"aria-invalid":l,checked:n??void 0,disabled:r,id:c,name:i,onChange:b,style:C,"data-testid":f})),n||n==null?I:o.createElement(o.Fragment,null))}),tt=v.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:Ne,width:Ne,minHeight:Ne,minWidth:Ne,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:3},disabled:{cursor:"auto",backgroundColor:ns,borderColor:rs,borderWidth:1},checkboxIcon:{position:"absolute",pointerEvents:"none",margin:(Ne-Ut)/2}}),as=ee(a.fadedBlue16,ae),ds=a.activeBlue,pt=ee(a.fadedRed8,ae),er=a.activeRed,hn={default:{faded:as,base:Qn,active:ds},error:{faded:pt,base:Jn,active:er}},nt={},cs=(s,e)=>{const t=`${String(s)}-${String(e)}`;if(nt[t])return nt[t];const n=e?hn.error:hn.default;let r={};return s||s==null?r={default:{backgroundColor:n.base,borderWidth:0,":focus-visible":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.base}`},":hover":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.base}`},":active":{boxShadow:`0 0 0 1px ${ae}, 0 0 0 3px ${n.active}`,background:n.active}}}:r={default:{backgroundColor:e?pt:ae,borderColor:e?Jn:ls,":focus-visible":{backgroundColor:e?pt:ae,borderColor:n.base,borderWidth:2},":hover":{backgroundColor:e?pt:ae,borderColor:n.base,borderWidth:2},":active":{backgroundColor:n.faded,borderColor:e?er:Qn,borderWidth:2}}},nt[t]=v.StyleSheet.create(r),nt[t]},us=["checked","disabled","error","groupName","id","testId"],{blue:tr,red:nr,white:se,offWhite:hs,offBlack16:fs,offBlack32:ps,offBlack50:ms}=a,gs=H("input"),ys=o.forwardRef(function(e,t){const n=()=>{},{checked:r,disabled:l,error:i,groupName:c,id:f,testId:h}=e,p=g(e,us),b=xs(r,i),x=[Bt.inputReset,Bt.default,!l&&b.default,l&&Bt.disabled];return o.createElement(o.Fragment,null,o.createElement(gs,d({},p,{type:"radio","aria-invalid":i,checked:r??void 0,disabled:l,id:f,name:c,onChange:n,style:x,"data-testid":h,ref:t})),l&&r&&o.createElement("span",{style:bs}))}),ce=16,bs={position:"absolute",top:ce/4,left:ce/4,height:ce/2,width:ce/2,borderRadius:"50%",backgroundColor:ps},Bt=v.StyleSheet.create({inputReset:{appearance:"none",WebkitAppearance:"none",MozAppearance:"none"},default:{height:ce,width:ce,minHeight:ce,minWidth:ce,margin:0,outline:"none",boxSizing:"border-box",borderStyle:"solid",borderWidth:1,borderRadius:"50%"},disabled:{cursor:"auto",backgroundColor:hs,borderColor:fs,borderWidth:1}}),Ss=ee(a.fadedBlue16,se),mt=ee(a.fadedRed8,se),fn={default:{faded:Ss,base:tr,active:a.activeBlue},error:{faded:mt,base:nr,active:a.activeRed}},rt={},xs=(s,e)=>{const t=`${String(s)}-${String(e)}`;if(rt[t])return rt[t];const n=e?fn.error:fn.default;let r={};return s?r={default:{backgroundColor:se,borderColor:n.base,borderWidth:ce/4,":focus-visible":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.base}`},":hover":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.base}`},":active":{boxShadow:`0 0 0 1px ${se}, 0 0 0 3px ${n.active}`,borderColor:n.active}}}:r={default:{backgroundColor:e?mt:se,borderColor:e?nr:ms,":focus-visible":{backgroundColor:e?mt:se,borderColor:n.base,borderWidth:2},":hover":{backgroundColor:e?mt:se,borderColor:n.base,borderWidth:2},":active":{backgroundColor:n.faded,borderColor:e?a.activeRed:tr,borderWidth:2}}},rt[t]=v.StyleSheet.create(r),rt[t]},Cs=["checked","description","disabled","error","id","label","onChange","style","className","variant"],rr=o.forwardRef(function(e,t){const{checked:n,description:r,disabled:l=!1,error:i=!1,id:c,label:f,onChange:h,style:p,className:b,variant:x}=e,C=g(e,Cs),I=()=>{x==="radio"&&n||h(!n)},u=()=>x==="radio"?ys:is,y=w=>o.createElement(xt,{style:[ot.label,l&&ot.disabledLabel]},o.createElement("label",{htmlFor:w},f)),S=w=>o.createElement(we,{style:ot.description,id:w},r),$=u();return o.createElement(Zn,{mockOnFirstRender:!0,scope:"choice"},w=>{const k=c||w.get("main"),E=r?w.get("description"):void 0;return o.createElement(_e,{style:p,className:b},o.createElement(_e,{style:ot.wrapper,tabIndex:-1},o.createElement($,d({},C,{id:k,checked:n,"aria-describedby":E,onClick:I,disabled:l,error:i,ref:t})),o.createElement(de,{size:m.xSmall_8}),f&&y(k)),r&&S(E))})}),ot=v.StyleSheet.create({wrapper:{flexDirection:"row",alignItems:"flex-start",outline:"none"},label:{marginTop:-2},disabledLabel:{color:a.offBlack32},description:{marginLeft:m.medium_16+m.xSmall_8,marginTop:m.xxxSmall_4,color:a.offBlack64}}),vs=o.forwardRef(function(e,t){const{disabled:n=!1,error:r=!1}=e;return o.createElement(rr,d({},e,{variant:"checkbox",disabled:n,error:r,ref:t}))}),Is=["disabled","error"],ws=o.forwardRef(function(e,t){const{disabled:n=!1,error:r=!1}=e,l=g(e,Is);return o.createElement(rr,d({},l,{variant:"radio",disabled:n,error:r,ref:t}))}),$s=["checked","disabled","onChange","value","variant"];o.forwardRef(function(e,t){const{checked:n=!1,disabled:r=!1,onChange:l=()=>{},variant:i}=e,c=g(e,$s),h=(p=>p==="checkbox"?vs:ws)(i);return o.createElement(h,d({},c,{checked:n,disabled:r,onChange:l,ref:t}))});const J=v.StyleSheet.create({fieldset:{border:"none",padding:0,margin:0},legend:{padding:0},description:{marginTop:m.xxxSmall_4,color:a.offBlack64},error:{marginTop:m.xxxSmall_4,color:a.red},defaultLineGap:{marginTop:m.xSmall_8}}),Es=H("fieldset"),ks=H("legend");o.forwardRef(function(e,t){const{children:n,label:r,description:l,errorMessage:i,groupName:c,onChange:f,selectedValues:h,style:p,testId:b}=e,x=(I,u)=>{if(u){const y=h.indexOf(I),S=[...h.slice(0,y),...h.slice(y+1)];f(S)}else f([...h,I])},C=o.Children.toArray(n).filter(Boolean);return o.createElement(Es,{"data-testid":b,style:J.fieldset,ref:t},o.createElement(_e,{style:p},r&&o.createElement(ks,{style:J.legend},o.createElement(xt,null,r)),l&&o.createElement(we,{style:J.description},l),i&&o.createElement(we,{style:J.error},i),(r||l||i)&&o.createElement(de,{size:m.small_12}),C.map((I,u)=>{const{style:y,value:S}=I.props,$=h.includes(S);return o.cloneElement(I,{checked:$,error:!!i,groupName:c,id:`${c}-${S}`,key:S,onChange:()=>x(S,$),style:[u>0&&J.defaultLineGap,y],variant:"checkbox"})})))});const Rs=H("fieldset"),_s=H("legend");o.forwardRef(function(e,t){const{children:n,label:r,description:l,errorMessage:i,groupName:c,onChange:f,selectedValue:h,style:p,testId:b}=e,x=o.Children.toArray(n).filter(Boolean);return o.createElement(Rs,{"data-testid":b,style:J.fieldset,ref:t},o.createElement(_e,{style:p},r&&o.createElement(_s,{style:J.legend},o.createElement(xt,null,r)),l&&o.createElement(we,{style:J.description},l),i&&o.createElement(we,{style:J.error},i),(r||l||i)&&o.createElement(de,{size:m.small_12}),x.map((C,I)=>{const{style:u,value:y}=C.props,S=h===y;return o.cloneElement(C,{checked:S,error:!!i,groupName:c,id:`${c}-${y}`,key:y,onChange:()=>f(y),style:[I>0&&J.defaultLineGap,u],variant:"radio"})})))});const Fs=["id","type","value","name","disabled","onKeyDown","placeholder","style","testId","readOnly","autoFocus","autoComplete","forwardedRef","light","onFocus","onBlur","onValidate","validate","onChange","required"],Ts="This field is required.",zs=H("input");class or extends o.Component{constructor(e){super(e),this.state={error:null},this.maybeValidate=t=>{const{validate:n,onValidate:r,required:l}=this.props;if(n){const i=n(t)||null;this.setState({error:i},()=>{r&&r(i)})}else if(l){const c=t?null:typeof l=="string"?l:Ts;this.setState({error:c},()=>{r&&r(c)})}},this.handleChange=t=>{const{onChange:n}=this.props,r=t.target.value;this.maybeValidate(r),n(r)},this.handleFocus=t=>{const{onFocus:n}=this.props;n&&n(t)},this.handleBlur=t=>{const{onBlur:n}=this.props;n&&n(t)},this.getStyles=()=>{const{disabled:t,light:n}=this.props,{error:r}=this.state,l=[oe.input,F.LabelMedium],i=[oe.default,!t&&oe.defaultFocus,t&&oe.disabled,!!r&&oe.error],c=[oe.light,!t&&oe.lightFocus,t&&oe.lightDisabled,!!r&&oe.lightError];return[...l,...n?c:i]},e.validate&&e.value!==""&&(this.state.error=e.validate(e.value)||null)}componentDidMount(){this.props.value!==""&&this.maybeValidate(this.props.value)}render(){const e=this.props,{id:t,type:n,value:r,name:l,disabled:i,onKeyDown:c,placeholder:f,style:h,testId:p,readOnly:b,autoFocus:x,autoComplete:C,forwardedRef:I}=e,u=g(e,Fs);return o.createElement(Ze,{id:t,scope:"text-field"},y=>o.createElement(zs,d({style:[this.getStyles(),h],id:y,type:n,placeholder:f,value:r,name:l,disabled:i,onChange:this.handleChange,onKeyDown:c,onFocus:this.handleFocus,onBlur:this.handleBlur,"data-testid":p,readOnly:b,autoFocus:x,autoComplete:C,ref:I},u,{"aria-invalid":this.state.error?"true":"false"})))}}or.defaultProps={type:"text",disabled:!1,light:!1};const oe=v.StyleSheet.create({input:{width:"100%",height:40,borderRadius:X.radius.medium_4,boxSizing:"border-box",paddingLeft:m.medium_16,margin:0},default:{background:a.white,border:`1px solid ${a.offBlack50}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},defaultFocus:{":focus-visible":{borderColor:a.blue,outline:`1px solid ${a.blue}`,outlineOffset:0}},error:{background:a.fadedRed8,border:`1px solid ${a.red}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red}},disabled:{background:a.offWhite,border:`1px solid ${a.offBlack16}`,color:a.offBlack64,"::placeholder":{color:a.offBlack64},cursor:"not-allowed",":focus-visible":{outline:"none",boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},light:{background:a.white,border:`1px solid ${a.offBlack16}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},lightFocus:{":focus-visible":{outline:`1px solid ${a.blue}`,outlineOffset:0,borderColor:a.blue,boxShadow:`0px 0px 0px 2px ${a.blue}, 0px 0px 0px 3px ${a.white}`}},lightDisabled:{backgroundColor:"transparent",border:`1px solid ${a.white32}`,color:a.white64,"::placeholder":{color:a.white64},cursor:"not-allowed",":focus-visible":{borderColor:ee(a.white32,a.blue),outline:"none",boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},lightError:{background:a.fadedRed8,border:`1px solid ${a.red}`,boxShadow:`0px 0px 0px 1px ${a.red}, 0px 0px 0px 2px ${a.white}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red,boxShadow:`0px 0px 0px 2px ${a.red}, 0px 0px 0px 3px ${a.white}`}}});var lr=o.forwardRef((s,e)=>o.createElement(or,d({},s,{forwardedRef:e})));const Ps=H("span");class Os extends o.Component{renderLabel(){const{label:e,id:t,required:n,testId:r,light:l}=this.props,i=o.createElement(Ps,{style:l?he.lightRequired:he.required,"aria-hidden":!0}," ","*");return o.createElement(o.Fragment,null,o.createElement(xt,{style:l?he.lightLabel:he.label,tag:"label",htmlFor:t&&`${t}-field`,testId:r&&`${r}-label`},e,n&&i),o.createElement(de,{size:m.xxxSmall_4}))}maybeRenderDescription(){const{description:e,testId:t,light:n}=this.props;return e?o.createElement(o.Fragment,null,o.createElement(we,{style:n?he.lightDescription:he.description,testId:t&&`${t}-description`},e),o.createElement(de,{size:m.xxxSmall_4})):null}maybeRenderError(){const{error:e,id:t,testId:n,light:r}=this.props;return e?o.createElement(o.Fragment,null,o.createElement(de,{size:m.small_12}),o.createElement(we,{style:r?he.lightError:he.error,role:"alert",id:t&&`${t}-error`,testId:n&&`${n}-error`},e)):null}render(){const{field:e,style:t}=this.props;return o.createElement(_e,{style:t},this.renderLabel(),this.maybeRenderDescription(),o.createElement(de,{size:m.xSmall_8}),e,this.maybeRenderError())}}const he=v.StyleSheet.create({label:{color:a.offBlack},lightLabel:{color:a.white},description:{color:a.offBlack64},lightDescription:{color:a.white64},error:{color:a.red},lightError:{color:a.fadedRed},required:{color:a.red},lightRequired:{color:a.fadedRed}}),Bs=["id","type","label","description","value","disabled","required","validate","onChange","onKeyDown","placeholder","light","style","testId","readOnly","autoComplete","forwardedRef","ariaDescribedby","onValidate","onFocus","onBlur"];class sr extends o.Component{constructor(e){super(e),this.handleValidate=t=>{const{onValidate:n}=this.props;this.setState({error:t},()=>{n&&n(t)})},this.handleFocus=t=>{const{onFocus:n}=this.props;this.setState({focused:!0},()=>{n&&n(t)})},this.handleBlur=t=>{const{onBlur:n}=this.props;this.setState({focused:!1},()=>{n&&n(t)})},this.state={error:null,focused:!1}}render(){const e=this.props,{id:t,type:n,label:r,description:l,value:i,disabled:c,required:f,validate:h,onChange:p,onKeyDown:b,placeholder:x,light:C,style:I,testId:u,readOnly:y,autoComplete:S,forwardedRef:$,ariaDescribedby:w}=e,k=g(e,Bs);return o.createElement(Ze,{id:t,scope:"labeled-text-field"},E=>o.createElement(Os,{id:E,testId:u,style:I,light:C,field:o.createElement(lr,d({id:`${E}-field`,"aria-describedby":w||`${E}-error`,"aria-required":f?"true":"false",required:f,testId:u&&`${u}-field`,type:n,value:i,placeholder:x,disabled:c,validate:h,onValidate:this.handleValidate,onChange:p,onKeyDown:b,onFocus:this.handleFocus,onBlur:this.handleBlur,light:C,readOnly:y,autoComplete:S,ref:$},k)),label:r,description:l,required:!!f,error:!this.state.focused&&this.state.error||""}))}}sr.defaultProps={type:"text",disabled:!1,light:!1};o.forwardRef((s,e)=>o.createElement(sr,d({},s,{forwardedRef:e})));const Ls=["onChange","value","placeholder","disabled","id","testId","style","readOnly","autoComplete","name","className","autoFocus","rows","spellCheck","wrap","minLength","maxLength","onClick","onKeyDown","onKeyUp","onFocus","onBlur","validate","onValidate","required","resizeType","light","rootStyle"],Ds="This field is required.",Ns=H("textarea");o.forwardRef(function(e,t){const{onChange:n,value:r,placeholder:l,disabled:i,id:c,testId:f,style:h,readOnly:p,autoComplete:b,name:x,className:C,autoFocus:I,rows:u,spellCheck:y,wrap:S,minLength:$,maxLength:w,onClick:k,onKeyDown:E,onKeyUp:R,onFocus:_,onBlur:j,validate:U,onValidate:te,required:ne,resizeType:Ye,light:It,rootStyle:wt}=e,$t=g(e,Ls),[ze,Pe]=o.useState(null),Oe=Fl("text-area"),Et=c??Oe.get("id"),Qe=re=>{const M=re.target.value;n(M),Je(M)},Je=re=>{if(U){const M=U(re)||null;Pe(M),te&&te(M)}else if(ne){const ge=re?null:typeof ne=="string"?ne:Ds;Pe(ge),te&&te(ge)}};Tl(()=>{r!==""&&Je(r)});const kt=()=>{const re=[le.textarea,F.LabelMedium,Ye&&Hs[Ye]],M=[le.default,!i&&le.defaultFocus,i&&le.disabled,!!ze&&le.error],ge=[le.light,!i&&le.lightFocus,i&&le.lightDisabled,!!ze&&le.lightError];return[...re,...It?ge:M]};return o.createElement(_e,{style:[{width:"100%"},wt]},o.createElement(Ns,d({id:Et,"data-testid":f,ref:t,className:C,style:[kt(),h],value:r,onChange:Qe,placeholder:l,"aria-disabled":i,readOnly:p||i,autoComplete:b,name:x,autoFocus:I,rows:u,spellCheck:y,wrap:S,minLength:$,maxLength:w,onClick:i?void 0:k,onKeyDown:i?void 0:E,onKeyUp:i?void 0:R,onFocus:_,onBlur:j,required:!!ne},$t,{"aria-invalid":!!ze})))});const pn=10,le=v.StyleSheet.create({textarea:{borderRadius:X.radius.medium_4,boxSizing:"border-box",padding:`${pn}px ${m.medium_16}px`,minHeight:`${pn*2+br.lineHeight.medium+2*X.width.hairline}px`},default:{background:a.white,border:`1px solid ${a.offBlack50}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},defaultFocus:{":focus-visible":{borderColor:a.blue,outline:`1px solid ${a.blue}`,outlineOffset:0}},disabled:{background:a.offWhite,border:`1px solid ${a.offBlack16}`,color:a.offBlack64,"::placeholder":{color:a.offBlack64},cursor:"not-allowed",":focus-visible":{outline:"none",boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},error:{background:a.fadedRed8,border:`1px solid ${a.red}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red}},light:{background:a.white,border:`1px solid ${a.offBlack16}`,color:a.offBlack,"::placeholder":{color:a.offBlack64}},lightFocus:{":focus-visible":{outline:`1px solid ${a.blue}`,outlineOffset:0,borderColor:a.blue,boxShadow:`0px 0px 0px 2px ${a.blue}, 0px 0px 0px 3px ${a.white}`}},lightDisabled:{backgroundColor:"transparent",border:`1px solid ${a.white32}`,color:a.white64,"::placeholder":{color:a.white64},cursor:"not-allowed",":focus-visible":{borderColor:ee(a.white32,a.blue),outline:"none",boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},lightError:{background:a.fadedRed8,border:`1px solid ${a.red}`,boxShadow:`0px 0px 0px 1px ${a.red}, 0px 0px 0px 2px ${a.white}`,color:a.offBlack,"::placeholder":{color:a.offBlack64},":focus-visible":{outlineColor:a.red,borderColor:a.red,boxShadow:`0px 0px 0px 2px ${a.red}, 0px 0px 0px 3px ${a.white}`}}}),Hs=v.StyleSheet.create({both:{resize:"both"},none:{resize:"none"},horizontal:{resize:"horizontal"},vertical:{resize:"vertical"}}),Ms=s=>({small:16,medium:24,large:48,xlarge:96})[s],Ws=["color","icon","size","style","testId","className"],As=Te("span"),ir=o.forwardRef(function(e,t){const{color:n="currentColor",icon:r,size:l="small",style:i,testId:c,className:f}=e,h=g(e,Ws),p=Ms(l),b=`${f??""}`,x=qs(n,p);return o.createElement(As,d({},h,{className:b,style:[Kt.svg,x.icon,{maskImage:`url(${r})`},i],"data-testid":c,ref:t}))}),mn={},qs=(s,e)=>{const t=`${s}-${e}`;if(Kt[t])return Kt[t];const n={icon:{backgroundColor:s,width:e,height:e}};return mn[t]=v.StyleSheet.create(n),mn[t]},Kt=v.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});ir.displayName="PhosphorIcon";const Vs={clearSearch:"Clear search"},Us=["clearAriaLabel","autoFocus","disabled","light","id","value","placeholder","style","testId","onClick","onChange","onFocus","onBlur"],Ks=o.forwardRef(function(e,t){const{clearAriaLabel:n=Vs.clearSearch,autoFocus:r,disabled:l=!1,light:i=!1,id:c,value:f,placeholder:h,style:p,testId:b,onClick:x,onChange:C,onFocus:I,onBlur:u}=e,y=g(e,Us),S=o.useRef(null),$=()=>{var k;C(""),S==null||(k=S.current)==null||k.focus()},w=()=>f.length?o.createElement(vr,{icon:Ir,kind:"tertiary",onClick:$,style:lt.dismissIcon,"aria-label":n}):null;return o.createElement(Un,{id:c,scope:"search-field"},k=>o.createElement(Zo,{onClick:x,style:[lt.inputContainer,p]},o.createElement(ir,{icon:Ho,size:"medium",color:a.offBlack64,style:lt.searchIcon,"aria-hidden":"true"}),o.createElement(lr,d({id:`${k}-field`,type:"text",autoFocus:r,disabled:l,light:i,onChange:C,onFocus:I,onBlur:u,placeholder:h,ref:E=>{t&&(t.current=E),S.current=E},value:f,style:[lt.inputStyleReset,T.LabelMedium],testId:b},y)),w()))}),lt=v.StyleSheet.create({inputContainer:{boxSizing:"border-box",flexDirection:"row",borderRadius:m.xxxSmall_4,alignItems:"center",height:40},searchIcon:{marginLeft:m.xSmall_8,marginRight:m.xSmall_8,position:"absolute"},dismissIcon:{margin:0,position:"absolute",right:0,":hover":{border:"none"}},inputStyleReset:{display:"flex",flex:1,"::placeholder":{color:a.offBlack64},width:"100%",color:"inherit",paddingLeft:m.large_24+m.medium_16,paddingRight:m.large_24+m.medium_16}});function jt(){return jt=Object.assign||function(s){for(var e=1;e=e?s.call(null):r.id=requestAnimationFrame(n)}var r={id:requestAnimationFrame(n)};return r}var $e=null;function xn(s){if(s===void 0&&(s=!1),$e===null||s){var e=document.createElement("div"),t=e.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",e.appendChild(n),document.body.appendChild(e),e.scrollLeft>0?$e="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?$e="negative":$e="positive-ascending"),document.body.removeChild(e),$e}return $e}var Qs=150,Js=function(e,t){return e};function ei(s){var e,t=s.getItemOffset,n=s.getEstimatedTotalSize,r=s.getItemSize,l=s.getOffsetForIndexAndAlignment,i=s.getStartIndexForOffset,c=s.getStopIndexForStartIndex,f=s.initInstanceProps,h=s.shouldResetStyleCacheOnItemSizeChange,p=s.validateProps;return e=function(b){js(x,b);function x(I){var u;return u=b.call(this,I)||this,u._instanceProps=f(u.props,gn(u)),u._outerRef=void 0,u._resetIsScrollingTimeoutId=null,u.state={instance:gn(u),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof u.props.initialScrollOffset=="number"?u.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},u._callOnItemsRendered=void 0,u._callOnItemsRendered=Lt(function(y,S,$,w){return u.props.onItemsRendered({overscanStartIndex:y,overscanStopIndex:S,visibleStartIndex:$,visibleStopIndex:w})}),u._callOnScroll=void 0,u._callOnScroll=Lt(function(y,S,$){return u.props.onScroll({scrollDirection:y,scrollOffset:S,scrollUpdateWasRequested:$})}),u._getItemStyle=void 0,u._getItemStyle=function(y){var S=u.props,$=S.direction,w=S.itemSize,k=S.layout,E=u._getItemStyleCache(h&&w,h&&k,h&&$),R;if(E.hasOwnProperty(y))R=E[y];else{var _=t(u.props,y,u._instanceProps),j=r(u.props,y,u._instanceProps),U=$==="horizontal"||k==="horizontal",te=$==="rtl",ne=U?_:0;E[y]=R={position:"absolute",left:te?void 0:ne,right:te?ne:void 0,top:U?0:_,height:U?"100%":j,width:U?j:"100%"}}return R},u._getItemStyleCache=void 0,u._getItemStyleCache=Lt(function(y,S,$){return{}}),u._onScrollHorizontal=function(y){var S=y.currentTarget,$=S.clientWidth,w=S.scrollLeft,k=S.scrollWidth;u.setState(function(E){if(E.scrollOffset===w)return null;var R=u.props.direction,_=w;if(R==="rtl")switch(xn()){case"negative":_=-w;break;case"positive-descending":_=k-$-w;break}return _=Math.max(0,Math.min(_,k-$)),{isScrolling:!0,scrollDirection:E.scrollOffset0)for(var M=Je;M<=kt;M++)re.push(o.createElement(y,{data:j,key:te(M,j),index:M,isScrolling:$t?Pe:void 0,style:this._getItemStyle(M)}));var ge=n(this.props,this._instanceProps);return o.createElement(Ye||It||"div",{className:S,onScroll:Et,ref:this._outerRefSetter,style:jt({position:"relative",height:w,width:ze,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:$},wt)},o.createElement(E||R||"div",{children:re,ref:k,style:{height:Oe?"100%":ge,pointerEvents:Pe?"none":void 0,width:Oe?ge:"100%"}}))},C._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var u=this.props.itemCount;if(u>0){var y=this._getRangeToRender(),S=y[0],$=y[1],w=y[2],k=y[3];this._callOnItemsRendered(S,$,w,k)}}if(typeof this.props.onScroll=="function"){var E=this.state,R=E.scrollDirection,_=E.scrollOffset,j=E.scrollUpdateWasRequested;this._callOnScroll(R,_,j)}},C._getRangeToRender=function(){var u=this.props,y=u.itemCount,S=u.overscanCount,$=this.state,w=$.isScrolling,k=$.scrollDirection,E=$.scrollOffset;if(y===0)return[0,0,0,0];var R=i(this.props,E,this._instanceProps),_=c(this.props,R,E,this._instanceProps),j=!w||k==="backward"?Math.max(1,S):1,U=!w||k==="forward"?Math.max(1,S):1;return[Math.max(0,R-j),Math.max(0,Math.min(y-1,_+U)),R,_]},x}(o.PureComponent),e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},e}var ti=function(e,t){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,t.instance},ni=50,Ee=function(e,t,n){var r=e,l=r.itemSize,i=n.itemMetadataMap,c=n.lastMeasuredIndex;if(t>c){var f=0;if(c>=0){var h=i[c];f=h.offset+h.size}for(var p=c+1;p<=t;p++){var b=l(p);i[p]={offset:f,size:b},f+=b}n.lastMeasuredIndex=t}return i[t]},ri=function(e,t,n){var r=t.itemMetadataMap,l=t.lastMeasuredIndex,i=l>0?r[l].offset:0;return i>=n?ar(e,t,l,0,n):oi(e,t,Math.max(0,l),n)},ar=function(e,t,n,r,l){for(;r<=n;){var i=r+Math.floor((n-r)/2),c=Ee(e,i,t).offset;if(c===l)return i;cl&&(n=i-1)}return r>0?r-1:0},oi=function(e,t,n,r){for(var l=e.itemCount,i=1;n=n&&(i=n-1),i>=0){var f=r[i];c=f.offset+f.size}var h=n-i-1,p=h*l;return c+p},li=ei({getItemOffset:function(e,t,n){return Ee(e,t,n).offset},getItemSize:function(e,t,n){return n.itemMetadataMap[t].size},getEstimatedTotalSize:Cn,getOffsetForIndexAndAlignment:function(e,t,n,r,l){var i=e.direction,c=e.height,f=e.layout,h=e.width,p=i==="horizontal"||f==="horizontal",b=p?h:c,x=Ee(e,t,l),C=Cn(e,l),I=Math.max(0,Math.min(C-b,x.offset)),u=Math.max(0,x.offset-b+x.size);switch(n==="smart"&&(r>=u-b&&r<=I+b?n="auto":n="center"),n){case"start":return I;case"end":return u;case"center":return Math.round(u+(I-u)/2);case"auto":default:return r>=u&&r<=I?r:r`Select all (${s})`,noneSelected:"0 items",someSelected:s=>s===1?"1 item":`${s} items`,allSelected:"All items"},{blue:si,white:vn,offBlack:ii}=a;class Fe extends o.Component{static isClassOf(e){return e&&e.type&&e.type.__IS_ACTION_ITEM__}render(){const{disabled:e,horizontalRule:t,href:n,target:r,indent:l,label:i,lang:c,leftAccessory:f,rightAccessory:h,onClick:p,role:b,style:x,testId:C}=this.props,I=[He.wrapper,x],u=typeof i=="string"?o.createElement(bt,{lang:c,style:He.label},i):o.cloneElement(i,d({lang:c,style:He.label},i.props));return o.createElement(yo,{disabled:e,horizontalRule:t,rootStyle:I,leftAccessory:f,rightAccessory:h,style:[He.shared,l&&He.indent],role:b,testId:C,title:u,href:n,target:r,onClick:p})}}Fe.defaultProps={disabled:!1,horizontalRule:"none",indent:!1,role:"menuitem"};Fe.__IS_ACTION_ITEM__=!0;const He=v.StyleSheet.create({wrapper:{minHeight:me,touchAction:"manipulation",":focus":{borderRadius:m.xxxSmall_4,outline:`${m.xxxxSmall_2}px solid ${a.blue}`,outlineOffset:-m.xxxxSmall_2},":hover[aria-disabled=false]":{color:vn,background:si},"@media not (hover: hover)":{":hover[aria-disabled=false]":{color:vn,background:ii}},":active[aria-disabled=false]":{color:a.fadedBlue,background:a.activeBlue}},shared:{minHeight:me,height:me},label:{whiteSpace:"nowrap",userSelect:"none"},indent:{paddingLeft:m.medium_16*2}}),ai=function(e){const{selected:t}=e;return o.createElement(St,{icon:Gt,size:"small",style:[In.bounds,!t&&In.hide]})},In=v.StyleSheet.create({bounds:{alignSelf:"center",height:m.medium_16,minHeight:m.medium_16,minWidth:m.medium_16},hide:{visibility:"hidden"}}),{offBlack16:di,offBlack50:ci,offWhite:ui}=a,hi=function(e){const{disabled:t,selected:n}=e;return o.createElement(Ce,{className:"checkbox",style:[st.checkbox,n&&!t&&st.noBorder,t&&st.disabledCheckbox]},n&&o.createElement(St,{icon:Gt,size:"small",className:"check",style:[{width:m.small_12,height:m.small_12,margin:m.xxxxSmall_2},t&&n&&st.disabledCheckFormatting]}))},st=v.StyleSheet.create({checkbox:{alignSelf:"center",minHeight:m.medium_16,minWidth:m.medium_16,height:m.medium_16,borderRadius:3,borderWidth:1,borderStyle:"solid",borderColor:ci},noBorder:{borderWidth:0},disabledCheckbox:{borderColor:di,backgroundColor:ui},disabledCheckFormatting:{position:"absolute",top:-1,left:-1}}),fi=["disabled","label","selected","testId","leftAccessory","horizontalRule","parentComponent","rightAccessory","style","subtitle1","subtitle2","value","onClick","onToggle","variant","role"],pi=yt("li");class ve extends o.Component{constructor(...e){super(...e),this.handleClick=()=>{const{onClick:t,onToggle:n,value:r}=this.props;n(r),t&&t()}}static isClassOf(e){return e&&e.type&&e.type.__IS_OPTION_ITEM__}getCheckComponent(){return this.props.variant==="check"?ai:hi}renderCell(){const e=this.props,{disabled:t,label:n,selected:r,testId:l,leftAccessory:i,horizontalRule:c,parentComponent:f,rightAccessory:h,style:p,subtitle1:b,subtitle2:x,role:C}=e,I=g(e,fi),u=this.getCheckComponent(),y=[fe.item,p];return o.createElement(So,d({disabled:t,horizontalRule:c,rootStyle:f==="listbox"?fe.listboxItem:y,style:fe.itemContainer,"aria-selected":f!=="listbox"&&r?"true":"false",role:f!=="listbox"?C:void 0,testId:l,leftAccessory:o.createElement(o.Fragment,null,i?o.createElement(Ce,{style:{flexDirection:"row"}},o.createElement(u,{disabled:t,selected:r}),o.createElement(de,{size:m.xSmall_8}),i):o.createElement(u,{disabled:t,selected:r})),rightAccessory:h,subtitle1:b?o.createElement(Qt,{className:"subtitle"},b):void 0,title:o.createElement(bt,{style:fe.label},n),subtitle2:x?o.createElement(Qt,{className:"subtitle"},x):void 0,onClick:f!=="listbox"?this.handleClick:void 0},I))}render(){const{disabled:e,focused:t,parentComponent:n,role:r,selected:l}=this.props;return n==="listbox"?o.createElement(pi,{onMouseDown:i=>{i.preventDefault()},onClick:this.handleClick,style:[fe.reset,fe.item,t&&fe.itemFocused,e&&fe.itemDisabled],role:r,"aria-selected":l?"true":"false","aria-disabled":e?"true":"false",id:this.props.id,tabIndex:-1},this.renderCell()):this.renderCell()}}ve.defaultProps={disabled:!1,focused:!1,horizontalRule:"none",onToggle:()=>{},role:"option",selected:!1};ve.__IS_OPTION_ITEM__=!0;const{blue:Dt,white:Me,offBlack:mi}=a,wn={borderRadius:m.xxxSmall_4,outline:`${m.xxxxSmall_2}px solid ${a.blue}`,outlineOffset:-m.xxxxSmall_2},fe=v.StyleSheet.create({reset:{margin:0,padding:0,border:0,background:"none",outline:"none",fontSize:"100%",verticalAlign:"baseline",textAlign:"left",textDecoration:"none",listStyle:"none",cursor:"pointer"},listboxItem:{backgroundColor:"transparent",color:"inherit"},item:{backgroundColor:a.white,minHeight:"unset",":focus":wn,":focus-visible":{overflow:"visible"},":hover[aria-disabled=false]":{color:Me,background:Dt},":active[aria-selected=false]":{},":hover[aria-disabled=true]":{cursor:"not-allowed"},":is([aria-disabled=true])":{color:a.offBlack32,":focus-visible":{outline:"none"}},"@media not (hover: hover)":{":hover[aria-disabled=false]":{color:Me,background:mi}},":active[aria-disabled=false]":{color:a.fadedBlue,background:a.activeBlue},":hover[aria-disabled=false] .checkbox":{background:Me},":hover[aria-disabled=false] .check":{color:Dt},":active[aria-disabled=false] .check":{color:a.activeBlue},":is([aria-selected=true]) .checkbox":{background:Dt},":is([aria-selected=true]) .check":{color:Me},":is([aria-disabled=false]) .subtitle":{color:a.offBlack64},":hover[aria-disabled=false] .subtitle":{color:a.offWhite},":active[aria-disabled=false] .subtitle":{color:ee(a.fadedBlue16,Me)}},itemFocused:wn,itemDisabled:{outlineColor:a.offBlack32},itemContainer:{minHeight:"unset",padding:`${m.xSmall_8+m.xxxxSmall_2}px ${m.xSmall_8}px`,paddingRight:m.medium_16,whiteSpace:"nowrap"},label:{whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},hide:{visibility:"hidden"}});class ue extends o.Component{static isClassOf(e){return e&&e.type&&e.type.__IS_SEPARATOR_ITEM__}render(){return o.createElement(Ce,{style:[gi.separator,this.props.style],"aria-hidden":"true"})}}ue.__IS_SEPARATOR_ITEM__=!0;const gi=v.StyleSheet.create({separator:{boxShadow:`0 -1px ${a.offBlack16}`,height:1,minHeight:1,marginTop:m.xxxSmall_4,marginBottom:m.xxxSmall_4}});class Ct extends o.Component{constructor(...e){super(...e),this.getTestIdFromProps=t=>t.testId||t["data-testid"]}renderAnchorChildren(e,t){const{disabled:n,testId:r,text:l,opened:i,"aria-controls":c,"aria-haspopup":f,id:h}=this.props,p=this.props.children(d({},e,{text:l,opened:i})),b=p.props,x=this.getTestIdFromProps(b);return o.cloneElement(p,d({},t,{disabled:n,"aria-controls":c,id:h,"aria-expanded":i?"true":"false","aria-haspopup":f,onClick:b.onClick?C=>{b.onClick(C),t.onClick(C)}:t.onClick,"data-testid":x||r}))}render(){return o.createElement(yr,{onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:0},(e,t)=>this.renderAnchorChildren(e,t))}}Ct.defaultProps={disabled:!1};class yi extends o.Component{render(){const{data:e,index:t,style:n}=this.props,r=e[t];if(ue.isClassOf(r.component))return o.cloneElement(r.component,{style:n});{const{component:l,populatedProps:i,onClick:c,role:f,ref:h}=r;return o.cloneElement(l,d({style:n},i,{key:t,onClick:c,ref:r.focusable&&h,role:f}))}}}function $n(s,e=0){return s.slice(0,hr).reduce((t,n)=>ue.isClassOf(n.component)?t+fr:t+me,e)}class bi extends o.Component{constructor(e){super(e),this.getItemSize=t=>{const n=this.props.data[t];return ue.isClassOf(n.component)?fr:me},this.state={height:$n(e.data),width:e.width}}componentDidMount(){const{schedule:e}=this.props;e.animationFrame(()=>{this.setWidth()})}componentDidUpdate(e){const{data:t,listRef:n}=this.props;e.data.length!==t.length&&(this.setHeight(),n&&n.current&&n.current.resetAfterIndex(1))}setWidth(){const e=Ie.findDOMNode(this),t=e==null?void 0:e.parentElement;if(t){const n=t.getBoundingClientRect().width;this.setState({width:n})}}setHeight(){const e=$n(this.props.data);this.setState({height:e})}renderInitialItems(){const{data:e}=this.props,t=e.map(r=>r.component);return o.Children.toArray(t).filter(Boolean).sort((r,l)=>l.props.label&&r.props.label?l.props.label.length-r.props.label.length:-1).slice(0,hr).map(r=>o.cloneElement(r,{style:{visibility:"hidden"}}))}renderVirtualizedList(e,t){const{data:n,listRef:r}=this.props;return o.createElement(li,{height:t,itemCount:n.length,itemSize:this.getItemSize,itemData:n,style:{overflowX:"hidden"},width:e,overscanCount:5,ref:r},yi)}render(){const{width:e,height:t}=this.state;return e==null?this.renderInitialItems():this.renderVirtualizedList(e,t)}}var Si=kn(bi);function xi({state:s,options:e}){const t=$r(s,e),{y:n}=s.modifiersData.preventOverflow||{x:0,y:0},{height:r}=s.rects.popper,[l]=s.placement.split("-"),c=r-t[l==="top"?"top":"bottom"]-n;s.styles.popper=d({},s.styles.popper,{maxHeight:`${c}px`,"--popper-max-height":`${c}px`})}const Ci={name:"maxHeight",enabled:!0,phase:"main",options:{padding:me},requiresIfExists:["offset","preventOverflow","flip"],fn:xi},vi=[{name:"preventOverflow",options:{rootBoundary:"viewport",altAxis:!0,tether:!1}},Ci],Ii=function({children:e,alignment:t="left",onPopperElement:n,referenceElement:r}){const l=Er(r)||document.querySelector("body");return l?Ie.createPortal(o.createElement(wr,{innerRef:i=>{i&&n&&n(i)},referenceElement:r,strategy:"fixed",placement:t==="left"?"bottom-start":"bottom-end",modifiers:vi},({placement:i,ref:c,style:f,hasPopperEscaped:h,isReferenceHidden:p})=>{const b=!!(h||p);return o.createElement("div",{ref:c,style:f,"data-testid":"dropdown-popper","data-placement":i},e(b))}),l):null};function wi(s){return s.length===1||!/^[A-Z]/i.test(s)?s:""}function $i(s,e){let t;return function(...r){const l=()=>{clearTimeout(t),s(...r)};clearTimeout(t),t=setTimeout(l,e)}}function En(s){return typeof s=="string"}function Ae(s){return En(s.label)?s.label:En(s.labelAsText)?s.labelAsText:""}const Ei=125,ki=yt("span");class vt extends o.Component{static sameItemsFocusable(e,t){if(e.length!==t.length)return!1;for(let n=0;n{const{open:n,onOpenChanged:r}=this.props,l=t.target,i=Ie.findDOMNode(this);n&&i&&!i.contains(l)&&this.popperElement&&!this.popperElement.contains(l)&&r(!1)},this.handleKeyDown=t=>{const{enableTypeAhead:n,onOpenChanged:r,open:l,searchText:i}=this.props,c=t.which||t.keyCode;if(n&&wi(t.key)&&(t.stopPropagation(),this.textSuggestion+=t.key,this.handleKeyDownDebounced(this.textSuggestion)),!l){if(c===ye.down){t.preventDefault(),r(!0);return}return}switch(c){case ye.tab:if(this.isSearchFieldFocused()&&i)return;this.restoreTabOrder(),r(!1);return;case ye.space:if(this.isSearchFieldFocused())return;t.preventDefault();return;case ye.up:t.preventDefault(),this.focusPreviousItem();return;case ye.down:t.preventDefault(),this.focusNextItem();return}},this.handleKeyUp=t=>{const{onOpenChanged:n,open:r}=this.props;switch(t.which||t.keyCode){case ye.space:if(this.isSearchFieldFocused())return;t.preventDefault();return;case ye.escape:r&&(t.stopPropagation(),this.restoreTabOrder(),n(!1));return}},this.handleKeyDownDebounceResult=t=>{const n=this.props.items.filter(r=>r.focusable).findIndex(({component:r})=>{if(ue.isClassOf(r))return!1;if(ve.isClassOf(r)){const l=r.props;return Ae(l).toLowerCase().startsWith(t.toLowerCase())}return!1});if(n>=0){const r=!this.props.open;r&&this.props.onOpenChanged(!0),this.focusedIndex=n,this.scheduleToFocusCurrentItem(l=>{this.props.selectionType==="single"&&r&&l&&(l.click(),this.props.onOpenChanged(!1))})}this.textSuggestion=""},this.handleClickFocus=t=>{this.itemsClicked=!0,this.focusedIndex=t,this.focusedOriginalIndex=this.state.itemRefs[this.focusedIndex].originalIndex},this.handleDropdownMouseUp=t=>{t.nativeEvent.stopImmediatePropagation?t.nativeEvent.stopImmediatePropagation():t.stopPropagation()},this.handleItemClick=(t,n)=>{this.handleClickFocus(t),n.component.props.onClick&&n.component.props.onClick(),n.populatedProps.onClick&&n.populatedProps.onClick()},this.handleSearchTextChanged=t=>{const{onSearchTextChanged:n}=this.props;n&&n(t)},this.resetFocusedIndex(),this.state={prevItems:this.props.items,itemRefs:[],sameItemsFocusable:!1,labels:d({noResults:K.noResults,someResults:K.someSelected},e.labels)},this.virtualizedListRef=o.createRef(),this.handleKeyDownDebounced=$i(this.handleKeyDownDebounceResult,500),this.textSuggestion=""}componentDidMount(){this.updateEventListeners(),this.maybeFocusInitialItem()}componentDidUpdate(e){const{open:t,searchText:n}=this.props;if(e.open!==t)this.updateEventListeners(),this.maybeFocusInitialItem();else if(t){const{itemRefs:r,sameItemsFocusable:l}=this.state;if(l||e.searchText!==n)return;{const i=r.findIndex(c=>c.originalIndex===this.focusedOriginalIndex);i===-1?(this.focusedIndex=0,this.itemsClicked=!1,this.scheduleToFocusCurrentItem()):this.focusedIndex=i}this.props.labels!==e.labels&&this.setState({labels:d({},this.state.labels,this.props.labels)})}}componentWillUnmount(){this.removeEventListeners()}resetFocusedIndex(){const{initialFocusedIndex:e}=this.props;if(typeof e<"u")this.focusedIndex=e;else{if(this.hasSearchField()&&!this.isSearchFieldFocused())return this.focusSearchField();this.focusedIndex=0}}maybeFocusInitialItem(){const{autoFocus:e,open:t}=this.props;e&&(t?(this.resetFocusedIndex(),this.scheduleToFocusCurrentItem()):t||(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(e){this.shouldVirtualizeList()?this.props.schedule.animationFrame(()=>{this.focusCurrentItem(e)}):this.focusCurrentItem(e)}focusCurrentItem(e){const t=this.state.itemRefs[this.focusedIndex];if(t){this.virtualizedListRef.current&&this.virtualizedListRef.current.scrollToItem(t.originalIndex);const n=Ie.findDOMNode(t.ref.current);n&&(n.focus(),this.focusedOriginalIndex=t.originalIndex,e&&e(n))}}focusSearchField(){this.searchFieldRef.current&&this.searchFieldRef.current.focus()}hasSearchField(){return!!this.props.isFilterable}isSearchFieldFocused(){return this.hasSearchField()&&document.activeElement===this.searchFieldRef.current}focusPreviousItem(){if(this.focusedIndex===0||this.isSearchFieldFocused()&&!this.props.enableTypeAhead){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||this.isSearchFieldFocused()&&!this.props.enableTypeAhead){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:e}=this.props;switch(e){case"listbox":return"option";case"menu":return"menuitem";default:throw new Error(`Expected "listbox" or "menu" for role, but receieved "${e}" instead.`)}}maybeRenderNoResults(){const{items:e,labels:{noResults:t}}=this.props;return e.length===0?o.createElement(bt,{style:pe.noResult,testId:"dropdown-core-no-results"},t):null}shouldVirtualizeList(){return this.props.items.length>Ei}renderList(){let e=0;const t=this.getItemRole();return this.props.items.map((n,r)=>{if(ue.isClassOf(n.component))return n.component;const{component:l,focusable:i,populatedProps:c}=n;i&&(e+=1);const f=e-1,h=this.state.itemRefs[f]?this.state.itemRefs[f].ref:null;return o.cloneElement(l,d({},c,{key:r,onClick:()=>{this.handleItemClick(f,n)},ref:i?h:null,role:c.role||t}))})}parseVirtualizedItems(){let e=0;const t=this.getItemRole();return this.props.items.map((n,r)=>{const{populatedProps:l}=n;!ue.isClassOf(n.component)&&n.focusable&&(e+=1);const i=e-1;return d({},n,{role:l.role||t,ref:n.focusable&&this.state.itemRefs[i]?this.state.itemRefs[i].ref:null,onClick:()=>{this.handleItemClick(i,n)}})})}renderVirtualizedList(){const e=this.parseVirtualizedItems();return o.createElement(Si,{data:e,listRef:this.virtualizedListRef})}renderSearchField(){const{searchText:e}=this.props,{labels:t}=this.state;return o.createElement(Ks,{clearAriaLabel:t.clearSearch,onChange:this.handleSearchTextChanged,placeholder:t.filter,ref:this.searchFieldRef,style:pe.searchInputStyle,value:e||""})}renderDropdownMenu(e,t){const{"aria-invalid":n,"aria-required":r,dropdownStyle:l,isFilterable:i,light:c,openerElement:f,role:h,id:p}=this.props,b=f&&window.getComputedStyle(f),x=b?b.getPropertyValue("width"):0;return o.createElement(Ce,{onMouseUp:this.handleDropdownMouseUp,style:[pe.dropdown,c&&pe.light,t&&pe.hidden,l],testId:"dropdown-core-container"},i&&this.renderSearchField(),o.createElement(Ce,{id:p,role:h,style:[pe.listboxOrMenu,{minWidth:x}],"aria-invalid":h==="listbox"?n:void 0,"aria-required":h==="listbox"?r:void 0},e),this.maybeRenderNoResults())}renderDropdown(){const{alignment:e,openerElement:t}=this.props,n=this.shouldVirtualizeList()?this.renderVirtualizedList():this.renderList();return o.createElement(Ii,{alignment:e,onPopperElement:r=>{this.popperElement=r},referenceElement:t},r=>this.renderDropdownMenu(n,r))}renderLiveRegion(){const{items:e,open:t}=this.props,{labels:n}=this.state,r=e.length;return o.createElement(ki,{"aria-live":"polite","aria-atomic":"true","aria-relevant":"additions text",style:pe.srOnly,"data-testid":"dropdown-live-region"},t&&n.someResults(r))}render(){const{open:e,opener:t,style:n,className:r,disabled:l}=this.props;return o.createElement(Ce,{onKeyDown:l?void 0:this.handleKeyDown,onKeyUp:l?void 0:this.handleKeyUp,style:[pe.menuWrapper,n],className:r},this.renderLiveRegion(),t,e&&this.renderDropdown())}}vt.defaultProps={alignment:"left",autoFocus:!0,enableTypeAhead:!0,labels:{clearSearch:K.clearSearch,filter:K.filter,noResults:K.noResults,someResults:K.someSelected},light:!1,selectionType:"single"};const pe=v.StyleSheet.create({menuWrapper:{width:"fit-content"},dropdown:{backgroundColor:a.white,borderRadius:4,paddingTop:m.xxxSmall_4,paddingBottom:m.xxxSmall_4,border:`solid 1px ${a.offBlack16}`,boxShadow:`0px 8px 8px 0px ${Sr(a.offBlack,.1)}`,maxHeight:"var(--popper-max-height)"},light:{border:"none"},listboxOrMenu:{overflowY:"auto"},hidden:{pointerEvents:"none",visibility:"hidden"},noResult:{color:a.offBlack64,alignSelf:"center",marginTop:m.xxSmall_6},searchInputStyle:{margin:m.xSmall_8,marginTop:m.xxxSmall_4,minHeight:"auto",position:"sticky"},srOnly:{border:0,clip:"rect(0,0,0,0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}});var Zt=kn(vt);const Ri=["children","disabled","focused","hovered","pressed","waiting","testId","opened","aria-label"],_i=yt("button");class Fi extends o.Component{render(){const e=this.props,{children:t,disabled:n,focused:r,hovered:l,pressed:i,testId:c,opened:f,"aria-label":h}=e,p=g(e,Ri),b=a.blue,x=Ti(b),C=n,I=[Nt.shared,C&&Nt.disabled,x.default,C&&x.disabled,!C&&i&&x.active],u=o.createElement(xr,{style:Nt.text},t);return o.createElement(_i,d({"aria-expanded":f?"true":"false","aria-haspopup":"menu","aria-label":h,disabled:C,style:I,type:"button"},p,{"data-testid":c}),o.createElement(Ce,{style:!C&&(l||r)&&x.focus},u),o.createElement(de,{size:m.xxxSmall_4}),o.createElement(St,{size:"small",color:"currentColor",icon:dr,"aria-hidden":"true"}))}}const Nt=v.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:me,border:"none",borderRadius:m.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:m.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"}}),it={},Ti=s=>{const e=s;if(it[e])return it[e];const{offBlack32:t}=a,n=a.activeBlue;let r={};return r={default:{background:"none",color:s},focus:{":after":{content:"''",position:"absolute",height:2,left:0,right:0,bottom:-1,background:"currentColor",borderRadius:2}},active:{color:n},disabled:{color:t,cursor:"default"}},it[e]=v.StyleSheet.create(r),it[e]},zi=["text","opened"];class Pi extends o.Component{constructor(...e){super(...e),this.openerElement=void 0,this.state={opened:!1},this.handleItemSelected=()=>{this.handleOpenChanged(!1),this.openerElement&&this.openerElement.focus()},this.handleOpenChanged=t=>{this.setState({opened:t}),this.props.onToggle&&this.props.onToggle(t)},this.handleOptionSelected=t=>{const{onChange:n,selectedValues:r}=this.props;if(!(!n||!r)){if(r.includes(t)){const l=r.indexOf(t),i=[...r.slice(0,l),...r.slice(l+1)];n(i)}else n([...r,t]);this.handleItemSelected()}},this.handleOpenerRef=t=>{this.openerElement=Ie.findDOMNode(t)},this.handleClick=t=>{this.handleOpenChanged(!this.state.opened)}}static getDerivedStateFromProps(e,t){return{opened:typeof e.opened=="boolean"?e.opened:t.opened}}getMenuItems(){const{children:e,selectedValues:t}=this.props,n=o.Children.toArray(e).filter(Boolean),r=n.some(l=>ve.isClassOf(l));return n.map(l=>{const{value:i,disabled:c}=l.props,f={component:l,focusable:Fe.isClassOf(l)||ve.isClassOf(l)?!c:!1,populatedProps:{}};if(Fe.isClassOf(l))return d({},f,{populatedProps:{indent:r,onClick:this.handleItemSelected}});if(ve.isClassOf(l)){const h=t?t.includes(i):!1;return d({},f,{populatedProps:{onToggle:this.handleOptionSelected,selected:h,variant:"check",role:"menuitemcheckbox","aria-checked":h,"aria-selected":void 0}})}else return f})}renderOpener(e,t){const{disabled:n,menuText:r,opener:l,testId:i,id:c}=this.props;return o.createElement(ke,{id:c,scope:"action-menu-opener"},f=>o.createElement(Ct,{id:f,"aria-controls":t,"aria-haspopup":"menu",onClick:this.handleClick,disabled:e===0||n,text:r,ref:this.handleOpenerRef,testId:l?void 0:i,opened:this.state.opened},l||(h=>{const{opened:p}=h,b=g(h,zi);return o.createElement(Fi,d({},b,{disabled:n,opened:!!p,testId:i}),r)})))}render(){const{alignment:e,dropdownStyle:t,style:n,className:r,dropdownId:l}=this.props,i=this.getMenuItems();return o.createElement(ke,{id:l,scope:"action-menu-dropdown"},c=>o.createElement(Zt,{id:c,role:"menu",style:n,className:r,opener:this.renderOpener(i.length,c),alignment:e,open:this.state.opened,items:i,openerElement:this.openerElement,onOpenChanged:this.handleOpenChanged,dropdownStyle:[Oi.menuTopSpace,t]}))}}Pi.defaultProps={alignment:"left",disabled:!1};const Oi=v.StyleSheet.create({caret:{marginLeft:4},opener:{whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},menuTopSpace:{top:-4}}),Bi=["children","disabled","error","id","isPlaceholder","light","open","testId","onOpenChanged"],Li=yt("button");class Yt extends o.Component{constructor(e){super(e),this.handleClick=t=>{const{open:n}=this.props;this.props.onOpenChanged(!n)},this.handleKeyDown=t=>{const n=t.key;(n==="Enter"||n===" ")&&(this.setState({pressed:!0}),t.preventDefault())},this.handleKeyUp=t=>{const n=t.key;(n==="Enter"||n===" ")&&(this.setState({pressed:!1}),this.handleClick(t))},this.state={pressed:!1}}render(){const e=this.props,{children:t,disabled:n,error:r,id:l,isPlaceholder:i,light:c,open:f,testId:h}=e,p=g(e,Bi),b=Di(c,i,r),x=c?n||r?"currentColor":a.white:n?a.offBlack32:a.offBlack64,C=[Ht.shared,b.default,n&&b.disabled,!n&&this.state.pressed&&b.pressed];return o.createElement(Li,d({},p,{"aria-disabled":n,"aria-expanded":f?"true":"false","aria-haspopup":"listbox","data-testid":h,id:l,style:C,type:"button",onClick:n?void 0:this.handleClick,onKeyDown:n?void 0:this.handleKeyDown,onKeyUp:n?void 0:this.handleKeyUp}),o.createElement(bt,{style:Ht.text},t||" "),o.createElement(St,{icon:dr,color:x,size:"small",style:Ht.caret,"aria-hidden":"true"}))}}Yt.defaultProps={disabled:!1,error:!1,light:!1,isPlaceholder:!1};const Ht=v.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"space-between",color:a.offBlack,height:me,paddingLeft:m.medium_16,paddingRight:m.small_12,borderWidth:0,borderRadius:X.radius.medium_4,borderStyle:"solid",outline:"none",textDecoration:"none",boxSizing:"border-box",whiteSpace:"nowrap",touchAction:"manipulation"},text:{marginRight:m.xSmall_8,whiteSpace:"nowrap",userSelect:"none",overflow:"hidden",textOverflow:"ellipsis"},caret:{minWidth:16}}),at=m.medium_16-1,dt=m.small_12-1,ct={},Di=(s,e,t)=>{const n=`${s}-${e}-${t}`;if(ct[n])return ct[n];let r={};if(s){const l={borderColor:t?a.red:a.white,borderWidth:m.xxxxSmall_2,paddingLeft:at,paddingRight:dt},i={paddingLeft:at,paddingRight:dt,borderColor:t?a.red:a.fadedBlue,borderWidth:X.width.thin,color:t?a.offBlack64:e?ee(a.white32,a.blue):a.fadedBlue,backgroundColor:t?a.fadedRed:a.activeBlue};r={default:{background:t?a.fadedRed8:"transparent",color:t?a.offBlack64:e?a.white50:a.white,borderColor:t?a.red:a.white50,borderWidth:X.width.hairline,":hover:not([aria-disabled=true])":l,"@media not (hover: hover)":{":hover:not([aria-disabled=true])":{borderColor:t?a.red:a.white50,borderWidth:X.width.hairline,paddingLeft:m.medium_16,paddingRight:m.small_12}},":focus-visible:not([aria-disabled=true])":l,":active:not([aria-disabled=true])":i},disabled:{background:"transparent",borderColor:ee(a.white32,a.blue),color:ee(a.white32,a.blue),cursor:"not-allowed",":focus-visible":{boxShadow:`0 0 0 1px ${a.offBlack32}, 0 0 0 3px ${a.fadedBlue}`}},pressed:i}}else{const l={borderColor:t?a.red:a.blue,borderWidth:X.width.thin,paddingLeft:at,paddingRight:dt},i={background:t?a.fadedRed:a.fadedBlue,borderColor:t?a.red:a.activeBlue,borderWidth:X.width.thin,paddingLeft:at,paddingRight:dt};r={default:{background:t?a.fadedRed8:a.white,borderColor:t?a.red:a.offBlack50,borderWidth:X.width.hairline,color:e?a.offBlack64:a.offBlack,":hover:not([aria-disabled=true])":l,"@media not (hover: hover)":{":hover:not([aria-disabled=true])":{borderColor:t?a.red:a.offBlack50,borderWidth:X.width.hairline,paddingLeft:m.medium_16,paddingRight:m.small_12}},":focus-visible:not([aria-disabled=true])":l,":active:not([aria-disabled=true])":i},disabled:{background:a.offWhite,borderColor:a.offBlack16,color:a.offBlack64,cursor:"not-allowed",":focus-visible":{boxShadow:`0 0 0 1px ${a.white}, 0 0 0 3px ${a.offBlack32}`}},pressed:i}}return ct[n]=v.StyleSheet.create(r),ct[n]},Ni=["children","error","id","light","opener","placeholder","selectedValue","testId","alignment","autoFocus","dropdownStyle","enableTypeAhead","isFilterable","labels","onChange","onToggle","opened","style","className","aria-invalid","aria-required"];class pr extends o.Component{constructor(e){super(e),this.selectedIndex=void 0,this.handleOpenChanged=t=>{this.setState({open:t,searchText:""}),this.props.onToggle&&this.props.onToggle(t)},this.handleToggle=t=>{t!==this.props.selectedValue&&this.props.onChange(t),this.state.open&&this.state.openerElement&&this.state.openerElement.focus(),this.setState({open:!1}),this.props.onToggle&&this.props.onToggle(!1)},this.mapOptionItemsToDropdownItems=t=>{let n=0;return this.selectedIndex=0,t.map(r=>{const{selectedValue:l}=this.props,{disabled:i,value:c}=r.props,f=l===c;return f&&(this.selectedIndex=n),i||(n+=1),{component:r,focusable:!i,populatedProps:{onToggle:this.handleToggle,selected:f,variant:"check"}}})},this.handleSearchTextChanged=t=>{this.setState({searchText:t})},this.handleOpenerRef=t=>{const n=Ie.findDOMNode(t);this.setState({openerElement:n})},this.handleClick=t=>{this.handleOpenChanged(!this.state.open)},this.selectedIndex=0,this.state={open:!1,searchText:""}}static getDerivedStateFromProps(e,t){return{open:e.disabled?!1:typeof e.opened=="boolean"?e.opened:t.open}}filterChildren(e){const{searchText:t}=this.state,n=t.toLowerCase();return e.filter(({props:r})=>!t||Ae(r).toLowerCase().indexOf(n)>-1)}getMenuItems(e){const{isFilterable:t}=this.props;return this.mapOptionItemsToDropdownItems(t?this.filterChildren(e):e)}renderOpener(e,t){const n=this.props,{children:r,error:l,id:i,light:c,opener:f,placeholder:h,selectedValue:p,testId:b}=n,x=g(n,Ni),I=o.Children.toArray(r).find(S=>S.props.value===p),u=I?Ae(I.props):h;return o.createElement(ke,{id:i,scope:"single-select-opener"},S=>f?o.createElement(Ct,{id:S,"aria-controls":t,"aria-haspopup":"listbox",onClick:this.handleClick,disabled:e,ref:this.handleOpenerRef,text:u,opened:this.state.open},f):o.createElement(Yt,d({},x,{"aria-controls":t,disabled:e,id:S,error:l,isPlaceholder:!I,light:c,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId:b}),u))}render(){const{alignment:e,autoFocus:t,children:n,className:r,dropdownStyle:l,enableTypeAhead:i,isFilterable:c,labels:f,light:h,style:p,"aria-invalid":b,"aria-required":x,disabled:C,dropdownId:I}=this.props,{searchText:u}=this.state,y=o.Children.toArray(n).filter(Boolean),S=y.filter(k=>!k.props.disabled).length,$=this.getMenuItems(y),w=S===0||C;return o.createElement(ke,{id:I,scope:"single-select-dropdown"},k=>o.createElement(Zt,{id:k,role:"listbox",selectionType:"single",alignment:e,autoFocus:t,enableTypeAhead:i,dropdownStyle:[c&&ur,cr,l],initialFocusedIndex:this.selectedIndex,items:$,light:h,onOpenChanged:this.handleOpenChanged,open:this.state.open,opener:this.renderOpener(w,k),openerElement:this.state.openerElement,style:p,className:r,isFilterable:c,onSearchTextChanged:c?this.handleSearchTextChanged:void 0,searchText:c?u:"",labels:f,"aria-invalid":b,"aria-required":x,disabled:w}))}}pr.defaultProps={alignment:"left",autoFocus:!0,disabled:!1,enableTypeAhead:!0,error:!1,light:!1,labels:{clearSearch:K.clearSearch,filter:K.filter,noResults:K.noResults,someResults:K.someSelected}};const Hi=["id","light","opener","testId","alignment","dropdownStyle","implicitAllEnabled","isFilterable","labels","onChange","onToggle","opened","selectedValues","shortcuts","style","className","aria-invalid","aria-required"];class mr extends o.Component{constructor(e){super(e),this.labels=void 0,this.handleOpenChanged=t=>{this.setState({open:t,searchText:"",lastSelectedValues:this.props.selectedValues}),this.props.onToggle&&this.props.onToggle(t)},this.handleToggle=t=>{const{onChange:n,selectedValues:r}=this.props;if(r.includes(t)){const l=r.indexOf(t),i=[...r.slice(0,l),...r.slice(l+1)];n(i)}else n([...r,t])},this.handleSelectAll=()=>{const{children:t,onChange:n}=this.props,l=o.Children.toArray(t).filter(i=>!!i&&!i.props.disabled).map(i=>i.props.value);n(l)},this.handleSelectNone=()=>{const{onChange:t}=this.props;t([])},this.mapOptionItemToDropdownItem=t=>{const{selectedValues:n}=this.props,{disabled:r,value:l}=t.props;return{component:t,focusable:!r,populatedProps:{onToggle:this.handleToggle,selected:n.includes(l),variant:"checkbox"}}},this.handleOpenerRef=t=>{const n=Ie.findDOMNode(t);this.setState({openerElement:n})},this.handleSearchTextChanged=t=>{this.setState({searchText:t})},this.handleClick=t=>{this.handleOpenChanged(!this.state.open)},this.state={open:!1,searchText:"",lastSelectedValues:[],labels:d({},K,e.labels)},this.labels=d({},K,e.labels)}static getDerivedStateFromProps(e,t){return{open:e.disabled?!1:typeof e.opened=="boolean"?e.opened:t.open}}componentDidUpdate(e){this.props.labels!==e.labels&&this.setState({labels:d({},this.state.labels,this.props.labels)})}getMenuText(e){const{implicitAllEnabled:t,selectedValues:n}=this.props,{noneSelected:r,someSelected:l,allSelected:i}=this.state.labels,c=e.filter(h=>!h.props.disabled).length,f=t?i:r;switch(n.length){case 0:return f;case 1:const h=e.find(p=>p.props.value===n[0]);if(h){const p=Ae(h==null?void 0:h.props);return p||l(1)}return f;case c:return i;default:return l(n.length)}}getShortcuts(e){const{selectedValues:t,shortcuts:n}=this.props,{selectAllLabel:r,selectNoneLabel:l}=this.state.labels;if(n&&!this.state.searchText){const i=e===t.length,c={component:o.createElement(Fe,{disabled:i,label:r(e),indent:!0,onClick:this.handleSelectAll}),focusable:!i,populatedProps:{}},f=t.length===0,h={component:o.createElement(Fe,{disabled:f,label:l,indent:!0,onClick:this.handleSelectNone}),focusable:!f,populatedProps:{}},p={component:o.createElement(ue,{key:"shortcuts-separator"}),focusable:!1,populatedProps:{}};return[c,h,p]}else return[]}getMenuItems(e){const{isFilterable:t}=this.props;if(!t)return e.map(this.mapOptionItemToDropdownItem);const{searchText:n,lastSelectedValues:r}=this.state,l=n.toLowerCase(),i=e.filter(({props:p})=>!n||Ae(p).toLowerCase().indexOf(l)>-1),c=[],f=[];for(const p of i)r.includes(p.props.value)?c.push(p):f.push(p);const h=c.map(this.mapOptionItemToDropdownItem);return c.length&&f.length&&h.push({component:o.createElement(ue,{key:"selected-separator"}),focusable:!1,populatedProps:{}}),[...h,...f.map(this.mapOptionItemToDropdownItem)]}renderOpener(e,t,n){const r=this.props,{id:l,light:i,opener:c,testId:f}=r,h=g(r,Hi),{noneSelected:p}=this.state.labels,b=this.getMenuText(e);return o.createElement(ke,{id:l,scope:"multi-select-opener"},C=>c?o.createElement(Ct,{id:C,"aria-controls":n,"aria-haspopup":"listbox",onClick:this.handleClick,disabled:t,ref:this.handleOpenerRef,text:b,opened:this.state.open},c):o.createElement(Yt,d({},h,{disabled:t,id:C,"aria-controls":n,isPlaceholder:b===p,light:i,onOpenChanged:this.handleOpenChanged,open:this.state.open,ref:this.handleOpenerRef,testId:f}),b))}render(){const{alignment:e,light:t,style:n,className:r,dropdownStyle:l,children:i,isFilterable:c,"aria-invalid":f,"aria-required":h,disabled:p,dropdownId:b}=this.props,{open:x,searchText:C}=this.state,{clearSearch:I,filter:u,noResults:y,someSelected:S}=this.state.labels,$=o.Children.toArray(i).filter(Boolean),w=$.filter(R=>!R.props.disabled).length,k=this.getMenuItems($),E=w===0||p;return o.createElement(ke,{id:b,scope:"multi-select-dropdown"},R=>o.createElement(Zt,{id:R,role:"listbox",alignment:e,dropdownStyle:[c&&ur,cr,l],isFilterable:c,items:[...this.getShortcuts(w),...k],light:t,onOpenChanged:this.handleOpenChanged,open:x,opener:this.renderOpener($,E,R),openerElement:this.state.openerElement,selectionType:"multi",style:n,className:r,onSearchTextChanged:c?this.handleSearchTextChanged:void 0,searchText:c?C:"",labels:{clearSearch:I,filter:u,noResults:y,someResults:S},"aria-invalid":f,"aria-required":h,disabled:E}))}}mr.defaultProps={alignment:"left",disabled:!1,error:!1,light:!1,shortcuts:!1,selectedValues:[]};v.StyleSheet.create({listbox:{outline:"none"},disabled:{color:a.offBlack64}});const Mi=s=>{const{strings:e}=kr(),t=h=>{const{choices:p,onChange:b}=s;b(p.map(x=>h.includes(x.content)))},n=h=>h.map(({content:p})=>et(ve,{value:p,label:et(Rr,{content:p,strings:e,inline:!0})},p)),r=s.choices.filter(h=>h.checked).map(h=>h.content),{opener:l,onToggle:i,disabled:c}=s,f={style:{zIndex:"unset"},children:n(s.choices),opener:l,onToggle:i,disabled:c};return s.multipleSelect?et(mr,{...f,selectedValues:r,onChange:h=>t(h)}):et(pr,{...f,selectedValue:r[0],onChange:h=>t([h]),placeholder:s.choices[0].content})};Mi.__docgenInfo={description:"",methods:[],displayName:"AnswerChoices",props:{choices:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"signature",type:"object",raw:`{ // The answer string, can be plain text or a TeX expression. content: string; // Whether the answer is selected. diff --git a/assets/answer-choices-K632kWSn.js b/assets/answer-choices-YvoNqSTB.js similarity index 96% rename from assets/answer-choices-K632kWSn.js rename to assets/answer-choices-YvoNqSTB.js index 95f46e7d15..64785f2514 100644 --- a/assets/answer-choices-K632kWSn.js +++ b/assets/answer-choices-YvoNqSTB.js @@ -1,3 +1,3 @@ -import{a as c,j as e}from"./jsx-runtime-FVsy8kgq.js";import{g as x}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as N}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{l as t}from"./index-awljIyHI.js";import{F as z}from"./form-wrapped-text-field-1CYfAYqR.js";import{r as R}from"./index-TT1qJ6UJ.js";const T="javascript:void(0)",h=class h extends R.Component{render(){const{children:s,className:i,highlighted:n,href:d,inlineStyles:k,referrer:p,style:u,target:g,testId:b,element:f,...w}=this.props,[C,v]=d?d.split("#"):[T];let o=C;p&&(o.indexOf("?")>-1?o+="&ref="+p:o+="?ref="+p),v&&(o+="#"+v);const m=[S.link,n&&S.highlighted];Array.isArray(u)?m.push(...u):m.push(u);const I=i?" "+i:"",M=f==="a"?{href:o}:{to:o};let y=w.rel;return g==="_blank"&&!y&&(y="noopener noreferrer"),R.createElement(f,{"data-testid":b,...w,...M,className:t.css(...m)+I,style:k,target:g,rel:y},s)}};h.defaultProps={highlighted:!1,href:T,style:[],element:"a"};let l=h;const S=t.StyleSheet.create({link:{backgroundColor:"transparent",color:"inherit",textDecoration:"none",":hover":{textDecoration:"underline"}},highlighted:{textDecoration:"underline"}});l.__docgenInfo={description:"A wrapper that creates an anchor tag with normalized styles",methods:[],displayName:"Link",props:{element:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:'"a"',computed:!1}},highlighted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"javascript:void(0)"',computed:!1}},style:{required:!1,tsType:{name:"union",raw:"CSSProperties | Array",elements:[{name:"CSSProperties"},{name:"Array",elements:[{name:"CSSProperties"}],raw:"Array"}]},description:"",defaultValue:{value:"[]",computed:!1}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:""},inlineStyles:{required:!1,tsType:{name:"signature",type:"object",raw:`{ +import{a as c,j as e}from"./jsx-runtime-FVsy8kgq.js";import{g as x}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as N}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{l as t}from"./index-awljIyHI.js";import{F as z}from"./form-wrapped-text-field-DQhkgIBa.js";import{r as R}from"./index-TT1qJ6UJ.js";const T="javascript:void(0)",h=class h extends R.Component{render(){const{children:s,className:i,highlighted:n,href:d,inlineStyles:k,referrer:p,style:u,target:g,testId:b,element:f,...w}=this.props,[C,v]=d?d.split("#"):[T];let o=C;p&&(o.indexOf("?")>-1?o+="&ref="+p:o+="?ref="+p),v&&(o+="#"+v);const m=[S.link,n&&S.highlighted];Array.isArray(u)?m.push(...u):m.push(u);const I=i?" "+i:"",M=f==="a"?{href:o}:{to:o};let y=w.rel;return g==="_blank"&&!y&&(y="noopener noreferrer"),R.createElement(f,{"data-testid":b,...w,...M,className:t.css(...m)+I,style:k,target:g,rel:y},s)}};h.defaultProps={highlighted:!1,href:T,style:[],element:"a"};let l=h;const S=t.StyleSheet.create({link:{backgroundColor:"transparent",color:"inherit",textDecoration:"none",":hover":{textDecoration:"underline"}},highlighted:{textDecoration:"underline"}});l.__docgenInfo={description:"A wrapper that creates an anchor tag with normalized styles",methods:[],displayName:"Link",props:{element:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:'"a"',computed:!1}},highlighted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"javascript:void(0)"',computed:!1}},style:{required:!1,tsType:{name:"union",raw:"CSSProperties | Array",elements:[{name:"CSSProperties"},{name:"Array",elements:[{name:"CSSProperties"}],raw:"Array"}]},description:"",defaultValue:{value:"[]",computed:!1}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:""},inlineStyles:{required:!1,tsType:{name:"signature",type:"object",raw:`{ [key: string]: any; }`,signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}},description:""},referrer:{required:!1,tsType:{name:"string"},description:""},target:{required:!1,tsType:{name:"string"},description:""},rel:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onMouseOver:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onMouseLeave:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onMouseEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.SyntheticEvent) => unknown",signature:{arguments:[{type:{name:"ReactSyntheticEvent",raw:"React.SyntheticEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.SyntheticEvent) => unknown",signature:{arguments:[{type:{name:"ReactSyntheticEvent",raw:"React.SyntheticEvent"},name:"e"}],return:{name:"unknown"}}},description:""},onKeyDown:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.KeyboardEvent) => unknown",signature:{arguments:[{type:{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent"},name:"e"}],return:{name:"unknown"}}},description:""},"aria-label":{required:!1,tsType:{name:"string"},description:""},"aria-selected":{required:!1,tsType:{name:"boolean"},description:""},"aria-current":{required:!1,tsType:{name:"boolean"},description:""},role:{required:!1,tsType:{name:"literal",value:'"tab"'},description:""},title:{required:!1,tsType:{name:"string"},description:""},id:{required:!1,tsType:{name:"string"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""}}};const{colors:q,typography:E}=x,{Icon:A}=N,B={path:"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",width:24,height:24},D={path:"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",width:24,height:24},P=()=>c("svg",{width:"16",height:"16",viewBox:"0 0 16 16",children:[c("filter",{id:"draggable-grip-shadow",width:"112.5%",height:"116.7%",x:"-6.2%",y:"-8.3%",filterUnits:"objectBoundingBox",children:[e("feGaussianBlur",{in:"SourceAlpha",stdDeviation:".5",result:"shadowBlurInner"}),e("feOffset",{in:"shadowBlurInner",dy:"1",result:"shadowOffsetInner"}),e("feComposite",{in:"shadowOffsetInner",in2:"SourceAlpha",k2:"-1",k3:"1",operator:"arithmetic",result:"shadowInnerInner"}),e("feColorMatrix",{in:"shadowInnerInner",values:"0 0 0 0 0.129411765 0 0 0 0 0.141176471 0 0 0 0 0.17254902 0 0 0 0.2 0"})]}),e("path",{d:"M1 4a1 1 0 1 1 0-2h14a1 1 0 0 1 0 2H1zm0 10a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2H1zm0-5a1 1 0 1 1 0-2h14a1 1 0 0 1 0 2H1z",fill:q.gray17,filter:"url(#draggable-grip-shadow)"})]}),j=({onClick:r})=>c(l,{className:t.css(a.addAnswer,O.addAnswer),onClick:r,children:[e(A,{icon:B,size:24}),e("div",{className:t.css(a.spacer)}),"Add an answer choice"]}),H=({answer:r,onChange:s,onRemove:i})=>c("li",{className:t.css(a.answer),children:[e(l,{onClick:i,children:e(A,{icon:D,size:24,color:"#D92916"})}),e("div",{className:t.css(a.spacer)}),e(z,{grow:1,onChange:n=>s(n.target.value),value:r}),e("div",{className:t.css(a.spacer)}),e(l,{style:[a.disabled],title:"Answer reordering is not implemented.",children:e(P,{})})]}),F=({choices:r,onChange:s})=>c("div",{children:[e("div",{className:t.css(a.title),children:"Answer Choices"}),e("ul",{className:t.css(a.answers),children:r.map((i,n)=>e(H,{answer:i,onChange:d=>s([...r.slice(0,n),d,...r.slice(n+1)]),onRemove:()=>s([...r.slice(0,n),...r.slice(n+1)])},n))}),e(j,{onClick:()=>s([...r,""])})]}),a=t.StyleSheet.create({title:{...E.bodyXsmallBold,marginBottom:6,color:q.gray17},answers:{marginTop:12,marginBottom:12},answer:{display:"flex",flexDirection:"row",alignItems:"center",":not(:first-child)":{marginTop:12}},addAnswer:{...E.bodyXsmallBold,display:"flex",flexDirection:"row",alignItems:"center",color:"#1865f2"},spacer:{width:16},disabled:{cursor:"not-allowed"}}),O=t.StyleSheet.create({addAnswer:{":link":{color:"#1865f2"}}});F.__docgenInfo={description:"The list of choices, handles adding, removing and reording of answers.",methods:[],displayName:"AnswerChoices",props:{choices:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(choices: ReadonlyArray) => void",signature:{arguments:[{type:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},name:"choices"}],return:{name:"void"}}},description:""}}};export{F as A}; diff --git a/assets/answer-choices.stories-F5Z_iRig.js b/assets/answer-choices.stories-UKAzue3A.js similarity index 84% rename from assets/answer-choices.stories-F5Z_iRig.js rename to assets/answer-choices.stories-UKAzue3A.js index d6d68414d2..ce721db15b 100644 --- a/assets/answer-choices.stories-F5Z_iRig.js +++ b/assets/answer-choices.stories-UKAzue3A.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{a as y}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as C}from"./index-awljIyHI.js";import{r as S}from"./index-TT1qJ6UJ.js";import{A as v}from"./answer-choices-K632kWSn.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./form-wrapped-text-field-1CYfAYqR.js";const lt={title:"PerseusEditor/Widgets/Label Image/Answer Choices"},E=C.StyleSheet.create({wrapper:{width:338}}),s=r=>o("div",{className:C.css(E.wrapper),children:o(v,{...r,onChange:(...t)=>{y("onChange")(...t),r.onChange(...t)}})});class N extends S.Component{constructor(){super(...arguments),this.state={choices:[]}}render(){const{choices:t}=this.state;return o(s,{choices:t,onChange:m=>this.setState({choices:m})})}}const i=r=>o(s,{...{choices:[],onChange:(...m)=>{}}}),e=r=>o(s,{...{choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],onChange:(...m)=>{}}}),p=r=>o(N,{});i.__docgenInfo={description:"",methods:[],displayName:"EmptyNonInteractive"};e.__docgenInfo={description:"",methods:[],displayName:"FilledNonInteractive"};p.__docgenInfo={description:"",methods:[],displayName:"Interactive"};var a,n,c;i.parameters={...i.parameters,docs:{...(a=i.parameters)==null?void 0:a.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{a as y}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as C}from"./index-awljIyHI.js";import{r as S}from"./index-TT1qJ6UJ.js";import{A as v}from"./answer-choices-YvoNqSTB.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./form-wrapped-text-field-DQhkgIBa.js";const lt={title:"PerseusEditor/Widgets/Label Image/Answer Choices"},E=C.StyleSheet.create({wrapper:{width:338}}),s=r=>o("div",{className:C.css(E.wrapper),children:o(v,{...r,onChange:(...t)=>{y("onChange")(...t),r.onChange(...t)}})});class N extends S.Component{constructor(){super(...arguments),this.state={choices:[]}}render(){const{choices:t}=this.state;return o(s,{choices:t,onChange:m=>this.setState({choices:m})})}}const i=r=>o(s,{...{choices:[],onChange:(...m)=>{}}}),e=r=>o(s,{...{choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],onChange:(...m)=>{}}}),p=r=>o(N,{});i.__docgenInfo={description:"",methods:[],displayName:"EmptyNonInteractive"};e.__docgenInfo={description:"",methods:[],displayName:"FilledNonInteractive"};p.__docgenInfo={description:"",methods:[],displayName:"Interactive"};var a,n,c;i.parameters={...i.parameters,docs:{...(a=i.parameters)==null?void 0:a.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const props = ({ choices: [], onChange: (...args) => {} diff --git a/assets/answer-choices.stories-fMr8dTUU.js b/assets/answer-choices.stories-VcXwqyHw.js similarity index 93% rename from assets/answer-choices.stories-fMr8dTUU.js rename to assets/answer-choices.stories-VcXwqyHw.js index 07036b25e9..4d53940473 100644 --- a/assets/answer-choices.stories-fMr8dTUU.js +++ b/assets/answer-choices.stories-VcXwqyHw.js @@ -1,4 +1,4 @@ -import{j as t,a as _,F as c}from"./jsx-runtime-FVsy8kgq.js";import{L as y}from"./index-h_CiYGGb.js";import{r as p}from"./index-TT1qJ6UJ.js";import{A as b}from"./answer-choices-mbE4GLUb.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-deFLJwr4.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./index-7vsPyIck.js";import"./index-rfN0X25E.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-YCTzZMik.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const ue={title:"Perseus/Widgets/Label Image/Answer Choices"},A=[{content:"Lamborghini",checked:!1},{content:"BMW",checked:!1},{content:"Volkswagen",checked:!1},{content:"Fiat",checked:!1},{content:"$\\displaystyle f(x)=\\frac{1}{x}$",checked:!1},{content:"Porsche",checked:!1},{content:"Ferrari",checked:!1}],a=({multipleSelect:s})=>{const[i,g]=p.useState([...A]),[f,S]=p.useState(!1),k=e=>{g([...i.map((C,x)=>({...C,checked:e[x]}))])};return _(c,{children:[t(b,{choices:i,multipleSelect:s,onChange:e=>k(e),opener:()=>t("button",{children:f?"Close":"Open"}),onToggle:e=>S(e),disabled:!1}),t(c,{children:i.filter(({checked:e})=>e).map(({content:e})=>t(y,{children:e},e))})]})};a.defaultProps={multipleSelect:!1};const r=s=>t(a,{}),o=s=>t(a,{multipleSelect:!0});r.__docgenInfo={description:"",methods:[],displayName:"SingleSelect"};o.__docgenInfo={description:"",methods:[],displayName:"MultipleSelect"};var m,n,l;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as t,a as _,F as c}from"./jsx-runtime-FVsy8kgq.js";import{L as y}from"./index-h_CiYGGb.js";import{r as p}from"./index-TT1qJ6UJ.js";import{A as b}from"./answer-choices-MQdUvt3_.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-deFLJwr4.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./index-7vsPyIck.js";import"./index-rfN0X25E.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-YCTzZMik.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const ue={title:"Perseus/Widgets/Label Image/Answer Choices"},A=[{content:"Lamborghini",checked:!1},{content:"BMW",checked:!1},{content:"Volkswagen",checked:!1},{content:"Fiat",checked:!1},{content:"$\\displaystyle f(x)=\\frac{1}{x}$",checked:!1},{content:"Porsche",checked:!1},{content:"Ferrari",checked:!1}],a=({multipleSelect:s})=>{const[i,g]=p.useState([...A]),[f,S]=p.useState(!1),k=e=>{g([...i.map((C,x)=>({...C,checked:e[x]}))])};return _(c,{children:[t(b,{choices:i,multipleSelect:s,onChange:e=>k(e),opener:()=>t("button",{children:f?"Close":"Open"}),onToggle:e=>S(e),disabled:!1}),t(c,{children:i.filter(({checked:e})=>e).map(({content:e})=>t(y,{children:e},e))})]})};a.defaultProps={multipleSelect:!1};const r=s=>t(a,{}),o=s=>t(a,{multipleSelect:!0});r.__docgenInfo={description:"",methods:[],displayName:"SingleSelect"};o.__docgenInfo={description:"",methods:[],displayName:"MultipleSelect"};var m,n,l;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(l=(n=r.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};var d,h,u;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/answer-pill-J67mzuP8.js b/assets/answer-pill-Ps6fTJR6.js similarity index 98% rename from assets/answer-pill-J67mzuP8.js rename to assets/answer-pill-Ps6fTJR6.js index 86e171374f..0be431d6ae 100644 --- a/assets/answer-pill-J67mzuP8.js +++ b/assets/answer-pill-Ps6fTJR6.js @@ -1 +1 @@ -import{j as k}from"./jsx-runtime-FVsy8kgq.js";import{V as B,u as I}from"./index-6h5t6F0w.js";import{r as d}from"./index-TT1qJ6UJ.js";import{l as C}from"./index-awljIyHI.js";import{C as R}from"./index-o3wWn3Y5.js";import{s as n,c as l,m as P}from"./index-deFLJwr4.js";import{c as T,B as E,b as O}from"./index-h_CiYGGb.js";import{P as L}from"./Popper-kGnKOid7.js";import{u as q}from"./i18n-context-P7VpLqM1.js";import{R as j}from"./renderer-ULNOY64X.js";function w(){return w=Object.assign?Object.assign.bind():function(a){for(var e=1;e=0)&&(t[o]=a[o]);return t}const $=["id","children","kind","size","role","onClick","style","testId","tabIndex"],_=a=>{const{children:e,size:t}=a;return typeof e!="string"?e:t==="small"?d.createElement(T,null,a.children):t==="large"?d.createElement(E,null,e):d.createElement(O,null,e)},A=d.forwardRef(function(e,t){const{id:r,children:o,kind:i="neutral",size:s="medium",role:p,onClick:c,style:u,testId:f,tabIndex:S}=e,g=z(e,$);let m;switch(s){case"small":m=h.wrapperSmall;break;case"large":m=h.wrapperLarge;break;default:m=h.wrapperMedium}const x=M(!!c,i),b=[h.wrapper,x.pill,m];return c?d.createElement(R,w({id:r,role:p,onClick:c,style:[b,x.clickableWrapper,u],testId:f,ref:t,tabIndex:S},g),()=>d.createElement(_,{size:s},o)):d.createElement(B,w({id:r,role:p,style:[b,u],testId:f,ref:t},g),d.createElement(_,{size:s},o))}),h=C.StyleSheet.create({wrapper:{display:"inline-flex",width:"fit-content"},wrapperSmall:{paddingLeft:n.xSmall_8,paddingRight:n.xSmall_8,borderRadius:n.xxSmall_6,height:20},wrapperMedium:{paddingLeft:n.xSmall_8,paddingRight:n.xSmall_8,borderRadius:n.xxSmall_6,height:n.large_24},wrapperLarge:{paddingLeft:n.small_12,paddingRight:n.small_12,paddingTop:n.xxSmall_6,paddingBottom:n.xxSmall_6,borderRadius:n.large_24,height:n.xLarge_32}}),y={},M=(a,e)=>{const t=`${e}-${a.toString()}`;if(y[t])return y[t];let r;switch(e){case"accent":r=l.blue;break;case"info":r=l.fadedBlue16;break;case"success":r=l.fadedGreen16;break;case"warning":r=l.fadedGold16;break;case"critical":r=l.fadedRed16;break;case"transparent":r="transparent";break;case"neutral":default:r=l.offBlack8}const o=e==="neutral"||e==="transparent"?l.offBlack16:P(l.offBlack32,r),i=e==="accent"?l.white:l.offBlack,s=e==="critical"?l.red:l.blue,p=e==="critical"?l.activeRed:l.activeBlue,c=e==="transparent"?`1px solid ${l.offBlack16}`:"none",u={pill:{backgroundColor:r,outline:c,color:i,alignItems:"center",justifyContent:"center"},clickableWrapper:{outline:c,":hover":{outline:`2px solid ${s}`,outlineOffset:n.xxxxSmall_2},":active":{backgroundColor:o,outline:`2px solid ${p}`,outlineOffset:n.xxxxSmall_2},":focus-visible":{outline:`2px solid ${s}`,outlineOffset:n.xxxxSmall_2}}};return y[t]=C.StyleSheet.create(u),y[t]},W={boxShadow:`0 8px 8px ${l.offBlack64}`,zIndex:1e3},F=a=>{const{selectedAnswers:e,showCorrectness:t,markerRef:r,side:o,onClick:i,style:s,focused:p,hovered:c}=a,u=I(),{strings:f}=q(),S=e.length>1?f.answers({num:e.length}):e[0],g=t==="correct",m=t==="incorrect";return k(L,{placement:o,referenceElement:r,modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}],children:({ref:x,style:b})=>k(A,{size:"large",kind:"accent",id:u.get("perseus-label-image-widget-answer-pill"),onClick:g?void 0:i,ref:x,style:[s,b,v.pill,g&&v.correct,m&&v.incorrect,(p||c)&&W],children:k(j,{content:S,strings:f,inline:!0})})})},v=C.StyleSheet.create({correct:{backgroundColor:"#00880b"},incorrect:{backgroundColor:l.offBlack64},pill:{height:"auto"}});F.__docgenInfo={description:"",methods:[],displayName:"AnswerPill",props:{selectedAnswers:{required:!0,tsType:{name:"unknown"},description:""},showCorrectness:{required:!1,tsType:{name:"union",raw:'"correct" | "incorrect"',elements:[{name:"literal",value:'"correct"'},{name:"literal",value:'"incorrect"'}]},description:""},markerRef:{required:!1,tsType:{name:"HTMLElement"},description:""},side:{required:!0,tsType:{name:"union",raw:'"top" | "bottom" | "left" | "right"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},style:{required:!1,tsType:{name:"CSSProperties"},description:""},hovered:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{F as A}; +import{j as k}from"./jsx-runtime-FVsy8kgq.js";import{V as B,u as I}from"./index-6h5t6F0w.js";import{r as d}from"./index-TT1qJ6UJ.js";import{l as C}from"./index-awljIyHI.js";import{C as R}from"./index-o3wWn3Y5.js";import{s as n,c as l,m as P}from"./index-deFLJwr4.js";import{c as T,B as E,b as O}from"./index-h_CiYGGb.js";import{P as L}from"./Popper-kGnKOid7.js";import{u as q}from"./i18n-context-P7VpLqM1.js";import{R as j}from"./renderer-dyWsFSUA.js";function w(){return w=Object.assign?Object.assign.bind():function(a){for(var e=1;e=0)&&(t[o]=a[o]);return t}const $=["id","children","kind","size","role","onClick","style","testId","tabIndex"],_=a=>{const{children:e,size:t}=a;return typeof e!="string"?e:t==="small"?d.createElement(T,null,a.children):t==="large"?d.createElement(E,null,e):d.createElement(O,null,e)},A=d.forwardRef(function(e,t){const{id:r,children:o,kind:i="neutral",size:s="medium",role:p,onClick:c,style:u,testId:f,tabIndex:S}=e,g=z(e,$);let m;switch(s){case"small":m=h.wrapperSmall;break;case"large":m=h.wrapperLarge;break;default:m=h.wrapperMedium}const x=M(!!c,i),b=[h.wrapper,x.pill,m];return c?d.createElement(R,w({id:r,role:p,onClick:c,style:[b,x.clickableWrapper,u],testId:f,ref:t,tabIndex:S},g),()=>d.createElement(_,{size:s},o)):d.createElement(B,w({id:r,role:p,style:[b,u],testId:f,ref:t},g),d.createElement(_,{size:s},o))}),h=C.StyleSheet.create({wrapper:{display:"inline-flex",width:"fit-content"},wrapperSmall:{paddingLeft:n.xSmall_8,paddingRight:n.xSmall_8,borderRadius:n.xxSmall_6,height:20},wrapperMedium:{paddingLeft:n.xSmall_8,paddingRight:n.xSmall_8,borderRadius:n.xxSmall_6,height:n.large_24},wrapperLarge:{paddingLeft:n.small_12,paddingRight:n.small_12,paddingTop:n.xxSmall_6,paddingBottom:n.xxSmall_6,borderRadius:n.large_24,height:n.xLarge_32}}),y={},M=(a,e)=>{const t=`${e}-${a.toString()}`;if(y[t])return y[t];let r;switch(e){case"accent":r=l.blue;break;case"info":r=l.fadedBlue16;break;case"success":r=l.fadedGreen16;break;case"warning":r=l.fadedGold16;break;case"critical":r=l.fadedRed16;break;case"transparent":r="transparent";break;case"neutral":default:r=l.offBlack8}const o=e==="neutral"||e==="transparent"?l.offBlack16:P(l.offBlack32,r),i=e==="accent"?l.white:l.offBlack,s=e==="critical"?l.red:l.blue,p=e==="critical"?l.activeRed:l.activeBlue,c=e==="transparent"?`1px solid ${l.offBlack16}`:"none",u={pill:{backgroundColor:r,outline:c,color:i,alignItems:"center",justifyContent:"center"},clickableWrapper:{outline:c,":hover":{outline:`2px solid ${s}`,outlineOffset:n.xxxxSmall_2},":active":{backgroundColor:o,outline:`2px solid ${p}`,outlineOffset:n.xxxxSmall_2},":focus-visible":{outline:`2px solid ${s}`,outlineOffset:n.xxxxSmall_2}}};return y[t]=C.StyleSheet.create(u),y[t]},W={boxShadow:`0 8px 8px ${l.offBlack64}`,zIndex:1e3},F=a=>{const{selectedAnswers:e,showCorrectness:t,markerRef:r,side:o,onClick:i,style:s,focused:p,hovered:c}=a,u=I(),{strings:f}=q(),S=e.length>1?f.answers({num:e.length}):e[0],g=t==="correct",m=t==="incorrect";return k(L,{placement:o,referenceElement:r,modifiers:[{name:"preventOverflow",options:{rootBoundary:"viewport"}}],children:({ref:x,style:b})=>k(A,{size:"large",kind:"accent",id:u.get("perseus-label-image-widget-answer-pill"),onClick:g?void 0:i,ref:x,style:[s,b,v.pill,g&&v.correct,m&&v.incorrect,(p||c)&&W],children:k(j,{content:S,strings:f,inline:!0})})})},v=C.StyleSheet.create({correct:{backgroundColor:"#00880b"},incorrect:{backgroundColor:l.offBlack64},pill:{height:"auto"}});F.__docgenInfo={description:"",methods:[],displayName:"AnswerPill",props:{selectedAnswers:{required:!0,tsType:{name:"unknown"},description:""},showCorrectness:{required:!1,tsType:{name:"union",raw:'"correct" | "incorrect"',elements:[{name:"literal",value:'"correct"'},{name:"literal",value:'"incorrect"'}]},description:""},markerRef:{required:!1,tsType:{name:"HTMLElement"},description:""},side:{required:!0,tsType:{name:"union",raw:'"top" | "bottom" | "left" | "right"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},style:{required:!1,tsType:{name:"CSSProperties"},description:""},hovered:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{F as A}; diff --git a/assets/answer-pill.stories--LNeiJSS.js b/assets/answer-pill.stories-u8RtskbG.js similarity index 94% rename from assets/answer-pill.stories--LNeiJSS.js rename to assets/answer-pill.stories-u8RtskbG.js index 8d2ab7020f..570488b110 100644 --- a/assets/answer-pill.stories--LNeiJSS.js +++ b/assets/answer-pill.stories-u8RtskbG.js @@ -1,4 +1,4 @@ -import{j as C}from"./jsx-runtime-FVsy8kgq.js";import{A as t}from"./answer-pill-J67mzuP8.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const or={title:"Perseus/Widgets/Label Image/Answer Pill",component:t,render:k=>C(t,{...k}),argTypes:{showCorrectness:{options:["not answered","correct","incorrect"],control:{type:"radio"}}}},r={args:{id:"1",selectedAnswers:["Answer Pill"],markerRef:null,side:"top",onClick:()=>{}}},e={args:{id:"1",selectedAnswers:["Answer 1","Answer 2"],markerRef:null,side:"top",onClick:()=>{}}},s={args:{id:"1",selectedAnswers:["Right Answer"],showCorrectness:"correct",markerRef:null,side:"top",onClick:()=>{}}},o={args:{id:"1",selectedAnswers:["Wrong Answer"],showCorrectness:"incorrect",markerRef:null,side:"top",onClick:()=>{}}};var n,i,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ +import{j as C}from"./jsx-runtime-FVsy8kgq.js";import{A as t}from"./answer-pill-Ps6fTJR6.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const or={title:"Perseus/Widgets/Label Image/Answer Pill",component:t,render:k=>C(t,{...k}),argTypes:{showCorrectness:{options:["not answered","correct","incorrect"],control:{type:"radio"}}}},r={args:{id:"1",selectedAnswers:["Answer Pill"],markerRef:null,side:"top",onClick:()=>{}}},e={args:{id:"1",selectedAnswers:["Answer 1","Answer 2"],markerRef:null,side:"top",onClick:()=>{}}},s={args:{id:"1",selectedAnswers:["Right Answer"],showCorrectness:"correct",markerRef:null,side:"top",onClick:()=>{}}},o={args:{id:"1",selectedAnswers:["Wrong Answer"],showCorrectness:"incorrect",markerRef:null,side:"top",onClick:()=>{}}};var n,i,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ args: { id: "1", selectedAnswers: ["Answer Pill"], diff --git a/assets/article-editor-PnglreYb.js b/assets/article-editor-kCKnOB8_.js similarity index 95% rename from assets/article-editor-PnglreYb.js rename to assets/article-editor-kCKnOB8_.js index d74f294d22..60aa4a2933 100644 --- a/assets/article-editor-PnglreYb.js +++ b/assets/article-editor-kCKnOB8_.js @@ -1,4 +1,4 @@ -import{j as t,a as s}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import{_ as i}from"./jquery-yG1GhClm.js";import{P as d,E as c}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as u}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as g}from"./components-v_jsX-d9.js";import{I as v}from"./icon-paths-AuJwhOz7.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as w}from"./index-TT1qJ6UJ.js";import{D as R}from"./device-framer-guMJF-HL.js";import{I as _,J as k}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{S as o}from"./section-control-button-ntmvBOuR.js";import{E as b}from"./editor-IYGRa35D.js";const{HUD:P,InlineIcon:C}=g,{iconCircleArrowDown:A,iconCircleArrowUp:S,iconPlus:h,iconTrash:E}=v,m=class m extends w.Component{constructor(){super(...arguments),this.state={highlightLint:!0},this._handleJsonChange=n=>{this.props.onChange({json:n})},this._handleEditorChange=(n,e)=>{const a=i.clone(this._sections());a[n]=i.extend({},a[n],e),this.props.onChange({json:a})}}componentDidMount(){this._updatePreviewFrames()}componentDidUpdate(){this._updatePreviewFrames()}_updatePreviewFrames(){this.props.mode==="preview"?this.refs["frame-all"].sendNewData({type:"article-all",data:this._sections().map((n,e)=>this._apiOptionsForSection(n,e))}):this.props.mode==="edit"&&this._sections().forEach((n,e)=>{this.refs["frame-"+e].sendNewData({type:"article",data:this._apiOptionsForSection(n,e)})})}_apiOptionsForSection(n,e){const a=this.refs[`editor${e}`];return{apiOptions:{...u.defaults,...this.props.apiOptions,showAlignmentOptions:!0,isArticle:!0},json:n,useNewStyles:this.props.useNewStyles,linterContext:{contentType:"article",highlightLint:this.state.highlightLint,paths:this.props.contentPaths},legacyPerseusLint:a?a.getSaveWarnings():[]}}_sections(){return Array.isArray(this.props.json)?this.props.json:[this.props.json]}_renderEditor(){const{imageUploader:n,sectionImageUploadGenerator:e}=this.props,a={...u.defaults,...this.props.apiOptions,showAlignmentOptions:!0,isArticle:!0},p=this._sections();return s("div",{className:"perseus-editor-table",children:[p.map((y,r)=>[s("div",{className:"perseus-editor-row",children:[s("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:["Section ",r+1,s("div",{style:{display:"inline-block",float:"right"},children:[e(r),t(o,{icon:h,onClick:()=>{this._handleAddSectionAfter(r)},title:"Add a new section after this one"}),r+1{this._handleMoveSectionLater(r)},title:"Move this section down"}),r>0&&t(o,{icon:S,onClick:()=>{this._handleMoveSectionEarlier(r)},title:"Move this section up"}),t(o,{icon:E,onClick:()=>{const f="Are you sure you want to delete section "+(r+1)+"?";confirm(f)&&this._handleRemoveSection(r)},title:"Delete this section"})]})]}),t(b,{...y,apiOptions:a,imageUploader:n,onChange:i.partial(this._handleEditorChange,r),placeholder:"Type your section text here...",ref:"editor"+r})]}),t("div",{className:"editor-preview",children:this._renderIframePreview(r,!0)})]},r)]),this._renderAddSection(),this._renderLinterHUD()]})}_renderAddSection(){return t("div",{className:"perseus-editor-row",children:t("div",{className:"perseus-editor-left-cell",children:s("a",{href:"#",className:"simple-button orange",onClick:()=>{this._handleAddSectionAfter(this._sections().length-1)},children:[t(C,{...h})," Add a section"]})})})}_renderLinterHUD(){return t(P,{message:"Style warnings",enabled:this.state.highlightLint,onClick:()=>{this.setState({highlightLint:!this.state.highlightLint})}})}_renderIframePreview(n,e){const a=this.props.screen==="phone"||this.props.screen==="tablet";return t(R,{deviceType:this.props.screen,nochrome:e,children:t(_,{ref:"frame-"+n,datasetKey:"mobile",datasetValue:a,seamless:e,url:this.props.previewURL},this.props.screen)})}_renderPreviewMode(){return t("div",{className:"standalone-preview",children:this._renderIframePreview("all",!1)})}_handleMoveSectionEarlier(n){if(n===0)return;const e=i.clone(this._sections()),a=e[n];e.splice(n,1),e.splice(n-1,0,a),this.props.onChange({json:e})}_handleMoveSectionLater(n){const e=i.clone(this._sections());if(n+1===e.length)return;const a=e[n];e.splice(n,1),e.splice(n+1,0,a),this.props.onChange({json:e})}_handleAddSectionAfter(n){const e=i.clone(this.serialize()),a=n>=0?{widgets:e[n].widgets}:{};e.splice(n+1,0,a),this.props.onChange({json:e})}_handleRemoveSection(n){const e=i.clone(this._sections());e.splice(n,1),this.props.onChange({json:e})}serialize(){if(this.props.mode==="edit")return this._sections().map((n,e)=>this.refs["editor"+e].serialize());if(this.props.mode==="preview"||this.props.mode==="json")return this.props.json;throw new d("Could not serialize; mode "+this.props.mode+" not found",c.Internal)}getSaveWarnings(){if(this.props.mode!=="edit")throw new d("Can only get save warnings in edit mode.",c.NotAllowed);return this._sections().map((n,e)=>this.refs["editor"+e].getSaveWarnings())}render(){return s("div",{className:"framework-perseus perseus-article-editor",children:[this.props.mode==="edit"&&this._renderEditor(),this.props.mode==="preview"&&this._renderPreviewMode(),this.props.mode==="json"&&s("div",{className:"json-editor",children:[t("div",{className:"json-editor-warning",children:t("span",{children:"Warning: Editing in this mode can lead to broken articles!"})}),t(k,{multiLine:!0,onChange:this._handleJsonChange,value:this.props.json})]})]})}};m.defaultProps={contentPaths:[],json:[{}],mode:"edit",screen:"desktop",sectionImageUploadGenerator:()=>t("span",{}),useNewStyles:!1};let l=m;l.__docgenInfo={description:"",methods:[{name:"_updatePreviewFrames",docblock:null,modifiers:[],params:[],returns:null},{name:"_apiOptionsForSection",docblock:null,modifiers:[],params:[{name:"section",optional:!1,type:{name:"signature",type:"object",raw:`{ +import{j as t,a as s}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import{_ as i}from"./jquery-yG1GhClm.js";import{P as d,E as c}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as u}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as g}from"./components-v_jsX-d9.js";import{I as v}from"./icon-paths-AuJwhOz7.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as w}from"./index-TT1qJ6UJ.js";import{D as R}from"./device-framer-xnxLcHMi.js";import{I as _,J as k}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{S as o}from"./section-control-button-0qlF-d0b.js";import{E as b}from"./editor-AA_-Ksmn.js";const{HUD:P,InlineIcon:C}=g,{iconCircleArrowDown:A,iconCircleArrowUp:S,iconPlus:h,iconTrash:E}=v,m=class m extends w.Component{constructor(){super(...arguments),this.state={highlightLint:!0},this._handleJsonChange=n=>{this.props.onChange({json:n})},this._handleEditorChange=(n,e)=>{const a=i.clone(this._sections());a[n]=i.extend({},a[n],e),this.props.onChange({json:a})}}componentDidMount(){this._updatePreviewFrames()}componentDidUpdate(){this._updatePreviewFrames()}_updatePreviewFrames(){this.props.mode==="preview"?this.refs["frame-all"].sendNewData({type:"article-all",data:this._sections().map((n,e)=>this._apiOptionsForSection(n,e))}):this.props.mode==="edit"&&this._sections().forEach((n,e)=>{this.refs["frame-"+e].sendNewData({type:"article",data:this._apiOptionsForSection(n,e)})})}_apiOptionsForSection(n,e){const a=this.refs[`editor${e}`];return{apiOptions:{...u.defaults,...this.props.apiOptions,showAlignmentOptions:!0,isArticle:!0},json:n,useNewStyles:this.props.useNewStyles,linterContext:{contentType:"article",highlightLint:this.state.highlightLint,paths:this.props.contentPaths},legacyPerseusLint:a?a.getSaveWarnings():[]}}_sections(){return Array.isArray(this.props.json)?this.props.json:[this.props.json]}_renderEditor(){const{imageUploader:n,sectionImageUploadGenerator:e}=this.props,a={...u.defaults,...this.props.apiOptions,showAlignmentOptions:!0,isArticle:!0},p=this._sections();return s("div",{className:"perseus-editor-table",children:[p.map((y,r)=>[s("div",{className:"perseus-editor-row",children:[s("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:["Section ",r+1,s("div",{style:{display:"inline-block",float:"right"},children:[e(r),t(o,{icon:h,onClick:()=>{this._handleAddSectionAfter(r)},title:"Add a new section after this one"}),r+1{this._handleMoveSectionLater(r)},title:"Move this section down"}),r>0&&t(o,{icon:S,onClick:()=>{this._handleMoveSectionEarlier(r)},title:"Move this section up"}),t(o,{icon:E,onClick:()=>{const f="Are you sure you want to delete section "+(r+1)+"?";confirm(f)&&this._handleRemoveSection(r)},title:"Delete this section"})]})]}),t(b,{...y,apiOptions:a,imageUploader:n,onChange:i.partial(this._handleEditorChange,r),placeholder:"Type your section text here...",ref:"editor"+r})]}),t("div",{className:"editor-preview",children:this._renderIframePreview(r,!0)})]},r)]),this._renderAddSection(),this._renderLinterHUD()]})}_renderAddSection(){return t("div",{className:"perseus-editor-row",children:t("div",{className:"perseus-editor-left-cell",children:s("a",{href:"#",className:"simple-button orange",onClick:()=>{this._handleAddSectionAfter(this._sections().length-1)},children:[t(C,{...h})," Add a section"]})})})}_renderLinterHUD(){return t(P,{message:"Style warnings",enabled:this.state.highlightLint,onClick:()=>{this.setState({highlightLint:!this.state.highlightLint})}})}_renderIframePreview(n,e){const a=this.props.screen==="phone"||this.props.screen==="tablet";return t(R,{deviceType:this.props.screen,nochrome:e,children:t(_,{ref:"frame-"+n,datasetKey:"mobile",datasetValue:a,seamless:e,url:this.props.previewURL},this.props.screen)})}_renderPreviewMode(){return t("div",{className:"standalone-preview",children:this._renderIframePreview("all",!1)})}_handleMoveSectionEarlier(n){if(n===0)return;const e=i.clone(this._sections()),a=e[n];e.splice(n,1),e.splice(n-1,0,a),this.props.onChange({json:e})}_handleMoveSectionLater(n){const e=i.clone(this._sections());if(n+1===e.length)return;const a=e[n];e.splice(n,1),e.splice(n+1,0,a),this.props.onChange({json:e})}_handleAddSectionAfter(n){const e=i.clone(this.serialize()),a=n>=0?{widgets:e[n].widgets}:{};e.splice(n+1,0,a),this.props.onChange({json:e})}_handleRemoveSection(n){const e=i.clone(this._sections());e.splice(n,1),this.props.onChange({json:e})}serialize(){if(this.props.mode==="edit")return this._sections().map((n,e)=>this.refs["editor"+e].serialize());if(this.props.mode==="preview"||this.props.mode==="json")return this.props.json;throw new d("Could not serialize; mode "+this.props.mode+" not found",c.Internal)}getSaveWarnings(){if(this.props.mode!=="edit")throw new d("Can only get save warnings in edit mode.",c.NotAllowed);return this._sections().map((n,e)=>this.refs["editor"+e].getSaveWarnings())}render(){return s("div",{className:"framework-perseus perseus-article-editor",children:[this.props.mode==="edit"&&this._renderEditor(),this.props.mode==="preview"&&this._renderPreviewMode(),this.props.mode==="json"&&s("div",{className:"json-editor",children:[t("div",{className:"json-editor-warning",children:t("span",{children:"Warning: Editing in this mode can lead to broken articles!"})}),t(k,{multiLine:!0,onChange:this._handleJsonChange,value:this.props.json})]})]})}};m.defaultProps={contentPaths:[],json:[{}],mode:"edit",screen:"desktop",sectionImageUploadGenerator:()=>t("span",{}),useNewStyles:!1};let l=m;l.__docgenInfo={description:"",methods:[{name:"_updatePreviewFrames",docblock:null,modifiers:[],params:[],returns:null},{name:"_apiOptionsForSection",docblock:null,modifiers:[],params:[{name:"section",optional:!1,type:{name:"signature",type:"object",raw:`{ content?: string; widgets?: any; images?: any; diff --git a/assets/article-editor.stories-FSsUnzJ8.js b/assets/article-editor.stories-OTIh-OE3.js similarity index 60% rename from assets/article-editor.stories-FSsUnzJ8.js rename to assets/article-editor.stories-OTIh-OE3.js index acc6b2b2a8..c8bd42cbe2 100644 --- a/assets/article-editor.stories-FSsUnzJ8.js +++ b/assets/article-editor.stories-OTIh-OE3.js @@ -1,4 +1,4 @@ -import{a as d,F as u,j as r}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as f}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as i}from"./index-TT1qJ6UJ.js";import{A as g}from"./article-editor-PnglreYb.js";import{r as h}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-mbE4GLUb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./components-v_jsX-d9.js";import"./device-framer-guMJF-HL.js";import"./constants-hQyjCzwz.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./categorizer-editor-CqdPTbQO.js";import"./editor-jsonify-Bbv2loDC.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-xQPJ0VBq.js";import"./dropdown-editor-7F745Gol.js";import"./explanation-editor-OsL6fZN2.js";import"./expression-editor-oXvZYZPt.js";import"./graph-settings-biSSNAI_.js";import"./image-editor-Vkk6KVZI.js";import"./input-number-editor-kdZwFnVv.js";import"./index-2zQZ4npR.js";import"./interactive-graph-editor-uSKTluyD.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-RN_g28-Z.js";import"./locked-figures-section--2W2zFLn.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./util-ve-DcPK7.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";import"./label-image-editor-8fdLVXi_.js";import"./form-wrapped-text-field-1CYfAYqR.js";import"./answer-choices-K632kWSn.js";import"./behavior-nzziF0nB.js";import"./question-markers-eMZk-A-8.js";import"./marker-sWpCqokp.js";import"./select-image-PQzouU8c.js";import"./matcher-editor-ddeBtjTD.js";import"./number-line-editor-Vp7BYsbR.js";import"./numeric-input-editor-hj1H66L1.js";import"./phet-simulation-editor-nb_VHx1Q.js";import"./python-program-editor-ajdp68zf.js";import"./editor-H-qXwzEE.js";import"./sorter-editor-JLDcQk8S.js";h();const mo={title:"PerseusEditor/ArticleEditor"},t=()=>{const[s,n]=i.useState(),o=i.useRef();function a(c){n(c.json)}function l(){console.log(o.current.serialize())}return d(u,{children:[r("button",{onClick:l,children:"Serialize"}),r("hr",{}),r(g,{apiOptions:f.defaults,imageUploader:()=>{},json:s,onChange:a,previewURL:"/perseus/frame",ref:o})]})};t.__docgenInfo={description:"",methods:[],displayName:"Base"};var p,m,e;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`(): React.ReactElement => { +import{a as d,F as u,j as r}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as f}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as i}from"./index-TT1qJ6UJ.js";import{A as g}from"./article-editor-kCKnOB8_.js";import{r as h}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-MQdUvt3_.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./components-v_jsX-d9.js";import"./device-framer-xnxLcHMi.js";import"./constants-hQyjCzwz.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./categorizer-editor-jdQbWtjl.js";import"./editor-jsonify-tQINrEL4.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-XO63vfM2.js";import"./dropdown-editor-b7e9swla.js";import"./explanation-editor-0Y25yuuV.js";import"./expression-editor-8EIRUcZf.js";import"./graph-settings-DK80fLX7.js";import"./image-editor-WvkMHCYc.js";import"./input-number-editor-0s5nQB_-.js";import"./index-rssW1hfo.js";import"./interactive-graph-editor-lMMNonnK.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-Zqm2t-_P.js";import"./locked-figures-section-5nPJK5LN.js";import"./locked-ellipse-settings-HAWA-793.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./util-uUQ0jXdL.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";import"./label-image-editor-HknhUoXl.js";import"./form-wrapped-text-field-DQhkgIBa.js";import"./answer-choices-YvoNqSTB.js";import"./behavior-l1qZHFXz.js";import"./question-markers-5Y-gUSFk.js";import"./marker-eGjo-yed.js";import"./select-image-tuaUZ15r.js";import"./matcher-editor-N7TyLdO7.js";import"./number-line-editor-QFYtkNpd.js";import"./numeric-input-editor-Hm-vjISp.js";import"./phet-simulation-editor-X79Q74Bn.js";import"./python-program-editor-ozsQsOdO.js";import"./editor-_spdqNG4.js";import"./sorter-editor-wbIsCsVX.js";h();const mo={title:"PerseusEditor/ArticleEditor"},t=()=>{const[s,n]=i.useState(),o=i.useRef();function a(c){n(c.json)}function l(){console.log(o.current.serialize())}return d(u,{children:[r("button",{onClick:l,children:"Serialize"}),r("hr",{}),r(g,{apiOptions:f.defaults,imageUploader:()=>{},json:s,onChange:a,previewURL:"/perseus/frame",ref:o})]})};t.__docgenInfo={description:"",methods:[],displayName:"Base"};var p,m,e;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`(): React.ReactElement => { const [state, setState] = useState(); const articleEditorRef = useRef(); function handleChange(value) { diff --git a/assets/article-renderer-q7kSP2w4.js b/assets/article-renderer-BOOaW4sB.js similarity index 99% rename from assets/article-renderer-q7kSP2w4.js rename to assets/article-renderer-BOOaW4sB.js index b3f7a8f093..c0f7c42742 100644 --- a/assets/article-renderer-q7kSP2w4.js +++ b/assets/article-renderer-BOOaW4sB.js @@ -1,4 +1,4 @@ -import{a as f,j as d,F as M}from"./jsx-runtime-FVsy8kgq.js";import{P as Ne,E as be,p as hr,g as Lr,K as Ve,U as E,e as Vn,D as tl,h as Wa,t as nl,c as al}from"./util-F8-MDmsT.js";import{M as il}from"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./mobile-keypad-3f7ONcH2.js";import"./button-assets-txIojR3b.js";import{K as sl}from"./enums-x5qaTru7.js";import{l as G,m as S,R as V,P as Ca,D as ol,n as Hn,J as ll,p as ul}from"./renderer-ULNOY64X.js";import{V as H,U as dl,c as yl,d as ml,b as $i,u as Fi,_ as Yt}from"./index-6h5t6F0w.js";import{T as Gn}from"./index-K9BSJPWl.js";import{b as Ia,a as Ui}from"./index-h_CiYGGb.js";import{l as x}from"./index-awljIyHI.js";import{c as Ae}from"./index-dnMhQZ-1.js";import{r as v,R as Si}from"./index-TT1qJ6UJ.js";import{R as D,r as fr}from"./index-7vsPyIck.js";import{_ as g,$ as _}from"./jquery-yG1GhClm.js";import{P as F,u as Bn}from"./i18n-context-P7VpLqM1.js";import{a as Et,M as gl}from"./math-input-2pyBSGzU.js";import{u as Kn,g as fe,D as hl}from"./dependencies-8XILypbq.js";import"./version-akiLXZts.js";import{P as pl}from"./index-k-0mNqHS.js";import{A as de,C as _e}from"./perseus-api-mOiZT07d.js";import{L as Yn,a as B,r as cl,K as W,s as za,b as jr,I,S as _r,W as Wr,c as bl,d as Lt,f as nr,v as ar,p as vl,g as wl,h as Mi,i as rt,j as tt,k as Di,e as fl,n as Q,q as St,t as Na,u as xe,w as Ea,x as kl,y as La,z as ql,G as Tr,A as _a,C as Tl,B as Xn}from"./svg-image-QKR8YXWf.js";import{s as se,c as z,a as Al,b as Rl}from"./index-deFLJwr4.js";import{I as Vi}from"./input-with-examples-rhtpDeH1.js";import{S as Pr}from"./simple-keypad-input-jZGN23LY.js";import{B as Ol}from"./base-radio-NUDOhlSE.js";import{I as ir}from"./inline-icon-tKY1iMkH.js";import{g as xl,h as jl,j as Wl,k as Cl,l as Il,m as zl}from"./icon-paths-AuJwhOz7.js";import{m as Cr}from"./media-queries-gbofTbz-.js";import{s as Pa}from"./shared-4TdECMLk.js";import{u as Nl,n as He,s as ze,g as nt,v as Hi,e as El,i as Gi}from"./constants-iPV6vHZm.js";import{C as Qn}from"./index-WNT3sUKf.js";import{P as Ll,a as _l}from"./index-BPSWBbj5.js";import{B as Pl,a as $l,h as Fl,k as Ul,b as Sl,c as Ml,d as Dl,l as Vl,e as Hl,f as Gl}from"./phet-simulation-LQRU0vOo.js";import{O as $a,S as Bl,A as Kl}from"./answer-choices-mbE4GLUb.js";import{B as Ke}from"./choice-Bz-ZMhQM.js";import{B as Yl}from"./button-group-nsoLlHtM.js";import{c as Jn}from"./asset-context-I7yIqWki.js";import{c as Fr,g as Xl}from"./_commonjsHelpers-4gQjN7DL.js";import{G as Ql}from"./graph-bSP67F6m.js";import{w as pr}from"./index-J2t_5nK1.js";import{v as R,C as Jl,E as Zl,P as at,a as it,L as Fa,b as Xt,u as eu,c as Bi,T as ru,M as Ua}from"./index-IIMKO4_x.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./multi-button-group-a0iIfrwx.js";import{N as Ki}from"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import{T as tu}from"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{i as re}from"./tiny-invariant-bHgPayXn.js";import{m as nu,c as au,u as iu,a as su,T as ou}from"./index-rfN0X25E.js";import{M as lu}from"./marker-I4xoHdfy.js";import{S as Qt}from"./sortable-whqqG2TO.js";import{F as uu}from"./fixed-to-responsive-AkRQxH3P.js";import{V as du}from"./video-transcript-link-44eQkwGl.js";const yu=["PLUS","MINUS","NEGATIVE","TIMES","DIVIDE","DECIMAL","PERIOD","PERCENT","CDOT","EQUAL","NEQ","GT","LT","GEQ","LEQ","FRAC_INCLUSIVE","FRAC_EXCLUSIVE","FRAC","EXP","EXP_2","EXP_3","SQRT","CUBE_ROOT","RADICAL","LEFT_PAREN","RIGHT_PAREN","LN","LOG","LOG_N","SIN","COS","TAN","PI","THETA","UP","RIGHT","DOWN","LEFT","BACKSPACE","DISMISS","JUMP_OUT_PARENTHESES","JUMP_OUT_EXPONENT","JUMP_OUT_BASE","JUMP_INTO_NUMERATOR","JUMP_OUT_NUMERATOR","JUMP_OUT_DENOMINATOR","NUM_0","NUM_1","NUM_2","NUM_3","NUM_4","NUM_5","NUM_6","NUM_7","NUM_8","NUM_9","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],mu=["key","ref","containerSizeClass","widgetId","onChange","problemNum","apiOptions","widgetIsOpen","questionCompleted","findWidgets","onRemove","id","onBlur","onFocus","trackInteraction","keypadElement"],gu=`Usage: +import{a as f,j as d,F as M}from"./jsx-runtime-FVsy8kgq.js";import{P as Ne,E as be,p as hr,g as Lr,K as Ve,U as E,e as Vn,D as tl,h as Wa,t as nl,c as al}from"./util-F8-MDmsT.js";import{M as il}from"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./mobile-keypad-3f7ONcH2.js";import"./button-assets-txIojR3b.js";import{K as sl}from"./enums-x5qaTru7.js";import{l as G,m as S,R as V,P as Ca,D as ol,n as Hn,J as ll,p as ul}from"./renderer-dyWsFSUA.js";import{V as H,U as dl,c as yl,d as ml,b as $i,u as Fi,_ as Yt}from"./index-6h5t6F0w.js";import{T as Gn}from"./index-K9BSJPWl.js";import{b as Ia,a as Ui}from"./index-h_CiYGGb.js";import{l as x}from"./index-awljIyHI.js";import{c as Ae}from"./index-dnMhQZ-1.js";import{r as v,R as Si}from"./index-TT1qJ6UJ.js";import{R as D,r as fr}from"./index-7vsPyIck.js";import{_ as g,$ as _}from"./jquery-yG1GhClm.js";import{P as F,u as Bn}from"./i18n-context-P7VpLqM1.js";import{a as Et,M as gl}from"./math-input-2pyBSGzU.js";import{u as Kn,g as fe,D as hl}from"./dependencies-8XILypbq.js";import"./version-akiLXZts.js";import{P as pl}from"./index-0C4KXdeC.js";import{A as de,C as _e}from"./perseus-api-mOiZT07d.js";import{L as Yn,a as B,r as cl,K as W,s as za,b as jr,I,S as _r,W as Wr,c as bl,d as Lt,f as nr,v as ar,p as vl,g as wl,h as Mi,i as rt,j as tt,k as Di,e as fl,n as Q,q as St,t as Na,u as xe,w as Ea,x as kl,y as La,z as ql,G as Tr,A as _a,C as Tl,B as Xn}from"./svg-image-QKR8YXWf.js";import{s as se,c as z,a as Al,b as Rl}from"./index-deFLJwr4.js";import{I as Vi}from"./input-with-examples-mVJrYO9s.js";import{S as Pr}from"./simple-keypad-input-jZGN23LY.js";import{B as Ol}from"./base-radio-jqxXuHNO.js";import{I as ir}from"./inline-icon-tKY1iMkH.js";import{g as xl,h as jl,j as Wl,k as Cl,l as Il,m as zl}from"./icon-paths-AuJwhOz7.js";import{m as Cr}from"./media-queries-gbofTbz-.js";import{s as Pa}from"./shared-4TdECMLk.js";import{u as Nl,n as He,s as ze,g as nt,v as Hi,e as El,i as Gi}from"./constants-iPV6vHZm.js";import{C as Qn}from"./index-WNT3sUKf.js";import{P as Ll,a as _l}from"./index-BPSWBbj5.js";import{B as Pl,a as $l,h as Fl,k as Ul,b as Sl,c as Ml,d as Dl,l as Vl,e as Hl,f as Gl}from"./phet-simulation-LQRU0vOo.js";import{O as $a,S as Bl,A as Kl}from"./answer-choices-MQdUvt3_.js";import{B as Ke}from"./choice-Bz-ZMhQM.js";import{B as Yl}from"./button-group-nsoLlHtM.js";import{c as Jn}from"./asset-context-I7yIqWki.js";import{c as Fr,g as Xl}from"./_commonjsHelpers-4gQjN7DL.js";import{G as Ql}from"./graph-bSP67F6m.js";import{w as pr}from"./index-J2t_5nK1.js";import{v as R,C as Jl,E as Zl,P as at,a as it,L as Fa,b as Xt,u as eu,c as Bi,T as ru,M as Ua}from"./index-IIMKO4_x.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./multi-button-group-a0iIfrwx.js";import{N as Ki}from"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import{T as tu}from"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{i as re}from"./tiny-invariant-bHgPayXn.js";import{m as nu,c as au,u as iu,a as su,T as ou}from"./index-rfN0X25E.js";import{M as lu}from"./marker-lsO23jIU.js";import{S as Qt}from"./sortable-7jf323dV.js";import{F as uu}from"./fixed-to-responsive-AkRQxH3P.js";import{V as du}from"./video-transcript-link-44eQkwGl.js";const yu=["PLUS","MINUS","NEGATIVE","TIMES","DIVIDE","DECIMAL","PERIOD","PERCENT","CDOT","EQUAL","NEQ","GT","LT","GEQ","LEQ","FRAC_INCLUSIVE","FRAC_EXCLUSIVE","FRAC","EXP","EXP_2","EXP_3","SQRT","CUBE_ROOT","RADICAL","LEFT_PAREN","RIGHT_PAREN","LN","LOG","LOG_N","SIN","COS","TAN","PI","THETA","UP","RIGHT","DOWN","LEFT","BACKSPACE","DISMISS","JUMP_OUT_PARENTHESES","JUMP_OUT_EXPONENT","JUMP_OUT_BASE","JUMP_INTO_NUMERATOR","JUMP_OUT_NUMERATOR","JUMP_OUT_DENOMINATOR","NUM_0","NUM_1","NUM_2","NUM_3","NUM_4","NUM_5","NUM_6","NUM_7","NUM_8","NUM_9","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],mu=["key","ref","containerSizeClass","widgetId","onChange","problemNum","apiOptions","widgetIsOpen","questionCompleted","findWidgets","onRemove","id","onBlur","onFocus","trackInteraction","keypadElement"],gu=`Usage: this.change({propName: 5}, callback); this.change("propName", 5, callback); this.change("propName")`,Yi=function(t,e,r){const n=g.omit(t.props,mu),a=g.extend(n,e);t.props.onChange(a,r)},Xi=function(t,e,r,n){if(r===void 0)return g.partial(Xi,t,e);const a={};a[e]=r,Yi(t,a,n)},ee=function(t,e,r){if(g.isObject(t)&&r===void 0)return r=e,Yi(this,t,r);if(typeof t=="string")return Xi(this,t,e,r);throw new Ne("Invalid types sent to this.change(): "+g.toArray(arguments).join()+` diff --git a/assets/article-renderer.stories-YXgPXn3_.js b/assets/article-renderer.stories-xv4mhbid.js similarity index 91% rename from assets/article-renderer.stories-YXgPXn3_.js rename to assets/article-renderer.stories-xv4mhbid.js index c23148cc0d..e192d10c25 100644 --- a/assets/article-renderer.stories-YXgPXn3_.js +++ b/assets/article-renderer.stories-xv4mhbid.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{a as _}from"./mobile-keypad-3f7ONcH2.js";import{a as j}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{s as p}from"./test-dependencies-BYssWPiu.js";import{s as k,m as M,p as W,a as T,b as D}from"./article-renderer.testdata-spwNviYy.js";import{A as m}from"./article-renderer-q7kSP2w4.js";import{T as b}from"./test-keypad-context-wrapper-SbDTc7Od.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./prop-types-n-SFl0Bz.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";const Rr={title:"Perseus/Renderers/Article Renderer",argTypes:{useNewStyles:{control:"boolean"}}},t=e=>r(m,{json:k,dependencies:p,useNewStyles:e.useNewStyles}),o=e=>r(m,{json:M,dependencies:p,useNewStyles:e.useNewStyles}),i=({useNewStyles:e})=>r(m,{json:W,dependencies:p,useNewStyles:e}),s=({useNewStyles:e})=>r(b,{children:r(_.Consumer,{children:({keypadElement:a,setRenderer:c})=>r(m,{ref:d=>{c(d)},json:T,dependencies:p,useNewStyles:e,apiOptions:{isMobile:!0,customKeypad:!0,onFocusChange:j("onFocusChange")},keypadElement:a})})}),n=({useNewStyles:e})=>r(b,{children:r(_.Consumer,{children:({keypadElement:a,setRenderer:c})=>r(m,{ref:d=>{c(d)},json:D,dependencies:p,useNewStyles:e,apiOptions:{isMobile:!0,customKeypad:!0},keypadElement:a})})});t.__docgenInfo={description:"",methods:[],displayName:"ASingleSectionArticle"};o.__docgenInfo={description:"",methods:[],displayName:"BMultiSectionArticle"};i.__docgenInfo={description:"",methods:[],displayName:"PassageArticle"};s.__docgenInfo={description:"",methods:[],displayName:"ExpressionArticle"};n.__docgenInfo={description:"",methods:[],displayName:"MultiSectionedExpressionArticle"};var l,u,y;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`(args: { +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{a as _}from"./mobile-keypad-3f7ONcH2.js";import{a as j}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{s as p}from"./test-dependencies-6YNLO4fV.js";import{s as k,m as M,p as W,a as T,b as D}from"./article-renderer.testdata-spwNviYy.js";import{A as m}from"./article-renderer-BOOaW4sB.js";import{T as b}from"./test-keypad-context-wrapper-SbDTc7Od.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./prop-types-n-SFl0Bz.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";const Rr={title:"Perseus/Renderers/Article Renderer",argTypes:{useNewStyles:{control:"boolean"}}},t=e=>r(m,{json:k,dependencies:p,useNewStyles:e.useNewStyles}),o=e=>r(m,{json:M,dependencies:p,useNewStyles:e.useNewStyles}),i=({useNewStyles:e})=>r(m,{json:W,dependencies:p,useNewStyles:e}),s=({useNewStyles:e})=>r(b,{children:r(_.Consumer,{children:({keypadElement:a,setRenderer:c})=>r(m,{ref:d=>{c(d)},json:T,dependencies:p,useNewStyles:e,apiOptions:{isMobile:!0,customKeypad:!0,onFocusChange:j("onFocusChange")},keypadElement:a})})}),n=({useNewStyles:e})=>r(b,{children:r(_.Consumer,{children:({keypadElement:a,setRenderer:c})=>r(m,{ref:d=>{c(d)},json:D,dependencies:p,useNewStyles:e,apiOptions:{isMobile:!0,customKeypad:!0},keypadElement:a})})});t.__docgenInfo={description:"",methods:[],displayName:"ASingleSectionArticle"};o.__docgenInfo={description:"",methods:[],displayName:"BMultiSectionArticle"};i.__docgenInfo={description:"",methods:[],displayName:"PassageArticle"};s.__docgenInfo={description:"",methods:[],displayName:"ExpressionArticle"};n.__docgenInfo={description:"",methods:[],displayName:"MultiSectionedExpressionArticle"};var l,u,y;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`(args: { useNewStyles; }): React.ReactElement => { return ; diff --git a/assets/base-radio-NUDOhlSE.js b/assets/base-radio-jqxXuHNO.js similarity index 99% rename from assets/base-radio-NUDOhlSE.js rename to assets/base-radio-jqxXuHNO.js index 637cce606d..d0d45ca287 100644 --- a/assets/base-radio-NUDOhlSE.js +++ b/assets/base-radio-jqxXuHNO.js @@ -1,4 +1,4 @@ -import{a as X,j as c}from"./jsx-runtime-FVsy8kgq.js";import{l as b}from"./index-awljIyHI.js";import{c as C}from"./index-dnMhQZ-1.js";import{r as O}from"./index-TT1qJ6UJ.js";import{R as M}from"./index-7vsPyIck.js";import{_ as Z}from"./jquery-yG1GhClm.js";import{u as ee}from"./i18n-context-P7VpLqM1.js";import{C as x}from"./perseus-api-mOiZT07d.js";import{h as re,r as N,n as z,s as U}from"./constants-iPV6vHZm.js";import{m as E}from"./media-queries-gbofTbz-.js";import{s as te}from"./shared-4TdECMLk.js";import{U as ne}from"./util-F8-MDmsT.js";import{C as ae}from"./choice-Bz-ZMhQM.js";import{C as ie}from"./choice-none-above-7sZgmnsx.js";typeof HTMLElement<"u"&&!HTMLElement.prototype.scrollTo&&(HTMLElement.prototype.scrollTo=function(e,t){this.scrollLeft=e,this.scrollTop=t});const S=(e,t)=>{typeof e.scrollTo=="function"?e.scrollTo(0,t):"scrollTop"in e&&(e.scrollTop=t)},se=(e,t,s=0,n)=>{const a=e===window?window.pageYOffset:e.scrollTop,u=t,m=u-a,d=17,k=s/d;let v=0;const q=setInterval(function(){if(ve===document.body||e==null?window:e.scrollHeight>e.clientHeight?e:D(e.parentElement),oe=750,le=(e,t)=>{setTimeout(()=>{const s=D(e),n=e.getBoundingClientRect(),a=s===window?{top:0,bottom:window.innerHeight}:s.getBoundingClientRect();let u=0;const m=s===window?window.scrollY:s.scrollTop;if(n.bottom>a.bottom){let d=n.bottom-a.bottom;n.top+d{if(t.canScrollPage&&q&&s&&!T.current){const r=a.findIndex(i=>i.checked);if(r>=0){const i=W.current[r],l=M.findDOMNode(i.current);l&&le(l)}}T.current=s},[t,a,q,s]);function L(r,i){const{multipleSelect:p,choices:l,onChange:R}=e;let g;i.checked&&!p?g=l.map(h=>!1):g=l.map(h=>h.checked);const A=l.map(h=>h.crossedOut);g[r]=i.checked,A[r]=i.crossedOut,R({checked:g,crossedOut:A})}w==null||w(r=>{const i=W.current[r||0],l=M.findDOMNode(i.current);if(l)l.focus();else return!1;return!0});const I=t.isMobile,V=a[0].highlighted,G=a[a.length-1].highlighted,K=C("perseus-widget-radio",!u&&"perseus-rendered-radio",b.css(o.radio,o.responsiveRadioContainer,V&&I&&o.radioContainerFirstHighlighted,G&&I&&o.radioContainerLastHighlighted)),B=C("instructions",b.css(o.instructions,I&&o.instructionsMobile)),_=de(m,k,v,j),Y=b.css(o.responsiveFieldset),Q=X("fieldset",{className:`perseus-widget-radio-fieldset ${Y}`,children:[c("legend",{className:"perseus-sr-only",children:_}),c("div",{className:B,"aria-hidden":"true",children:_}),c("ul",{className:K,style:{listStyle:"none"},children:a.map((r,i)=>{let p=ae;const l=O.createRef();W.current[i]=l;const R={apiOptions:t,multipleSelect:m,checked:r.checked,crossedOut:r.crossedOut,previouslyAnswered:r.previouslyAnswered,reviewMode:n,correct:r.correct,rationale:r.rationale,content:r.content,disabled:t.readOnly||r.disabled,showCorrectness:n||!!r.showCorrectness,showRationale:r.hasRationale&&(n||r.showRationale),pos:i,onChange:y=>{u||L(i,y)}};r.isNoneOfTheAbove&&(p=ie,Z.extend(R,{showContent:r.revealNoneOfTheAbove}));const g=a[i+1],A=!!g&&g.highlighted,h=y=>b.css(te.aboveScratchpad,o.item,o.responsiveItem,y&&o.selectedItem,y&&r.highlighted&&o.aboveBackdrop,y&&r.highlighted&&t.isMobile&&o.aboveBackdropMobile,A&&t.isMobile&&o.nextHighlighted);h(!0);let P;n&&s&&(P=s.choices[i].correct?x.CORRECT:x.INCORRECT);const J=C(h(r.checked),x.RADIO.OPTION,r.checked&&x.RADIO.SELECTED,P);let $=null,F;return u&&(F=y=>{let f=y.target;for(;f&&f!==$;){if(f.getAttribute("data-is-radio-icon")){L(i,{checked:!r.checked,crossedOut:r.crossedOut});return}f=f.parentNode}}),c("li",{ref:y=>$=y,className:J,onClick:F,onTouchStart:d?void 0:ue,children:c(p,{...R,ref:l})},i)})})]});return c("div",{className:b.css(o.responsiveContainer),children:Q})};H.defaultProps={editMode:!1,multipleSelect:!1};const o=b.StyleSheet.create({instructions:{display:"block",color:re,fontSize:14,lineHeight:1.25,fontFamily:"inherit",fontStyle:"normal",fontWeight:"bold",marginBottom:16},instructionsMobile:{fontSize:18,[E.smOrSmaller]:{fontSize:16},[E.xl]:{fontSize:20}},radio:{padding:0},responsiveRadioContainer:{borderBottom:`1px solid ${N}`,borderTop:`1px solid ${N}`,width:"auto",[E.smOrSmaller]:{marginLeft:z,marginRight:z}},radioContainerFirstHighlighted:{borderTop:"1px solid rgba(0, 0, 0, 0)"},radioContainerLastHighlighted:{borderBottom:"1px solid rgba(0, 0, 0, 0)"},item:{marginLeft:20},responsiveItem:{marginLeft:0,padding:0,":not(:last-child)":{borderBottom:`1px solid ${N}`}},selectedItem:{background:"white"},aboveBackdrop:{position:"relative",zIndex:1062},aboveBackdropMobile:{boxShadow:"0 0 4px 0 rgba(0, 0, 0, 0.2),0 0 2px 0 rgba(0, 0, 0, 0.1)",":not(:last-child)":{borderBottom:"1px solid rgba(0, 0, 0, 0)"}},nextHighlighted:{":not(:last-child)":{borderBottom:"1px solid rgba(0, 0, 0, 0)"}},responsiveContainer:{overflow:"auto",marginLeft:z,paddingLeft:U},responsiveFieldset:{paddingRight:U,minWidth:"auto"}});H.__docgenInfo={description:"",methods:[],displayName:"BaseRadio",props:{apiOptions:{required:!0,tsType:{name:"Readonly",elements:[{name:"signature",type:"object",raw:`{ +import{a as X,j as c}from"./jsx-runtime-FVsy8kgq.js";import{l as b}from"./index-awljIyHI.js";import{c as C}from"./index-dnMhQZ-1.js";import{r as O}from"./index-TT1qJ6UJ.js";import{R as M}from"./index-7vsPyIck.js";import{_ as Z}from"./jquery-yG1GhClm.js";import{u as ee}from"./i18n-context-P7VpLqM1.js";import{C as x}from"./perseus-api-mOiZT07d.js";import{h as re,r as N,n as z,s as U}from"./constants-iPV6vHZm.js";import{m as E}from"./media-queries-gbofTbz-.js";import{s as te}from"./shared-4TdECMLk.js";import{U as ne}from"./util-F8-MDmsT.js";import{C as ae}from"./choice-Bz-ZMhQM.js";import{C as ie}from"./choice-none-above-NXvpeqY4.js";typeof HTMLElement<"u"&&!HTMLElement.prototype.scrollTo&&(HTMLElement.prototype.scrollTo=function(e,t){this.scrollLeft=e,this.scrollTop=t});const S=(e,t)=>{typeof e.scrollTo=="function"?e.scrollTo(0,t):"scrollTop"in e&&(e.scrollTop=t)},se=(e,t,s=0,n)=>{const a=e===window?window.pageYOffset:e.scrollTop,u=t,m=u-a,d=17,k=s/d;let v=0;const q=setInterval(function(){if(ve===document.body||e==null?window:e.scrollHeight>e.clientHeight?e:D(e.parentElement),oe=750,le=(e,t)=>{setTimeout(()=>{const s=D(e),n=e.getBoundingClientRect(),a=s===window?{top:0,bottom:window.innerHeight}:s.getBoundingClientRect();let u=0;const m=s===window?window.scrollY:s.scrollTop;if(n.bottom>a.bottom){let d=n.bottom-a.bottom;n.top+d{if(t.canScrollPage&&q&&s&&!T.current){const r=a.findIndex(i=>i.checked);if(r>=0){const i=W.current[r],l=M.findDOMNode(i.current);l&&le(l)}}T.current=s},[t,a,q,s]);function L(r,i){const{multipleSelect:p,choices:l,onChange:R}=e;let g;i.checked&&!p?g=l.map(h=>!1):g=l.map(h=>h.checked);const A=l.map(h=>h.crossedOut);g[r]=i.checked,A[r]=i.crossedOut,R({checked:g,crossedOut:A})}w==null||w(r=>{const i=W.current[r||0],l=M.findDOMNode(i.current);if(l)l.focus();else return!1;return!0});const I=t.isMobile,V=a[0].highlighted,G=a[a.length-1].highlighted,K=C("perseus-widget-radio",!u&&"perseus-rendered-radio",b.css(o.radio,o.responsiveRadioContainer,V&&I&&o.radioContainerFirstHighlighted,G&&I&&o.radioContainerLastHighlighted)),B=C("instructions",b.css(o.instructions,I&&o.instructionsMobile)),_=de(m,k,v,j),Y=b.css(o.responsiveFieldset),Q=X("fieldset",{className:`perseus-widget-radio-fieldset ${Y}`,children:[c("legend",{className:"perseus-sr-only",children:_}),c("div",{className:B,"aria-hidden":"true",children:_}),c("ul",{className:K,style:{listStyle:"none"},children:a.map((r,i)=>{let p=ae;const l=O.createRef();W.current[i]=l;const R={apiOptions:t,multipleSelect:m,checked:r.checked,crossedOut:r.crossedOut,previouslyAnswered:r.previouslyAnswered,reviewMode:n,correct:r.correct,rationale:r.rationale,content:r.content,disabled:t.readOnly||r.disabled,showCorrectness:n||!!r.showCorrectness,showRationale:r.hasRationale&&(n||r.showRationale),pos:i,onChange:y=>{u||L(i,y)}};r.isNoneOfTheAbove&&(p=ie,Z.extend(R,{showContent:r.revealNoneOfTheAbove}));const g=a[i+1],A=!!g&&g.highlighted,h=y=>b.css(te.aboveScratchpad,o.item,o.responsiveItem,y&&o.selectedItem,y&&r.highlighted&&o.aboveBackdrop,y&&r.highlighted&&t.isMobile&&o.aboveBackdropMobile,A&&t.isMobile&&o.nextHighlighted);h(!0);let P;n&&s&&(P=s.choices[i].correct?x.CORRECT:x.INCORRECT);const J=C(h(r.checked),x.RADIO.OPTION,r.checked&&x.RADIO.SELECTED,P);let $=null,F;return u&&(F=y=>{let f=y.target;for(;f&&f!==$;){if(f.getAttribute("data-is-radio-icon")){L(i,{checked:!r.checked,crossedOut:r.crossedOut});return}f=f.parentNode}}),c("li",{ref:y=>$=y,className:J,onClick:F,onTouchStart:d?void 0:ue,children:c(p,{...R,ref:l})},i)})})]});return c("div",{className:b.css(o.responsiveContainer),children:Q})};H.defaultProps={editMode:!1,multipleSelect:!1};const o=b.StyleSheet.create({instructions:{display:"block",color:re,fontSize:14,lineHeight:1.25,fontFamily:"inherit",fontStyle:"normal",fontWeight:"bold",marginBottom:16},instructionsMobile:{fontSize:18,[E.smOrSmaller]:{fontSize:16},[E.xl]:{fontSize:20}},radio:{padding:0},responsiveRadioContainer:{borderBottom:`1px solid ${N}`,borderTop:`1px solid ${N}`,width:"auto",[E.smOrSmaller]:{marginLeft:z,marginRight:z}},radioContainerFirstHighlighted:{borderTop:"1px solid rgba(0, 0, 0, 0)"},radioContainerLastHighlighted:{borderBottom:"1px solid rgba(0, 0, 0, 0)"},item:{marginLeft:20},responsiveItem:{marginLeft:0,padding:0,":not(:last-child)":{borderBottom:`1px solid ${N}`}},selectedItem:{background:"white"},aboveBackdrop:{position:"relative",zIndex:1062},aboveBackdropMobile:{boxShadow:"0 0 4px 0 rgba(0, 0, 0, 0.2),0 0 2px 0 rgba(0, 0, 0, 0.1)",":not(:last-child)":{borderBottom:"1px solid rgba(0, 0, 0, 0)"}},nextHighlighted:{":not(:last-child)":{borderBottom:"1px solid rgba(0, 0, 0, 0)"}},responsiveContainer:{overflow:"auto",marginLeft:z,paddingLeft:U},responsiveFieldset:{paddingRight:U,minWidth:"auto"}});H.__docgenInfo={description:"",methods:[],displayName:"BaseRadio",props:{apiOptions:{required:!0,tsType:{name:"Readonly",elements:[{name:"signature",type:"object",raw:`{ isArticle?: boolean; onFocusChange?: ( newFocusPath: FocusPath, diff --git a/assets/base-radio.stories-4jC3CNfv.js b/assets/base-radio.stories-3Om9ZBhG.js similarity index 97% rename from assets/base-radio.stories-4jC3CNfv.js rename to assets/base-radio.stories-3Om9ZBhG.js index b076b1e6eb..71485a06a4 100644 --- a/assets/base-radio.stories-4jC3CNfv.js +++ b/assets/base-radio.stories-3Om9ZBhG.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{a as U}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{B as n}from"./base-radio-NUDOhlSE.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./index-awljIyHI.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./jquery-yG1GhClm.js";import"./i18n-context-P7VpLqM1.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./constants-iPV6vHZm.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./renderer-ULNOY64X.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";function r(t){return{...{checked:!1,crossedOut:!1,content:"",rationale:"",hasRationale:!1,showRationale:!1,showCorrectness:!1,correct:!1,isNoneOfTheAbove:!1,highlighted:!1,previouslyAnswered:!1,revealNoneOfTheAbove:!1,disabled:!1},...t}}const Ge={title:"Perseus/Widgets/Radio/Base Radio",args:{multipleSelect:!1,editMode:!1,countChoices:!1}},i={apiOptions:{},reviewMode:!1,choices:[r({content:"Content 1"}),r({content:"Content 2"}),r({content:"Content 3",correct:!0}),r({isNoneOfTheAbove:!0})],deselectEnabled:!1,editMode:!1,labelWrap:!1,countChoices:!1,numCorrect:1,multipleSelect:!1,onChange:U("changed"),isLastUsedWidget:!1},a=t=>{const e={...i,...t};return o(n,{...e})},l=t=>{const e={...i,multipleSelect:!1};return o(n,{...e})},p=t=>{const e={...i,multipleSelect:!0};return o(n,{...e})},u=t=>{const e={...i,multipleSelect:!0,numCorrect:2,countChoices:!0};return o(n,{...e})},d=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`}));e[1].checked=!0;const s={...i,multipleSelect:!1,choices:e};return o(n,{...s})},m=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`}));e[1].checked=!0,e[2].checked=!0;const s={...i,multipleSelect:!0,choices:e};return o(n,{...s})},h=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`,rationale:"This is a neat rationale",hasRationale:!0,showRationale:!0,correct:!1,showCorrectness:!0}));e[1].checked=!0,e[2].correct=!0;const s={...i,multipleSelect:!1,choices:e};return o(n,{...s})},S=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`,rationale:"This is a neat rationale",hasRationale:!0,showRationale:!0,correct:!1,showCorrectness:!0}));e[1].checked=!0,e[2].checked=!0,e[2].correct=!0,e[3].correct=!0;const s={...i,multipleSelect:!0,numCorrect:2,choices:e};return o(n,{...s})};a.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};l.__docgenInfo={description:"",methods:[],displayName:"SingleSelectWithNothingSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"MultipleSelectWithNothingSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};u.__docgenInfo={description:"",methods:[],displayName:"MultipleSelectWithCountChoicesLabel",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};d.__docgenInfo={description:"",methods:[],displayName:"SingleSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};m.__docgenInfo={description:"",methods:[],displayName:"MultipleSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};h.__docgenInfo={description:"",methods:[],displayName:"SingleKitchenSink",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};S.__docgenInfo={description:"",methods:[],displayName:"MultipleKitchenSink",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};var f,y,C;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{a as U}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{B as n}from"./base-radio-jqxXuHNO.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./index-awljIyHI.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./jquery-yG1GhClm.js";import"./i18n-context-P7VpLqM1.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./constants-iPV6vHZm.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./renderer-dyWsFSUA.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";function r(t){return{...{checked:!1,crossedOut:!1,content:"",rationale:"",hasRationale:!1,showRationale:!1,showCorrectness:!1,correct:!1,isNoneOfTheAbove:!1,highlighted:!1,previouslyAnswered:!1,revealNoneOfTheAbove:!1,disabled:!1},...t}}const Ge={title:"Perseus/Widgets/Radio/Base Radio",args:{multipleSelect:!1,editMode:!1,countChoices:!1}},i={apiOptions:{},reviewMode:!1,choices:[r({content:"Content 1"}),r({content:"Content 2"}),r({content:"Content 3",correct:!0}),r({isNoneOfTheAbove:!0})],deselectEnabled:!1,editMode:!1,labelWrap:!1,countChoices:!1,numCorrect:1,multipleSelect:!1,onChange:U("changed"),isLastUsedWidget:!1},a=t=>{const e={...i,...t};return o(n,{...e})},l=t=>{const e={...i,multipleSelect:!1};return o(n,{...e})},p=t=>{const e={...i,multipleSelect:!0};return o(n,{...e})},u=t=>{const e={...i,multipleSelect:!0,numCorrect:2,countChoices:!0};return o(n,{...e})},d=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`}));e[1].checked=!0;const s={...i,multipleSelect:!1,choices:e};return o(n,{...s})},m=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`}));e[1].checked=!0,e[2].checked=!0;const s={...i,multipleSelect:!0,choices:e};return o(n,{...s})},h=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`,rationale:"This is a neat rationale",hasRationale:!0,showRationale:!0,correct:!1,showCorrectness:!0}));e[1].checked=!0,e[2].correct=!0;const s={...i,multipleSelect:!1,choices:e};return o(n,{...s})},S=t=>{const e=Array(4).fill(null).map((g,c)=>r({content:`Choice ${c+1}`,rationale:"This is a neat rationale",hasRationale:!0,showRationale:!0,correct:!1,showCorrectness:!0}));e[1].checked=!0,e[2].checked=!0,e[2].correct=!0,e[3].correct=!0;const s={...i,multipleSelect:!0,numCorrect:2,choices:e};return o(n,{...s})};a.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};l.__docgenInfo={description:"",methods:[],displayName:"SingleSelectWithNothingSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"MultipleSelectWithNothingSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};u.__docgenInfo={description:"",methods:[],displayName:"MultipleSelectWithCountChoicesLabel",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};d.__docgenInfo={description:"",methods:[],displayName:"SingleSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};m.__docgenInfo={description:"",methods:[],displayName:"MultipleSelected",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};h.__docgenInfo={description:"",methods:[],displayName:"SingleKitchenSink",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};S.__docgenInfo={description:"",methods:[],displayName:"MultipleKitchenSink",props:{multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},editMode:{required:!0,tsType:{name:"boolean"},description:""},countChoices:{required:!0,tsType:{name:"boolean"},description:""}}};var f,y,C;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const overwrittenProps = ({ ...defaultProps, ...args diff --git a/assets/behavior-nzziF0nB.js b/assets/behavior-l1qZHFXz.js similarity index 97% rename from assets/behavior-nzziF0nB.js rename to assets/behavior-l1qZHFXz.js index 697bbf0992..16d0023037 100644 --- a/assets/behavior-nzziF0nB.js +++ b/assets/behavior-l1qZHFXz.js @@ -1,4 +1,4 @@ -import{j as e,a}from"./jsx-runtime-FVsy8kgq.js";import{g as b}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as t}from"./index-awljIyHI.js";import{r as T}from"./index-TT1qJ6UJ.js";const v=class v extends T.Component{constructor(n){super(n),this.handleClick=r=>{this.props.disabled||(this.props.shouldUpdate()&&(this.waitingForClick=!1),this.props.onClick&&!this.props.disabled&&this.props.onClick(r))},this.handleMouseEnter=()=>{!this.props.disabled&&this.props.shouldUpdate()&&!this.waitingForClick&&this.setState({hovered:!0})},this.handleMouseLeave=()=>{!this.props.disabled&&this.props.shouldUpdate()&&!this.waitingForClick&&this.setState({hovered:!1})},this.handleTouchStart=()=>{!this.props.disabled&&this.props.shouldUpdate()&&this.setState({hovered:!0})},this.handleTouchEnd=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.setState({hovered:!1}),this.waitingForClick=!0)},this.handleMouseDown=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.setState({focused:!1}),this.focusFlag=!0)},this.handleBlur=()=>{!this.props.disabled&&this.props.shouldUpdate()&&this.setState({focused:!1})},this.handleFocus=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.focusFlag?this.focusFlag=!1:this.setState({focused:!0}))},this.state={focused:!1,hovered:n.startHovered}}render(){const n={onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onMouseDown:this.handleMouseDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},{children:r}=this.props;return(r==null?void 0:r(this.state,n))||null}};v.defaultProps={startHovered:!1,shouldUpdate:()=>!0};let m=v;m.__docgenInfo={description:"",methods:[{name:"handleClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",alias:"React.MouseEvent"}}],returns:null},{name:"handleMouseEnter",docblock:null,modifiers:[],params:[],returns:null},{name:"handleMouseLeave",docblock:null,modifiers:[],params:[],returns:null},{name:"handleTouchStart",docblock:null,modifiers:[],params:[],returns:null},{name:"handleTouchEnd",docblock:null,modifiers:[],params:[],returns:null},{name:"handleMouseDown",docblock:null,modifiers:[],params:[],returns:null},{name:"handleBlur",docblock:null,modifiers:[],params:[],returns:null},{name:"handleFocus",docblock:null,modifiers:[],params:[],returns:null}],displayName:"HoverBehavior",props:{children:{required:!1,tsType:{name:"signature",type:"function",raw:"(state: State, handlers: Handlers) => React.ReactElement",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{ +import{j as e,a}from"./jsx-runtime-FVsy8kgq.js";import{g as b}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as t}from"./index-awljIyHI.js";import{r as T}from"./index-TT1qJ6UJ.js";const v=class v extends T.Component{constructor(n){super(n),this.handleClick=r=>{this.props.disabled||(this.props.shouldUpdate()&&(this.waitingForClick=!1),this.props.onClick&&!this.props.disabled&&this.props.onClick(r))},this.handleMouseEnter=()=>{!this.props.disabled&&this.props.shouldUpdate()&&!this.waitingForClick&&this.setState({hovered:!0})},this.handleMouseLeave=()=>{!this.props.disabled&&this.props.shouldUpdate()&&!this.waitingForClick&&this.setState({hovered:!1})},this.handleTouchStart=()=>{!this.props.disabled&&this.props.shouldUpdate()&&this.setState({hovered:!0})},this.handleTouchEnd=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.setState({hovered:!1}),this.waitingForClick=!0)},this.handleMouseDown=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.setState({focused:!1}),this.focusFlag=!0)},this.handleBlur=()=>{!this.props.disabled&&this.props.shouldUpdate()&&this.setState({focused:!1})},this.handleFocus=()=>{!this.props.disabled&&this.props.shouldUpdate()&&(this.focusFlag?this.focusFlag=!1:this.setState({focused:!0}))},this.state={focused:!1,hovered:n.startHovered}}render(){const n={onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onMouseDown:this.handleMouseDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},{children:r}=this.props;return(r==null?void 0:r(this.state,n))||null}};v.defaultProps={startHovered:!1,shouldUpdate:()=>!0};let m=v;m.__docgenInfo={description:"",methods:[{name:"handleClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",alias:"React.MouseEvent"}}],returns:null},{name:"handleMouseEnter",docblock:null,modifiers:[],params:[],returns:null},{name:"handleMouseLeave",docblock:null,modifiers:[],params:[],returns:null},{name:"handleTouchStart",docblock:null,modifiers:[],params:[],returns:null},{name:"handleTouchEnd",docblock:null,modifiers:[],params:[],returns:null},{name:"handleMouseDown",docblock:null,modifiers:[],params:[],returns:null},{name:"handleBlur",docblock:null,modifiers:[],params:[],returns:null},{name:"handleFocus",docblock:null,modifiers:[],params:[],returns:null}],displayName:"HoverBehavior",props:{children:{required:!1,tsType:{name:"signature",type:"function",raw:"(state: State, handlers: Handlers) => React.ReactElement",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{ focused: boolean; hovered: boolean; }`,signature:{properties:[{key:"focused",value:{name:"boolean",required:!0}},{key:"hovered",value:{name:"boolean",required:!0}}]}},name:"state"},{type:{name:"signature",type:"object",raw:`{ diff --git a/assets/behavior.stories-fKcmUOPj.js b/assets/behavior.stories-HTrdxcbL.js similarity index 82% rename from assets/behavior.stories-fKcmUOPj.js rename to assets/behavior.stories-HTrdxcbL.js index 3c849442aa..c51c872c36 100644 --- a/assets/behavior.stories-fKcmUOPj.js +++ b/assets/behavior.stories-HTrdxcbL.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-FVsy8kgq.js";import{a}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{r as c}from"./index-TT1qJ6UJ.js";import{B as l}from"./behavior-nzziF0nB.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";const or={title:"PerseusEditor/Widgets/Label Image/Behavior"},t=u=>{const[r,e]=c.useState({multipleAnswers:!1,hideChoicesFromInstructions:!1}),s={multipleAnswers:r.multipleAnswers,hideChoicesFromInstructions:r.hideChoicesFromInstructions,onChange:o=>{a("onChange")(o),e({...r,...o})}};return n(l,{preferredPopoverDirection:"NONE",...s})};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as n}from"./jsx-runtime-FVsy8kgq.js";import{a}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{r as c}from"./index-TT1qJ6UJ.js";import{B as l}from"./behavior-l1qZHFXz.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";const or={title:"PerseusEditor/Widgets/Label Image/Behavior"},t=u=>{const[r,e]=c.useState({multipleAnswers:!1,hideChoicesFromInstructions:!1}),s={multipleAnswers:r.multipleAnswers,hideChoicesFromInstructions:r.hideChoicesFromInstructions,onChange:o=>{a("onChange")(o),e({...r,...o})}};return n(l,{preferredPopoverDirection:"NONE",...s})};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const [state, setState] = React.useState({ multipleAnswers: false, hideChoicesFromInstructions: false diff --git a/assets/categorizer-editor-CqdPTbQO.js b/assets/categorizer-editor-jdQbWtjl.js similarity index 83% rename from assets/categorizer-editor-CqdPTbQO.js rename to assets/categorizer-editor-jdQbWtjl.js index f40eb71fb5..2d9ee6a551 100644 --- a/assets/categorizer-editor-CqdPTbQO.js +++ b/assets/categorizer-editor-jdQbWtjl.js @@ -1 +1 @@ -import{a as o,j as r}from"./jsx-runtime-FVsy8kgq.js";import{C as p,c as n,p as m}from"./article-renderer-q7kSP2w4.js";import{_ as l}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as c}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as u}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as d}from"./editor-jsonify-Bbv2loDC.js";import{C as f}from"./index-QCAhLhLD.js";import{P as s}from"./index-0C4KXdeC.js";import{r as h}from"./index-TT1qJ6UJ.js";const{TextListEditor:i}=u,g=p.widget,a=class a extends h.Component{constructor(){super(...arguments),this.change=(...e)=>n.apply(this,e),this.serialize=()=>d.serialize.call(this)}render(){return o("div",{children:[r("div",{className:"perseus-widget-row",children:r(f,{label:"Randomize item order",checked:this.props.randomizeItems,onChange:e=>{this.props.onChange({randomizeItems:e})}})}),"Categories:",r(i,{options:this.props.categories,onChange:e=>{this.change("categories",e)},layout:"horizontal"}),"Items:",r(i,{options:this.props.items,onChange:e=>{this.change({items:e,values:l.first(this.props.values,e.length)})},layout:"vertical"}),r(g,{apiOptions:this.props.apiOptions,items:this.props.items,categories:this.props.categories,values:this.props.values,onChange:e=>{this.props.onChange(e)},trackInteraction:function(){}})]})}};a.propTypes={...m,apiOptions:c.propTypes,items:s.arrayOf(s.string),categories:s.arrayOf(s.string),values:s.arrayOf(s.number),randomizeItems:s.bool},a.widgetName="categorizer",a.defaultProps={items:[],categories:[],values:[],randomizeItems:!1};let t=a;t.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"CategorizerEditor",props:{items:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},categories:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},values:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},randomizeItems:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};export{t as C}; +import{a as o,j as r}from"./jsx-runtime-FVsy8kgq.js";import{C as p,c as n,p as m}from"./article-renderer-BOOaW4sB.js";import{_ as l}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as c}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as u}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as d}from"./editor-jsonify-tQINrEL4.js";import{C as f}from"./index-QCAhLhLD.js";import{P as s}from"./index-k-0mNqHS.js";import{r as h}from"./index-TT1qJ6UJ.js";const{TextListEditor:i}=u,g=p.widget,a=class a extends h.Component{constructor(){super(...arguments),this.change=(...e)=>n.apply(this,e),this.serialize=()=>d.serialize.call(this)}render(){return o("div",{children:[r("div",{className:"perseus-widget-row",children:r(f,{label:"Randomize item order",checked:this.props.randomizeItems,onChange:e=>{this.props.onChange({randomizeItems:e})}})}),"Categories:",r(i,{options:this.props.categories,onChange:e=>{this.change("categories",e)},layout:"horizontal"}),"Items:",r(i,{options:this.props.items,onChange:e=>{this.change({items:e,values:l.first(this.props.values,e.length)})},layout:"vertical"}),r(g,{apiOptions:this.props.apiOptions,items:this.props.items,categories:this.props.categories,values:this.props.values,onChange:e=>{this.props.onChange(e)},trackInteraction:function(){}})]})}};a.propTypes={...m,apiOptions:c.propTypes,items:s.arrayOf(s.string),categories:s.arrayOf(s.string),values:s.arrayOf(s.number),randomizeItems:s.bool},a.widgetName="categorizer",a.defaultProps={items:[],categories:[],values:[],randomizeItems:!1};let t=a;t.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"CategorizerEditor",props:{items:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},categories:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},values:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},randomizeItems:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};export{t as C}; diff --git a/assets/categorizer-editor.stories-UKDHYB5D.js b/assets/categorizer-editor.stories-YTZszkCH.js similarity index 80% rename from assets/categorizer-editor.stories-UKDHYB5D.js rename to assets/categorizer-editor.stories-YTZszkCH.js index 7a0333e514..942b8fbcca 100644 --- a/assets/categorizer-editor.stories-UKDHYB5D.js +++ b/assets/categorizer-editor.stories-YTZszkCH.js @@ -1,3 +1,3 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as m}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{a as e}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as a}from"./categorizer-editor-CqdPTbQO.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-mbE4GLUb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";const tt={title:"PerseusEditor/Widgets/Categorizer Editor"},r=s=>p(a,{onChange:e("onChange"),apiOptions:m.defaults});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as m}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{a as e}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as a}from"./categorizer-editor-jdQbWtjl.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-MQdUvt3_.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";const tt={title:"PerseusEditor/Widgets/Categorizer Editor"},r=s=>p(a,{onChange:e("onChange"),apiOptions:m.defaults});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(o=r.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const ot=["Default"];export{r as Default,ot as __namedExportsOrder,tt as default}; diff --git a/assets/categorizer.stories-qzCzTdpk.js b/assets/categorizer.stories-26ly5R2J.js similarity index 83% rename from assets/categorizer.stories-qzCzTdpk.js rename to assets/categorizer.stories-26ly5R2J.js index dbbc40cbce..7f7b007119 100644 --- a/assets/categorizer.stories-qzCzTdpk.js +++ b/assets/categorizer.stories-26ly5R2J.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as e}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const m={content:`**Classify each graph according to the kind of relationship it suggests.** +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as e}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const m={content:`**Classify each graph according to the kind of relationship it suggests.** $\\qquad\\qquad\\quad\\text{Graph 1}\\qquad\\qquad\\quad\\qquad\\qquad\\quad\\text{Graph 2}$ diff --git a/assets/choice-none-above-7sZgmnsx.js b/assets/choice-none-above-NXvpeqY4.js similarity index 87% rename from assets/choice-none-above-7sZgmnsx.js rename to assets/choice-none-above-NXvpeqY4.js index d098270376..eca5c32987 100644 --- a/assets/choice-none-above-7sZgmnsx.js +++ b/assets/choice-none-above-NXvpeqY4.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{r as i}from"./index-TT1qJ6UJ.js";import{u as m}from"./i18n-context-P7VpLqM1.js";import{R as p}from"./renderer-ULNOY64X.js";import{C as d}from"./choice-Bz-ZMhQM.js";const n=function(o){const{showContent:e,content:s,forwardedRef:f,...c}=o,{strings:t}=m(),a={...c,content:e?s:r(p,{content:t.noneOfTheAbove,strings:t},"noneOfTheAboveRenderer")};return r(d,{...a,ref:f})};n.defaultProps={showContent:!0};const b=i.forwardRef((o,e)=>r(n,{...o,forwardedRef:e}));export{b as C}; +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{r as i}from"./index-TT1qJ6UJ.js";import{u as m}from"./i18n-context-P7VpLqM1.js";import{R as p}from"./renderer-dyWsFSUA.js";import{C as d}from"./choice-Bz-ZMhQM.js";const n=function(o){const{showContent:e,content:s,forwardedRef:f,...c}=o,{strings:t}=m(),a={...c,content:e?s:r(p,{content:t.noneOfTheAbove,strings:t},"noneOfTheAboveRenderer")};return r(d,{...a,ref:f})};n.defaultProps={showContent:!0};const b=i.forwardRef((o,e)=>r(n,{...o,forwardedRef:e}));export{b as C}; diff --git a/assets/choice-none-above.stories-svt2yOcd.js b/assets/choice-none-above.stories-oM3incVf.js similarity index 93% rename from assets/choice-none-above.stories-svt2yOcd.js rename to assets/choice-none-above.stories-oM3incVf.js index 2d80b10351..42f4a9c03c 100644 --- a/assets/choice-none-above.stories-svt2yOcd.js +++ b/assets/choice-none-above.stories-oM3incVf.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as s}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as a}from"./choice-none-above-7sZgmnsx.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./icon-YuYiVxsK.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";const lo={title:"Perseus/Widgets/Radio/Choice None of the Above",args:{showContent:!1,content:"This is a possible choice"}},n={checked:!1,rationale:"This is a good rational",correct:!0,disabled:!1,pos:0,reviewMode:!1,showRationale:!1,showCorrectness:!1,multipleSelect:!1,crossedOut:!1,previouslyAnswered:!1,apiOptions:{},onChange:s("changed")},o=i=>{const p={...n,...i};return m(a,{...p})};o.__docgenInfo={description:"",methods:[],displayName:"Example",props:{content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},showContent:{required:!1,tsType:{name:"boolean"},description:""}}};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as s}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as a}from"./choice-none-above-NXvpeqY4.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./i18n-context-P7VpLqM1.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./icon-YuYiVxsK.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";const lo={title:"Perseus/Widgets/Radio/Choice None of the Above",args:{showContent:!1,content:"This is a possible choice"}},n={checked:!1,rationale:"This is a good rational",correct:!0,disabled:!1,pos:0,reviewMode:!1,showRationale:!1,showCorrectness:!1,multipleSelect:!1,crossedOut:!1,previouslyAnswered:!1,apiOptions:{},onChange:s("changed")},o=i=>{const p={...n,...i};return m(a,{...p})};o.__docgenInfo={description:"",methods:[],displayName:"Example",props:{content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},showContent:{required:!1,tsType:{name:"boolean"},description:""}}};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const combineProps = ({ ...ChoiceDefaults, ...args diff --git a/assets/choice.stories-Tpgo6AMQ.js b/assets/choice.stories-Tpgo6AMQ.js index 252bc05cd1..1afc8aa4e0 100644 --- a/assets/choice.stories-Tpgo6AMQ.js +++ b/assets/choice.stories-Tpgo6AMQ.js @@ -1,4 +1,4 @@ -import{j as r,a as p,F as l}from"./jsx-runtime-FVsy8kgq.js";import{a as C}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as t}from"./choice-Bz-ZMhQM.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";const i={checked:!1,rationale:"This is a good rationale",content:"This is a possible choice",correct:!0,disabled:!1,pos:0,reviewMode:!1,showRationale:!1,showCorrectness:!1,multipleSelect:!1,crossedOut:!1,previouslyAnswered:!1,onChange:C("changed")},le={title:"Perseus/Widgets/Radio/Choice",args:i},o=a=>r(t,{...a}),n=a=>{const e={...i,checked:!0,showCorrectness:!0},d={...e,correct:!0,content:"This choice is correct"},u={...e,correct:!1,content:"This choice is incorrect"};return p(l,{children:[r(t,{...d}),r(t,{...u})]})},s=a=>{const e={...i,showCorrectness:!0,reviewMode:!0,multipleSelect:!0};return p(l,{children:[r(t,{...e,correct:!0,checked:!0,content:"This choice was correct and checked"}),r(t,{...e,correct:!0,content:"This choice was also correct and not checked"}),r(t,{...e,correct:!1,checked:!0,content:"This choice was incorrect and checked"}),r(t,{...e,correct:!1,content:"This choice was also incorrect and not checked"})]})},c=a=>{const e={...i,checked:!0,showCorrectness:!0,showRationale:!0,reviewMode:!0},d={...e,correct:!0,content:"This choice is correct",rationale:"It was correct because of the way it is"},u={...e,correct:!1,content:"This choice is incorrect",rationale:"It was incorrect because of the way it is"};return p(l,{children:[r(t,{...d}),r(t,{...u})]})};o.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};n.__docgenInfo={description:"",methods:[],displayName:"Checked",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};s.__docgenInfo={description:"",methods:[],displayName:"ReviewMode",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};c.__docgenInfo={description:"",methods:[],displayName:"Rationale",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};var m,h,y;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as r,a as p,F as l}from"./jsx-runtime-FVsy8kgq.js";import{a as C}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{C as t}from"./choice-Bz-ZMhQM.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";const i={checked:!1,rationale:"This is a good rationale",content:"This is a possible choice",correct:!0,disabled:!1,pos:0,reviewMode:!1,showRationale:!1,showCorrectness:!1,multipleSelect:!1,crossedOut:!1,previouslyAnswered:!1,onChange:C("changed")},le={title:"Perseus/Widgets/Radio/Choice",args:i},o=a=>r(t,{...a}),n=a=>{const e={...i,checked:!0,showCorrectness:!0},d={...e,correct:!0,content:"This choice is correct"},u={...e,correct:!1,content:"This choice is incorrect"};return p(l,{children:[r(t,{...d}),r(t,{...u})]})},s=a=>{const e={...i,showCorrectness:!0,reviewMode:!0,multipleSelect:!0};return p(l,{children:[r(t,{...e,correct:!0,checked:!0,content:"This choice was correct and checked"}),r(t,{...e,correct:!0,content:"This choice was also correct and not checked"}),r(t,{...e,correct:!1,checked:!0,content:"This choice was incorrect and checked"}),r(t,{...e,correct:!1,content:"This choice was also incorrect and not checked"})]})},c=a=>{const e={...i,checked:!0,showCorrectness:!0,showRationale:!0,reviewMode:!0},d={...e,correct:!0,content:"This choice is correct",rationale:"It was correct because of the way it is"},u={...e,correct:!1,content:"This choice is incorrect",rationale:"It was incorrect because of the way it is"};return p(l,{children:[r(t,{...d}),r(t,{...u})]})};o.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};n.__docgenInfo={description:"",methods:[],displayName:"Checked",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};s.__docgenInfo={description:"",methods:[],displayName:"ReviewMode",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};c.__docgenInfo={description:"",methods:[],displayName:"Rationale",props:{checked:{required:!0,tsType:{name:"boolean"},description:""},rationale:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},content:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},correct:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},pos:{required:!0,tsType:{name:"number"},description:""},reviewMode:{required:!0,tsType:{name:"boolean"},description:""},showRationale:{required:!0,tsType:{name:"boolean"},description:""},showCorrectness:{required:!0,tsType:{name:"boolean"},description:""},multipleSelect:{required:!0,tsType:{name:"boolean"},description:""},crossedOut:{required:!0,tsType:{name:"boolean"},description:""},previouslyAnswered:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValues: {checked: boolean; crossedOut: boolean}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{checked: boolean; crossedOut: boolean}",signature:{properties:[{key:"checked",value:{name:"boolean",required:!0}},{key:"crossedOut",value:{name:"boolean",required:!0}}]}},name:"newValues"}],return:{name:"void"}}},description:""}}};var m,h,y;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(y=(h=o.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var b,w,T;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const sharedProps = ({ diff --git a/assets/color-select--oRyQ4yX.js b/assets/color-select-2BKEX7ba.js similarity index 81% rename from assets/color-select--oRyQ4yX.js rename to assets/color-select-2BKEX7ba.js index cda298a9c7..517dcc9b48 100644 --- a/assets/color-select--oRyQ4yX.js +++ b/assets/color-select-2BKEX7ba.js @@ -1 +1 @@ -import{j as e,a as l}from"./jsx-runtime-FVsy8kgq.js";import{l as a}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as n}from"./index-6h5t6F0w.js";import{S as c,O as d}from"./answer-choices-mbE4GLUb.js";import{S as u}from"./index-qUyqkRvh.js";import{s as y}from"./index-deFLJwr4.js";import{a as f}from"./index-h_CiYGGb.js";import{l as g}from"./index-awljIyHI.js";import{C as S}from"./util-ve-DcPK7.js";const C=Object.keys(a),o=i=>{const{selectedValue:s,style:m,onChange:p}=i;return e(n,{style:[t.row,m],children:l(f,{tag:"label",style:t.row,children:["color",e(u,{size:y.xxSmall_6}),e(c,{selectedValue:s,onChange:p,placeholder:"",children:C.map(r=>e(d,{value:r,label:r,leftAccessory:e(S,{color:r,decorative:!0})},r))})]})})},t=g.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center",minWidth:"auto"}}),ee=o;o.__docgenInfo={description:"",methods:[],displayName:"ColorSelect",props:{selectedValue:{required:!0,tsType:{name:"LockedFigureColor"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => void",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{ee as C}; +import{j as e,a as l}from"./jsx-runtime-FVsy8kgq.js";import{l as a}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as n}from"./index-6h5t6F0w.js";import{S as c,O as d}from"./answer-choices-MQdUvt3_.js";import{S as u}from"./index-qUyqkRvh.js";import{s as y}from"./index-deFLJwr4.js";import{a as f}from"./index-h_CiYGGb.js";import{l as g}from"./index-awljIyHI.js";import{C as S}from"./util-uUQ0jXdL.js";const C=Object.keys(a),o=i=>{const{selectedValue:s,style:m,onChange:p}=i;return e(n,{style:[t.row,m],children:l(f,{tag:"label",style:t.row,children:["color",e(u,{size:y.xxSmall_6}),e(c,{selectedValue:s,onChange:p,placeholder:"",children:C.map(r=>e(d,{value:r,label:r,leftAccessory:e(S,{color:r,decorative:!0})},r))})]})})},t=g.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center",minWidth:"auto"}}),ee=o;o.__docgenInfo={description:"",methods:[],displayName:"ColorSelect",props:{selectedValue:{required:!0,tsType:{name:"LockedFigureColor"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => void",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{ee as C}; diff --git a/assets/color-select.stories-fZzW4vRT.js b/assets/color-select.stories-4KHCoNRN.js similarity index 80% rename from assets/color-select.stories-fZzW4vRT.js rename to assets/color-select.stories-4KHCoNRN.js index 41c2934407..99d6c2dcd3 100644 --- a/assets/color-select.stories-fZzW4vRT.js +++ b/assets/color-select.stories-4KHCoNRN.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as g}from"./index-TT1qJ6UJ.js";import{C as t}from"./color-select--oRyQ4yX.js";import{g as f}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";const pr={title:"PerseusEditor/Components/Color Select",component:t},o=e=>s(t,{...e}),c=f("point").color;o.args={id:"color-select",selectedValue:c,onChange:()=>{}};const r={render:function(){const[d,u]=g.useState(c);return s(t,{selectedValue:d,onChange:C=>{u(C)}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var m,i,p;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as g}from"./index-TT1qJ6UJ.js";import{C as t}from"./color-select-2BKEX7ba.js";import{g as f}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";const pr={title:"PerseusEditor/Components/Color Select",component:t},o=e=>s(t,{...e}),c=f("point").color;o.args={id:"color-select",selectedValue:c,onChange:()=>{}};const r={render:function(){const[d,u]=g.useState(c);return s(t,{selectedValue:d,onChange:C=>{u(C)}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var m,i,p;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(p=(i=o.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var a,l,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/color-swatch.stories-50WIDiZU.js b/assets/color-swatch.stories-PRiO66Xi.js similarity index 77% rename from assets/color-swatch.stories-50WIDiZU.js rename to assets/color-swatch.stories-PRiO66Xi.js index bc2425a21c..f227478919 100644 --- a/assets/color-swatch.stories-50WIDiZU.js +++ b/assets/color-swatch.stories-PRiO66Xi.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{C as p,g as a}from"./util-ve-DcPK7.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";const Wo={title:"PerseusEditor/Components/Color Swatch",component:p},o=i=>e(p,{...i});o.args={color:a("point").color,filled:!0};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,t,m;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{C as p,g as a}from"./util-uUQ0jXdL.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";const Wo={title:"PerseusEditor/Components/Color Swatch",component:p},o=i=>e(p,{...i});o.args={color:a("point").color,filled:!0};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,t,m;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(m=(t=o.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const Xo=["Default"];export{o as Default,Xo as __namedExportsOrder,Wo as default}; diff --git a/assets/content-preview.stories-QjULkfyK.js b/assets/content-preview.stories-HrrVtirb.js similarity index 89% rename from assets/content-preview.stories-QjULkfyK.js rename to assets/content-preview.stories-HrrVtirb.js index 4bb0f8c7f3..21868675a7 100644 --- a/assets/content-preview.stories-QjULkfyK.js +++ b/assets/content-preview.stories-HrrVtirb.js @@ -1,4 +1,4 @@ -import{j as e,a as x,F as W}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import{R as D}from"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import{u as R,a as A,m as $}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as m}from"./index-6h5t6F0w.js";import{s as b}from"./index-deFLJwr4.js";import{r as I}from"./index-TT1qJ6UJ.js";import{c as L}from"./article-renderer.testdata-spwNviYy.js";import{b as O}from"./radio.testdata-sITJ8lxE.js";import{D as _}from"./device-framer-guMJF-HL.js";import{V as k}from"./viewport-resizer-cbhJXtmA.js";import{S as V,a as H,M}from"./mobile-keypad-3f7ONcH2.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./button-assets-txIojR3b.js";import{l as j}from"./constants-hQyjCzwz.js";import{l as z}from"./index-awljIyHI.js";/* empty css */import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-7vsPyIck.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./answer-choices-mbE4GLUb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./index-J2t_5nK1.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./invariant-bu5zBsRS.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./components-v_jsX-d9.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";function p({question:t,apiOptions:r,seamless:s,linterContext:P,legacyPerseusLint:T,previewDevice:q}){const C=R(),a=q!=="desktop";return e(m,{className:`framework-perseus ${a?"perseus-mobile":""}`,style:[c.container,s?void 0:c.gutter],children:e(V,{children:e(H.Consumer,{children:({setKeypadActive:S,keypadElement:E,setKeypadElement:N})=>x(W,{children:[e(D,{strings:C.strings,apiOptions:{...r,isMobile:a},keypadElement:E,linterContext:P,legacyPerseusLint:T,...t}),e(M,{onAnalyticsEvent:()=>Promise.resolve(),onDismiss:()=>S(!1),onElementMounted:N})]})})})})}const c=z.StyleSheet.create({container:{padding:b.xxxSmall_4,containerType:"inline-size",containerName:"perseus-root"},gutter:{marginRight:j}});p.__docgenInfo={description:"The `ContentPreview` component provides a simple preview system for Perseus\nContent. Due to how Persus styles are built, the preview styling matches the\ncurrent device based on the viewport width (using `@media` queries for\n`min-width` and `max-width`).\n\nThe preview will render the mobile variant (styling and layout) when the\n`previewDevice` is phone or tablet. Note that the styling cannot be matched\n100% due to the above `@media` query limitation.",methods:[],displayName:"ContentPreview",props:{question:{required:!1,tsType:{name:"PerseusRenderer"},description:""},apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},seamless:{required:!1,tsType:{name:"boolean"},description:""},linterContext:{required:!1,tsType:{name:"LinterContextProps"},description:""},legacyPerseusLint:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},previewDevice:{required:!0,tsType:{name:"DeviceType"},description:""}}};const F=t=>{const[r,s]=I.useState("phone");return x(m,{children:[e(k,{deviceType:r,onViewportSizeChanged:s}),e(_,{nochrome:!1,deviceType:r,children:e(p,{...t})})]})},kt={title:"PerseusEditor/Content Preview",component:p,decorators:[t=>e(m,{style:{margin:b.xxSmall_6},children:e(A,{strings:$,locale:"en",children:e(t,{})})})],render:t=>e(F,{...t})},o={args:{question:O}},i={args:{question:L}},n={args:{linterContext:{contentType:"exercise",highlightLint:!0,stack:[],paths:[]},question:{content:`# H1s bad +import{j as e,a as x,F as W}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import{R as D}from"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import{u as R,a as A,m as $}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as m}from"./index-6h5t6F0w.js";import{s as b}from"./index-deFLJwr4.js";import{r as I}from"./index-TT1qJ6UJ.js";import{c as L}from"./article-renderer.testdata-spwNviYy.js";import{b as O}from"./radio.testdata-sITJ8lxE.js";import{D as _}from"./device-framer-xnxLcHMi.js";import{V as k}from"./viewport-resizer-liKVbGN6.js";import{S as V,a as H,M}from"./mobile-keypad-3f7ONcH2.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./button-assets-txIojR3b.js";import{l as j}from"./constants-hQyjCzwz.js";import{l as z}from"./index-awljIyHI.js";/* empty css */import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-7vsPyIck.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./answer-choices-MQdUvt3_.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./index-J2t_5nK1.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./invariant-bu5zBsRS.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./components-v_jsX-d9.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";function p({question:t,apiOptions:r,seamless:s,linterContext:P,legacyPerseusLint:T,previewDevice:q}){const C=R(),a=q!=="desktop";return e(m,{className:`framework-perseus ${a?"perseus-mobile":""}`,style:[c.container,s?void 0:c.gutter],children:e(V,{children:e(H.Consumer,{children:({setKeypadActive:S,keypadElement:E,setKeypadElement:N})=>x(W,{children:[e(D,{strings:C.strings,apiOptions:{...r,isMobile:a},keypadElement:E,linterContext:P,legacyPerseusLint:T,...t}),e(M,{onAnalyticsEvent:()=>Promise.resolve(),onDismiss:()=>S(!1),onElementMounted:N})]})})})})}const c=z.StyleSheet.create({container:{padding:b.xxxSmall_4,containerType:"inline-size",containerName:"perseus-root"},gutter:{marginRight:j}});p.__docgenInfo={description:"The `ContentPreview` component provides a simple preview system for Perseus\nContent. Due to how Persus styles are built, the preview styling matches the\ncurrent device based on the viewport width (using `@media` queries for\n`min-width` and `max-width`).\n\nThe preview will render the mobile variant (styling and layout) when the\n`previewDevice` is phone or tablet. Note that the styling cannot be matched\n100% due to the above `@media` query limitation.",methods:[],displayName:"ContentPreview",props:{question:{required:!1,tsType:{name:"PerseusRenderer"},description:""},apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},seamless:{required:!1,tsType:{name:"boolean"},description:""},linterContext:{required:!1,tsType:{name:"LinterContextProps"},description:""},legacyPerseusLint:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},previewDevice:{required:!0,tsType:{name:"DeviceType"},description:""}}};const F=t=>{const[r,s]=I.useState("phone");return x(m,{children:[e(k,{deviceType:r,onViewportSizeChanged:s}),e(_,{nochrome:!1,deviceType:r,children:e(p,{...t})})]})},kt={title:"PerseusEditor/Content Preview",component:p,decorators:[t=>e(m,{style:{margin:b.xxSmall_6},children:e(A,{strings:$,locale:"en",children:e(t,{})})})],render:t=>e(F,{...t})},o={args:{question:O}},i={args:{question:L}},n={args:{linterContext:{contentType:"exercise",highlightLint:!0,stack:[],paths:[]},question:{content:`# H1s bad Here is some unclosed math: $1+1=3 diff --git a/assets/cs-program.stories-Gv4P9Olk.js b/assets/cs-program.stories-MTpXbPt7.js similarity index 79% rename from assets/cs-program.stories-Gv4P9Olk.js rename to assets/cs-program.stories-MTpXbPt7.js index 1c86dd6e24..f5d80ed4fd 100644 --- a/assets/cs-program.stories-Gv4P9Olk.js +++ b/assets/cs-program.stories-MTpXbPt7.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const e={content:`[[☃ cs-program 1]] +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const e={content:`[[☃ cs-program 1]] `,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"}}},Xr={title:"Perseus/Widgets/CS Program"},r=s=>m(p,{question:e});r.__docgenInfo={description:"",methods:[],displayName:"Question1"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/definition-editor-xQPJ0VBq.js b/assets/definition-editor-XO63vfM2.js similarity index 81% rename from assets/definition-editor-xQPJ0VBq.js rename to assets/definition-editor-XO63vfM2.js index 4d3dc6318d..e6fdc13ead 100644 --- a/assets/definition-editor-xQPJ0VBq.js +++ b/assets/definition-editor-XO63vfM2.js @@ -1 +1 @@ -import{a as n,j as e}from"./jsx-runtime-FVsy8kgq.js";import{c as a,p}from"./article-renderer-q7kSP2w4.js";import{_ as m}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as l}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as d}from"./editor-jsonify-Bbv2loDC.js";import{P as o}from"./index-0C4KXdeC.js";import{r as c}from"./index-TT1qJ6UJ.js";import{E as f}from"./editor-IYGRa35D.js";const{TextInput:u}=l,t=class t extends c.Component{constructor(){super(...arguments),this.change=(...i)=>a.apply(this,i),this.serialize=()=>d.serialize.call(this)}render(){return n("div",{className:"perseus-widget-definition-editor",children:[e("a",{href:"https://docs.google.com/document/d/1udaPef4imOfTMhmLDlWq4SM0mxL0r3YHFZE-5J1uGfo",target:"_blank",children:"Definition style guide"}),e("div",{className:"perseus-widget-row",children:n("label",{children:["Word to be defined:"," ",e(u,{value:this.props.togglePrompt,onChange:this.change("togglePrompt"),placeholder:"define me"})]})}),e("div",{className:"perseus-widget-row",children:e(f,{apiOptions:this.props.apiOptions,content:this.props.definition,widgetEnabled:!1,placeholder:"definition goes here",onChange:i=>{const s={};m.has(i,"content")&&(s.definition=i.content),this.change(s)}})})]})}};t.propTypes={...p,togglePrompt:o.string,definition:o.string,apiOptions:o.any},t.widgetName="definition",t.defaultProps={togglePrompt:"",definition:""};let r=t;r.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DefinitionEditor",props:{togglePrompt:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},definition:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},apiOptions:{description:"",type:{name:"any"},required:!1}},composes:["@khanacademy/perseus"]};export{r as D}; +import{a as n,j as e}from"./jsx-runtime-FVsy8kgq.js";import{c as a,p}from"./article-renderer-BOOaW4sB.js";import{_ as m}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as l}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as d}from"./editor-jsonify-tQINrEL4.js";import{P as o}from"./index-k-0mNqHS.js";import{r as c}from"./index-TT1qJ6UJ.js";import{E as f}from"./editor-AA_-Ksmn.js";const{TextInput:u}=l,t=class t extends c.Component{constructor(){super(...arguments),this.change=(...i)=>a.apply(this,i),this.serialize=()=>d.serialize.call(this)}render(){return n("div",{className:"perseus-widget-definition-editor",children:[e("a",{href:"https://docs.google.com/document/d/1udaPef4imOfTMhmLDlWq4SM0mxL0r3YHFZE-5J1uGfo",target:"_blank",children:"Definition style guide"}),e("div",{className:"perseus-widget-row",children:n("label",{children:["Word to be defined:"," ",e(u,{value:this.props.togglePrompt,onChange:this.change("togglePrompt"),placeholder:"define me"})]})}),e("div",{className:"perseus-widget-row",children:e(f,{apiOptions:this.props.apiOptions,content:this.props.definition,widgetEnabled:!1,placeholder:"definition goes here",onChange:i=>{const s={};m.has(i,"content")&&(s.definition=i.content),this.change(s)}})})]})}};t.propTypes={...p,togglePrompt:o.string,definition:o.string,apiOptions:o.any},t.widgetName="definition",t.defaultProps={togglePrompt:"",definition:""};let r=t;r.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DefinitionEditor",props:{togglePrompt:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},definition:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},apiOptions:{description:"",type:{name:"any"},required:!1}},composes:["@khanacademy/perseus"]};export{r as D}; diff --git a/assets/definition-editor.stories-vNcAeK8n.js b/assets/definition-editor.stories-EHQdHYiI.js similarity index 76% rename from assets/definition-editor.stories-vNcAeK8n.js rename to assets/definition-editor.stories-EHQdHYiI.js index dd20b494a1..e17d363efa 100644 --- a/assets/definition-editor.stories-vNcAeK8n.js +++ b/assets/definition-editor.stories-EHQdHYiI.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{D as e}from"./definition-editor-xQPJ0VBq.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const nt={title:"PerseusEditor/Widgets/Definition Editor"},o=a=>m(e,{onChange:p("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{D as e}from"./definition-editor-XO63vfM2.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const nt={title:"PerseusEditor/Widgets/Definition Editor"},o=a=>m(e,{onChange:p("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(r=o.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const st=["Default"];export{o as Default,st as __namedExportsOrder,nt as default}; diff --git a/assets/definition.stories-iKXoCwIA.js b/assets/definition.stories-0NYmzfvw.js similarity index 87% rename from assets/definition.stories-iKXoCwIA.js rename to assets/definition.stories-0NYmzfvw.js index 09f9862f9b..bdb1278008 100644 --- a/assets/definition.stories-iKXoCwIA.js +++ b/assets/definition.stories-0NYmzfvw.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{R as f}from"./renderer-with-debug-ui-XOCIPmr_.js";import{s as h}from"./test-dependencies-BYssWPiu.js";import{A as g}from"./article-renderer-q7kSP2w4.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./side-by-side-kGWaKY6T.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer--3S3VYBz.js";import"./renderer-ULNOY64X.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-HbOOlLb6.js";import"./shared-4TdECMLk.js";import"./base-radio-NUDOhlSE.js";import"./choice-none-above-7sZgmnsx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./enums-x5qaTru7.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-mbE4GLUb.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";const mt={title:"Perseus/Widgets/Definition"},w={content:`Read the excerpt and answer the question below. +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{R as f}from"./renderer-with-debug-ui-kTjob79J.js";import{s as h}from"./test-dependencies-6YNLO4fV.js";import{A as g}from"./article-renderer-BOOaW4sB.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./side-by-side-kGWaKY6T.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer-own7mR8u.js";import"./renderer-dyWsFSUA.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-rWnJ078P.js";import"./shared-4TdECMLk.js";import"./base-radio-jqxXuHNO.js";import"./choice-none-above-NXvpeqY4.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./enums-x5qaTru7.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-MQdUvt3_.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";const mt={title:"Perseus/Widgets/Definition"},w={content:`Read the excerpt and answer the question below. The 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"}}},y={content:`Read the excerpt and answer the question below. diff --git a/assets/deprecated-standin.stories-HUz1nz3b.js b/assets/deprecated-standin.stories-ftsmbaMC.js similarity index 80% rename from assets/deprecated-standin.stories-HUz1nz3b.js rename to assets/deprecated-standin.stories-ftsmbaMC.js index 848bc46438..5581554a59 100644 --- a/assets/deprecated-standin.stories-HUz1nz3b.js +++ b/assets/deprecated-standin.stories-ftsmbaMC.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const Vt={title:"Perseus/Widgets/Deprecated Standin"},e={content:`$\\overleftrightarrow{MN}$ is the perpendicular bisector of segment $\\overline{JL}$. +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const Vt={title:"Perseus/Widgets/Deprecated Standin"},e={content:`$\\overleftrightarrow{MN}$ is the perpendicular bisector of segment $\\overline{JL}$. **Perform a reflection that proves $M$ must be equidistant from $J$ and $L$ and select the option which explains the proof.** The statement must be true for any point $M$ which lies on the perpendicular bisector. diff --git a/assets/device-framer-guMJF-HL.js b/assets/device-framer-xnxLcHMi.js similarity index 82% rename from assets/device-framer-guMJF-HL.js rename to assets/device-framer-xnxLcHMi.js index 5f196eb2cc..5fd4c1e3db 100644 --- a/assets/device-framer-guMJF-HL.js +++ b/assets/device-framer-xnxLcHMi.js @@ -1 +1 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{p as h,l as a}from"./constants-hQyjCzwz.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as m}from"./index-TT1qJ6UJ.js";const r={phone:{width:320,height:480,framedWidth:320},tablet:{width:750,height:920,framedWidth:525},desktop:{width:688,height:600,framedWidth:688}},d=({children:i,deviceType:t="phone",nochrome:p})=>{const e=m.useMemo(()=>r[t].framedWidth/r[t].width,[t]),s=m.useMemo(()=>({backgroundColor:"white",overflow:"scroll",color:"black",textAlign:"left",width:r[t].width,height:r[t].height,border:"solid 1px #CCC",margin:8,zoom:e}),[t,e]);return p?o("div",{style:{overflow:"scroll",width:r[t].framedWidth+2*h+a},children:o("div",{children:i})},"screen"):o("div",{className:"screen",style:{...s,textAlign:"start"},children:i},"screen")};d.__docgenInfo={description:"",methods:[],displayName:"DeviceFramer",props:{deviceType:{defaultValue:{value:'"phone"',computed:!1},required:!1}}};export{d as D}; +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{p as h,l as a}from"./constants-hQyjCzwz.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as m}from"./index-TT1qJ6UJ.js";const r={phone:{width:320,height:480,framedWidth:320},tablet:{width:750,height:920,framedWidth:525},desktop:{width:688,height:600,framedWidth:688}},d=({children:i,deviceType:t="phone",nochrome:p})=>{const e=m.useMemo(()=>r[t].framedWidth/r[t].width,[t]),s=m.useMemo(()=>({backgroundColor:"white",overflow:"scroll",color:"black",textAlign:"left",width:r[t].width,height:r[t].height,border:"solid 1px #CCC",margin:8,zoom:e}),[t,e]);return p?o("div",{style:{overflow:"scroll",width:r[t].framedWidth+2*h+a},children:o("div",{children:i})},"screen"):o("div",{className:"screen",style:{...s,textAlign:"start"},children:i},"screen")};d.__docgenInfo={description:"",methods:[],displayName:"DeviceFramer",props:{deviceType:{defaultValue:{value:'"phone"',computed:!1},required:!1}}};export{d as D}; diff --git a/assets/device-framer.stories-K8WHTblx.js b/assets/device-framer.stories-gm4VihRu.js similarity index 83% rename from assets/device-framer.stories-K8WHTblx.js rename to assets/device-framer.stories-gm4VihRu.js index a2d92212fc..255521addc 100644 --- a/assets/device-framer.stories-K8WHTblx.js +++ b/assets/device-framer.stories-gm4VihRu.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{S as D}from"./index-SM3muJE2.js";import{c as p}from"./index-deFLJwr4.js";import{D as m}from"./device-framer-guMJF-HL.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./constants-hQyjCzwz.js";const io={component:m,title:"PerseusEditor/Components/Device Framer"},i=()=>r("div",{style:{backgroundColor:p.blue,color:p.offWhite,width:"90%",height:"300px",padding:D.medium_16},children:"The DeviceFramer controls the size of the content inside the frame. So there's not much to look at here except how large each device type's size is."}),o={render:()=>r(m,{deviceType:"phone",nochrome:!0,children:r(i,{})})},t={render:()=>r(m,{deviceType:"tablet",nochrome:!0,children:r(i,{})})},e={render:()=>r(m,{deviceType:"desktop",nochrome:!0,children:r(i,{})})};var n,c,a;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{S as D}from"./index-SM3muJE2.js";import{c as p}from"./index-deFLJwr4.js";import{D as m}from"./device-framer-xnxLcHMi.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./constants-hQyjCzwz.js";const io={component:m,title:"PerseusEditor/Components/Device Framer"},i=()=>r("div",{style:{backgroundColor:p.blue,color:p.offWhite,width:"90%",height:"300px",padding:D.medium_16},children:"The DeviceFramer controls the size of the content inside the frame. So there's not much to look at here except how large each device type's size is."}),o={render:()=>r(m,{deviceType:"phone",nochrome:!0,children:r(i,{})})},t={render:()=>r(m,{deviceType:"tablet",nochrome:!0,children:r(i,{})})},e={render:()=>r(m,{deviceType:"desktop",nochrome:!0,children:r(i,{})})};var n,c,a;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{ render: () => diff --git a/assets/dropdown-editor-7F745Gol.js b/assets/dropdown-editor-b7e9swla.js similarity index 92% rename from assets/dropdown-editor-7F745Gol.js rename to assets/dropdown-editor-b7e9swla.js index 68c9791da8..a52e00e79b 100644 --- a/assets/dropdown-editor-7F745Gol.js +++ b/assets/dropdown-editor-b7e9swla.js @@ -1,4 +1,4 @@ -import{a as r,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import{_ as a}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as d}from"./components-v_jsX-d9.js";import{I as m}from"./icon-paths-AuJwhOz7.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as u}from"./editor-jsonify-Bbv2loDC.js";import{P as i}from"./index-0C4KXdeC.js";import{r as f}from"./index-TT1qJ6UJ.js";import{R as C}from"./index-7vsPyIck.js";const{InfoTip:p,InlineIcon:h}=d,{iconPlus:g,iconTrash:v}=m,c=class c extends f.Component{constructor(){super(...arguments),this.onPlaceholderChange=o=>{const n=o.target.value;this.props.onChange({placeholder:n})},this.onCorrectChange=o=>{const n=a.map(this.props.choices,function(e,s){return a.extend({},e,{correct:s===o})});this.props.onChange({choices:n})},this.onContentChange=(o,n)=>{const e=this.props.choices.slice(),s=a.clone(e[o]);s.content=n.target.value,e[o]=s,this.props.onChange({choices:e})},this.addChoice=o=>{o.preventDefault();const n=this.props.choices,e={content:"",correct:!1};this.props.onChange({choices:n.concat([e])},this.focus.bind(this,n.length))},this.removeChoice=(o,n)=>{n.preventDefault();const e=a(this.props.choices).clone();e.splice(o,1),this.props.onChange({choices:e})},this.focus=o=>(C.findDOMNode(this.refs["editor"+o]).focus(),!0),this.serialize=()=>u.serialize.call(this)}render(){const o=a.uniqueId("perseus_dropdown_");return r("div",{className:"perseus-widget-dropdown",children:[r("div",{className:"dropdown-info",children:["Dropdown",t(p,{children:r("p",{children:["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.']})})]}),r("div",{className:"dropdown-placeholder",children:[t("input",{type:"text",placeholder:"Placeholder value",value:this.props.placeholder,onChange:this.onPlaceholderChange}),t(p,{children:t("p",{children:"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."})})]}),t("div",{className:"clearfix"}),t("ul",{className:"dropdown-choices",children:this.props.choices.map(function(n,e){const s=n.correct?"correct":"incorrect";return t("li",{children:r("div",{children:[t("input",{ref:"radio"+e,type:"radio",name:o,checked:n.correct?"checked":"",onChange:this.onCorrectChange.bind(this,e),value:e}),t("input",{type:"text",ref:"editor"+e,onChange:this.onContentChange.bind(this,e),className:s,value:n.content}),t("a",{href:"#",className:"simple-button orange","aria-label":"Delete choice",onClick:this.removeChoice.bind(this,e),children:t("span",{className:"remove-choice",children:t(h,{...v})})})]})},""+e)},this)}),t("div",{className:"add-choice-container",children:r("a",{href:"#",className:"simple-button orange",onClick:this.addChoice,children:[t(h,{...g})," Add a choice"," "]})})]})}};c.propTypes={choices:i.arrayOf(i.shape({content:i.string,correct:i.bool})),placeholder:i.string},c.widgetName="dropdown",c.defaultProps={placeholder:"",choices:[{content:"",correct:!1}]};let l=c;l.__docgenInfo={description:"",methods:[{name:"onPlaceholderChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onCorrectChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"addChoice",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"removeChoice",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DropdownEditor",props:{placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},choices:{defaultValue:{value:`[ +import{a as r,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import{_ as a}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as d}from"./components-v_jsX-d9.js";import{I as m}from"./icon-paths-AuJwhOz7.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as u}from"./editor-jsonify-tQINrEL4.js";import{P as i}from"./index-k-0mNqHS.js";import{r as f}from"./index-TT1qJ6UJ.js";import{R as C}from"./index-7vsPyIck.js";const{InfoTip:p,InlineIcon:h}=d,{iconPlus:g,iconTrash:v}=m,c=class c extends f.Component{constructor(){super(...arguments),this.onPlaceholderChange=o=>{const n=o.target.value;this.props.onChange({placeholder:n})},this.onCorrectChange=o=>{const n=a.map(this.props.choices,function(e,s){return a.extend({},e,{correct:s===o})});this.props.onChange({choices:n})},this.onContentChange=(o,n)=>{const e=this.props.choices.slice(),s=a.clone(e[o]);s.content=n.target.value,e[o]=s,this.props.onChange({choices:e})},this.addChoice=o=>{o.preventDefault();const n=this.props.choices,e={content:"",correct:!1};this.props.onChange({choices:n.concat([e])},this.focus.bind(this,n.length))},this.removeChoice=(o,n)=>{n.preventDefault();const e=a(this.props.choices).clone();e.splice(o,1),this.props.onChange({choices:e})},this.focus=o=>(C.findDOMNode(this.refs["editor"+o]).focus(),!0),this.serialize=()=>u.serialize.call(this)}render(){const o=a.uniqueId("perseus_dropdown_");return r("div",{className:"perseus-widget-dropdown",children:[r("div",{className:"dropdown-info",children:["Dropdown",t(p,{children:r("p",{children:["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.']})})]}),r("div",{className:"dropdown-placeholder",children:[t("input",{type:"text",placeholder:"Placeholder value",value:this.props.placeholder,onChange:this.onPlaceholderChange}),t(p,{children:t("p",{children:"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."})})]}),t("div",{className:"clearfix"}),t("ul",{className:"dropdown-choices",children:this.props.choices.map(function(n,e){const s=n.correct?"correct":"incorrect";return t("li",{children:r("div",{children:[t("input",{ref:"radio"+e,type:"radio",name:o,checked:n.correct?"checked":"",onChange:this.onCorrectChange.bind(this,e),value:e}),t("input",{type:"text",ref:"editor"+e,onChange:this.onContentChange.bind(this,e),className:s,value:n.content}),t("a",{href:"#",className:"simple-button orange","aria-label":"Delete choice",onClick:this.removeChoice.bind(this,e),children:t("span",{className:"remove-choice",children:t(h,{...v})})})]})},""+e)},this)}),t("div",{className:"add-choice-container",children:r("a",{href:"#",className:"simple-button orange",onClick:this.addChoice,children:[t(h,{...g})," Add a choice"," "]})})]})}};c.propTypes={choices:i.arrayOf(i.shape({content:i.string,correct:i.bool})),placeholder:i.string},c.widgetName="dropdown",c.defaultProps={placeholder:"",choices:[{content:"",correct:!1}]};let l=c;l.__docgenInfo={description:"",methods:[{name:"onPlaceholderChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onCorrectChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"addChoice",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"removeChoice",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DropdownEditor",props:{placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},choices:{defaultValue:{value:`[ { content: "", correct: false, diff --git a/assets/dropdown-editor.stories-RlFwxvWb.js b/assets/dropdown-editor.stories-NjOxQYho.js similarity index 78% rename from assets/dropdown-editor.stories-RlFwxvWb.js rename to assets/dropdown-editor.stories-NjOxQYho.js index 3cb7626ad2..cf4f07cec9 100644 --- a/assets/dropdown-editor.stories-RlFwxvWb.js +++ b/assets/dropdown-editor.stories-NjOxQYho.js @@ -1,3 +1,3 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{D as e}from"./dropdown-editor-7F745Gol.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";const rr={title:"PerseusEditor/Widgets/Dropdown Editor"},o=a=>p(e,{onChange:m("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,t,i;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{D as e}from"./dropdown-editor-b7e9swla.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";const rr={title:"PerseusEditor/Widgets/Dropdown Editor"},o=a=>p(e,{onChange:m("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,t,i;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(t=o.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const tr=["Default"];export{o as Default,tr as __namedExportsOrder,rr as default}; diff --git a/assets/dropdown.stories-4QTSiyCO.js b/assets/dropdown.stories-0Xn_cBnE.js similarity index 79% rename from assets/dropdown.stories-4QTSiyCO.js rename to assets/dropdown.stories-0Xn_cBnE.js index 7e7aa9045b..5759b6c9b6 100644 --- a/assets/dropdown.stories-4QTSiyCO.js +++ b/assets/dropdown.stories-0Xn_cBnE.js @@ -1,3 +1,3 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const e={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}}}},Vt={title:"Perseus/Widgets/Dropdown"},t=s=>p(m,{question:e});t.__docgenInfo={description:"",methods:[],displayName:"Question1"};var o,r,i;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const e={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}}}},Vt={title:"Perseus/Widgets/Dropdown"},t=s=>p(m,{question:e});t.__docgenInfo={description:"",methods:[],displayName:"Question1"};var o,r,i;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const Xt=["Question1"];export{t as Question1,Xt as __namedExportsOrder,Vt as default}; diff --git a/assets/editor-IYGRa35D.js b/assets/editor-AA_-Ksmn.js similarity index 99% rename from assets/editor-IYGRa35D.js rename to assets/editor-AA_-Ksmn.js index 8f1ef858a0..b0fe96a593 100644 --- a/assets/editor-IYGRa35D.js +++ b/assets/editor-AA_-Ksmn.js @@ -1,4 +1,4 @@ -import{j as X,a as Y0,F as bi}from"./jsx-runtime-FVsy8kgq.js";import{S as wi,d as Si}from"./article-renderer-q7kSP2w4.js";import{_ as Y,$ as ki}from"./jquery-yG1GhClm.js";import{U as H0,P as Ai,E as Ci}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import{d as Ut,g as Mi,s as Bi,u as zi,e as Ti,f as Aa,h as Ei,i as Di,P as Ht,j as _i}from"./renderer-ULNOY64X.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{L as qi}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./dependencies-8XILypbq.js";import"./version-akiLXZts.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{c as Ni,g as Fi}from"./_commonjsHelpers-4gQjN7DL.js";import{r as we}from"./index-TT1qJ6UJ.js";import{c as Ii}from"./index-fuycm_QE.js";import{P as et}from"./index-0C4KXdeC.js";import{c as Oi}from"./components-v_jsX-d9.js";import{I as Ri}from"./icon-paths-AuJwhOz7.js";import{u as Li}from"./index-6h5t6F0w.js";import{S as Pi}from"./index-qUyqkRvh.js";import{S as $i}from"./index-SM3muJE2.js";import{S as Wi}from"./section-control-button-ntmvBOuR.js";import{T as Hi}from"./tex-error-view-Y2BSLjwB.js";var Ba={exports:{}};(function(l,h){(function(S,M){l.exports=M()})(typeof self<"u"?self:Ni,function(){return function(v){var S={};function M(B){if(S[B])return S[B].exports;var N=S[B]={i:B,l:!1,exports:{}};return v[B].call(N.exports,N,N.exports,M),N.l=!0,N.exports}return M.m=v,M.c=S,M.d=function(B,N,R){M.o(B,N)||Object.defineProperty(B,N,{enumerable:!0,get:R})},M.r=function(B){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(B,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(B,"__esModule",{value:!0})},M.t=function(B,N){if(N&1&&(B=M(B)),N&8||N&4&&typeof B=="object"&&B&&B.__esModule)return B;var R=Object.create(null);if(M.r(R),Object.defineProperty(R,"default",{enumerable:!0,value:B}),N&2&&typeof B!="string")for(var C in B)M.d(R,C,(function(n0){return B[n0]}).bind(null,C));return R},M.n=function(B){var N=B&&B.__esModule?function(){return B.default}:function(){return B};return M.d(N,"a",N),N},M.o=function(B,N){return Object.prototype.hasOwnProperty.call(B,N)},M.p="",M(M.s=1)}([function(v,S,M){},function(v,S,M){M.r(S),M(0);var B=function(){function o(e,t,r){this.lexer=void 0,this.start=void 0,this.end=void 0,this.lexer=e,this.start=t,this.end=r}return o.range=function(t,r){return r?!t||!t.loc||!r.loc||t.loc.lexer!==r.loc.lexer?null:new o(t.loc.lexer,t.loc.start,r.loc.end):t&&t.loc},o}(),N=function(){function o(t,r){this.text=void 0,this.loc=void 0,this.text=t,this.loc=r}var e=o.prototype;return e.range=function(r,a){return new o(a,B.range(this,r))},o}(),R=function o(e,t){this.position=void 0;var r="KaTeX parse error: "+e,a,i=t&&t.loc;if(i&&i.start<=i.end){var u=i.lexer.input;a=i.start;var m=i.end;a===u.length?r+=" at end of input: ":r+=" at position "+(a+1)+": ";var d=u.slice(a,m).replace(/[^]/g,"$&̲"),f;a>15?f="…"+u.slice(a-15,a):f=u.slice(0,a);var x;m+15":">","<":"<",'"':""","'":"'"},k0=/[&><"']/g;function T0(o){return String(o).replace(k0,function(e){return Z[e]})}var Q=function o(e){return e.type==="ordgroup"||e.type==="color"?e.body.length===1?o(e.body[0]):e:e.type==="font"?o(e.body):e},v0=function(e){var t=Q(e);return t.type==="mathord"||t.type==="textord"||t.type==="atom"},e0=function(e){if(!e)throw new Error("Expected non-null, but got "+String(e));return e},A0=function(e){var t=/^\s*([^\\/#]*?)(?::|�*58|�*3a)/i.exec(e);return t!=null?t[1]:"_relative"},F={contains:n0,deflt:c0,escape:T0,hyphenate:a0,getBaseElem:Q,isCharacterBox:v0,protocolFromUrl:A0},j0=function(){function o(t){this.displayMode=void 0,this.output=void 0,this.leqno=void 0,this.fleqn=void 0,this.throwOnError=void 0,this.errorColor=void 0,this.macros=void 0,this.minRuleThickness=void 0,this.colorIsTextColor=void 0,this.strict=void 0,this.trust=void 0,this.maxSize=void 0,this.maxExpand=void 0,t=t||{},this.displayMode=F.deflt(t.displayMode,!1),this.output=F.deflt(t.output,"htmlAndMathml"),this.leqno=F.deflt(t.leqno,!1),this.fleqn=F.deflt(t.fleqn,!1),this.throwOnError=F.deflt(t.throwOnError,!0),this.errorColor=F.deflt(t.errorColor,"#cc0000"),this.macros=t.macros||{},this.minRuleThickness=Math.max(0,F.deflt(t.minRuleThickness,0)),this.colorIsTextColor=F.deflt(t.colorIsTextColor,!1),this.strict=F.deflt(t.strict,"warn"),this.trust=F.deflt(t.trust,!1),this.maxSize=Math.max(0,F.deflt(t.maxSize,1/0)),this.maxExpand=Math.max(0,F.deflt(t.maxExpand,1e3))}var e=o.prototype;return e.reportNonstrict=function(r,a,i){var u=this.strict;if(typeof u=="function"&&(u=u(r,a,i)),!(!u||u==="ignore")){if(u===!0||u==="error")throw new C("LaTeX-incompatible input and strict mode is set to 'error': "+(a+" ["+r+"]"),i);u==="warn"?typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+(a+" ["+r+"]")):typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to "+("unrecognized '"+u+"': "+a+" ["+r+"]"))}},e.useStrictBehavior=function(r,a,i){var u=this.strict;if(typeof u=="function")try{u=u(r,a,i)}catch{u="error"}return!u||u==="ignore"?!1:u===!0||u==="error"?!0:u==="warn"?(typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+(a+" ["+r+"]")),!1):(typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to "+("unrecognized '"+u+"': "+a+" ["+r+"]")),!1)},e.isTrusted=function(r){r.url&&!r.protocol&&(r.protocol=F.protocolFromUrl(r.url));var a=typeof this.trust=="function"?this.trust(r):this.trust;return!!a},o}(),_0=function(){function o(t,r,a){this.id=void 0,this.size=void 0,this.cramped=void 0,this.id=t,this.size=r,this.cramped=a}var e=o.prototype;return e.sup=function(){return W0[_a[this.id]]},e.sub=function(){return W0[qa[this.id]]},e.fracNum=function(){return W0[Na[this.id]]},e.fracDen=function(){return W0[Fa[this.id]]},e.cramp=function(){return W0[Ia[this.id]]},e.text=function(){return W0[Oa[this.id]]},e.isTight=function(){return this.size>=2},o}(),at=0,_e=1,he=2,G0=3,Se=4,N0=5,me=6,C0=7,W0=[new _0(at,0,!1),new _0(_e,0,!0),new _0(he,1,!1),new _0(G0,1,!0),new _0(Se,2,!1),new _0(N0,2,!0),new _0(me,3,!1),new _0(C0,3,!0)],_a=[Se,N0,Se,N0,me,C0,me,C0],qa=[N0,N0,N0,N0,C0,C0,C0,C0],Na=[he,G0,Se,N0,me,C0,me,C0],Fa=[G0,G0,N0,N0,C0,C0,C0,C0],Ia=[_e,_e,G0,G0,N0,N0,C0,C0],Oa=[at,_e,he,G0,he,G0,he,G0],$={DISPLAY:W0[at],TEXT:W0[he],SCRIPT:W0[Se],SCRIPTSCRIPT:W0[me]},nt=[{name:"latin",blocks:[[256,591],[768,879]]},{name:"cyrillic",blocks:[[1024,1279]]},{name:"brahmic",blocks:[[2304,4255]]},{name:"georgian",blocks:[[4256,4351]]},{name:"cjk",blocks:[[12288,12543],[19968,40879],[65280,65376]]},{name:"hangul",blocks:[[44032,55215]]}];function Ra(o){for(var e=0;e=a[0]&&o<=a[1])return t.name}return null}var ke=[];nt.forEach(function(o){return o.blocks.forEach(function(e){return ke.push.apply(ke,e)})});function Yt(o){for(var e=0;e=ke[e]&&o<=ke[e+1])return!0;return!1}var de=80,La=function(e,t){return"M95,"+(622+e+t)+` +import{j as X,a as Y0,F as bi}from"./jsx-runtime-FVsy8kgq.js";import{S as wi,d as Si}from"./article-renderer-BOOaW4sB.js";import{_ as Y,$ as ki}from"./jquery-yG1GhClm.js";import{U as H0,P as Ai,E as Ci}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import{d as Ut,g as Mi,s as Bi,u as zi,e as Ti,f as Aa,h as Ei,i as Di,P as Ht,j as _i}from"./renderer-dyWsFSUA.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{L as qi}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./dependencies-8XILypbq.js";import"./version-akiLXZts.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{c as Ni,g as Fi}from"./_commonjsHelpers-4gQjN7DL.js";import{r as we}from"./index-TT1qJ6UJ.js";import{c as Ii}from"./index-fuycm_QE.js";import{P as et}from"./index-k-0mNqHS.js";import{c as Oi}from"./components-v_jsX-d9.js";import{I as Ri}from"./icon-paths-AuJwhOz7.js";import{u as Li}from"./index-6h5t6F0w.js";import{S as Pi}from"./index-qUyqkRvh.js";import{S as $i}from"./index-SM3muJE2.js";import{S as Wi}from"./section-control-button-0qlF-d0b.js";import{T as Hi}from"./tex-error-view-Y2BSLjwB.js";var Ba={exports:{}};(function(l,h){(function(S,M){l.exports=M()})(typeof self<"u"?self:Ni,function(){return function(v){var S={};function M(B){if(S[B])return S[B].exports;var N=S[B]={i:B,l:!1,exports:{}};return v[B].call(N.exports,N,N.exports,M),N.l=!0,N.exports}return M.m=v,M.c=S,M.d=function(B,N,R){M.o(B,N)||Object.defineProperty(B,N,{enumerable:!0,get:R})},M.r=function(B){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(B,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(B,"__esModule",{value:!0})},M.t=function(B,N){if(N&1&&(B=M(B)),N&8||N&4&&typeof B=="object"&&B&&B.__esModule)return B;var R=Object.create(null);if(M.r(R),Object.defineProperty(R,"default",{enumerable:!0,value:B}),N&2&&typeof B!="string")for(var C in B)M.d(R,C,(function(n0){return B[n0]}).bind(null,C));return R},M.n=function(B){var N=B&&B.__esModule?function(){return B.default}:function(){return B};return M.d(N,"a",N),N},M.o=function(B,N){return Object.prototype.hasOwnProperty.call(B,N)},M.p="",M(M.s=1)}([function(v,S,M){},function(v,S,M){M.r(S),M(0);var B=function(){function o(e,t,r){this.lexer=void 0,this.start=void 0,this.end=void 0,this.lexer=e,this.start=t,this.end=r}return o.range=function(t,r){return r?!t||!t.loc||!r.loc||t.loc.lexer!==r.loc.lexer?null:new o(t.loc.lexer,t.loc.start,r.loc.end):t&&t.loc},o}(),N=function(){function o(t,r){this.text=void 0,this.loc=void 0,this.text=t,this.loc=r}var e=o.prototype;return e.range=function(r,a){return new o(a,B.range(this,r))},o}(),R=function o(e,t){this.position=void 0;var r="KaTeX parse error: "+e,a,i=t&&t.loc;if(i&&i.start<=i.end){var u=i.lexer.input;a=i.start;var m=i.end;a===u.length?r+=" at end of input: ":r+=" at position "+(a+1)+": ";var d=u.slice(a,m).replace(/[^]/g,"$&̲"),f;a>15?f="…"+u.slice(a-15,a):f=u.slice(0,a);var x;m+15":">","<":"<",'"':""","'":"'"},k0=/[&><"']/g;function T0(o){return String(o).replace(k0,function(e){return Z[e]})}var Q=function o(e){return e.type==="ordgroup"||e.type==="color"?e.body.length===1?o(e.body[0]):e:e.type==="font"?o(e.body):e},v0=function(e){var t=Q(e);return t.type==="mathord"||t.type==="textord"||t.type==="atom"},e0=function(e){if(!e)throw new Error("Expected non-null, but got "+String(e));return e},A0=function(e){var t=/^\s*([^\\/#]*?)(?::|�*58|�*3a)/i.exec(e);return t!=null?t[1]:"_relative"},F={contains:n0,deflt:c0,escape:T0,hyphenate:a0,getBaseElem:Q,isCharacterBox:v0,protocolFromUrl:A0},j0=function(){function o(t){this.displayMode=void 0,this.output=void 0,this.leqno=void 0,this.fleqn=void 0,this.throwOnError=void 0,this.errorColor=void 0,this.macros=void 0,this.minRuleThickness=void 0,this.colorIsTextColor=void 0,this.strict=void 0,this.trust=void 0,this.maxSize=void 0,this.maxExpand=void 0,t=t||{},this.displayMode=F.deflt(t.displayMode,!1),this.output=F.deflt(t.output,"htmlAndMathml"),this.leqno=F.deflt(t.leqno,!1),this.fleqn=F.deflt(t.fleqn,!1),this.throwOnError=F.deflt(t.throwOnError,!0),this.errorColor=F.deflt(t.errorColor,"#cc0000"),this.macros=t.macros||{},this.minRuleThickness=Math.max(0,F.deflt(t.minRuleThickness,0)),this.colorIsTextColor=F.deflt(t.colorIsTextColor,!1),this.strict=F.deflt(t.strict,"warn"),this.trust=F.deflt(t.trust,!1),this.maxSize=Math.max(0,F.deflt(t.maxSize,1/0)),this.maxExpand=Math.max(0,F.deflt(t.maxExpand,1e3))}var e=o.prototype;return e.reportNonstrict=function(r,a,i){var u=this.strict;if(typeof u=="function"&&(u=u(r,a,i)),!(!u||u==="ignore")){if(u===!0||u==="error")throw new C("LaTeX-incompatible input and strict mode is set to 'error': "+(a+" ["+r+"]"),i);u==="warn"?typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+(a+" ["+r+"]")):typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to "+("unrecognized '"+u+"': "+a+" ["+r+"]"))}},e.useStrictBehavior=function(r,a,i){var u=this.strict;if(typeof u=="function")try{u=u(r,a,i)}catch{u="error"}return!u||u==="ignore"?!1:u===!0||u==="error"?!0:u==="warn"?(typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+(a+" ["+r+"]")),!1):(typeof console<"u"&&console.warn("LaTeX-incompatible input and strict mode is set to "+("unrecognized '"+u+"': "+a+" ["+r+"]")),!1)},e.isTrusted=function(r){r.url&&!r.protocol&&(r.protocol=F.protocolFromUrl(r.url));var a=typeof this.trust=="function"?this.trust(r):this.trust;return!!a},o}(),_0=function(){function o(t,r,a){this.id=void 0,this.size=void 0,this.cramped=void 0,this.id=t,this.size=r,this.cramped=a}var e=o.prototype;return e.sup=function(){return W0[_a[this.id]]},e.sub=function(){return W0[qa[this.id]]},e.fracNum=function(){return W0[Na[this.id]]},e.fracDen=function(){return W0[Fa[this.id]]},e.cramp=function(){return W0[Ia[this.id]]},e.text=function(){return W0[Oa[this.id]]},e.isTight=function(){return this.size>=2},o}(),at=0,_e=1,he=2,G0=3,Se=4,N0=5,me=6,C0=7,W0=[new _0(at,0,!1),new _0(_e,0,!0),new _0(he,1,!1),new _0(G0,1,!0),new _0(Se,2,!1),new _0(N0,2,!0),new _0(me,3,!1),new _0(C0,3,!0)],_a=[Se,N0,Se,N0,me,C0,me,C0],qa=[N0,N0,N0,N0,C0,C0,C0,C0],Na=[he,G0,Se,N0,me,C0,me,C0],Fa=[G0,G0,N0,N0,C0,C0,C0,C0],Ia=[_e,_e,G0,G0,N0,N0,C0,C0],Oa=[at,_e,he,G0,he,G0,he,G0],$={DISPLAY:W0[at],TEXT:W0[he],SCRIPT:W0[Se],SCRIPTSCRIPT:W0[me]},nt=[{name:"latin",blocks:[[256,591],[768,879]]},{name:"cyrillic",blocks:[[1024,1279]]},{name:"brahmic",blocks:[[2304,4255]]},{name:"georgian",blocks:[[4256,4351]]},{name:"cjk",blocks:[[12288,12543],[19968,40879],[65280,65376]]},{name:"hangul",blocks:[[44032,55215]]}];function Ra(o){for(var e=0;e=a[0]&&o<=a[1])return t.name}return null}var ke=[];nt.forEach(function(o){return o.blocks.forEach(function(e){return ke.push.apply(ke,e)})});function Yt(o){for(var e=0;e=ke[e]&&o<=ke[e+1])return!0;return!1}var de=80,La=function(e,t){return"M95,"+(622+e+t)+` c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14 c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54 c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10 diff --git a/assets/editor-H-qXwzEE.js b/assets/editor-_spdqNG4.js similarity index 94% rename from assets/editor-H-qXwzEE.js rename to assets/editor-_spdqNG4.js index 72af6710e2..dc7c10a173 100644 --- a/assets/editor-H-qXwzEE.js +++ b/assets/editor-_spdqNG4.js @@ -1 +1 @@ -import{j as t,a}from"./jsx-runtime-FVsy8kgq.js";import{c as v,p as N}from"./article-renderer-q7kSP2w4.js";import{_ as l}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as g}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import{B as O}from"./base-radio-NUDOhlSE.js";import{c as k}from"./components-v_jsX-d9.js";import{I as T}from"./icon-paths-AuJwhOz7.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{C as p}from"./index-QCAhLhLD.js";import{P as n}from"./index-0C4KXdeC.js";import{r as y}from"./index-TT1qJ6UJ.js";import{E as C}from"./editor-IYGRa35D.js";const{InlineIcon:h}=k,{iconPlus:b,iconTrash:A}=T,m=class m extends y.Component{render(){const e=this.props.choice.correct?"correct":"incorrect";let s="Type a choice here...";this.props.choice.isNoneOfTheAbove&&(s=this.props.choice.correct?"Type the answer to reveal to the user...":"None of the above");const o=t(C,{ref:"content-editor",apiOptions:this.props.apiOptions,content:this.props.choice.content||"",widgetEnabled:!1,placeholder:s,disabled:this.props.choice.isNoneOfTheAbove&&!this.props.choice.correct,onChange:this.props.onContentChange}),i=t(C,{ref:"clue-editor",apiOptions:this.props.apiOptions,content:this.props.choice.clue||"",widgetEnabled:!1,placeholder:`Why is this choice ${e}?`,onChange:this.props.onClueChange}),r=t("a",{className:"simple-button orange delete-choice",href:"#",onClick:f=>{f.stopPropagation(),f.preventDefault(),this.props.onDelete()},title:"Remove this choice",children:t(h,{...A})});return a("div",{className:"choice-clue-editors",children:[t("div",{className:`choice-editor ${e}`,children:o}),t("div",{className:"clue-editor",children:i}),this.props.showDelete&&r]})}};m.propTypes={apiOptions:g.propTypes,choice:n.object,showDelete:n.bool,onClueChange:n.func,onContentChange:n.func,onDelete:n.func};let u=m;const c=class c extends y.Component{constructor(){super(...arguments),this.change=(...e)=>v.apply(this,e),this.onMultipleSelectChange=e=>{e=e.multipleSelect;const s=l.reduce(this.props.choices,function(o,i){return i.correct?o+1:o},0);if(!e&&s>1){const o=l.map(this.props.choices,function(i){return l.defaults({correct:!1},i)});this.props.onChange({multipleSelect:e,choices:o})}else this.props.onChange({multipleSelect:e})},this.onCountChoicesChange=e=>{e=e.countChoices,this.props.onChange({countChoices:e})},this.onChange=({checked:e})=>{const s=l.map(this.props.choices,(o,i)=>l.extend({},o,{correct:e[i],content:o.isNoneOfTheAbove&&!e[i]?"":o.content}));this.props.onChange({choices:s})},this.onContentChange=(e,s)=>{const o=this.props.choices.slice();o[e]=l.extend({},o[e],{content:s}),this.props.onChange({choices:o})},this.onClueChange=(e,s)=>{const o=this.props.choices.slice();o[e]=l.extend({},o[e],{clue:s}),s===""&&delete o[e].clue,this.props.onChange({choices:o})},this.onDelete=e=>{const s=this.props.choices.slice(),o=s[e];s.splice(e,1),this.props.onChange({choices:s,hasNoneOfTheAbove:this.props.hasNoneOfTheAbove&&!o.isNoneOfTheAbove})},this.addChoice=(e,s)=>{s.preventDefault();const o=this.props.choices.slice(),i={isNoneOfTheAbove:e},r=o.length-(this.props.hasNoneOfTheAbove?1:0);o.splice(r,0,i),this.props.onChange({choices:o,hasNoneOfTheAbove:e||this.props.hasNoneOfTheAbove},()=>{this.refs[`choice-editor${r}`].refs["content-editor"].focus()})},this.setDisplayCount=e=>{this.props.onChange({displayCount:e})},this.focus=()=>(this.refs["choice-editor0"].refs["content-editor"].focus(),!0),this.getSaveWarnings=()=>l.some(l.pluck(this.props.choices,"correct"))?[]:["No choice is marked as correct."],this.serialize=()=>l.pick(this.props,"choices","randomize","multipleSelect","countChoices","displayCount","hasNoneOfTheAbove","deselectEnabled")}render(){const e=l.reduce(this.props.choices,function(s,o){return o.correct?s+1:s},0);return a("div",{children:[a("div",{className:"perseus-widget-row",children:[t("a",{href:"https://docs.google.com/document/d/1frZf7yrWVWb1n4tVjqlzqVUiv1pn4cZXbxgP62-JDBY/edit#heading=h.8ng1isya19nu",target:"_blank",children:"Multiple choice style guide"}),t("br",{}),t("div",{className:"perseus-widget-left-col",children:t(p,{label:"Multiple selections",checked:this.props.multipleSelect,onChange:s=>{this.onMultipleSelectChange({multipleSelect:s})}})}),t("div",{className:"perseus-widget-right-col",children:t(p,{label:"Randomize order",checked:this.props.randomize,onChange:s=>{this.props.onChange({randomize:s})}})}),this.props.multipleSelect&&t("div",{className:"perseus-widget-left-col",children:t(p,{label:"Specify number correct",checked:this.props.countChoices,onChange:s=>{this.onCountChoicesChange({countChoices:s})}})})]}),t(O,{multipleSelect:this.props.multipleSelect,countChoices:this.props.countChoices,numCorrect:e,editMode:!0,labelWrap:!1,apiOptions:this.props.apiOptions,reviewMode:!1,choices:this.props.choices.map((s,o)=>({content:t(u,{ref:`choice-editor${o}`,apiOptions:this.props.apiOptions,choice:s,onContentChange:i=>{"content"in i&&this.onContentChange(o,i.content)},onClueChange:i=>{"content"in i&&this.onClueChange(o,i.content)},onDelete:()=>this.onDelete(o),showDelete:this.props.choices.length>=2}),isNoneOfTheAbove:s.isNoneOfTheAbove,checked:s.correct}),this),onChange:this.onChange}),a("div",{className:"add-choice-container",children:[a("a",{className:"simple-button orange",href:"#",onClick:this.addChoice.bind(this,!1),children:[t(h,{...b})," Add a choice"," "]}),!this.props.hasNoneOfTheAbove&&a("a",{className:"simple-button",href:"#",onClick:this.addChoice.bind(this,!0),children:[t(h,{...b})," None of the above"," "]})]})]})}};c.propTypes={...N,apiOptions:g.propTypes,choices:n.arrayOf(n.shape({content:n.string,clue:n.string,correct:n.bool})),displayCount:n.number,randomize:n.bool,hasNoneOfTheAbove:n.bool,multipleSelect:n.bool,countChoices:n.bool,deselectEnabled:n.bool,static:n.bool},c.widgetName="radio",c.defaultProps={choices:[{},{},{},{}],displayCount:null,randomize:!1,hasNoneOfTheAbove:!1,multipleSelect:!1,countChoices:!1,deselectEnabled:!1};let d=c;d.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onMultipleSelectChange",docblock:null,modifiers:[],params:[{name:"allowMultiple",optional:!1,type:null}],returns:null},{name:"onCountChoicesChange",docblock:null,modifiers:[],params:[{name:"count",optional:!1,type:null}],returns:null},{name:"onChange",docblock:null,modifiers:[],params:[{name:"{checked}",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"newContent",optional:!1,type:null}],returns:null},{name:"onClueChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"newClue",optional:!1,type:null}],returns:null},{name:"onDelete",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"addChoice",docblock:null,modifiers:[],params:[{name:"noneOfTheAbove",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"setDisplayCount",docblock:null,modifiers:[],params:[{name:"num",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"RadioEditor",props:{choices:{defaultValue:{value:"[{}, {}, {}, {}]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{content:{name:"string",required:!1},clue:{name:"string",required:!1},correct:{name:"bool",required:!1}}}},required:!1},displayCount:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},randomize:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasNoneOfTheAbove:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},multipleSelect:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},countChoices:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},deselectEnabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1},static:{description:"",type:{name:"bool"},required:!1}},composes:["@khanacademy/perseus"]};export{d as R}; +import{j as t,a}from"./jsx-runtime-FVsy8kgq.js";import{c as v,p as N}from"./article-renderer-BOOaW4sB.js";import{_ as l}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as g}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import{B as O}from"./base-radio-jqxXuHNO.js";import{c as k}from"./components-v_jsX-d9.js";import{I as T}from"./icon-paths-AuJwhOz7.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{C as p}from"./index-QCAhLhLD.js";import{P as n}from"./index-k-0mNqHS.js";import{r as y}from"./index-TT1qJ6UJ.js";import{E as C}from"./editor-AA_-Ksmn.js";const{InlineIcon:h}=k,{iconPlus:b,iconTrash:A}=T,m=class m extends y.Component{render(){const e=this.props.choice.correct?"correct":"incorrect";let s="Type a choice here...";this.props.choice.isNoneOfTheAbove&&(s=this.props.choice.correct?"Type the answer to reveal to the user...":"None of the above");const o=t(C,{ref:"content-editor",apiOptions:this.props.apiOptions,content:this.props.choice.content||"",widgetEnabled:!1,placeholder:s,disabled:this.props.choice.isNoneOfTheAbove&&!this.props.choice.correct,onChange:this.props.onContentChange}),i=t(C,{ref:"clue-editor",apiOptions:this.props.apiOptions,content:this.props.choice.clue||"",widgetEnabled:!1,placeholder:`Why is this choice ${e}?`,onChange:this.props.onClueChange}),r=t("a",{className:"simple-button orange delete-choice",href:"#",onClick:f=>{f.stopPropagation(),f.preventDefault(),this.props.onDelete()},title:"Remove this choice",children:t(h,{...A})});return a("div",{className:"choice-clue-editors",children:[t("div",{className:`choice-editor ${e}`,children:o}),t("div",{className:"clue-editor",children:i}),this.props.showDelete&&r]})}};m.propTypes={apiOptions:g.propTypes,choice:n.object,showDelete:n.bool,onClueChange:n.func,onContentChange:n.func,onDelete:n.func};let u=m;const c=class c extends y.Component{constructor(){super(...arguments),this.change=(...e)=>v.apply(this,e),this.onMultipleSelectChange=e=>{e=e.multipleSelect;const s=l.reduce(this.props.choices,function(o,i){return i.correct?o+1:o},0);if(!e&&s>1){const o=l.map(this.props.choices,function(i){return l.defaults({correct:!1},i)});this.props.onChange({multipleSelect:e,choices:o})}else this.props.onChange({multipleSelect:e})},this.onCountChoicesChange=e=>{e=e.countChoices,this.props.onChange({countChoices:e})},this.onChange=({checked:e})=>{const s=l.map(this.props.choices,(o,i)=>l.extend({},o,{correct:e[i],content:o.isNoneOfTheAbove&&!e[i]?"":o.content}));this.props.onChange({choices:s})},this.onContentChange=(e,s)=>{const o=this.props.choices.slice();o[e]=l.extend({},o[e],{content:s}),this.props.onChange({choices:o})},this.onClueChange=(e,s)=>{const o=this.props.choices.slice();o[e]=l.extend({},o[e],{clue:s}),s===""&&delete o[e].clue,this.props.onChange({choices:o})},this.onDelete=e=>{const s=this.props.choices.slice(),o=s[e];s.splice(e,1),this.props.onChange({choices:s,hasNoneOfTheAbove:this.props.hasNoneOfTheAbove&&!o.isNoneOfTheAbove})},this.addChoice=(e,s)=>{s.preventDefault();const o=this.props.choices.slice(),i={isNoneOfTheAbove:e},r=o.length-(this.props.hasNoneOfTheAbove?1:0);o.splice(r,0,i),this.props.onChange({choices:o,hasNoneOfTheAbove:e||this.props.hasNoneOfTheAbove},()=>{this.refs[`choice-editor${r}`].refs["content-editor"].focus()})},this.setDisplayCount=e=>{this.props.onChange({displayCount:e})},this.focus=()=>(this.refs["choice-editor0"].refs["content-editor"].focus(),!0),this.getSaveWarnings=()=>l.some(l.pluck(this.props.choices,"correct"))?[]:["No choice is marked as correct."],this.serialize=()=>l.pick(this.props,"choices","randomize","multipleSelect","countChoices","displayCount","hasNoneOfTheAbove","deselectEnabled")}render(){const e=l.reduce(this.props.choices,function(s,o){return o.correct?s+1:s},0);return a("div",{children:[a("div",{className:"perseus-widget-row",children:[t("a",{href:"https://docs.google.com/document/d/1frZf7yrWVWb1n4tVjqlzqVUiv1pn4cZXbxgP62-JDBY/edit#heading=h.8ng1isya19nu",target:"_blank",children:"Multiple choice style guide"}),t("br",{}),t("div",{className:"perseus-widget-left-col",children:t(p,{label:"Multiple selections",checked:this.props.multipleSelect,onChange:s=>{this.onMultipleSelectChange({multipleSelect:s})}})}),t("div",{className:"perseus-widget-right-col",children:t(p,{label:"Randomize order",checked:this.props.randomize,onChange:s=>{this.props.onChange({randomize:s})}})}),this.props.multipleSelect&&t("div",{className:"perseus-widget-left-col",children:t(p,{label:"Specify number correct",checked:this.props.countChoices,onChange:s=>{this.onCountChoicesChange({countChoices:s})}})})]}),t(O,{multipleSelect:this.props.multipleSelect,countChoices:this.props.countChoices,numCorrect:e,editMode:!0,labelWrap:!1,apiOptions:this.props.apiOptions,reviewMode:!1,choices:this.props.choices.map((s,o)=>({content:t(u,{ref:`choice-editor${o}`,apiOptions:this.props.apiOptions,choice:s,onContentChange:i=>{"content"in i&&this.onContentChange(o,i.content)},onClueChange:i=>{"content"in i&&this.onClueChange(o,i.content)},onDelete:()=>this.onDelete(o),showDelete:this.props.choices.length>=2}),isNoneOfTheAbove:s.isNoneOfTheAbove,checked:s.correct}),this),onChange:this.onChange}),a("div",{className:"add-choice-container",children:[a("a",{className:"simple-button orange",href:"#",onClick:this.addChoice.bind(this,!1),children:[t(h,{...b})," Add a choice"," "]}),!this.props.hasNoneOfTheAbove&&a("a",{className:"simple-button",href:"#",onClick:this.addChoice.bind(this,!0),children:[t(h,{...b})," None of the above"," "]})]})]})}};c.propTypes={...N,apiOptions:g.propTypes,choices:n.arrayOf(n.shape({content:n.string,clue:n.string,correct:n.bool})),displayCount:n.number,randomize:n.bool,hasNoneOfTheAbove:n.bool,multipleSelect:n.bool,countChoices:n.bool,deselectEnabled:n.bool,static:n.bool},c.widgetName="radio",c.defaultProps={choices:[{},{},{},{}],displayCount:null,randomize:!1,hasNoneOfTheAbove:!1,multipleSelect:!1,countChoices:!1,deselectEnabled:!1};let d=c;d.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onMultipleSelectChange",docblock:null,modifiers:[],params:[{name:"allowMultiple",optional:!1,type:null}],returns:null},{name:"onCountChoicesChange",docblock:null,modifiers:[],params:[{name:"count",optional:!1,type:null}],returns:null},{name:"onChange",docblock:null,modifiers:[],params:[{name:"{checked}",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"newContent",optional:!1,type:null}],returns:null},{name:"onClueChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"newClue",optional:!1,type:null}],returns:null},{name:"onDelete",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"addChoice",docblock:null,modifiers:[],params:[{name:"noneOfTheAbove",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"setDisplayCount",docblock:null,modifiers:[],params:[{name:"num",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"RadioEditor",props:{choices:{defaultValue:{value:"[{}, {}, {}, {}]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{content:{name:"string",required:!1},clue:{name:"string",required:!1},correct:{name:"bool",required:!1}}}},required:!1},displayCount:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},randomize:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasNoneOfTheAbove:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},multipleSelect:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},countChoices:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},deselectEnabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1},static:{description:"",type:{name:"bool"},required:!1}},composes:["@khanacademy/perseus"]};export{d as R}; diff --git a/assets/editor-jsonify-Bbv2loDC.js b/assets/editor-jsonify-tQINrEL4.js similarity index 61% rename from assets/editor-jsonify-Bbv2loDC.js rename to assets/editor-jsonify-tQINrEL4.js index 7f73aa83e1..7052d167f6 100644 --- a/assets/editor-jsonify-Bbv2loDC.js +++ b/assets/editor-jsonify-tQINrEL4.js @@ -1 +1 @@ -import{_ as o}from"./jquery-yG1GhClm.js";import{d as i}from"./article-renderer-q7kSP2w4.js";const s={serialize:function(){return o.omit(this.props,i)}};export{s as E}; +import{_ as o}from"./jquery-yG1GhClm.js";import{d as i}from"./article-renderer-BOOaW4sB.js";const s={serialize:function(){return o.omit(this.props,i)}};export{s as E}; diff --git a/assets/editor-page-eQvvir4g.js b/assets/editor-page-NyZqMedc.js similarity index 74% rename from assets/editor-page-eQvvir4g.js rename to assets/editor-page-NyZqMedc.js index b40864e2ed..71d7a30e8e 100644 --- a/assets/editor-page-eQvvir4g.js +++ b/assets/editor-page-NyZqMedc.js @@ -1,4 +1,4 @@ -import{a,j as s}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import{_ as o}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as k,C as I}from"./perseus-api-mOiZT07d.js";import{c as M}from"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as b}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as p}from"./index-TT1qJ6UJ.js";import{I as T,J as R}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{V as A}from"./viewport-resizer-cbhJXtmA.js";import{I as O}from"./icon-paths-AuJwhOz7.js";import{D as q}from"./device-framer-guMJF-HL.js";import{E as C}from"./editor-IYGRa35D.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{I as E}from"./item-extras-editor-l9Cur-ZC.js";const{InfoTip:U,InlineIcon:d}=b,{iconCircleArrowDown:P,iconCircleArrowUp:D,iconPlus:L,iconTrash:N}=O,f=class f extends p.Component{constructor(){super(...arguments),this.editor=p.createRef(),this.handleChange=e=>{this.props.onChange({replace:e.target.checked})},this.focus=()=>{var e;(e=this.editor.current)==null||e.focus()},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t;return(t=this.editor.current)==null?void 0:t.serialize(e)}}render(){return a("div",{className:"perseus-hint-editor "+this.props.className,children:[this.props.showTitle&&s("div",{className:"pod-title",children:"Hint"}),s(C,{ref:this.editor,apiOptions:this.props.apiOptions,widgets:this.props.widgets||void 0,content:this.props.content||void 0,images:this.props.images,replace:this.props.replace,placeholder:"Type your hint here...",imageUploader:this.props.imageUploader,onChange:this.props.onChange},this.props.itemId),a("div",{className:"hint-controls-container clearfix",children:[this.props.showMoveButtons&&a("span",{className:"reorder-hints",children:[s("button",{type:"button",className:this.props.isLast?"hidden":"",onClick:o.partial(this.props.onMove,1),children:s(d,{...P})})," ",s("button",{type:"button",className:this.props.isFirst?"hidden":"",onClick:o.partial(this.props.onMove,-1),children:s(d,{...D})})," ",this.props.isLast&&s(U,{children:s("p",{children:"The last hint is automatically bolded."})})]}),s("input",{type:"checkbox",checked:this.props.replace,onChange:this.handleChange}),"Replace previous hint",this.props.showRemoveButton&&a("button",{type:"button",className:"remove-hint simple-button orange",onClick:this.props.onRemove,children:[s(d,{...N}),"Remove this hint"," "]})]})]})}};f.defaultProps={className:"",content:"",replace:!1,showMoveButtons:!0,showTitle:!0,showRemoveButton:!0};let l=f;const y=class y extends p.Component{constructor(){super(...arguments),this.editor=p.createRef(),this.frame=p.createRef(),this.updatePreview=()=>{var t;const e=this.props.isLast&&!/\*\*/.test(this.props.hint.content);(t=this.frame.current)==null||t.sendNewData({type:"hint",data:{hint:this.props.hint,bold:e,pos:this.props.pos,apiOptions:this.props.apiOptions,linterContext:{contentType:"hint",highlightLint:this.props.highlightLint,paths:this.props.contentPaths}}})},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t;return(t=this.editor.current)==null?void 0:t.serialize(e)},this.focus=()=>{var e;(e=this.editor.current)==null||e.focus()}}componentDidMount(){this.updatePreview()}componentDidUpdate(){this.updatePreview()}render(){const e=this.props.deviceType==="phone"||this.props.deviceType==="tablet";return a("div",{className:"perseus-combined-hint-editor perseus-editor-row",children:[s("div",{className:"perseus-editor-left-cell",children:s(l,{ref:this.editor,itemId:this.props.itemId,isFirst:this.props.isFirst,isLast:this.props.isLast,widgets:this.props.hint.widgets,content:this.props.hint.content,images:this.props.hint.images,replace:this.props.hint.replace,imageUploader:this.props.imageUploader,onChange:this.props.onChange,onRemove:this.props.onRemove,onMove:this.props.onMove,apiOptions:this.props.apiOptions})}),s("div",{className:"perseus-editor-right-cell",children:s(q,{deviceType:this.props.deviceType,nochrome:!0,children:s(T,{ref:this.frame,datasetKey:"mobile",datasetValue:e,seamless:!0,url:this.props.previewURL})})})]})}};y.defaultProps={highlightLint:!1};let c=y;const m=class m extends p.Component{constructor(){super(...arguments),this.handleHintChange=(e,t,i,n)=>{const r=[...this.props.hints];r[e]=o.extend({},this.serializeHint(e,{keepDeletedWidgets:!0}),t),this.props.onChange({hints:r},i,n)},this.handleHintRemove=e=>{if(!confirm("Are you sure you want to delete this hint?"))return;const t=[...this.props.hints];t.splice(e,1),this.props.onChange({hints:t})},this.handleHintMove=(e,t)=>{const i=[...this.props.hints],n=i.splice(e,1)[0];i.splice(e+t,0,n),this.props.onChange({hints:i},()=>{this.refs["hintEditor"+(e+t)].focus()})},this.addHint=()=>{const e=this.props.hints.concat([{content:"",images:{},widgets:{}}]);this.props.onChange({hints:e},()=>{const t=e.length-1;this.refs["hintEditor"+t].focus()})},this.getSaveWarnings=()=>o.chain(this.props.hints).map((e,t)=>o.map(this.refs["hintEditor"+t].getSaveWarnings(),i=>"Hint "+(t+1)+": "+i)).flatten(!0).value(),this.serialize=e=>this.props.hints.map((t,i)=>this.serializeHint(i,e)),this.serializeHint=(e,t)=>this.refs["hintEditor"+e].serialize(t)}render(){const{itemId:e,hints:t}=this.props,i=o.map(t,function(n,r){return s(c,{ref:"hintEditor"+r,isFirst:r===0,isLast:r+1===t.length,itemId:e,hint:n,pos:r,imageUploader:this.props.imageUploader,onChange:this.handleHintChange.bind(this,r),onRemove:this.handleHintRemove.bind(this,r),onMove:this.handleHintMove.bind(this,r),deviceType:this.props.deviceType,apiOptions:this.props.apiOptions,highlightLint:this.props.highlightLint,previewURL:this.props.previewURL,contentPaths:[]},"hintEditor"+r)},this);return a("div",{className:"perseus-hints-editor perseus-editor-table",children:[i,s("div",{className:"perseus-editor-row",children:s("div",{className:"add-hint-container perseus-editor-left-cell",children:a("button",{type:"button",className:"add-hint simple-button orange",onClick:this.addHint,children:[s(d,{...L})," Add a hint"]})})})]})}};m.HintEditor=l,m.defaultProps={onChange:()=>{},hints:[],highlightLint:!1};let h=m;l.__docgenInfo={description:"",methods:[{name:"handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactChangeEvent",raw:"React.ChangeEvent",elements:[{name:"HTMLInputElement"}],alias:"React.ChangeEvent"}}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"HintEditor",props:{itemId:{required:!1,tsType:{name:"string"},description:""},apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},showMoveButtons:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showRemoveButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showTitle:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},content:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:'""',computed:!1}},replace:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},widgets:{required:!1,tsType:{name:"union",raw:"PerseusWidgetsMap | null | undefined",elements:[{name:"PerseusWidgetsMap"},{name:"null"},{name:"undefined"}]},description:""},images:{required:!1,tsType:{name:"union",raw:"ImageDict | null | undefined",elements:[{name:"ImageDict"},{name:"null"},{name:"undefined"}]},description:""},isLast:{required:!0,tsType:{name:"boolean"},description:""},isFirst:{required:!0,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(direction: number) => unknown",signature:{arguments:[{type:{name:"number"},name:"direction"}],return:{name:"unknown"}}},description:""},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}},description:""},onChange:{required:!0,tsType:{name:"ChangeHandler"},description:""},__type:{required:!1,tsType:{name:"literal",value:'"hint"'},description:""}}};h.__docgenInfo={description:"",methods:[{name:"handleHintChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}},{name:"newProps",optional:!1,type:{name:"signature",type:"object",raw:`{ +import{a,j as s}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import{_ as o}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as k,C as I}from"./perseus-api-mOiZT07d.js";import{c as M}from"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as T}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as p}from"./index-TT1qJ6UJ.js";import{I as b,J as R}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{V as A}from"./viewport-resizer-liKVbGN6.js";import{I as O}from"./icon-paths-AuJwhOz7.js";import{D as q}from"./device-framer-xnxLcHMi.js";import{E as C}from"./editor-AA_-Ksmn.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{I as U}from"./item-extras-editor-8C49yX12.js";const{InfoTip:E,InlineIcon:d}=T,{iconCircleArrowDown:D,iconCircleArrowUp:L,iconPlus:P,iconTrash:N}=O,f=class f extends p.Component{constructor(){super(...arguments),this.editor=p.createRef(),this.handleChange=e=>{this.props.onChange({replace:e.target.checked})},this.focus=()=>{var e;(e=this.editor.current)==null||e.focus()},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t;return(t=this.editor.current)==null?void 0:t.serialize(e)}}render(){return a("div",{className:"perseus-hint-editor "+this.props.className,children:[this.props.showTitle&&s("div",{className:"pod-title",children:"Hint"}),s(C,{ref:this.editor,apiOptions:this.props.apiOptions,widgets:this.props.widgets||void 0,content:this.props.content||void 0,images:this.props.images,replace:this.props.replace,placeholder:"Type your hint here...",imageUploader:this.props.imageUploader,onChange:this.props.onChange},this.props.itemId),a("div",{className:"hint-controls-container clearfix",children:[this.props.showMoveButtons&&a("span",{className:"reorder-hints",children:[s("button",{type:"button",className:this.props.isLast?"hidden":"",onClick:o.partial(this.props.onMove,1),children:s(d,{...D})})," ",s("button",{type:"button",className:this.props.isFirst?"hidden":"",onClick:o.partial(this.props.onMove,-1),children:s(d,{...L})})," ",this.props.isLast&&s(E,{children:s("p",{children:"The last hint is automatically bolded."})})]}),s("input",{type:"checkbox",checked:this.props.replace,onChange:this.handleChange}),"Replace previous hint",this.props.showRemoveButton&&a("button",{type:"button",className:"remove-hint simple-button orange",onClick:this.props.onRemove,children:[s(d,{...N}),"Remove this hint"," "]})]})]})}};f.defaultProps={className:"",content:"",replace:!1,showMoveButtons:!0,showTitle:!0,showRemoveButton:!0};let l=f;const y=class y extends p.Component{constructor(){super(...arguments),this.editor=p.createRef(),this.frame=p.createRef(),this.updatePreview=()=>{var t;const e=this.props.isLast&&!/\*\*/.test(this.props.hint.content);(t=this.frame.current)==null||t.sendNewData({type:"hint",data:{hint:this.props.hint,bold:e,pos:this.props.pos,apiOptions:this.props.apiOptions,linterContext:{contentType:"hint",highlightLint:this.props.highlightLint,paths:this.props.contentPaths}}})},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t;return(t=this.editor.current)==null?void 0:t.serialize(e)},this.focus=()=>{var e;(e=this.editor.current)==null||e.focus()}}componentDidMount(){this.updatePreview()}componentDidUpdate(){this.updatePreview()}render(){const e=this.props.deviceType==="phone"||this.props.deviceType==="tablet";return a("div",{className:"perseus-combined-hint-editor perseus-editor-row",children:[s("div",{className:"perseus-editor-left-cell",children:s(l,{ref:this.editor,itemId:this.props.itemId,isFirst:this.props.isFirst,isLast:this.props.isLast,widgets:this.props.hint.widgets,content:this.props.hint.content,images:this.props.hint.images,replace:this.props.hint.replace,imageUploader:this.props.imageUploader,onChange:this.props.onChange,onRemove:this.props.onRemove,onMove:this.props.onMove,apiOptions:this.props.apiOptions})}),s("div",{className:"perseus-editor-right-cell",children:s(q,{deviceType:this.props.deviceType,nochrome:!0,children:s(b,{ref:this.frame,datasetKey:"mobile",datasetValue:e,seamless:!0,url:this.props.previewURL})})})]})}};y.defaultProps={highlightLint:!1};let c=y;const m=class m extends p.Component{constructor(){super(...arguments),this.handleHintChange=(e,t,i,n)=>{const r=[...this.props.hints];r[e]=o.extend({},this.serializeHint(e,{keepDeletedWidgets:!0}),t),this.props.onChange({hints:r},i,n)},this.handleHintRemove=e=>{if(!confirm("Are you sure you want to delete this hint?"))return;const t=[...this.props.hints];t.splice(e,1),this.props.onChange({hints:t})},this.handleHintMove=(e,t)=>{const i=[...this.props.hints],n=i.splice(e,1)[0];i.splice(e+t,0,n),this.props.onChange({hints:i},()=>{this.refs["hintEditor"+(e+t)].focus()})},this.addHint=()=>{const e=this.props.hints.concat([{content:"",images:{},widgets:{}}]);this.props.onChange({hints:e},()=>{const t=e.length-1;this.refs["hintEditor"+t].focus()})},this.getSaveWarnings=()=>o.chain(this.props.hints).map((e,t)=>o.map(this.refs["hintEditor"+t].getSaveWarnings(),i=>"Hint "+(t+1)+": "+i)).flatten(!0).value(),this.serialize=e=>this.props.hints.map((t,i)=>this.serializeHint(i,e)),this.serializeHint=(e,t)=>this.refs["hintEditor"+e].serialize(t)}render(){const{itemId:e,hints:t}=this.props,i=o.map(t,function(n,r){return s(c,{ref:"hintEditor"+r,isFirst:r===0,isLast:r+1===t.length,itemId:e,hint:n,pos:r,imageUploader:this.props.imageUploader,onChange:this.handleHintChange.bind(this,r),onRemove:this.handleHintRemove.bind(this,r),onMove:this.handleHintMove.bind(this,r),deviceType:this.props.deviceType,apiOptions:this.props.apiOptions,highlightLint:this.props.highlightLint,previewURL:this.props.previewURL,contentPaths:[]},"hintEditor"+r)},this);return a("div",{className:"perseus-hints-editor perseus-editor-table",children:[i,s("div",{className:"perseus-editor-row",children:s("div",{className:"add-hint-container perseus-editor-left-cell",children:a("button",{type:"button",className:"add-hint simple-button orange",onClick:this.addHint,children:[s(d,{...P})," Add a hint"]})})})]})}};m.HintEditor=l,m.defaultProps={onChange:()=>{},hints:[],highlightLint:!1};let h=m;l.__docgenInfo={description:"",methods:[{name:"handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactChangeEvent",raw:"React.ChangeEvent",elements:[{name:"HTMLInputElement"}],alias:"React.ChangeEvent"}}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"HintEditor",props:{itemId:{required:!1,tsType:{name:"string"},description:""},apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},showMoveButtons:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showRemoveButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showTitle:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},content:{required:!1,tsType:{name:"union",raw:"string | null | undefined",elements:[{name:"string"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:'""',computed:!1}},replace:{required:!1,tsType:{name:"union",raw:"boolean | null | undefined",elements:[{name:"boolean"},{name:"null"},{name:"undefined"}]},description:"",defaultValue:{value:"false",computed:!1}},widgets:{required:!1,tsType:{name:"union",raw:"PerseusWidgetsMap | null | undefined",elements:[{name:"PerseusWidgetsMap"},{name:"null"},{name:"undefined"}]},description:""},images:{required:!1,tsType:{name:"union",raw:"ImageDict | null | undefined",elements:[{name:"ImageDict"},{name:"null"},{name:"undefined"}]},description:""},isLast:{required:!0,tsType:{name:"boolean"},description:""},isFirst:{required:!0,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(direction: number) => unknown",signature:{arguments:[{type:{name:"number"},name:"direction"}],return:{name:"unknown"}}},description:""},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}},description:""},onChange:{required:!0,tsType:{name:"ChangeHandler"},description:""},__type:{required:!1,tsType:{name:"literal",value:'"hint"'},description:""}}};h.__docgenInfo={description:"",methods:[{name:"handleHintChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}},{name:"newProps",optional:!1,type:{name:"signature",type:"object",raw:`{ apiOptions?: APIOptions; deviceType: DeviceType; imageUploader?: ImageUploader; @@ -10,4 +10,4 @@ import{a,j as s}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2 // The content ID of the AssessmentItem being edited. It may not be set // for non-content library exercise questions. itemId?: string; -}`,signature:{properties:[{key:"apiOptions",value:{name:"APIOptions",required:!1}},{key:"deviceType",value:{name:"DeviceType",required:!0}},{key:"imageUploader",value:{name:"ImageUploader",required:!1}},{key:"highlightLint",value:{name:"boolean",required:!1}},{key:"hints",value:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray",required:!0}},{key:"previewURL",value:{name:"string",required:!0}},{key:"onChange",value:{name:"ChangeHandler",required:!0}},{key:"itemId",value:{name:"string",required:!1}}]},alias:"CombinedHintsEditorProps"}},{name:"cb",optional:!1,type:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}}},{name:"silent",optional:!1,type:{name:"boolean"}}],returns:null},{name:"handleHintRemove",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}}],returns:null},{name:"handleHintMove",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}},{name:"dir",optional:!1,type:{name:"number"}}],returns:null},{name:"addHint",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null},{name:"serializeHint",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:{name:"number"}},{name:"options",optional:!1,type:{name:"any"}}],returns:{type:{name:"string"}}}],displayName:"CombinedHintsEditor",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},deviceType:{required:!0,tsType:{name:"DeviceType"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},highlightLint:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},previewURL:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},itemId:{required:!1,tsType:{name:"string"},description:""}}};const H=M,v=class v extends p.Component{constructor(){super(...arguments),this.frame=p.createRef(),this.questionEditor=p.createRef(),this.itemExtrasEditor=p.createRef(),this.updateProps=(e,t,i)=>{const n=o(this.props).pick("question","answerArea");this.props.onChange(o(n).extend(e),t,i)},this.triggerPreviewUpdate=e=>{var t;(t=this.frame.current)==null||t.sendNewData(e)},this.handleEditorChange=(e,t,i)=>{const n=o.extend({},this.props.question,e);this.updateProps({question:n},t,i)},this.handleItemExtrasChange=(e,t,i)=>{const n=o.extend({},this.props.answerArea,e);this.updateProps({answerArea:n},t,i)},this.getSaveWarnings=()=>{var e;return(e=this.questionEditor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t,i;return{question:(t=this.questionEditor.current)==null?void 0:t.serialize(e),answerArea:(i=this.itemExtrasEditor.current)==null?void 0:i.serialize(),itemDataVersion:H}}}render(){const e=this.props.deviceType==="phone"||this.props.deviceType==="tablet";return a("div",{className:"perseus-editor-table",children:[a("div",{className:"perseus-editor-row perseus-question-container",children:[a("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:"Question"}),s(C,{ref:this.questionEditor,placeholder:"Type your question here...",className:"perseus-question-editor",imageUploader:this.props.imageUploader,onChange:this.handleEditorChange,apiOptions:this.props.apiOptions,showWordCount:!0,widgetIsOpen:this.props.widgetIsOpen,...this.props.question},this.props.itemId)]}),s("div",{className:"perseus-editor-right-cell",children:a("div",{id:"problemarea",children:[s(q,{deviceType:this.props.deviceType,nochrome:!0,children:s(T,{ref:this.frame,datasetKey:"mobile",datasetValue:e,seamless:!0,url:this.props.previewURL},this.props.deviceType)}),s("div",{id:"hintsarea",className:"hintsarea",style:{display:"none"}})]})})]}),a("div",{className:"perseus-editor-row perseus-answer-container",children:[a("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:"Question extras"}),s(E,{ref:this.itemExtrasEditor,onChange:this.handleItemExtrasChange,...this.props.answerArea})]}),s("div",{className:"perseus-editor-right-cell",children:s("div",{id:"answer_area"})})]})]})}};v.defaultProps={onChange:()=>{},question:{},answerArea:{}};let u=v;u.__docgenInfo={description:"",methods:[{name:"updateProps",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"triggerPreviewUpdate",docblock:null,modifiers:[],params:[{name:"newData",optional:!1,type:{name:"any"}}],returns:null},{name:"handleEditorChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"handleItemExtrasChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"ItemEditor",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},deviceType:{required:!1,tsType:{name:"DeviceType"},description:""},widgetIsOpen:{required:!1,tsType:{name:"boolean"},description:""},gradeMessage:{required:!1,tsType:{name:"string"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},wasAnswered:{required:!1,tsType:{name:"boolean"},description:""},question:{required:!1,tsType:{name:"PerseusRenderer"},description:"",defaultValue:{value:"{}",computed:!1}},answerArea:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"{}",computed:!1}},previewURL:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},itemId:{required:!1,tsType:{name:"string"},description:""}}};const{HUD:x}=b,w=class w extends p.Component{constructor(e){super(e),this.itemEditor=p.createRef(),this.hintsEditor=p.createRef(),this.toggleJsonMode=()=>{this.setState({json:this.serialize({keepDeletedWidgets:!0})},()=>{this.props.onChange({jsonMode:!this.props.jsonMode})})},this.handleChange=(t,i,n)=>{const r=o(this.props).pick("question","hints","answerArea");o(r).extend(t),this.props.onChange(r,i,n)},this.changeJSON=t=>{this.setState({json:t}),this.props.onChange(t)},this.state={json:o.pick(this.props,"question","answerArea","hints","itemDataVersion"),gradeMessage:"",wasAnswered:!1,highlightLint:!0,widgetsAreOpen:this.props.widgetsAreOpen??!0},this._isMounted=!1}componentDidMount(){this._isMounted=!0,this.updateRenderer()}componentDidUpdate(){setTimeout(()=>{this.updateRenderer()})}componentWillUnmount(){this._isMounted=!1}updateRenderer(){var n,r;const e=!this.props.developerMode||!this.props.jsonMode;if(!this._isMounted||!e)return;const t=this.props.previewDevice==="phone"||this.props.previewDevice==="tablet",i={...this.getApiOptions(),customKeypad:t,isMobile:t};(r=this.itemEditor.current)==null||r.triggerPreviewUpdate({type:"question",data:o({item:this.serialize(),apiOptions:i,initialHintsVisible:0,device:this.props.previewDevice,linterContext:{contentType:"exercise",highlightLint:this.state.highlightLint,paths:this.props.contentPaths||[]},reviewMode:!0,legacyPerseusLint:(n=this.itemEditor.current)==null?void 0:n.getSaveWarnings()}).extend(o(this.props).pick("workAreaSelector","solutionAreaSelector","hintsAreaSelector","problemNum"))})}getApiOptions(){return{...k.defaults,...this.props.apiOptions}}getSaveWarnings(){var i,n;const e=(i=this.itemEditor.current)==null?void 0:i.getSaveWarnings(),t=(n=this.hintsEditor.current)==null?void 0:n.getSaveWarnings();return e.concat(t)}serialize(e){var t,i;return this.props.jsonMode?this.state.json:o.extend((t=this.itemEditor.current)==null?void 0:t.serialize(e),{hints:(i=this.hintsEditor.current)==null?void 0:i.serialize(e)})}scorePreview(){return this.renderer?this.renderer.scoreInput():null}render(){let e="framework-perseus";const t=this.props.previewDevice==="phone"||this.props.previewDevice==="tablet",i={...this.getApiOptions(),customKeypad:t,isMobile:t};return i.isMobile&&(e+=" "+I.MOBILE),a("div",{id:"perseus",className:e,children:[a("div",{style:{marginBottom:10},children:[this.props.developerMode&&a("span",{children:[a("label",{children:[" ","Developer JSON Mode:"," ",s("input",{type:"checkbox",checked:this.props.jsonMode,onChange:this.toggleJsonMode})]})," "]}),!this.props.jsonMode&&s(A,{deviceType:this.props.previewDevice,onViewportSizeChanged:this.props.onPreviewDeviceChange}),!this.props.jsonMode&&s(x,{message:"Style warnings",enabled:this.state.highlightLint,onClick:()=>{this.setState({highlightLint:!this.state.highlightLint})}})]}),this.props.developerMode&&this.props.jsonMode&&s("div",{children:s(R,{multiLine:!0,value:this.state.json,onChange:this.changeJSON})}),(!this.props.developerMode||!this.props.jsonMode)&&s(u,{ref:this.itemEditor,itemId:this.props.itemId,question:this.props.question,answerArea:this.props.answerArea,imageUploader:this.props.imageUploader,onChange:this.handleChange,wasAnswered:this.state.wasAnswered,gradeMessage:this.state.gradeMessage,deviceType:this.props.previewDevice,widgetIsOpen:this.state.widgetsAreOpen,apiOptions:i,previewURL:this.props.previewURL}),(!this.props.developerMode||!this.props.jsonMode)&&s(h,{ref:this.hintsEditor,itemId:this.props.itemId,hints:this.props.hints,imageUploader:this.props.imageUploader,onChange:this.handleChange,deviceType:this.props.previewDevice,apiOptions:i,previewURL:this.props.previewURL,highlightLint:this.state.highlightLint})]})}};w.defaultProps={developerMode:!1,jsonMode:!1,onChange:()=>{}};let g=w;g.__docgenInfo={description:"",methods:[{name:"toggleJsonMode",docblock:null,modifiers:[],params:[],returns:null},{name:"updateRenderer",docblock:null,modifiers:[],params:[],returns:null},{name:"getApiOptions",docblock:null,modifiers:[],params:[],returns:{type:{name:"APIOptionsWithDefaults"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!0,type:{name:"signature",type:"object",raw:"{keepDeletedWidgets?: boolean}",signature:{properties:[{key:"keepDeletedWidgets",value:{name:"boolean",required:!1}}]}}}],returns:{type:{name:"union",raw:"any | PerseusItem",elements:[{name:"any"},{name:"PerseusItem"}]}}},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"toChange",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"changeJSON",docblock:null,modifiers:[],params:[{name:"newJson",optional:!1,type:{name:"PerseusItem",alias:"PerseusItem"}}],returns:null},{name:"scorePreview",docblock:null,modifiers:[],params:[],returns:{type:{name:"union",raw:"KEScore | null | undefined",elements:[{name:"KEScore"},{name:"null"},{name:"undefined"}]}}}],displayName:"EditorPage",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},answerArea:{required:!1,tsType:{name:"any"},description:""},contentPaths:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},developerMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},frameSource:{required:!0,tsType:{name:"string"},description:""},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},itemDataVersion:{required:!1,tsType:{name:"Version"},description:""},itemId:{required:!0,tsType:{name:"string"},description:""},jsonMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},onPreviewDeviceChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(arg1: DeviceType) => unknown",signature:{arguments:[{type:{name:"DeviceType"},name:"arg1"}],return:{name:"unknown"}}},description:""},previewDevice:{required:!0,tsType:{name:"DeviceType"},description:""},widgetsAreOpen:{required:!1,tsType:{name:"boolean"},description:""},question:{required:!1,tsType:{name:"any"},description:""},previewURL:{required:!0,tsType:{name:"string"},description:""}}};export{g as E,l as H}; +}`,signature:{properties:[{key:"apiOptions",value:{name:"APIOptions",required:!1}},{key:"deviceType",value:{name:"DeviceType",required:!0}},{key:"imageUploader",value:{name:"ImageUploader",required:!1}},{key:"highlightLint",value:{name:"boolean",required:!1}},{key:"hints",value:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray",required:!0}},{key:"previewURL",value:{name:"string",required:!0}},{key:"onChange",value:{name:"ChangeHandler",required:!0}},{key:"itemId",value:{name:"string",required:!1}}]},alias:"CombinedHintsEditorProps"}},{name:"cb",optional:!1,type:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}}},{name:"silent",optional:!1,type:{name:"boolean"}}],returns:null},{name:"handleHintRemove",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}}],returns:null},{name:"handleHintMove",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:{name:"number"}},{name:"dir",optional:!1,type:{name:"number"}}],returns:null},{name:"addHint",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null},{name:"serializeHint",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:{name:"number"}},{name:"options",optional:!1,type:{name:"any"}}],returns:{type:{name:"string"}}}],displayName:"CombinedHintsEditor",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},deviceType:{required:!0,tsType:{name:"DeviceType"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},highlightLint:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},previewURL:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},itemId:{required:!1,tsType:{name:"string"},description:""}}};const H=M,v=class v extends p.Component{constructor(){super(...arguments),this.frame=p.createRef(),this.questionEditor=p.createRef(),this.itemExtrasEditor=p.createRef(),this.updateProps=(e,t,i)=>{const n=o(this.props).pick("question","answerArea");this.props.onChange(o(n).extend(e),t,i)},this.triggerPreviewUpdate=e=>{var t;(t=this.frame.current)==null||t.sendNewData(e)},this.handleEditorChange=(e,t,i)=>{const n=o.extend({},this.props.question,e);this.updateProps({question:n},t,i)},this.handleItemExtrasChange=(e,t,i)=>{const n=o.extend({},this.props.answerArea,e);this.updateProps({answerArea:n},t,i)},this.getSaveWarnings=()=>{var e;return(e=this.questionEditor.current)==null?void 0:e.getSaveWarnings()},this.serialize=e=>{var t,i;return{question:(t=this.questionEditor.current)==null?void 0:t.serialize(e),answerArea:(i=this.itemExtrasEditor.current)==null?void 0:i.serialize(),itemDataVersion:H}}}render(){const e=this.props.deviceType==="phone"||this.props.deviceType==="tablet";return a("div",{className:"perseus-editor-table",children:[a("div",{className:"perseus-editor-row perseus-question-container",children:[a("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:"Question"}),s(C,{ref:this.questionEditor,placeholder:"Type your question here...",className:"perseus-question-editor",imageUploader:this.props.imageUploader,onChange:this.handleEditorChange,apiOptions:this.props.apiOptions,showWordCount:!0,widgetIsOpen:this.props.widgetIsOpen,...this.props.question},this.props.itemId)]}),s("div",{className:"perseus-editor-right-cell",children:a("div",{id:"problemarea",children:[s(q,{deviceType:this.props.deviceType,nochrome:!0,children:s(b,{ref:this.frame,datasetKey:"mobile",datasetValue:e,seamless:!0,url:this.props.previewURL},this.props.deviceType)}),s("div",{id:"hintsarea",className:"hintsarea",style:{display:"none"}})]})})]}),a("div",{className:"perseus-editor-row perseus-answer-container",children:[a("div",{className:"perseus-editor-left-cell",children:[s("div",{className:"pod-title",children:"Question extras"}),s(U,{ref:this.itemExtrasEditor,onChange:this.handleItemExtrasChange,...this.props.answerArea})]}),s("div",{className:"perseus-editor-right-cell",children:s("div",{id:"answer_area"})})]})]})}};v.defaultProps={onChange:()=>{},question:{},answerArea:{}};let u=v;u.__docgenInfo={description:"",methods:[{name:"updateProps",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"triggerPreviewUpdate",docblock:null,modifiers:[],params:[{name:"newData",optional:!1,type:{name:"any"}}],returns:null},{name:"handleEditorChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"handleItemExtrasChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"ItemEditor",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},deviceType:{required:!1,tsType:{name:"DeviceType"},description:""},widgetIsOpen:{required:!1,tsType:{name:"boolean"},description:""},gradeMessage:{required:!1,tsType:{name:"string"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},wasAnswered:{required:!1,tsType:{name:"boolean"},description:""},question:{required:!1,tsType:{name:"PerseusRenderer"},description:"",defaultValue:{value:"{}",computed:!1}},answerArea:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"{}",computed:!1}},previewURL:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},itemId:{required:!1,tsType:{name:"string"},description:""}}};const{HUD:x}=T,w=class w extends p.Component{constructor(e){super(e),this.itemEditor=p.createRef(),this.hintsEditor=p.createRef(),this.toggleJsonMode=()=>{this.setState({json:this.serialize({keepDeletedWidgets:!0})},()=>{this.props.onChange({jsonMode:!this.props.jsonMode})})},this.handleChange=(t,i,n)=>{const r=o(this.props).pick("question","hints","answerArea");o(r).extend(t),this.props.onChange(r,i,n)},this.changeJSON=t=>{this.setState({json:t}),this.props.onChange(t)},this.state={json:o.pick(this.props,"question","answerArea","hints","itemDataVersion"),gradeMessage:"",wasAnswered:!1,highlightLint:!0,widgetsAreOpen:this.props.widgetsAreOpen??!0},this._isMounted=!1}componentDidMount(){this._isMounted=!0,this.updateRenderer()}componentDidUpdate(){setTimeout(()=>{this.updateRenderer()})}componentWillUnmount(){this._isMounted=!1}updateRenderer(){var n,r;const e=!this.props.developerMode||!this.props.jsonMode;if(!this._isMounted||!e)return;const t=this.props.previewDevice==="phone"||this.props.previewDevice==="tablet",i={...this.getApiOptions(),customKeypad:t,isMobile:t};(r=this.itemEditor.current)==null||r.triggerPreviewUpdate({type:"question",data:o({item:this.serialize(),apiOptions:i,initialHintsVisible:0,device:this.props.previewDevice,linterContext:{contentType:"exercise",highlightLint:this.state.highlightLint,paths:this.props.contentPaths||[]},reviewMode:!0,legacyPerseusLint:(n=this.itemEditor.current)==null?void 0:n.getSaveWarnings()}).extend(o(this.props).pick("workAreaSelector","solutionAreaSelector","hintsAreaSelector","problemNum"))})}getApiOptions(){return{...k.defaults,...this.props.apiOptions}}getSaveWarnings(){var i,n;const e=(i=this.itemEditor.current)==null?void 0:i.getSaveWarnings(),t=(n=this.hintsEditor.current)==null?void 0:n.getSaveWarnings();return e.concat(t)}serialize(e){var t,i;return this.props.jsonMode?this.state.json:o.extend((t=this.itemEditor.current)==null?void 0:t.serialize(e),{hints:(i=this.hintsEditor.current)==null?void 0:i.serialize(e)})}render(){let e="framework-perseus";const t=this.props.previewDevice==="phone"||this.props.previewDevice==="tablet",i={...this.getApiOptions(),customKeypad:t,isMobile:t};return i.isMobile&&(e+=" "+I.MOBILE),a("div",{id:"perseus",className:e,children:[a("div",{style:{marginBottom:10},children:[this.props.developerMode&&a("span",{children:[a("label",{children:[" ","Developer JSON Mode:"," ",s("input",{type:"checkbox",checked:this.props.jsonMode,onChange:this.toggleJsonMode})]})," "]}),!this.props.jsonMode&&s(A,{deviceType:this.props.previewDevice,onViewportSizeChanged:this.props.onPreviewDeviceChange}),!this.props.jsonMode&&s(x,{message:"Style warnings",enabled:this.state.highlightLint,onClick:()=>{this.setState({highlightLint:!this.state.highlightLint})}})]}),this.props.developerMode&&this.props.jsonMode&&s("div",{children:s(R,{multiLine:!0,value:this.state.json,onChange:this.changeJSON})}),(!this.props.developerMode||!this.props.jsonMode)&&s(u,{ref:this.itemEditor,itemId:this.props.itemId,question:this.props.question,answerArea:this.props.answerArea,imageUploader:this.props.imageUploader,onChange:this.handleChange,wasAnswered:this.state.wasAnswered,gradeMessage:this.state.gradeMessage,deviceType:this.props.previewDevice,widgetIsOpen:this.state.widgetsAreOpen,apiOptions:i,previewURL:this.props.previewURL}),(!this.props.developerMode||!this.props.jsonMode)&&s(h,{ref:this.hintsEditor,itemId:this.props.itemId,hints:this.props.hints,imageUploader:this.props.imageUploader,onChange:this.handleChange,deviceType:this.props.previewDevice,apiOptions:i,previewURL:this.props.previewURL,highlightLint:this.state.highlightLint})]})}};w.defaultProps={developerMode:!1,jsonMode:!1,onChange:()=>{}};let g=w;g.__docgenInfo={description:"",methods:[{name:"toggleJsonMode",docblock:null,modifiers:[],params:[],returns:null},{name:"updateRenderer",docblock:null,modifiers:[],params:[],returns:null},{name:"getApiOptions",docblock:null,modifiers:[],params:[],returns:{type:{name:"APIOptionsWithDefaults"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}},{name:"serialize",docblock:null,modifiers:[],params:[{name:"options",optional:!0,type:{name:"signature",type:"object",raw:"{keepDeletedWidgets?: boolean}",signature:{properties:[{key:"keepDeletedWidgets",value:{name:"boolean",required:!1}}]}}}],returns:{type:{name:"union",raw:"any | PerseusItem",elements:[{name:"any"},{name:"PerseusItem"}]}}},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"toChange",optional:!1,type:null},{name:"cb",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"changeJSON",docblock:null,modifiers:[],params:[{name:"newJson",optional:!1,type:{name:"PerseusItem",alias:"PerseusItem"}}],returns:null}],displayName:"EditorPage",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},answerArea:{required:!1,tsType:{name:"any"},description:""},contentPaths:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},developerMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},frameSource:{required:!0,tsType:{name:"string"},description:""},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:""},imageUploader:{required:!1,tsType:{name:"ImageUploader"},description:""},itemDataVersion:{required:!1,tsType:{name:"Version"},description:""},itemId:{required:!0,tsType:{name:"string"},description:""},jsonMode:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"ChangeHandler"},description:"",defaultValue:{value:"() => {}",computed:!1}},onPreviewDeviceChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(arg1: DeviceType) => unknown",signature:{arguments:[{type:{name:"DeviceType"},name:"arg1"}],return:{name:"unknown"}}},description:""},previewDevice:{required:!0,tsType:{name:"DeviceType"},description:""},widgetsAreOpen:{required:!1,tsType:{name:"boolean"},description:""},question:{required:!1,tsType:{name:"any"},description:""},previewURL:{required:!0,tsType:{name:"string"},description:""}}};export{g as E,l as H}; diff --git a/assets/editor-page-with-storybook-preview-wY4PQ7wP.js b/assets/editor-page-with-storybook-preview-u_Hm1BzG.js similarity index 82% rename from assets/editor-page-with-storybook-preview-wY4PQ7wP.js rename to assets/editor-page-with-storybook-preview-u_Hm1BzG.js index 3ddc61e887..6ca1e01619 100644 --- a/assets/editor-page-with-storybook-preview-wY4PQ7wP.js +++ b/assets/editor-page-with-storybook-preview-u_Hm1BzG.js @@ -1 +1 @@ -import{a as l,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import{R as f}from"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import{m as h}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{B as I}from"./choice-Bz-ZMhQM.js";import{V as a}from"./index-6h5t6F0w.js";import{I as _}from"./locked-label-settings-VSuSSXRz.js";import{S as A}from"./index-qUyqkRvh.js";import{c as g,s as o}from"./index-deFLJwr4.js";import{L as q}from"./index-h_CiYGGb.js";import{x as B}from"./index-rfN0X25E.js";import{a as C}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as R}from"./index-awljIyHI.js";import{r as i}from"./index-TT1qJ6UJ.js";import{E}from"./editor-page-eQvvir4g.js";import{f as O}from"./flags-for-api-options-aEc6QUs8.js";const j=C("onChange");function M(m){const[y,w]=i.useState("phone"),[S,b]=i.useState(!1),[x,v]=i.useState(),[d,P]=i.useState(m.question),[n,k]=i.useState(m.hints),[s,c]=i.useState(!0),p=m.apiOptions??{isMobile:!1,flags:O};return l(a,{children:[t(E,{apiOptions:p,previewDevice:y,onPreviewDeviceChange:e=>w(e),developerMode:!0,jsonMode:S,answerArea:x,question:d,hints:n,frameSource:"about:blank",previewURL:"about:blank",itemId:"1",onChange:e=>{j(e),"jsonMode"in e&&b(e.jsonMode),"answerArea"in e&&v(e.answerArea),"question"in e&&P(e.question),"hints"in e&&k(e.hints)}}),!s&&t(I,{onClick:()=>c(!s),style:r.openPanelButton,children:"Open preview (storybook only)"}),s&&l(a,{style:r.panel,children:[t(_,{icon:B,onClick:()=>c(!s),style:r.closeButton}),t(a,{style:r.panelInner,children:t(f,{strings:h,apiOptions:p,...d})}),n==null?void 0:n.map((e,u)=>l(a,{style:r.panelInner,children:[t(A,{size:o.medium_16}),t(q,{children:`Hint ${u+1}`}),t(f,{strings:h,apiOptions:p,...e})]},u))]})]})}const r=R.StyleSheet.create({panel:{position:"fixed",right:0,minWidth:500,height:"90vh",overflow:"auto",flex:"none",backgroundColor:g.fadedBlue16,padding:o.medium_16,borderRadius:o.small_12,alignItems:"end"},panelInner:{flex:"none",backgroundColor:g.white,borderRadius:o.xSmall_8,marginTop:o.medium_16,width:"100%",padding:o.xSmall_8},closeButton:{margin:0},openPanelButton:{position:"fixed",right:o.medium_16,bottom:o.xxxLarge_64}});M.__docgenInfo={description:"",methods:[],displayName:"EditorPageWithStorybookPreview",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},question:{required:!1,tsType:{name:"PerseusRenderer"},description:""},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:""}}};export{M as E}; +import{a as l,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import{R as f}from"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import{m as h}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{B as I}from"./choice-Bz-ZMhQM.js";import{V as a}from"./index-6h5t6F0w.js";import{I as _}from"./locked-label-settings-0h4-0n-S.js";import{S as A}from"./index-qUyqkRvh.js";import{c as g,s as o}from"./index-deFLJwr4.js";import{L as q}from"./index-h_CiYGGb.js";import{x as B}from"./index-rfN0X25E.js";import{a as C}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as R}from"./index-awljIyHI.js";import{r as i}from"./index-TT1qJ6UJ.js";import{E}from"./editor-page-NyZqMedc.js";import{f as O}from"./flags-for-api-options-rS742N_k.js";const j=C("onChange");function M(m){const[y,w]=i.useState("phone"),[S,b]=i.useState(!1),[x,v]=i.useState(),[d,P]=i.useState(m.question),[n,k]=i.useState(m.hints),[s,c]=i.useState(!0),p=m.apiOptions??{isMobile:!1,flags:O};return l(a,{children:[t(E,{apiOptions:p,previewDevice:y,onPreviewDeviceChange:e=>w(e),developerMode:!0,jsonMode:S,answerArea:x,question:d,hints:n,frameSource:"about:blank",previewURL:"about:blank",itemId:"1",onChange:e=>{j(e),"jsonMode"in e&&b(e.jsonMode),"answerArea"in e&&v(e.answerArea),"question"in e&&P(e.question),"hints"in e&&k(e.hints)}}),!s&&t(I,{onClick:()=>c(!s),style:r.openPanelButton,children:"Open preview (storybook only)"}),s&&l(a,{style:r.panel,children:[t(_,{icon:B,onClick:()=>c(!s),style:r.closeButton}),t(a,{style:r.panelInner,children:t(f,{strings:h,apiOptions:p,...d})}),n==null?void 0:n.map((e,u)=>l(a,{style:r.panelInner,children:[t(A,{size:o.medium_16}),t(q,{children:`Hint ${u+1}`}),t(f,{strings:h,apiOptions:p,...e})]},u))]})]})}const r=R.StyleSheet.create({panel:{position:"fixed",right:0,minWidth:500,height:"90vh",overflow:"auto",flex:"none",backgroundColor:g.fadedBlue16,padding:o.medium_16,borderRadius:o.small_12,alignItems:"end"},panelInner:{flex:"none",backgroundColor:g.white,borderRadius:o.xSmall_8,marginTop:o.medium_16,width:"100%",padding:o.xSmall_8},closeButton:{margin:0},openPanelButton:{position:"fixed",right:o.medium_16,bottom:o.xxxLarge_64}});M.__docgenInfo={description:"",methods:[],displayName:"EditorPageWithStorybookPreview",props:{apiOptions:{required:!1,tsType:{name:"APIOptions"},description:""},question:{required:!1,tsType:{name:"PerseusRenderer"},description:""},hints:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"Hint"}],raw:"ReadonlyArray"},description:""}}};export{M as E}; diff --git a/assets/editor-page.stories-gkOlgZD5.js b/assets/editor-page.stories-cj4-oKMg.js similarity index 50% rename from assets/editor-page.stories-gkOlgZD5.js rename to assets/editor-page.stories-cj4-oKMg.js index 776bbcecb4..56b7ee667a 100644 --- a/assets/editor-page.stories-gkOlgZD5.js +++ b/assets/editor-page.stories-cj4-oKMg.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{r as p}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{E as e}from"./editor-page-with-storybook-preview-wY4PQ7wP.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-fuycm_QE.js";import"./invariant-bu5zBsRS.js";import"./jquery-yG1GhClm.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./categorizer-editor-CqdPTbQO.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-xQPJ0VBq.js";import"./editor-IYGRa35D.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./dropdown-editor-7F745Gol.js";import"./explanation-editor-OsL6fZN2.js";import"./expression-editor-oXvZYZPt.js";import"./graph-settings-biSSNAI_.js";import"./image-editor-Vkk6KVZI.js";import"./input-number-editor-kdZwFnVv.js";import"./index-2zQZ4npR.js";import"./interactive-graph-editor-uSKTluyD.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-RN_g28-Z.js";import"./locked-figures-section--2W2zFLn.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./util-ve-DcPK7.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";import"./label-image-editor-8fdLVXi_.js";import"./form-wrapped-text-field-1CYfAYqR.js";import"./answer-choices-K632kWSn.js";import"./behavior-nzziF0nB.js";import"./question-markers-eMZk-A-8.js";import"./marker-sWpCqokp.js";import"./select-image-PQzouU8c.js";import"./matcher-editor-ddeBtjTD.js";import"./number-line-editor-Vp7BYsbR.js";import"./numeric-input-editor-hj1H66L1.js";import"./phet-simulation-editor-nb_VHx1Q.js";import"./python-program-editor-ajdp68zf.js";import"./editor-H-qXwzEE.js";import"./sorter-editor-JLDcQk8S.js";import"./chunk-WFFRPTHA-zlNDxfrq.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./editor-page-eQvvir4g.js";import"./viewport-resizer-cbhJXtmA.js";import"./constants-hQyjCzwz.js";import"./device-framer-guMJF-HL.js";import"./item-extras-editor-l9Cur-ZC.js";import"./flags-for-api-options-aEc6QUs8.js";p();const it={title:"PerseusEditor/EditorPage"},r=()=>m(e,{});r.__docgenInfo={description:"",methods:[],displayName:"Demo"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{r as p}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{E as e}from"./editor-page-with-storybook-preview-u_Hm1BzG.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-fuycm_QE.js";import"./invariant-bu5zBsRS.js";import"./jquery-yG1GhClm.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./categorizer-editor-jdQbWtjl.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-XO63vfM2.js";import"./editor-AA_-Ksmn.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./dropdown-editor-b7e9swla.js";import"./explanation-editor-0Y25yuuV.js";import"./expression-editor-8EIRUcZf.js";import"./graph-settings-DK80fLX7.js";import"./image-editor-WvkMHCYc.js";import"./input-number-editor-0s5nQB_-.js";import"./index-rssW1hfo.js";import"./interactive-graph-editor-lMMNonnK.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-Zqm2t-_P.js";import"./locked-figures-section-5nPJK5LN.js";import"./locked-ellipse-settings-HAWA-793.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./util-uUQ0jXdL.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";import"./label-image-editor-HknhUoXl.js";import"./form-wrapped-text-field-DQhkgIBa.js";import"./answer-choices-YvoNqSTB.js";import"./behavior-l1qZHFXz.js";import"./question-markers-5Y-gUSFk.js";import"./marker-eGjo-yed.js";import"./select-image-tuaUZ15r.js";import"./matcher-editor-N7TyLdO7.js";import"./number-line-editor-QFYtkNpd.js";import"./numeric-input-editor-Hm-vjISp.js";import"./phet-simulation-editor-X79Q74Bn.js";import"./python-program-editor-ozsQsOdO.js";import"./editor-_spdqNG4.js";import"./sorter-editor-wbIsCsVX.js";import"./chunk-WFFRPTHA-zlNDxfrq.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./editor-page-NyZqMedc.js";import"./viewport-resizer-liKVbGN6.js";import"./constants-hQyjCzwz.js";import"./device-framer-xnxLcHMi.js";import"./item-extras-editor-8C49yX12.js";import"./flags-for-api-options-rS742N_k.js";p();const it={title:"PerseusEditor/EditorPage"},r=()=>m(e,{});r.__docgenInfo={description:"",methods:[],displayName:"Demo"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(): React.ReactElement => { return ; }`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const mt=["Demo"];export{r as Demo,mt as __namedExportsOrder,it as default}; diff --git a/assets/editor.stories-fhoJqyBf.js b/assets/editor.stories-sqCNaTpB.js similarity index 70% rename from assets/editor.stories-fhoJqyBf.js rename to assets/editor.stories-sqCNaTpB.js index c5cbe1af15..3afe1db8bb 100644 --- a/assets/editor.stories-fhoJqyBf.js +++ b/assets/editor.stories-sqCNaTpB.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{V as R}from"./index-6h5t6F0w.js";import{a as O}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{r as e}from"./index-TT1qJ6UJ.js";import"./index-p3lcKodA.js";import{S as C}from"./side-by-side-kGWaKY6T.js";import{r as x}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{a as u}from"./flags-for-api-options-aEc6QUs8.js";import{E as f}from"./editor-IYGRa35D.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./version-akiLXZts.js";import"./article-editor-PnglreYb.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./device-framer-guMJF-HL.js";import"./constants-hQyjCzwz.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./viewport-resizer-cbhJXtmA.js";import"./index-0C4KXdeC.js";import"./structured-item-diff-uBRJEKft.js";import"./text-diff-h-wn1Hpa.js";import"./tags-diff-F78Bme2Z.js";import"./editor-page-eQvvir4g.js";import"./item-extras-editor-l9Cur-ZC.js";import"./multi-items-jv5EEkvP.js";import"./index-fuycm_QE.js";/* empty css */import"./categorizer-editor-CqdPTbQO.js";import"./editor-jsonify-Bbv2loDC.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-xQPJ0VBq.js";import"./dropdown-editor-7F745Gol.js";import"./explanation-editor-OsL6fZN2.js";import"./expression-editor-oXvZYZPt.js";import"./graph-settings-biSSNAI_.js";import"./image-editor-Vkk6KVZI.js";import"./input-number-editor-kdZwFnVv.js";import"./index-2zQZ4npR.js";import"./interactive-graph-editor-uSKTluyD.js";import"./heading-8aCiuWUg.js";import"./toggleable-caret-lFiCktzo.js";import"./interactive-graph-settings-RN_g28-Z.js";import"./locked-figures-section--2W2zFLn.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./util-ve-DcPK7.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";import"./label-image-editor-8fdLVXi_.js";import"./form-wrapped-text-field-1CYfAYqR.js";import"./answer-choices-K632kWSn.js";import"./behavior-nzziF0nB.js";import"./question-markers-eMZk-A-8.js";import"./marker-sWpCqokp.js";import"./select-image-PQzouU8c.js";import"./matcher-editor-ddeBtjTD.js";import"./number-line-editor-Vp7BYsbR.js";import"./numeric-input-editor-hj1H66L1.js";import"./phet-simulation-editor-nb_VHx1Q.js";import"./python-program-editor-ajdp68zf.js";import"./editor-H-qXwzEE.js";import"./sorter-editor-JLDcQk8S.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";const n={content:`A sequence is defined recursively as follows: +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{V as R}from"./index-6h5t6F0w.js";import{a as O}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{r as e}from"./index-TT1qJ6UJ.js";import"./index-35qurZDD.js";import{S as C}from"./side-by-side-kGWaKY6T.js";import{r as x}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{a as u}from"./flags-for-api-options-rS742N_k.js";import{E as f}from"./editor-AA_-Ksmn.js";import"./index-awljIyHI.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./version-akiLXZts.js";import"./article-editor-kCKnOB8_.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./device-framer-xnxLcHMi.js";import"./constants-hQyjCzwz.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./viewport-resizer-liKVbGN6.js";import"./index-k-0mNqHS.js";import"./structured-item-diff-jSiZHjY6.js";import"./text-diff-zzUoxfC0.js";import"./tags-diff-DTdzwvD_.js";import"./editor-page-NyZqMedc.js";import"./item-extras-editor-8C49yX12.js";import"./multi-items-zj8FdTl_.js";import"./index-fuycm_QE.js";/* empty css */import"./categorizer-editor-jdQbWtjl.js";import"./editor-jsonify-tQINrEL4.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-XO63vfM2.js";import"./dropdown-editor-b7e9swla.js";import"./explanation-editor-0Y25yuuV.js";import"./expression-editor-8EIRUcZf.js";import"./graph-settings-DK80fLX7.js";import"./image-editor-WvkMHCYc.js";import"./input-number-editor-0s5nQB_-.js";import"./index-rssW1hfo.js";import"./interactive-graph-editor-lMMNonnK.js";import"./heading-8aCiuWUg.js";import"./toggleable-caret-lFiCktzo.js";import"./interactive-graph-settings-Zqm2t-_P.js";import"./locked-figures-section-5nPJK5LN.js";import"./locked-ellipse-settings-HAWA-793.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./util-uUQ0jXdL.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";import"./label-image-editor-HknhUoXl.js";import"./form-wrapped-text-field-DQhkgIBa.js";import"./answer-choices-YvoNqSTB.js";import"./behavior-l1qZHFXz.js";import"./question-markers-5Y-gUSFk.js";import"./marker-eGjo-yed.js";import"./select-image-tuaUZ15r.js";import"./matcher-editor-N7TyLdO7.js";import"./number-line-editor-QFYtkNpd.js";import"./numeric-input-editor-Hm-vjISp.js";import"./phet-simulation-editor-X79Q74Bn.js";import"./python-program-editor-ozsQsOdO.js";import"./editor-_spdqNG4.js";import"./sorter-editor-wbIsCsVX.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";const n={content:`A sequence is defined recursively as follows: $\\qquad\\displaystyle{{a}_{n}}=-\\frac{1}{a_{n-1}-1} diff --git a/assets/explanation-editor-OsL6fZN2.js b/assets/explanation-editor-0Y25yuuV.js similarity index 81% rename from assets/explanation-editor-OsL6fZN2.js rename to assets/explanation-editor-0Y25yuuV.js index 1def04c6ca..52b36d665c 100644 --- a/assets/explanation-editor-OsL6fZN2.js +++ b/assets/explanation-editor-0Y25yuuV.js @@ -1,3 +1,3 @@ -import{a as o,j as t}from"./jsx-runtime-FVsy8kgq.js";import{c as l,p as m}from"./article-renderer-q7kSP2w4.js";import{_ as n}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as d}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as c}from"./editor-jsonify-Bbv2loDC.js";import{P as i}from"./index-0C4KXdeC.js";import{r as h}from"./index-TT1qJ6UJ.js";import{E as u}from"./editor-IYGRa35D.js";const{TextInput:p}=d,g={showPrompt:"Explain",hidePrompt:"Hide explanation",explanation:`explanation goes here +import{a as o,j as t}from"./jsx-runtime-FVsy8kgq.js";import{c as l,p as m}from"./article-renderer-BOOaW4sB.js";import{_ as n}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as d}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as c}from"./editor-jsonify-tQINrEL4.js";import{P as i}from"./index-k-0mNqHS.js";import{r as h}from"./index-TT1qJ6UJ.js";import{E as u}from"./editor-AA_-Ksmn.js";const{TextInput:p}=d,g={showPrompt:"Explain",hidePrompt:"Hide explanation",explanation:`explanation goes here more explanation`,widgets:{}},s=class s extends h.Component{constructor(){super(...arguments),this.state={},this.change=(...e)=>l.apply(this,e),this.serialize=()=>c.serialize.call(this)}render(){return o("div",{className:"perseus-widget-explanation-editor",children:[t("div",{className:"perseus-widget-row",children:o("label",{children:["Prompt to show explanation:"," ",t(p,{value:this.props.showPrompt,onChange:this.change("showPrompt")})]})}),t("div",{className:"perseus-widget-row",children:o("label",{children:["Prompt to hide explanation:"," ",t(p,{value:this.props.hidePrompt,onChange:this.change("hidePrompt")})]})}),t("div",{className:"perseus-widget-row",children:t(u,{apiOptions:this.props.apiOptions,content:this.props.explanation,widgets:this.props.widgets,widgetEnabled:!0,immutableWidgets:!1,onChange:e=>{const a={};n.has(e,"content")&&(a.explanation=e.content),n.has(e,"widgets")&&(a.widgets=e.widgets),this.change(a)}})})]})}};s.propTypes={...m,showPrompt:i.string,hidePrompt:i.string,explanation:i.string,widgets:i.object,apiOptions:i.any},s.widgetName="explanation",s.defaultProps=g;let r=s;r.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ExplanationEditor",props:{showPrompt:{defaultValue:{value:'"Explain"',computed:!1},description:"",type:{name:"string"},required:!1},hidePrompt:{defaultValue:{value:'"Hide explanation"',computed:!1},description:"",type:{name:"string"},required:!1},explanation:{defaultValue:{value:'"explanation goes here\\n\\nmore explanation"',computed:!1},description:"",type:{name:"string"},required:!1},widgets:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},apiOptions:{description:"",type:{name:"any"},required:!1}},composes:["@khanacademy/perseus"]};export{r as E}; diff --git a/assets/explanation-editor.stories-tGOpA0R6.js b/assets/explanation-editor.stories-hpAVsZAC.js similarity index 76% rename from assets/explanation-editor.stories-tGOpA0R6.js rename to assets/explanation-editor.stories-hpAVsZAC.js index 3834f004c7..dac163e4fd 100644 --- a/assets/explanation-editor.stories-tGOpA0R6.js +++ b/assets/explanation-editor.stories-hpAVsZAC.js @@ -1,3 +1,3 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{E as a}from"./explanation-editor-OsL6fZN2.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const nt={title:"PerseusEditor/Widgets/Explanation Editor"},o=e=>p(a,{onChange:m("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{E as a}from"./explanation-editor-0Y25yuuV.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const nt={title:"PerseusEditor/Widgets/Explanation Editor"},o=e=>p(a,{onChange:m("onChange")});o.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(r=o.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const st=["Default"];export{o as Default,st as __namedExportsOrder,nt as default}; diff --git a/assets/explanation.stories-wjsIMO3Z.js b/assets/explanation.stories-r632Y6qb.js similarity index 91% rename from assets/explanation.stories-wjsIMO3Z.js rename to assets/explanation.stories-r632Y6qb.js index 456abc948b..addd0acf47 100644 --- a/assets/explanation.stories-wjsIMO3Z.js +++ b/assets/explanation.stories-r632Y6qb.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as a}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const v={content:`Here's the explanation +import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as a}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const v={content:`Here's the explanation [[☃ explanation 1]] Did 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"}}},b={content:`Here's the explanation [[☃ explanation 1]] diff --git a/assets/expression-editor-oXvZYZPt.js b/assets/expression-editor-8EIRUcZf.js similarity index 97% rename from assets/expression-editor-oXvZYZPt.js rename to assets/expression-editor-8EIRUcZf.js index 8872dc4e63..19514d41f8 100644 --- a/assets/expression-editor-oXvZYZPt.js +++ b/assets/expression-editor-8EIRUcZf.js @@ -1,2 +1,2 @@ -import{j as n,a as c,F as I}from"./jsx-runtime-FVsy8kgq.js";import{p as N}from"./util-F8-MDmsT.js";import{c as C,P as R,E as _}from"./article-renderer-q7kSP2w4.js";import{_ as g}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import{l as w}from"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as T}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import{f as q}from"./index-J2t_5nK1.js";import"./index-IIMKO4_x.js";import{B as f}from"./choice-Bz-ZMhQM.js";import{C as m,l as S}from"./index-QCAhLhLD.js";import{S as O}from"./index-qUyqkRvh.js";import{s as p,c as y}from"./index-deFLJwr4.js";import{H as k,d as L}from"./index-h_CiYGGb.js";import{l}from"./index-awljIyHI.js";import{r as D}from"./index-TT1qJ6UJ.js";import{c as F}from"./index-fuycm_QE.js";import{P as B}from"./index-0C4KXdeC.js";import{R as Y}from"./index-7vsPyIck.js";const d=B,z=F({propTypes:{className:d.string,components:d.arrayOf(d.node).isRequired,onReorder:d.func.isRequired,style:d.any,verify:d.func},getDefaultProps:function(){return{verify:()=>!0}},getInitialState:function(){return{dragging:null,components:this.props.components}},componentDidMount:function(){this._setDragEvents()},UNSAFE_componentWillReceiveProps:function(r){this.setState({components:r.components})},componentDidUpdate:function(){this._setDragEvents()},onDragStart:function(r){this.setState({dragging:r})},onDrop:function(){this.setState({dragging:null}),this.props.onReorder(this.state.components)},onDragEnter:function(r){if(this.state.dragging===r)return;const i=this.state.components.slice(),e=i.splice(this.state.dragging,1);i.splice(r,0,e[0]);const t=this.props.verify(i);return t&&this.setState({dragging:r,components:i}),t},_listenEvent:function(r){r.dataTransfer.setData("hackhackhack","because browsers!")},_cancelEvent:function(r){r.preventDefault()},_setDragEvents:function(){this._dragItems=this._dragItems||[];const r=Y.findDOMNode(this).querySelectorAll("[draggable=true]"),i=[],e=[];for(let t=0;tn(P,{index:e,component:i,area:this,draggable:i.props.draggable,dragging:e===this.state.dragging},i.key));return n("ol",{className:this.props.className,style:this.props.style,children:r})}}),P=F({propTypes:{area:d.shape({onDragEnter:d.func.isRequired,onDragStart:d.func.isRequired,onDrop:d.func.isRequired}),component:d.node.isRequired,dragging:d.bool.isRequired,draggable:d.bool.isRequired,index:d.number.isRequired},handleDragStart:function(r){r.nativeEvent.dataTransfer.effectAllowed="move",this.props.area.onDragStart(this.props.index)},handleDrop:function(){this.props.area.onDrop(this.props.index)},handleDragEnter:function(r){const i=this.props.area.onDragEnter(this.props.index);r.nativeEvent.dataTransfer.effectAllowed=i?"move":"none"},handleDragOver:function(r){r.preventDefault()},render:function(){let r="sortable-disabled";return this.props.dragging?r="sortable-dragging":this.props.draggable&&(r="sortable-enabled"),n("li",{draggable:this.props.draggable,className:[r,l.css(U.sortableListItem)].join(" "),onDragStart:this.handleDragStart,onDrop:this.handleDrop,onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,children:this.props.component})}}),U=l.StyleSheet.create({sortableListItem:{margin:"5px 0"}}),{InfoTip:u}=T,A=["basic","trig","prealgebra","logarithms","basic relations","advanced relations"],E=({key:r})=>Number.parseInt(r??""),V=r=>{const i=[];r.forEach(e=>{i[E(e)]=!0});for(let e=0;e{const e=["value","form","simplify","considered","key"],t=["answerForms","buttonSets","functions","times","visibleLabel","ariaLabel"],s=this.props.answerForms.map(a=>g(a).pick(e));return w(this.props).set(["answerForms"],s).mod([],a=>g(a).pick(t)).freeze()},this.getSaveWarnings=()=>{const e=[];return this.props.answerForms.length===0?e.push("No answers specified"):(this.props.answerForms.some(s=>s.considered==="correct")||e.push("No correct answer specified"),g(this.props.answerForms).each((s,a)=>{if(this.props.value==="")e.push(`Answer ${a+1} is empty`);else{const h=N(s.value,{functions:this.props.functions});h.parsed?s.simplify&&!h.expr.isSimplified()&&e.push(`${s.value} isn't simplified, but is required" + +import{j as n,a as c,F as I}from"./jsx-runtime-FVsy8kgq.js";import{p as N}from"./util-F8-MDmsT.js";import{c as C,P as R,E as _}from"./article-renderer-BOOaW4sB.js";import{_ as g}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import{l as w}from"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as T}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import{f as q}from"./index-J2t_5nK1.js";import"./index-IIMKO4_x.js";import{B as f}from"./choice-Bz-ZMhQM.js";import{C as m,l as S}from"./index-QCAhLhLD.js";import{S as O}from"./index-qUyqkRvh.js";import{s as p,c as y}from"./index-deFLJwr4.js";import{H as k,d as L}from"./index-h_CiYGGb.js";import{l}from"./index-awljIyHI.js";import{r as D}from"./index-TT1qJ6UJ.js";import{c as F}from"./index-fuycm_QE.js";import{P as B}from"./index-k-0mNqHS.js";import{R as Y}from"./index-7vsPyIck.js";const d=B,z=F({propTypes:{className:d.string,components:d.arrayOf(d.node).isRequired,onReorder:d.func.isRequired,style:d.any,verify:d.func},getDefaultProps:function(){return{verify:()=>!0}},getInitialState:function(){return{dragging:null,components:this.props.components}},componentDidMount:function(){this._setDragEvents()},UNSAFE_componentWillReceiveProps:function(r){this.setState({components:r.components})},componentDidUpdate:function(){this._setDragEvents()},onDragStart:function(r){this.setState({dragging:r})},onDrop:function(){this.setState({dragging:null}),this.props.onReorder(this.state.components)},onDragEnter:function(r){if(this.state.dragging===r)return;const i=this.state.components.slice(),e=i.splice(this.state.dragging,1);i.splice(r,0,e[0]);const t=this.props.verify(i);return t&&this.setState({dragging:r,components:i}),t},_listenEvent:function(r){r.dataTransfer.setData("hackhackhack","because browsers!")},_cancelEvent:function(r){r.preventDefault()},_setDragEvents:function(){this._dragItems=this._dragItems||[];const r=Y.findDOMNode(this).querySelectorAll("[draggable=true]"),i=[],e=[];for(let t=0;tn(P,{index:e,component:i,area:this,draggable:i.props.draggable,dragging:e===this.state.dragging},i.key));return n("ol",{className:this.props.className,style:this.props.style,children:r})}}),P=F({propTypes:{area:d.shape({onDragEnter:d.func.isRequired,onDragStart:d.func.isRequired,onDrop:d.func.isRequired}),component:d.node.isRequired,dragging:d.bool.isRequired,draggable:d.bool.isRequired,index:d.number.isRequired},handleDragStart:function(r){r.nativeEvent.dataTransfer.effectAllowed="move",this.props.area.onDragStart(this.props.index)},handleDrop:function(){this.props.area.onDrop(this.props.index)},handleDragEnter:function(r){const i=this.props.area.onDragEnter(this.props.index);r.nativeEvent.dataTransfer.effectAllowed=i?"move":"none"},handleDragOver:function(r){r.preventDefault()},render:function(){let r="sortable-disabled";return this.props.dragging?r="sortable-dragging":this.props.draggable&&(r="sortable-enabled"),n("li",{draggable:this.props.draggable,className:[r,l.css(U.sortableListItem)].join(" "),onDragStart:this.handleDragStart,onDrop:this.handleDrop,onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,children:this.props.component})}}),U=l.StyleSheet.create({sortableListItem:{margin:"5px 0"}}),{InfoTip:u}=T,A=["basic","trig","prealgebra","logarithms","basic relations","advanced relations"],E=({key:r})=>Number.parseInt(r??""),V=r=>{const i=[];r.forEach(e=>{i[E(e)]=!0});for(let e=0;e{const e=["value","form","simplify","considered","key"],t=["answerForms","buttonSets","functions","times","visibleLabel","ariaLabel"],s=this.props.answerForms.map(a=>g(a).pick(e));return w(this.props).set(["answerForms"],s).mod([],a=>g(a).pick(t)).freeze()},this.getSaveWarnings=()=>{const e=[];return this.props.answerForms.length===0?e.push("No answers specified"):(this.props.answerForms.some(s=>s.considered==="correct")||e.push("No correct answer specified"),g(this.props.answerForms).each((s,a)=>{if(this.props.value==="")e.push(`Answer ${a+1} is empty`);else{const h=N(s.value,{functions:this.props.functions});h.parsed?s.simplify&&!h.expr.isSimplified()&&e.push(`${s.value} isn't simplified, but is required" + " to be`):e.push(`Couldn't parse ${s.value}`)}})),e},this._newEmptyAnswerForm=()=>({considered:"correct",form:!1,key:V(this.props.answerForms),simplify:!1,value:""}),this.newAnswer=()=>{const e=this.props.answerForms.slice();e.push(this._newEmptyAnswerForm()),this.change({answerForms:e})},this.handleRemoveForm=e=>{const t=this.props.answerForms.slice();t.splice(e,1),this.change({answerForms:t})},this.updateForm=(e,t)=>{const s=w(this.props.answerForms).merge([e],t).freeze();this.change({answerForms:s})},this.handleReorder=e=>{const t=e.map(s=>{const a=g(s.props).pick("considered","form","simplify","value");return a.key=s.key,a});this.change({answerForms:t})},this.handleButtonSet=e=>{const s=A.filter(a=>this.props.buttonSets.includes(a)!==(a===e));this.props.onChange({buttonSets:s})},this.handleToggleDiv=()=>{let e,t;this.props.buttonSets.includes("basic+div")?(e="basic",t="basic+div"):(e="basic+div",t="basic");const s=this.props.buttonSets.filter(a=>a!==t).concat(e);this.change("buttonSets",s)},this.handleTexInsert=e=>{this.refs.expression.insert(e)},this.handleFunctions=e=>{this.setState({functionsInternal:e});const t={};t.functions=e.split(/[ ,]+/).filter(q),this.props.onChange(t)},this.state={functionsInternal:this.props.functions.join(" ")}}change(...i){return C.apply(this,i)}render(){const i=this.props.answerForms.map(s=>{const a=E(s),h={times:this.props.times,functions:this.props.functions,buttonSets:this.props.buttonSets,buttonsVisible:"focused",form:s.form,simplify:s.simplify,value:s.value,onChange:v=>this.updateForm(a,v),trackInteraction:()=>{},widgetId:this.props.widgetId+"-"+s.key};return w(s).merge([],{key:a,draggable:!0,onChange:v=>this.updateForm(Number.parseInt(s.key??""),v),onDelete:()=>this.handleRemoveForm(a),expressionProps:h}).freeze()}).map(s=>n(j,{...s},s.key)),e=n(z,{components:i,onReorder:this.handleReorder}),t=A.map(s=>{const a=s==="basic",h=this.props.buttonSets.includes(s)||a;return n(m,{label:s,checked:h,disabled:a,onChange:()=>this.handleButtonSet(s)},s)});return t.unshift(n(m,{label:"show ÷ button",checked:this.props.buttonSets.includes("basic+div"),onChange:this.handleToggleDiv},"show ÷ button")),c("div",{children:[n(k,{children:"Global Options"}),c("div",{className:l.css(o.paddedY),children:[n(S,{label:"Visible label",value:this.props.visibleLabel||"",onChange:this.change("visibleLabel")}),n(u,{children:n("p",{children:"Optional visible text; strongly encouraged to help learners using dictation software, but can be omitted if the surrounding content provides enough context."})})]}),c("div",{className:l.css(o.paddedY),children:[n(S,{label:"Aria label",value:this.props.ariaLabel||"",onChange:this.change("ariaLabel")}),n(u,{children:c("p",{children:["Label text that's read by screen readers. Highly recommend adding a label here to ensure your exercise is accessible. For more information on writting accessible labels, please see"," ",n("a",{href:"https://www.w3.org/WAI/tips/designing/#ensure-that-form-elements-include-clearly-associated-labels",target:"_blank",children:"this article."})]})})]}),c("div",{className:l.css(o.paddedY),children:[n(S,{label:"Function variables",value:this.state.functionsInternal,onChange:this.handleFunctions}),n(u,{children:n("p",{children:'Single-letter variables listed here will be interpreted as functions. This let us know that f(x) means "f of x" and not "f times x".'})})]}),c("div",{className:l.css(o.paddedY),children:[n(m,{label:"Use × instead of ⋅ for multiplication",checked:this.props.times,onChange:s=>{this.props.onChange({times:s})}}),n(u,{children:n("p",{children:"For pre-algebra problems this option displays multiplication as \\times instead of \\cdot in both the rendered output and the acceptable formats examples."})})]}),c("div",{className:l.css(o.paddedY),children:[n(L,{children:"Button Sets"}),t]}),n(k,{children:"Answers"}),n("p",{style:{margin:"4px 0"},children:"student responses area matched against these from top to bottom"}),e,n("div",{children:n(f,{size:"small",onClick:this.newAnswer,children:"Add new answer"})})]})}};b.widgetName="expression",b.defaultProps={answerForms:[],times:!1,buttonSets:["basic"],functions:["f","g","h"]};let x=b;const W=function(r,i){let e=r.indexOf(i);return e=(e+1)%r.length,r[e]};class j extends D.Component{constructor(){super(...arguments),this.state={deleteFocused:!1},this.change=(...i)=>C.apply(this,i),this.handleImSure=()=>{this.props.onDelete()},this.handleCancelDelete=()=>{this.setState({deleteFocused:!1})},this.handleDelete=()=>{this.setState({deleteFocused:!0})},this.toggleConsidered=()=>{const i=W(R,this.props.considered);this.change({considered:i})}}render(){const i=this.state.deleteFocused?c(I,{children:[n(f,{size:"small",onClick:this.handleImSure,color:"destructive",children:"I'm sure!"}),n(O,{size:p.small_12}),n(f,{size:"small",onClick:this.handleCancelDelete,light:!0,children:"Cancel"})]}):n(f,{size:"small",onClick:this.handleDelete,color:"destructive",light:!0,children:"Delete"}),e=l.css(o.answerStatus,this.props.considered==="wrong"&&o.answerStatusWrong,this.props.considered==="correct"&&o.answerStatusCorrect,this.props.considered==="ungraded"&&o.answerStatusUngraded);return c("div",{className:l.css(o.answerOption),children:[n("div",{className:l.css(o.answerHandle)}),c("div",{className:l.css(o.answerBody),children:[c("div",{children:[n("button",{onClick:this.toggleConsidered,className:e,children:this.props.considered}),n("div",{children:n(_,{...this.props.expressionProps})})]}),c("div",{className:l.css(o.paddedY,o.paddedX),children:[n(m,{label:"Answer expression must have the same form.",checked:this.props.form,onChange:t=>{this.props.onChange({form:t})}}),n(u,{children:n("p",{children:"The student's answer must be in the same form. Commutativity and excess negative signs are ignored."})})]}),c("div",{className:l.css(o.paddedY,o.paddedX),children:[n(m,{label:"Answer expression must be fully expanded and simplified.",checked:this.props.simplify,onChange:t=>{this.props.onChange({simplify:t})}}),n(u,{children:n("p",{children:`The student's answer must be fully expanded and simplified. Answering this equation (x^2+2x+1) with this factored equation (x+1)^2 will render this response "Your answer is not fully expanded and simplified."`})})]}),n("div",{className:l.css(o.buttonRow,o.paddedY),children:i})]})]})}}const o=l.StyleSheet.create({paddedX:{paddingLeft:p.xSmall_8,paddingRight:p.xSmall_8},paddedY:{paddingTop:p.xxSmall_6,paddingBottom:p.xxSmall_6},answerOption:{border:"1px solid #ddd",borderRadius:"3px",display:"flex"},answerHandle:{background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==) no-repeat 50% 50%",borderRight:"1px solid #ddd",cursor:"move",width:"20px",minWidth:"20px"},answerStatus:{border:"none",userSelect:"none",width:"100px",paddingTop:p.small_12,paddingBottom:p.small_12},answerStatusWrong:{backgroundColor:y.fadedRed16},answerStatusCorrect:{backgroundColor:y.fadedGreen16},answerStatusUngraded:{backgroundColor:y.fadedBlue16},answerBody:{},buttonRow:{display:"flex"}});x.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"_newEmptyAnswerForm",docblock:null,modifiers:[],params:[],returns:null},{name:"newAnswer",docblock:null,modifiers:[],params:[],returns:null},{name:"handleRemoveForm",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null}],returns:null},{name:"updateForm",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"props",optional:!1,type:null}],returns:null},{name:"handleReorder",docblock:null,modifiers:[],params:[{name:"components",optional:!1,type:null}],returns:null},{name:"handleButtonSet",docblock:null,modifiers:[],params:[{name:"changingName",optional:!1,type:null}],returns:null},{name:"handleToggleDiv",docblock:null,modifiers:[],params:[],returns:null},{name:"handleTexInsert",docblock:null,modifiers:[],params:[{name:"str",optional:!1,type:null}],returns:null},{name:"handleFunctions",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null}],displayName:"ExpressionEditor",props:{widgetId:{required:!1,tsType:{name:"any"},description:""},value:{required:!1,tsType:{name:"string"},description:""},answerForms:{defaultValue:{value:"[]",computed:!1},required:!1},times:{defaultValue:{value:"false",computed:!1},required:!1},buttonSets:{defaultValue:{value:'["basic"]',computed:!1},required:!1},functions:{defaultValue:{value:'["f", "g", "h"]',computed:!1},required:!1}}};export{x as E}; diff --git a/assets/expression-editor.stories-HiEKFaAa.js b/assets/expression-editor.stories-IIZ0CZ6C.js similarity index 79% rename from assets/expression-editor.stories-HiEKFaAa.js rename to assets/expression-editor.stories-IIZ0CZ6C.js index 72b8c9973d..71a8f2a035 100644 --- a/assets/expression-editor.stories-HiEKFaAa.js +++ b/assets/expression-editor.stories-IIZ0CZ6C.js @@ -1,4 +1,4 @@ -import{j as i,a as c}from"./jsx-runtime-FVsy8kgq.js";import{l as p}from"./index-awljIyHI.js";import{r as u}from"./index-TT1qJ6UJ.js";import{R as g}from"./renderer-with-debug-ui-XOCIPmr_.js";import{E as l}from"./expression-editor-oXvZYZPt.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";const nr={title:"PerseusEditor/Widgets/Expression Editor"};class f extends u.Component{constructor(e){super(e);const t=r.widgets["expression 1"].options;this.state={answerForms:t.answerForms,times:t.times,buttonSets:t.buttonSets,functions:t.functions}}mergeQuestionWithState(){return{...r,widgets:{...r.widgets,"expression 1":{...r.widgets["expression 1"],options:{...r.widgets["expression 1"].options,...this.state}}}}}render(){const e=Object.freeze({});return c("div",{className:p.css(m.wrapper),children:[i("div",{className:p.css(m.editorWrapper),children:i(l,{...this.state,onChange:t=>{this.setState({...t})}})}),i(g,{question:this.mergeQuestionWithState(),apiOptions:e,reviewMode:!0})]})}}const o=d=>i(f,{}),r={content:`This is a cool expression question +import{j as i,a as c}from"./jsx-runtime-FVsy8kgq.js";import{l as p}from"./index-awljIyHI.js";import{r as u}from"./index-TT1qJ6UJ.js";import{R as g}from"./renderer-with-debug-ui-kTjob79J.js";import{E as l}from"./expression-editor-8EIRUcZf.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";const nr={title:"PerseusEditor/Widgets/Expression Editor"};class f extends u.Component{constructor(e){super(e);const t=r.widgets["expression 1"].options;this.state={answerForms:t.answerForms,times:t.times,buttonSets:t.buttonSets,functions:t.functions}}mergeQuestionWithState(){return{...r,widgets:{...r.widgets,"expression 1":{...r.widgets["expression 1"],options:{...r.widgets["expression 1"].options,...this.state}}}}}render(){const e=Object.freeze({});return c("div",{className:p.css(m.wrapper),children:[i("div",{className:p.css(m.editorWrapper),children:i(l,{...this.state,onChange:t=>{this.setState({...t})}})}),i(g,{question:this.mergeQuestionWithState(),apiOptions:e,reviewMode:!0})]})}}const o=d=>i(f,{}),r={content:`This is a cool expression question [[☃ expression 1]] diff --git a/assets/expression.stories-QTl8RZ6Z.js b/assets/expression.stories-5q0Eq1mU.js similarity index 91% rename from assets/expression.stories-QTl8RZ6Z.js rename to assets/expression.stories-5q0Eq1mU.js index 763019e853..e321249666 100644 --- a/assets/expression.stories-QTl8RZ6Z.js +++ b/assets/expression.stories-5q0Eq1mU.js @@ -1,4 +1,4 @@ -import{j as r,a as l}from"./jsx-runtime-FVsy8kgq.js";import{a as R}from"./mobile-keypad-3f7ONcH2.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./button-assets-txIojR3b.js";import{K as _}from"./enums-x5qaTru7.js";import{a as W}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{S as L}from"./server-item-renderer-with-debug-ui-nisHQFqK.js";import{T as M}from"./test-keypad-context-wrapper-SbDTc7Od.js";import{I as N,e as j}from"./article-renderer-q7kSP2w4.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./version-akiLXZts.js";import"./invariant-bu5zBsRS.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./choice-Bz-ZMhQM.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer--3S3VYBz.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-HbOOlLb6.js";import"./shared-4TdECMLk.js";import"./base-radio-NUDOhlSE.js";import"./choice-none-above-7sZgmnsx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./ke-score-ui-VwVxZMGJ.js";import"./side-by-side-kGWaKY6T.js";import"./test-dependencies-BYssWPiu.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-mbE4GLUb.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";const c=(e,t)=>({question:{content:"[[☃ expression 1]]",images:{},widgets:{"expression 1":{type:"expression",graded:!0,options:e,version:t}}},answer:null,answerArea:Object.fromEntries(N.map(m=>[m,!1])),itemDataVersion:{major:0,minor:1},hints:[]});c({answerForms:[],times:!1,buttonSets:["basic"],functions:[],buttonsVisible:"always",ariaLabel:"Test aria label",visibleLabel:"Test visible label"},{major:1,minor:0});const D=c({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}),A={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"},{considered:"correct",form:!1,simplify:!1,value:"a+1"}],times:!1,buttonSets:["basic"],functions:["f","g","h"],buttonsVisible:"focused",visibleLabel:"number of cm",ariaLabel:"number of centimeters"},d=c(A,{major:1,minor:0}),n=({item:e,customKeypad:t,isMobile:m=!1})=>r(M,{children:r(R.Consumer,{children:({keypadElement:T})=>r(L,{item:e,keypadElement:T,apiOptions:{isMobile:m,customKeypad:t,onFocusChange:W("onFocusChange")}})})}),o=e=>{const t={keypadType:_.EXPRESSION,extraKeys:["x","y","z"]};return r("div",{style:{padding:"2rem"},children:r(j.widget,{alignment:null,value:"",visibleLabel:"",ariaLabel:"",containerSizeClass:"small",findWidgets:m=>[],isLastUsedWidget:!1,onChange:()=>{},problemNum:1,static:!1,trackInteraction:()=>{},widgetId:"expression",keypadConfiguration:t,reviewMode:!1})})},s=e=>r(n,{item:d,customKeypad:!1}),i=e=>l("div",{children:[l("p",{children:["MathInput uses touch events;"," ",r("a",{href:"https://developer.chrome.com/docs/devtools/device-mode/",children:"emulate mobile"})," ","to use the custom keypad."]}),r(n,{item:d,customKeypad:!0,isMobile:!0})]}),a=e=>r(n,{item:D,customKeypad:e.customKeypad}),p=e=>r(n,{item:d,customKeypad:e.customKeypad}),Lr={title:"Perseus/Widgets/Expression",argTypes:{customKeypad:{control:"boolean"}}};o.__docgenInfo={description:"",methods:[],displayName:"DesktopKitchenSink",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};s.__docgenInfo={description:"",methods:[],displayName:"Desktop",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};i.__docgenInfo={description:"",methods:[],displayName:"Mobile",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};a.__docgenInfo={description:"",methods:[],displayName:"ExpressionItem2",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"ExpressionItem3",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};var u,y,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as r,a as l}from"./jsx-runtime-FVsy8kgq.js";import{a as R}from"./mobile-keypad-3f7ONcH2.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./button-assets-txIojR3b.js";import{K as _}from"./enums-x5qaTru7.js";import{a as W}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{S as L}from"./server-item-renderer-with-debug-ui-b5CqN-Cf.js";import{T as M}from"./test-keypad-context-wrapper-SbDTc7Od.js";import{I as N,e as j}from"./article-renderer-BOOaW4sB.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./version-akiLXZts.js";import"./invariant-bu5zBsRS.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./choice-Bz-ZMhQM.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer-own7mR8u.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-rWnJ078P.js";import"./shared-4TdECMLk.js";import"./base-radio-jqxXuHNO.js";import"./choice-none-above-NXvpeqY4.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./ke-score-ui-VwVxZMGJ.js";import"./side-by-side-kGWaKY6T.js";import"./test-dependencies-6YNLO4fV.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-MQdUvt3_.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";const c=(e,t)=>({question:{content:"[[☃ expression 1]]",images:{},widgets:{"expression 1":{type:"expression",graded:!0,options:e,version:t}}},answer:null,answerArea:Object.fromEntries(N.map(m=>[m,!1])),itemDataVersion:{major:0,minor:1},hints:[]});c({answerForms:[],times:!1,buttonSets:["basic"],functions:[],buttonsVisible:"always",ariaLabel:"Test aria label",visibleLabel:"Test visible label"},{major:1,minor:0});const D=c({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}),A={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"},{considered:"correct",form:!1,simplify:!1,value:"a+1"}],times:!1,buttonSets:["basic"],functions:["f","g","h"],buttonsVisible:"focused",visibleLabel:"number of cm",ariaLabel:"number of centimeters"},d=c(A,{major:1,minor:0}),n=({item:e,customKeypad:t,isMobile:m=!1})=>r(M,{children:r(R.Consumer,{children:({keypadElement:T})=>r(L,{item:e,keypadElement:T,apiOptions:{isMobile:m,customKeypad:t,onFocusChange:W("onFocusChange")}})})}),o=e=>{const t={keypadType:_.EXPRESSION,extraKeys:["x","y","z"]};return r("div",{style:{padding:"2rem"},children:r(j.widget,{alignment:null,value:"",visibleLabel:"",ariaLabel:"",containerSizeClass:"small",findWidgets:m=>[],isLastUsedWidget:!1,onChange:()=>{},problemNum:1,static:!1,trackInteraction:()=>{},widgetId:"expression",keypadConfiguration:t,reviewMode:!1})})},s=e=>r(n,{item:d,customKeypad:!1}),i=e=>l("div",{children:[l("p",{children:["MathInput uses touch events;"," ",r("a",{href:"https://developer.chrome.com/docs/devtools/device-mode/",children:"emulate mobile"})," ","to use the custom keypad."]}),r(n,{item:d,customKeypad:!0,isMobile:!0})]}),a=e=>r(n,{item:D,customKeypad:e.customKeypad}),p=e=>r(n,{item:d,customKeypad:e.customKeypad}),Lr={title:"Perseus/Widgets/Expression",argTypes:{customKeypad:{control:"boolean"}}};o.__docgenInfo={description:"",methods:[],displayName:"DesktopKitchenSink",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};s.__docgenInfo={description:"",methods:[],displayName:"Desktop",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};i.__docgenInfo={description:"",methods:[],displayName:"Mobile",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};a.__docgenInfo={description:"",methods:[],displayName:"ExpressionItem2",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"ExpressionItem3",props:{customKeypad:{required:!0,tsType:{name:"boolean"},description:""}}};var u,y,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const keypadConfiguration = { keypadType: KeypadType.EXPRESSION, extraKeys: (["x", "y", "z"] as Array) diff --git a/assets/flags-for-api-options-aEc6QUs8.js b/assets/flags-for-api-options-rS742N_k.js similarity index 80% rename from assets/flags-for-api-options-aEc6QUs8.js rename to assets/flags-for-api-options-rS742N_k.js index 166fcf5bc7..cfee510178 100644 --- a/assets/flags-for-api-options-aEc6QUs8.js +++ b/assets/flags-for-api-options-rS742N_k.js @@ -1 +1 @@ -import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as t}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";const r={mafs:{angle:!0,segment:!0,circle:!0,quadratic:!0,sinusoid:!0,polygon:!0,linear:!0,"linear-system":!0,ray:!0,point:!0,none:!0,"interactive-graph-locked-features-labels":!0,"locked-figures-aria":!0,"locked-point-labels":!0,"locked-line-labels":!0,"locked-vector-labels":!0,"locked-ellipse-labels":!0,"locked-polygon-labels":!0,"locked-function-labels":!0}},z={...t.defaults,flags:{...t.defaults.flags,...r}};export{z as a,r as f}; +import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as t}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";const r={mafs:{angle:!0,segment:!0,circle:!0,quadratic:!0,sinusoid:!0,polygon:!0,linear:!0,"linear-system":!0,ray:!0,point:!0,none:!0,"interactive-graph-locked-features-labels":!0,"locked-figures-aria":!0,"locked-point-labels":!0,"locked-line-labels":!0,"locked-vector-labels":!0,"locked-ellipse-labels":!0,"locked-polygon-labels":!0,"locked-function-labels":!0}},z={...t.defaults,flags:{...t.defaults.flags,...r}};export{z as a,r as f}; diff --git a/assets/form-wrapped-text-field-1CYfAYqR.js b/assets/form-wrapped-text-field-DQhkgIBa.js similarity index 91% rename from assets/form-wrapped-text-field-1CYfAYqR.js rename to assets/form-wrapped-text-field-DQhkgIBa.js index 002fa42f29..b945839ac1 100644 --- a/assets/form-wrapped-text-field-1CYfAYqR.js +++ b/assets/form-wrapped-text-field-DQhkgIBa.js @@ -1 +1 @@ -import{j as l,a as D}from"./jsx-runtime-FVsy8kgq.js";import{t as M,a,b as N}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{c as b}from"./index-deFLJwr4.js";import{l as s}from"./index-awljIyHI.js";import{r as g}from"./index-TT1qJ6UJ.js";class T extends g.Component{constructor(){super(...arguments),this.state={focused:!1},this.handleBlur=o=>{const{onBlur:t}=this.props;t&&t(o),this.setState({focused:!1})},this.handleFocus=o=>{const{onFocus:t}=this.props;t&&t(o),this.setState({focused:!0})},this.disableDefault=o=>{o.preventDefault()}}render(){const{forwardedRef:o,width:t,grow:n,shrink:i,icon:d,backgroundColor:c,focusBorderColor:x,borderColor:y,color:m,onSubmit:B,leftSideIcon:u,id:S,testId:w,type:k,labelMediumInputText:F,...C}=this.props,{focused:I}=this.state,r={},f=[e.input,e.container];t&&(r.width=t),n&&(r.flexGrow=n===!0?1:n),(i||i===0)&&(r.flexShrink=i===!0?0:i),c?r.backgroundColor=c:f.push(e.defaultBackground),m&&(r.color=m);const R=I?x||b.blue:y||b.offBlack16;r.border=`1px solid ${R}`;const h=d&&l("span",{className:s.css(e.icon),children:d}),j=F?e.labelMediumInputBase:e.inputBase;return D("form",{className:s.css(...f),style:r,onSubmit:B||this.disableDefault,children:[u&&h,l("input",{...C,onFocus:this.handleFocus,onBlur:this.handleBlur,type:k,className:s.css(j),ref:o,id:S,"data-testid":w}),!u&&h]})}}const e=s.StyleSheet.create({inputBase:{background:"inherit",border:"none",...M.bodyXsmall,outline:"none","::placeholder":{color:a.gray41},width:"100%",color:"inherit",marginBottom:0,paddingLeft:0,boxShadow:"none",padding:0,margin:0},labelMediumInputBase:{background:"inherit",border:"none",outline:"none","::placeholder":{color:a.gray41},width:"100%",fontWeight:"normal",fontFamily:"Lato, san-serif",fontSize:"16px",lineHeight:"20px"},input:{height:40,borderRadius:N,boxSizing:"border-box",padding:"8px 10px"},container:{display:"inline-flex",alignItems:"center",marginBottom:0},defaultBackground:{backgroundColor:a.white},icon:{display:"flex",alignItems:"center",justifyContent:"center"}}),co=g.forwardRef((p,o)=>l(T,{...p,forwardedRef:o}));export{co as F}; +import{j as l,a as D}from"./jsx-runtime-FVsy8kgq.js";import{t as M,a,b as N}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{c as b}from"./index-deFLJwr4.js";import{l as s}from"./index-awljIyHI.js";import{r as g}from"./index-TT1qJ6UJ.js";class T extends g.Component{constructor(){super(...arguments),this.state={focused:!1},this.handleBlur=o=>{const{onBlur:t}=this.props;t&&t(o),this.setState({focused:!1})},this.handleFocus=o=>{const{onFocus:t}=this.props;t&&t(o),this.setState({focused:!0})},this.disableDefault=o=>{o.preventDefault()}}render(){const{forwardedRef:o,width:t,grow:n,shrink:i,icon:d,backgroundColor:c,focusBorderColor:x,borderColor:y,color:m,onSubmit:B,leftSideIcon:u,id:S,testId:w,type:k,labelMediumInputText:F,...C}=this.props,{focused:I}=this.state,r={},f=[e.input,e.container];t&&(r.width=t),n&&(r.flexGrow=n===!0?1:n),(i||i===0)&&(r.flexShrink=i===!0?0:i),c?r.backgroundColor=c:f.push(e.defaultBackground),m&&(r.color=m);const R=I?x||b.blue:y||b.offBlack16;r.border=`1px solid ${R}`;const h=d&&l("span",{className:s.css(e.icon),children:d}),j=F?e.labelMediumInputBase:e.inputBase;return D("form",{className:s.css(...f),style:r,onSubmit:B||this.disableDefault,children:[u&&h,l("input",{...C,onFocus:this.handleFocus,onBlur:this.handleBlur,type:k,className:s.css(j),ref:o,id:S,"data-testid":w}),!u&&h]})}}const e=s.StyleSheet.create({inputBase:{background:"inherit",border:"none",...M.bodyXsmall,outline:"none","::placeholder":{color:a.gray41},width:"100%",color:"inherit",marginBottom:0,paddingLeft:0,boxShadow:"none",padding:0,margin:0},labelMediumInputBase:{background:"inherit",border:"none",outline:"none","::placeholder":{color:a.gray41},width:"100%",fontWeight:"normal",fontFamily:"Lato, san-serif",fontSize:"16px",lineHeight:"20px"},input:{height:40,borderRadius:N,boxSizing:"border-box",padding:"8px 10px"},container:{display:"inline-flex",alignItems:"center",marginBottom:0},defaultBackground:{backgroundColor:a.white},icon:{display:"flex",alignItems:"center",justifyContent:"center"}}),co=g.forwardRef((p,o)=>l(T,{...p,forwardedRef:o}));export{co as F}; diff --git a/assets/formatter-SWP5E3XI-T3CdbF9K.js b/assets/formatter-SWP5E3XI-RyVKr7sS.js similarity index 99% rename from assets/formatter-SWP5E3XI-T3CdbF9K.js rename to assets/formatter-SWP5E3XI-RyVKr7sS.js index 3d371606de..ba101be034 100644 --- a/assets/formatter-SWP5E3XI-T3CdbF9K.js +++ b/assets/formatter-SWP5E3XI-RyVKr7sS.js @@ -1,4 +1,4 @@ -import{_ as ea,m as pl,b as ta}from"./DocsRenderer-NNNQARDV-NO3RKp5V.js";import"./iframe-xdwevnfV.js";import"../sb-preview/runtime.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./_getPrototype-bjD8Yebc.js";import"./index-PPLHz8o0.js";var cl=ta({"node_modules/prettier/parser-html.js"(Jr,Xr){(function(Ae){if(typeof Jr=="object"&&typeof Xr=="object")Xr.exports=Ae();else if(typeof define=="function"&&define.amd)define(Ae);else{var Yt=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this||{};Yt.prettierPlugins=Yt.prettierPlugins||{},Yt.prettierPlugins.html=Ae()}})(function(){var Ae=(ot,Ne)=>()=>(Ne||ot((Ne={exports:{}}).exports,Ne),Ne.exports),Yt=Ae((ot,Ne)=>{var Se=function(Oe){return Oe&&Oe.Math==Math&&Oe};Ne.exports=Se(typeof globalThis=="object"&&globalThis)||Se(typeof window=="object"&&window)||Se(typeof self=="object"&&self)||Se(typeof global=="object"&&global)||function(){return this}()||Function("return this")()}),hr=Ae((ot,Ne)=>{Ne.exports=function(Se){try{return!!Se()}catch{return!0}}}),br=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!=7})}),Hr=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){var Oe=(function(){}).bind();return typeof Oe!="function"||Oe.hasOwnProperty("prototype")})}),gr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype.call;Ne.exports=Se?Oe.bind(Oe):function(){return Oe.apply(Oe,arguments)}}),Dn=Ae(ot=>{var Ne={}.propertyIsEnumerable,Se=Object.getOwnPropertyDescriptor,Oe=Se&&!Ne.call({1:2},1);ot.f=Oe?function(ee){var V=Se(this,ee);return!!V&&V.enumerable}:Ne}),Lr=Ae((ot,Ne)=>{Ne.exports=function(Se,Oe){return{enumerable:!(Se&1),configurable:!(Se&2),writable:!(Se&4),value:Oe}}}),Dr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype,ee=Oe.call,V=Se&&Oe.bind.bind(ee,ee);Ne.exports=Se?V:function(W){return function(){return ee.apply(W,arguments)}}}),Br=Ae((ot,Ne)=>{var Se=Dr(),Oe=Se({}.toString),ee=Se("".slice);Ne.exports=function(V){return ee(Oe(V),8,-1)}}),Zr=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=Br(),V=Object,W=Se("".split);Ne.exports=Oe(function(){return!V("z").propertyIsEnumerable(0)})?function(Z){return ee(Z)=="String"?W(Z,""):V(Z)}:V}),nn=Ae((ot,Ne)=>{Ne.exports=function(Se){return Se==null}}),qn=Ae((ot,Ne)=>{var Se=nn(),Oe=TypeError;Ne.exports=function(ee){if(Se(ee))throw Oe("Can't call method on "+ee);return ee}}),dn=Ae((ot,Ne)=>{var Se=Zr(),Oe=qn();Ne.exports=function(ee){return Se(Oe(ee))}}),Vn=Ae((ot,Ne)=>{var Se=typeof document=="object"&&document.all,Oe=typeof Se>"u"&&Se!==void 0;Ne.exports={all:Se,IS_HTMLDDA:Oe}}),dr=Ae((ot,Ne)=>{var Se=Vn(),Oe=Se.all;Ne.exports=Se.IS_HTMLDDA?function(ee){return typeof ee=="function"||ee===Oe}:function(ee){return typeof ee=="function"}}),Or=Ae((ot,Ne)=>{var Se=dr(),Oe=Vn(),ee=Oe.all;Ne.exports=Oe.IS_HTMLDDA?function(V){return typeof V=="object"?V!==null:Se(V)||V===ee}:function(V){return typeof V=="object"?V!==null:Se(V)}}),un=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=function(V){return Oe(V)?V:void 0};Ne.exports=function(V,W){return arguments.length<2?ee(Se[V]):Se[V]&&Se[V][W]}}),Un=Ae((ot,Ne)=>{var Se=Dr();Ne.exports=Se({}.isPrototypeOf)}),ii=Ae((ot,Ne)=>{var Se=un();Ne.exports=Se("navigator","userAgent")||""}),si=Ae((ot,Ne)=>{var Se=Yt(),Oe=ii(),ee=Se.process,V=Se.Deno,W=ee&&ee.versions||V&&V.version,Z=W&&W.v8,Y,ne;Z&&(Y=Z.split("."),ne=Y[0]>0&&Y[0]<4?1:+(Y[0]+Y[1])),!ne&&Oe&&(Y=Oe.match(/Edge\/(\d+)/),(!Y||Y[1]>=74)&&(Y=Oe.match(/Chrome\/(\d+)/),Y&&(ne=+Y[1]))),Ne.exports=ne}),Gn=Ae((ot,Ne)=>{var Se=si(),Oe=hr();Ne.exports=!!Object.getOwnPropertySymbols&&!Oe(function(){var ee=Symbol();return!String(ee)||!(Object(ee)instanceof Symbol)||!Symbol.sham&&Se&&Se<41})}),Jn=Ae((ot,Ne)=>{var Se=Gn();Ne.exports=Se&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}),Xn=Ae((ot,Ne)=>{var Se=un(),Oe=dr(),ee=Un(),V=Jn(),W=Object;Ne.exports=V?function(Z){return typeof Z=="symbol"}:function(Z){var Y=Se("Symbol");return Oe(Y)&&ee(Y.prototype,W(Z))}}),fn=Ae((ot,Ne)=>{var Se=String;Ne.exports=function(Oe){try{return Se(Oe)}catch{return"Object"}}}),sn=Ae((ot,Ne)=>{var Se=dr(),Oe=fn(),ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not a function")}}),mn=Ae((ot,Ne)=>{var Se=sn(),Oe=nn();Ne.exports=function(ee,V){var W=ee[V];return Oe(W)?void 0:Se(W)}}),ai=Ae((ot,Ne)=>{var Se=gr(),Oe=dr(),ee=Or(),V=TypeError;Ne.exports=function(W,Z){var Y,ne;if(Z==="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W))||Oe(Y=W.valueOf)&&!ee(ne=Se(Y,W))||Z!=="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W)))return ne;throw V("Can't convert object to primitive value")}}),oi=Ae((ot,Ne)=>{Ne.exports=!1}),hn=Ae((ot,Ne)=>{var Se=Yt(),Oe=Object.defineProperty;Ne.exports=function(ee,V){try{Oe(Se,ee,{value:V,configurable:!0,writable:!0})}catch{Se[ee]=V}return V}}),gn=Ae((ot,Ne)=>{var Se=Yt(),Oe=hn(),ee="__core-js_shared__",V=Se[ee]||Oe(ee,{});Ne.exports=V}),Wn=Ae((ot,Ne)=>{var Se=oi(),Oe=gn();(Ne.exports=function(ee,V){return Oe[ee]||(Oe[ee]=V!==void 0?V:{})})("versions",[]).push({version:"3.26.1",mode:Se?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE",source:"https://github.com/zloirock/core-js"})}),Sn=Ae((ot,Ne)=>{var Se=qn(),Oe=Object;Ne.exports=function(ee){return Oe(Se(ee))}}),kr=Ae((ot,Ne)=>{var Se=Dr(),Oe=Sn(),ee=Se({}.hasOwnProperty);Ne.exports=Object.hasOwn||function(V,W){return ee(Oe(V),W)}}),zn=Ae((ot,Ne)=>{var Se=Dr(),Oe=0,ee=Math.random(),V=Se(1 .toString);Ne.exports=function(W){return"Symbol("+(W===void 0?"":W)+")_"+V(++Oe+ee,36)}}),$r=Ae((ot,Ne)=>{var Se=Yt(),Oe=Wn(),ee=kr(),V=zn(),W=Gn(),Z=Jn(),Y=Oe("wks"),ne=Se.Symbol,Fe=ne&&ne.for,je=Z?ne:ne&&ne.withoutSetter||V;Ne.exports=function(he){if(!ee(Y,he)||!(W||typeof Y[he]=="string")){var qe="Symbol."+he;W&&ee(ne,he)?Y[he]=ne[he]:Z&&Fe?Y[he]=Fe(qe):Y[he]=je(qe)}return Y[he]}}),li=Ae((ot,Ne)=>{var Se=gr(),Oe=Or(),ee=Xn(),V=mn(),W=ai(),Z=$r(),Y=TypeError,ne=Z("toPrimitive");Ne.exports=function(Fe,je){if(!Oe(Fe)||ee(Fe))return Fe;var he=V(Fe,ne),qe;if(he){if(je===void 0&&(je="default"),qe=Se(he,Fe,je),!Oe(qe)||ee(qe))return qe;throw Y("Can't convert object to primitive value")}return je===void 0&&(je="number"),W(Fe,je)}}),yn=Ae((ot,Ne)=>{var Se=li(),Oe=Xn();Ne.exports=function(ee){var V=Se(ee,"string");return Oe(V)?V:V+""}}),pi=Ae((ot,Ne)=>{var Se=Yt(),Oe=Or(),ee=Se.document,V=Oe(ee)&&Oe(ee.createElement);Ne.exports=function(W){return V?ee.createElement(W):{}}}),Hn=Ae((ot,Ne)=>{var Se=br(),Oe=hr(),ee=pi();Ne.exports=!Se&&!Oe(function(){return Object.defineProperty(ee("div"),"a",{get:function(){return 7}}).a!=7})}),Yn=Ae(ot=>{var Ne=br(),Se=gr(),Oe=Dn(),ee=Lr(),V=dn(),W=yn(),Z=kr(),Y=Hn(),ne=Object.getOwnPropertyDescriptor;ot.f=Ne?ne:function(Fe,je){if(Fe=V(Fe),je=W(je),Y)try{return ne(Fe,je)}catch{}if(Z(Fe,je))return ee(!Se(Oe.f,Fe,je),Fe[je])}}),ci=Ae((ot,Ne)=>{var Se=br(),Oe=hr();Ne.exports=Se&&Oe(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!=42})}),Wr=Ae((ot,Ne)=>{var Se=Or(),Oe=String,ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not an object")}}),en=Ae(ot=>{var Ne=br(),Se=Hn(),Oe=ci(),ee=Wr(),V=yn(),W=TypeError,Z=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,ne="enumerable",Fe="configurable",je="writable";ot.f=Ne?Oe?function(he,qe,et){if(ee(he),qe=V(qe),ee(et),typeof he=="function"&&qe==="prototype"&&"value"in et&&je in et&&!et[je]){var Ze=Y(he,qe);Ze&&Ze[je]&&(he[qe]=et.value,et={configurable:Fe in et?et[Fe]:Ze[Fe],enumerable:ne in et?et[ne]:Ze[ne],writable:!1})}return Z(he,qe,et)}:Z:function(he,qe,et){if(ee(he),qe=V(qe),ee(et),Se)try{return Z(he,qe,et)}catch{}if("get"in et||"set"in et)throw W("Accessors not supported");return"value"in et&&(he[qe]=et.value),he}}),Kn=Ae((ot,Ne)=>{var Se=br(),Oe=en(),ee=Lr();Ne.exports=Se?function(V,W,Z){return Oe.f(V,W,ee(1,Z))}:function(V,W,Z){return V[W]=Z,V}}),Di=Ae((ot,Ne)=>{var Se=br(),Oe=kr(),ee=Function.prototype,V=Se&&Object.getOwnPropertyDescriptor,W=Oe(ee,"name"),Z=W&&(function(){}).name==="something",Y=W&&(!Se||Se&&V(ee,"name").configurable);Ne.exports={EXISTS:W,PROPER:Z,CONFIGURABLE:Y}}),Qn=Ae((ot,Ne)=>{var Se=Dr(),Oe=dr(),ee=gn(),V=Se(Function.toString);Oe(ee.inspectSource)||(ee.inspectSource=function(W){return V(W)}),Ne.exports=ee.inspectSource}),di=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=Se.WeakMap;Ne.exports=Oe(ee)&&/native code/.test(String(ee))}),fi=Ae((ot,Ne)=>{var Se=Wn(),Oe=zn(),ee=Se("keys");Ne.exports=function(V){return ee[V]||(ee[V]=Oe(V))}}),Zn=Ae((ot,Ne)=>{Ne.exports={}}),mi=Ae((ot,Ne)=>{var Se=di(),Oe=Yt(),ee=Or(),V=Kn(),W=kr(),Z=gn(),Y=fi(),ne=Zn(),Fe="Object already initialized",je=Oe.TypeError,he=Oe.WeakMap,qe,et,Ze,nt=function(At){return Ze(At)?et(At):qe(At,{})},rt=function(At){return function(Lt){var qt;if(!ee(Lt)||(qt=et(Lt)).type!==At)throw je("Incompatible receiver, "+At+" required");return qt}};Se||Z.state?($=Z.state||(Z.state=new he),$.get=$.get,$.has=$.has,$.set=$.set,qe=function(At,Lt){if($.has(At))throw je(Fe);return Lt.facade=At,$.set(At,Lt),Lt},et=function(At){return $.get(At)||{}},Ze=function(At){return $.has(At)}):(Ft=Y("state"),ne[Ft]=!0,qe=function(At,Lt){if(W(At,Ft))throw je(Fe);return Lt.facade=At,V(At,Ft,Lt),Lt},et=function(At){return W(At,Ft)?At[Ft]:{}},Ze=function(At){return W(At,Ft)});var $,Ft;Ne.exports={set:qe,get:et,has:Ze,enforce:nt,getterFor:rt}}),gu=Ae((ot,Ne)=>{var Se=hr(),Oe=dr(),ee=kr(),V=br(),W=Di().CONFIGURABLE,Z=Qn(),Y=mi(),ne=Y.enforce,Fe=Y.get,je=Object.defineProperty,he=V&&!Se(function(){return je(function(){},"length",{value:8}).length!==8}),qe=String(String).split("String"),et=Ne.exports=function(Ze,nt,rt){String(nt).slice(0,7)==="Symbol("&&(nt="["+String(nt).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),rt&&rt.getter&&(nt="get "+nt),rt&&rt.setter&&(nt="set "+nt),(!ee(Ze,"name")||W&&Ze.name!==nt)&&(V?je(Ze,"name",{value:nt,configurable:!0}):Ze.name=nt),he&&rt&&ee(rt,"arity")&&Ze.length!==rt.arity&&je(Ze,"length",{value:rt.arity});try{rt&&ee(rt,"constructor")&&rt.constructor?V&&je(Ze,"prototype",{writable:!1}):Ze.prototype&&(Ze.prototype=void 0)}catch{}var $=ne(Ze);return ee($,"source")||($.source=qe.join(typeof nt=="string"?nt:"")),Ze};Function.prototype.toString=et(function(){return Oe(this)&&Fe(this).source||Z(this)},"toString")}),hi=Ae((ot,Ne)=>{var Se=dr(),Oe=en(),ee=gu(),V=hn();Ne.exports=function(W,Z,Y,ne){ne||(ne={});var Fe=ne.enumerable,je=ne.name!==void 0?ne.name:Z;if(Se(Y)&&ee(Y,je,ne),ne.global)Fe?W[Z]=Y:V(Z,Y);else{try{ne.unsafe?W[Z]&&(Fe=!0):delete W[Z]}catch{}Fe?W[Z]=Y:Oe.f(W,Z,{value:Y,enumerable:!1,configurable:!ne.nonConfigurable,writable:!ne.nonWritable})}return W}}),gi=Ae((ot,Ne)=>{var Se=Math.ceil,Oe=Math.floor;Ne.exports=Math.trunc||function(ee){var V=+ee;return(V>0?Oe:Se)(V)}}),xn=Ae((ot,Ne)=>{var Se=gi();Ne.exports=function(Oe){var ee=+Oe;return ee!==ee||ee===0?0:Se(ee)}}),yi=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.max,ee=Math.min;Ne.exports=function(V,W){var Z=Se(V);return Z<0?Oe(Z+W,0):ee(Z,W)}}),Ei=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.min;Ne.exports=function(ee){return ee>0?Oe(Se(ee),9007199254740991):0}}),tn=Ae((ot,Ne)=>{var Se=Ei();Ne.exports=function(Oe){return Se(Oe.length)}}),Ci=Ae((ot,Ne)=>{var Se=dn(),Oe=yi(),ee=tn(),V=function(W){return function(Z,Y,ne){var Fe=Se(Z),je=ee(Fe),he=Oe(ne,je),qe;if(W&&Y!=Y){for(;je>he;)if(qe=Fe[he++],qe!=qe)return!0}else for(;je>he;he++)if((W||he in Fe)&&Fe[he]===Y)return W||he||0;return!W&&-1}};Ne.exports={includes:V(!0),indexOf:V(!1)}}),Fi=Ae((ot,Ne)=>{var Se=Dr(),Oe=kr(),ee=dn(),V=Ci().indexOf,W=Zn(),Z=Se([].push);Ne.exports=function(Y,ne){var Fe=ee(Y),je=0,he=[],qe;for(qe in Fe)!Oe(W,qe)&&Oe(Fe,qe)&&Z(he,qe);for(;ne.length>je;)Oe(Fe,qe=ne[je++])&&(~V(he,qe)||Z(he,qe));return he}}),Ai=Ae((ot,Ne)=>{Ne.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]}),vi=Ae(ot=>{var Ne=Fi(),Se=Ai(),Oe=Se.concat("length","prototype");ot.f=Object.getOwnPropertyNames||function(ee){return Ne(ee,Oe)}}),bi=Ae(ot=>{ot.f=Object.getOwnPropertySymbols}),Si=Ae((ot,Ne)=>{var Se=un(),Oe=Dr(),ee=vi(),V=bi(),W=Wr(),Z=Oe([].concat);Ne.exports=Se("Reflect","ownKeys")||function(Y){var ne=ee.f(W(Y)),Fe=V.f;return Fe?Z(ne,Fe(Y)):ne}}),xi=Ae((ot,Ne)=>{var Se=kr(),Oe=Si(),ee=Yn(),V=en();Ne.exports=function(W,Z,Y){for(var ne=Oe(Z),Fe=V.f,je=ee.f,he=0;he{var Se=hr(),Oe=dr(),ee=/#|\.prototype\./,V=function(Fe,je){var he=Z[W(Fe)];return he==ne?!0:he==Y?!1:Oe(je)?Se(je):!!je},W=V.normalize=function(Fe){return String(Fe).replace(ee,".").toLowerCase()},Z=V.data={},Y=V.NATIVE="N",ne=V.POLYFILL="P";Ne.exports=V}),an=Ae((ot,Ne)=>{var Se=Yt(),Oe=Yn().f,ee=Kn(),V=hi(),W=hn(),Z=xi(),Y=Ti();Ne.exports=function(ne,Fe){var je=ne.target,he=ne.global,qe=ne.stat,et,Ze,nt,rt,$,Ft;if(he?Ze=Se:qe?Ze=Se[je]||W(je,{}):Ze=(Se[je]||{}).prototype,Ze)for(nt in Fe){if($=Fe[nt],ne.dontCallGetSet?(Ft=Oe(Ze,nt),rt=Ft&&Ft.value):rt=Ze[nt],et=Y(he?nt:je+(qe?".":"#")+nt,ne.forced),!et&&rt!==void 0){if(typeof $==typeof rt)continue;Z($,rt)}(ne.sham||rt&&rt.sham)&&ee($,"sham",!0),V(Ze,nt,$,ne)}}}),yu=Ae(()=>{var ot=an(),Ne=Yt();ot({global:!0,forced:Ne.globalThis!==Ne},{globalThis:Ne})}),Bi=Ae(()=>{yu()}),Eu=Ae((ot,Ne)=>{var Se=Br();Ne.exports=Array.isArray||function(Oe){return Se(Oe)=="Array"}}),Cu=Ae((ot,Ne)=>{var Se=TypeError,Oe=9007199254740991;Ne.exports=function(ee){if(ee>Oe)throw Se("Maximum allowed index exceeded");return ee}}),Fu=Ae((ot,Ne)=>{var Se=Br(),Oe=Dr();Ne.exports=function(ee){if(Se(ee)==="Function")return Oe(ee)}}),Au=Ae((ot,Ne)=>{var Se=Fu(),Oe=sn(),ee=Hr(),V=Se(Se.bind);Ne.exports=function(W,Z){return Oe(W),Z===void 0?W:ee?V(W,Z):function(){return W.apply(Z,arguments)}}}),vu=Ae((ot,Ne)=>{var Se=Eu(),Oe=tn(),ee=Cu(),V=Au(),W=function(Z,Y,ne,Fe,je,he,qe,et){for(var Ze=je,nt=0,rt=qe?V(qe,et):!1,$,Ft;nt0&&Se($)?(Ft=Oe($),Ze=W(Z,Y,$,Ft,Ze,he-1)-1):(ee(Ze+1),Z[Ze]=$),Ze++),nt++;return Ze};Ne.exports=W}),wi=Ae((ot,Ne)=>{var Se=$r(),Oe=Se("toStringTag"),ee={};ee[Oe]="z",Ne.exports=String(ee)==="[object z]"}),bu=Ae((ot,Ne)=>{var Se=wi(),Oe=dr(),ee=Br(),V=$r(),W=V("toStringTag"),Z=Object,Y=ee(function(){return arguments}())=="Arguments",ne=function(Fe,je){try{return Fe[je]}catch{}};Ne.exports=Se?ee:function(Fe){var je,he,qe;return Fe===void 0?"Undefined":Fe===null?"Null":typeof(he=ne(je=Z(Fe),W))=="string"?he:Y?ee(je):(qe=ee(je))=="Object"&&Oe(je.callee)?"Arguments":qe}}),Su=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=dr(),V=bu(),W=un(),Z=Qn(),Y=function(){},ne=[],Fe=W("Reflect","construct"),je=/^\s*(?:class|function)\b/,he=Se(je.exec),qe=!je.exec(Y),et=function(nt){if(!ee(nt))return!1;try{return Fe(Y,ne,nt),!0}catch{return!1}},Ze=function(nt){if(!ee(nt))return!1;switch(V(nt)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return qe||!!he(je,Z(nt))}catch{return!0}};Ze.sham=!0,Ne.exports=!Fe||Oe(function(){var nt;return et(et.call)||!et(Object)||!et(function(){nt=!0})||nt})?Ze:et}),Ni=Ae((ot,Ne)=>{var Se=Eu(),Oe=Su(),ee=Or(),V=$r(),W=V("species"),Z=Array;Ne.exports=function(Y){var ne;return Se(Y)&&(ne=Y.constructor,Oe(ne)&&(ne===Z||Se(ne.prototype))?ne=void 0:ee(ne)&&(ne=ne[W],ne===null&&(ne=void 0))),ne===void 0?Z:ne}}),xu=Ae((ot,Ne)=>{var Se=Ni();Ne.exports=function(Oe,ee){return new(Se(Oe))(ee===0?0:ee)}}),_i=Ae(()=>{var ot=an(),Ne=vu(),Se=sn(),Oe=Sn(),ee=tn(),V=xu();ot({target:"Array",proto:!0},{flatMap:function(W){var Z=Oe(this),Y=ee(Z),ne;return Se(W),ne=V(Z,0),ne.length=Ne(ne,Z,Z,Y,0,1,W,arguments.length>1?arguments[1]:void 0),ne}})}),eu=Ae((ot,Ne)=>{Ne.exports={}}),ki=Ae((ot,Ne)=>{var Se=$r(),Oe=eu(),ee=Se("iterator"),V=Array.prototype;Ne.exports=function(W){return W!==void 0&&(Oe.Array===W||V[ee]===W)}}),Tu=Ae((ot,Ne)=>{var Se=bu(),Oe=mn(),ee=nn(),V=eu(),W=$r(),Z=W("iterator");Ne.exports=function(Y){if(!ee(Y))return Oe(Y,Z)||Oe(Y,"@@iterator")||V[Se(Y)]}}),Pi=Ae((ot,Ne)=>{var Se=gr(),Oe=sn(),ee=Wr(),V=fn(),W=Tu(),Z=TypeError;Ne.exports=function(Y,ne){var Fe=arguments.length<2?W(Y):ne;if(Oe(Fe))return ee(Se(Fe,Y));throw Z(V(Y)+" is not iterable")}}),Ii=Ae((ot,Ne)=>{var Se=gr(),Oe=Wr(),ee=mn();Ne.exports=function(V,W,Z){var Y,ne;Oe(V);try{if(Y=ee(V,"return"),!Y){if(W==="throw")throw Z;return Z}Y=Se(Y,V)}catch(Fe){ne=!0,Y=Fe}if(W==="throw")throw Z;if(ne)throw Y;return Oe(Y),Z}}),ji=Ae((ot,Ne)=>{var Se=Au(),Oe=gr(),ee=Wr(),V=fn(),W=ki(),Z=tn(),Y=Un(),ne=Pi(),Fe=Tu(),je=Ii(),he=TypeError,qe=function(Ze,nt){this.stopped=Ze,this.result=nt},et=qe.prototype;Ne.exports=function(Ze,nt,rt){var $=rt&&rt.that,Ft=!!(rt&&rt.AS_ENTRIES),At=!!(rt&&rt.IS_RECORD),Lt=!!(rt&&rt.IS_ITERATOR),qt=!!(rt&&rt.INTERRUPTED),Zt=Se(nt,$),ue,yr,Pr,zr,fr,Rr,mr,rn=function(Fr){return ue&&je(ue,"normal",Fr),new qe(!0,Fr)},wr=function(Fr){return Ft?(ee(Fr),qt?Zt(Fr[0],Fr[1],rn):Zt(Fr[0],Fr[1])):qt?Zt(Fr,rn):Zt(Fr)};if(At)ue=Ze.iterator;else if(Lt)ue=Ze;else{if(yr=Fe(Ze),!yr)throw he(V(Ze)+" is not iterable");if(W(yr)){for(Pr=0,zr=Z(Ze);zr>Pr;Pr++)if(fr=wr(Ze[Pr]),fr&&Y(et,fr))return fr;return new qe(!1)}ue=ne(Ze,yr)}for(Rr=At?Ze.next:ue.next;!(mr=Oe(Rr,ue)).done;){try{fr=wr(mr.value)}catch(Fr){je(ue,"throw",Fr)}if(typeof fr=="object"&&fr&&Y(et,fr))return fr}return new qe(!1)}}),Li=Ae((ot,Ne)=>{var Se=yn(),Oe=en(),ee=Lr();Ne.exports=function(V,W,Z){var Y=Se(W);Y in V?Oe.f(V,Y,ee(0,Z)):V[Y]=Z}}),Oi=Ae(()=>{var ot=an(),Ne=ji(),Se=Li();ot({target:"Object",stat:!0},{fromEntries:function(Oe){var ee={};return Ne(Oe,function(V,W){Se(ee,V,W)},{AS_ENTRIES:!0}),ee}})}),$i=Ae((ot,Ne)=>{var Se=["cliName","cliCategory","cliDescription"];function Oe(L,re){if(L==null)return{};var ge=ee(L,re),Ee,Pe;if(Object.getOwnPropertySymbols){var ie=Object.getOwnPropertySymbols(L);for(Pe=0;Pe=0)&&Object.prototype.propertyIsEnumerable.call(L,Ee)&&(ge[Ee]=L[Ee])}return ge}function ee(L,re){if(L==null)return{};var ge={},Ee=Object.keys(L),Pe,ie;for(ie=0;ie=0)&&(ge[Pe]=L[Pe]);return ge}Bi(),_i(),Oi();var V=Object.create,W=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyNames,ne=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty,je=(L,re)=>function(){return L&&(re=(0,L[Y(L)[0]])(L=0)),re},he=(L,re)=>function(){return re||(0,L[Y(L)[0]])((re={exports:{}}).exports,re),re.exports},qe=(L,re)=>{for(var ge in re)W(L,ge,{get:re[ge],enumerable:!0})},et=(L,re,ge,Ee)=>{if(re&&typeof re=="object"||typeof re=="function")for(let Pe of Y(re))!Fe.call(L,Pe)&&Pe!==ge&&W(L,Pe,{get:()=>re[Pe],enumerable:!(Ee=Z(re,Pe))||Ee.enumerable});return L},Ze=(L,re,ge)=>(ge=L!=null?V(ne(L)):{},et(re||!L||!L.__esModule?W(ge,"default",{value:L,enumerable:!0}):ge,L)),nt=L=>et(W({},"__esModule",{value:!0}),L),rt,$=je({""(){rt={env:{},argv:[]}}}),Ft=he({"node_modules/angular-html-parser/lib/compiler/src/chars.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.$EOF=0,L.$BSPACE=8,L.$TAB=9,L.$LF=10,L.$VTAB=11,L.$FF=12,L.$CR=13,L.$SPACE=32,L.$BANG=33,L.$DQ=34,L.$HASH=35,L.$$=36,L.$PERCENT=37,L.$AMPERSAND=38,L.$SQ=39,L.$LPAREN=40,L.$RPAREN=41,L.$STAR=42,L.$PLUS=43,L.$COMMA=44,L.$MINUS=45,L.$PERIOD=46,L.$SLASH=47,L.$COLON=58,L.$SEMICOLON=59,L.$LT=60,L.$EQ=61,L.$GT=62,L.$QUESTION=63,L.$0=48,L.$7=55,L.$9=57,L.$A=65,L.$E=69,L.$F=70,L.$X=88,L.$Z=90,L.$LBRACKET=91,L.$BACKSLASH=92,L.$RBRACKET=93,L.$CARET=94,L.$_=95,L.$a=97,L.$b=98,L.$e=101,L.$f=102,L.$n=110,L.$r=114,L.$t=116,L.$u=117,L.$v=118,L.$x=120,L.$z=122,L.$LBRACE=123,L.$BAR=124,L.$RBRACE=125,L.$NBSP=160,L.$PIPE=124,L.$TILDA=126,L.$AT=64,L.$BT=96;function re(Ue){return Ue>=L.$TAB&&Ue<=L.$SPACE||Ue==L.$NBSP}L.isWhitespace=re;function ge(Ue){return L.$0<=Ue&&Ue<=L.$9}L.isDigit=ge;function Ee(Ue){return Ue>=L.$a&&Ue<=L.$z||Ue>=L.$A&&Ue<=L.$Z}L.isAsciiLetter=Ee;function Pe(Ue){return Ue>=L.$a&&Ue<=L.$f||Ue>=L.$A&&Ue<=L.$F||ge(Ue)}L.isAsciiHexDigit=Pe;function ie(Ue){return Ue===L.$LF||Ue===L.$CR}L.isNewLine=ie;function de(Ue){return L.$0<=Ue&&Ue<=L.$7}L.isOctalDigit=de}}),At=he({"node_modules/angular-html-parser/lib/compiler/src/aot/static_symbol.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=class{constructor(Ee,Pe,ie){this.filePath=Ee,this.name=Pe,this.members=ie}assertNoMembers(){if(this.members.length)throw new Error(`Illegal state: symbol without members expected, but got ${JSON.stringify(this)}.`)}};L.StaticSymbol=re;var ge=class{constructor(){this.cache=new Map}get(Ee,Pe,ie){ie=ie||[];let de=ie.length?`.${ie.join(".")}`:"",Ue=`"${Ee}".${Pe}${de}`,Ge=this.cache.get(Ue);return Ge||(Ge=new re(Ee,Pe,ie),this.cache.set(Ue,Ge)),Ge}};L.StaticSymbolCache=ge}}),Lt=he({"node_modules/angular-html-parser/lib/compiler/src/util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=/-+([a-z0-9])/g;function ge(le){return le.replace(re,function(){for(var We=arguments.length,Me=new Array(We),at=0;atde(Me,this,We))}visitStringMap(le,We){let Me={};return Object.keys(le).forEach(at=>{Me[at]=de(le[at],this,We)}),Me}visitPrimitive(le,We){return le}visitOther(le,We){return le}};L.ValueTransformer=gt,L.SyncAsync={assertSync:le=>{if(st(le))throw new Error("Illegal state: value cannot be a promise");return le},then:(le,We)=>st(le)?le.then(We):We(le),all:le=>le.some(st)?Promise.all(le):le};function ce(le){throw new Error(`Internal Error: ${le}`)}L.error=ce;function ve(le,We){let Me=Error(le);return Me[Ve]=!0,We&&(Me[He]=We),Me}L.syntaxError=ve;var Ve="ngSyntaxError",He="ngParseErrors";function Je(le){return le[Ve]}L.isSyntaxError=Je;function Qe(le){return le[He]||[]}L.getParseErrors=Qe;function yt(le){return le.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}L.escapeRegExp=yt;var _t=Object.getPrototypeOf({});function ct(le){return typeof le=="object"&&le!==null&&Object.getPrototypeOf(le)===_t}function kt(le){let We="";for(let Me=0;Me=55296&&at<=56319&&le.length>Me+1){let Jt=le.charCodeAt(Me+1);Jt>=56320&&Jt<=57343&&(Me++,at=(at-55296<<10)+Jt-56320+65536)}at<=127?We+=String.fromCharCode(at):at<=2047?We+=String.fromCharCode(at>>6&31|192,at&63|128):at<=65535?We+=String.fromCharCode(at>>12|224,at>>6&63|128,at&63|128):at<=2097151&&(We+=String.fromCharCode(at>>18&7|240,at>>12&63|128,at>>6&63|128,at&63|128))}return We}L.utf8Encode=kt;function $t(le){if(typeof le=="string")return le;if(le instanceof Array)return"["+le.map($t).join(", ")+"]";if(le==null)return""+le;if(le.overriddenName)return`${le.overriddenName}`;if(le.name)return`${le.name}`;if(!le.toString)return"object";let We=le.toString();if(We==null)return""+We;let Me=We.indexOf(` +import{_ as ea,m as pl,b as ta}from"./DocsRenderer-NNNQARDV-18cxjryr.js";import"./iframe-l_JfZPJj.js";import"../sb-preview/runtime.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-18-N0svEjlN.js";import"./client-rbWgHzHN.js";import"./index-7vsPyIck.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./bundle.esm-7jAAHVxW.js";import"./index-ogXoivrg.js";import"./_getPrototype-bjD8Yebc.js";import"./index-PPLHz8o0.js";var cl=ta({"node_modules/prettier/parser-html.js"(Jr,Xr){(function(Ae){if(typeof Jr=="object"&&typeof Xr=="object")Xr.exports=Ae();else if(typeof define=="function"&&define.amd)define(Ae);else{var Yt=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this||{};Yt.prettierPlugins=Yt.prettierPlugins||{},Yt.prettierPlugins.html=Ae()}})(function(){var Ae=(ot,Ne)=>()=>(Ne||ot((Ne={exports:{}}).exports,Ne),Ne.exports),Yt=Ae((ot,Ne)=>{var Se=function(Oe){return Oe&&Oe.Math==Math&&Oe};Ne.exports=Se(typeof globalThis=="object"&&globalThis)||Se(typeof window=="object"&&window)||Se(typeof self=="object"&&self)||Se(typeof global=="object"&&global)||function(){return this}()||Function("return this")()}),hr=Ae((ot,Ne)=>{Ne.exports=function(Se){try{return!!Se()}catch{return!0}}}),br=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!=7})}),Hr=Ae((ot,Ne)=>{var Se=hr();Ne.exports=!Se(function(){var Oe=(function(){}).bind();return typeof Oe!="function"||Oe.hasOwnProperty("prototype")})}),gr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype.call;Ne.exports=Se?Oe.bind(Oe):function(){return Oe.apply(Oe,arguments)}}),Dn=Ae(ot=>{var Ne={}.propertyIsEnumerable,Se=Object.getOwnPropertyDescriptor,Oe=Se&&!Ne.call({1:2},1);ot.f=Oe?function(ee){var V=Se(this,ee);return!!V&&V.enumerable}:Ne}),Lr=Ae((ot,Ne)=>{Ne.exports=function(Se,Oe){return{enumerable:!(Se&1),configurable:!(Se&2),writable:!(Se&4),value:Oe}}}),Dr=Ae((ot,Ne)=>{var Se=Hr(),Oe=Function.prototype,ee=Oe.call,V=Se&&Oe.bind.bind(ee,ee);Ne.exports=Se?V:function(W){return function(){return ee.apply(W,arguments)}}}),Br=Ae((ot,Ne)=>{var Se=Dr(),Oe=Se({}.toString),ee=Se("".slice);Ne.exports=function(V){return ee(Oe(V),8,-1)}}),Zr=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=Br(),V=Object,W=Se("".split);Ne.exports=Oe(function(){return!V("z").propertyIsEnumerable(0)})?function(Z){return ee(Z)=="String"?W(Z,""):V(Z)}:V}),nn=Ae((ot,Ne)=>{Ne.exports=function(Se){return Se==null}}),qn=Ae((ot,Ne)=>{var Se=nn(),Oe=TypeError;Ne.exports=function(ee){if(Se(ee))throw Oe("Can't call method on "+ee);return ee}}),dn=Ae((ot,Ne)=>{var Se=Zr(),Oe=qn();Ne.exports=function(ee){return Se(Oe(ee))}}),Vn=Ae((ot,Ne)=>{var Se=typeof document=="object"&&document.all,Oe=typeof Se>"u"&&Se!==void 0;Ne.exports={all:Se,IS_HTMLDDA:Oe}}),dr=Ae((ot,Ne)=>{var Se=Vn(),Oe=Se.all;Ne.exports=Se.IS_HTMLDDA?function(ee){return typeof ee=="function"||ee===Oe}:function(ee){return typeof ee=="function"}}),Or=Ae((ot,Ne)=>{var Se=dr(),Oe=Vn(),ee=Oe.all;Ne.exports=Oe.IS_HTMLDDA?function(V){return typeof V=="object"?V!==null:Se(V)||V===ee}:function(V){return typeof V=="object"?V!==null:Se(V)}}),un=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=function(V){return Oe(V)?V:void 0};Ne.exports=function(V,W){return arguments.length<2?ee(Se[V]):Se[V]&&Se[V][W]}}),Un=Ae((ot,Ne)=>{var Se=Dr();Ne.exports=Se({}.isPrototypeOf)}),ii=Ae((ot,Ne)=>{var Se=un();Ne.exports=Se("navigator","userAgent")||""}),si=Ae((ot,Ne)=>{var Se=Yt(),Oe=ii(),ee=Se.process,V=Se.Deno,W=ee&&ee.versions||V&&V.version,Z=W&&W.v8,Y,ne;Z&&(Y=Z.split("."),ne=Y[0]>0&&Y[0]<4?1:+(Y[0]+Y[1])),!ne&&Oe&&(Y=Oe.match(/Edge\/(\d+)/),(!Y||Y[1]>=74)&&(Y=Oe.match(/Chrome\/(\d+)/),Y&&(ne=+Y[1]))),Ne.exports=ne}),Gn=Ae((ot,Ne)=>{var Se=si(),Oe=hr();Ne.exports=!!Object.getOwnPropertySymbols&&!Oe(function(){var ee=Symbol();return!String(ee)||!(Object(ee)instanceof Symbol)||!Symbol.sham&&Se&&Se<41})}),Jn=Ae((ot,Ne)=>{var Se=Gn();Ne.exports=Se&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}),Xn=Ae((ot,Ne)=>{var Se=un(),Oe=dr(),ee=Un(),V=Jn(),W=Object;Ne.exports=V?function(Z){return typeof Z=="symbol"}:function(Z){var Y=Se("Symbol");return Oe(Y)&&ee(Y.prototype,W(Z))}}),fn=Ae((ot,Ne)=>{var Se=String;Ne.exports=function(Oe){try{return Se(Oe)}catch{return"Object"}}}),sn=Ae((ot,Ne)=>{var Se=dr(),Oe=fn(),ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not a function")}}),mn=Ae((ot,Ne)=>{var Se=sn(),Oe=nn();Ne.exports=function(ee,V){var W=ee[V];return Oe(W)?void 0:Se(W)}}),ai=Ae((ot,Ne)=>{var Se=gr(),Oe=dr(),ee=Or(),V=TypeError;Ne.exports=function(W,Z){var Y,ne;if(Z==="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W))||Oe(Y=W.valueOf)&&!ee(ne=Se(Y,W))||Z!=="string"&&Oe(Y=W.toString)&&!ee(ne=Se(Y,W)))return ne;throw V("Can't convert object to primitive value")}}),oi=Ae((ot,Ne)=>{Ne.exports=!1}),hn=Ae((ot,Ne)=>{var Se=Yt(),Oe=Object.defineProperty;Ne.exports=function(ee,V){try{Oe(Se,ee,{value:V,configurable:!0,writable:!0})}catch{Se[ee]=V}return V}}),gn=Ae((ot,Ne)=>{var Se=Yt(),Oe=hn(),ee="__core-js_shared__",V=Se[ee]||Oe(ee,{});Ne.exports=V}),Wn=Ae((ot,Ne)=>{var Se=oi(),Oe=gn();(Ne.exports=function(ee,V){return Oe[ee]||(Oe[ee]=V!==void 0?V:{})})("versions",[]).push({version:"3.26.1",mode:Se?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE",source:"https://github.com/zloirock/core-js"})}),Sn=Ae((ot,Ne)=>{var Se=qn(),Oe=Object;Ne.exports=function(ee){return Oe(Se(ee))}}),kr=Ae((ot,Ne)=>{var Se=Dr(),Oe=Sn(),ee=Se({}.hasOwnProperty);Ne.exports=Object.hasOwn||function(V,W){return ee(Oe(V),W)}}),zn=Ae((ot,Ne)=>{var Se=Dr(),Oe=0,ee=Math.random(),V=Se(1 .toString);Ne.exports=function(W){return"Symbol("+(W===void 0?"":W)+")_"+V(++Oe+ee,36)}}),$r=Ae((ot,Ne)=>{var Se=Yt(),Oe=Wn(),ee=kr(),V=zn(),W=Gn(),Z=Jn(),Y=Oe("wks"),ne=Se.Symbol,Fe=ne&&ne.for,je=Z?ne:ne&&ne.withoutSetter||V;Ne.exports=function(he){if(!ee(Y,he)||!(W||typeof Y[he]=="string")){var qe="Symbol."+he;W&&ee(ne,he)?Y[he]=ne[he]:Z&&Fe?Y[he]=Fe(qe):Y[he]=je(qe)}return Y[he]}}),li=Ae((ot,Ne)=>{var Se=gr(),Oe=Or(),ee=Xn(),V=mn(),W=ai(),Z=$r(),Y=TypeError,ne=Z("toPrimitive");Ne.exports=function(Fe,je){if(!Oe(Fe)||ee(Fe))return Fe;var he=V(Fe,ne),qe;if(he){if(je===void 0&&(je="default"),qe=Se(he,Fe,je),!Oe(qe)||ee(qe))return qe;throw Y("Can't convert object to primitive value")}return je===void 0&&(je="number"),W(Fe,je)}}),yn=Ae((ot,Ne)=>{var Se=li(),Oe=Xn();Ne.exports=function(ee){var V=Se(ee,"string");return Oe(V)?V:V+""}}),pi=Ae((ot,Ne)=>{var Se=Yt(),Oe=Or(),ee=Se.document,V=Oe(ee)&&Oe(ee.createElement);Ne.exports=function(W){return V?ee.createElement(W):{}}}),Hn=Ae((ot,Ne)=>{var Se=br(),Oe=hr(),ee=pi();Ne.exports=!Se&&!Oe(function(){return Object.defineProperty(ee("div"),"a",{get:function(){return 7}}).a!=7})}),Yn=Ae(ot=>{var Ne=br(),Se=gr(),Oe=Dn(),ee=Lr(),V=dn(),W=yn(),Z=kr(),Y=Hn(),ne=Object.getOwnPropertyDescriptor;ot.f=Ne?ne:function(Fe,je){if(Fe=V(Fe),je=W(je),Y)try{return ne(Fe,je)}catch{}if(Z(Fe,je))return ee(!Se(Oe.f,Fe,je),Fe[je])}}),ci=Ae((ot,Ne)=>{var Se=br(),Oe=hr();Ne.exports=Se&&Oe(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!=42})}),Wr=Ae((ot,Ne)=>{var Se=Or(),Oe=String,ee=TypeError;Ne.exports=function(V){if(Se(V))return V;throw ee(Oe(V)+" is not an object")}}),en=Ae(ot=>{var Ne=br(),Se=Hn(),Oe=ci(),ee=Wr(),V=yn(),W=TypeError,Z=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,ne="enumerable",Fe="configurable",je="writable";ot.f=Ne?Oe?function(he,qe,et){if(ee(he),qe=V(qe),ee(et),typeof he=="function"&&qe==="prototype"&&"value"in et&&je in et&&!et[je]){var Ze=Y(he,qe);Ze&&Ze[je]&&(he[qe]=et.value,et={configurable:Fe in et?et[Fe]:Ze[Fe],enumerable:ne in et?et[ne]:Ze[ne],writable:!1})}return Z(he,qe,et)}:Z:function(he,qe,et){if(ee(he),qe=V(qe),ee(et),Se)try{return Z(he,qe,et)}catch{}if("get"in et||"set"in et)throw W("Accessors not supported");return"value"in et&&(he[qe]=et.value),he}}),Kn=Ae((ot,Ne)=>{var Se=br(),Oe=en(),ee=Lr();Ne.exports=Se?function(V,W,Z){return Oe.f(V,W,ee(1,Z))}:function(V,W,Z){return V[W]=Z,V}}),Di=Ae((ot,Ne)=>{var Se=br(),Oe=kr(),ee=Function.prototype,V=Se&&Object.getOwnPropertyDescriptor,W=Oe(ee,"name"),Z=W&&(function(){}).name==="something",Y=W&&(!Se||Se&&V(ee,"name").configurable);Ne.exports={EXISTS:W,PROPER:Z,CONFIGURABLE:Y}}),Qn=Ae((ot,Ne)=>{var Se=Dr(),Oe=dr(),ee=gn(),V=Se(Function.toString);Oe(ee.inspectSource)||(ee.inspectSource=function(W){return V(W)}),Ne.exports=ee.inspectSource}),di=Ae((ot,Ne)=>{var Se=Yt(),Oe=dr(),ee=Se.WeakMap;Ne.exports=Oe(ee)&&/native code/.test(String(ee))}),fi=Ae((ot,Ne)=>{var Se=Wn(),Oe=zn(),ee=Se("keys");Ne.exports=function(V){return ee[V]||(ee[V]=Oe(V))}}),Zn=Ae((ot,Ne)=>{Ne.exports={}}),mi=Ae((ot,Ne)=>{var Se=di(),Oe=Yt(),ee=Or(),V=Kn(),W=kr(),Z=gn(),Y=fi(),ne=Zn(),Fe="Object already initialized",je=Oe.TypeError,he=Oe.WeakMap,qe,et,Ze,nt=function(At){return Ze(At)?et(At):qe(At,{})},rt=function(At){return function(Lt){var qt;if(!ee(Lt)||(qt=et(Lt)).type!==At)throw je("Incompatible receiver, "+At+" required");return qt}};Se||Z.state?($=Z.state||(Z.state=new he),$.get=$.get,$.has=$.has,$.set=$.set,qe=function(At,Lt){if($.has(At))throw je(Fe);return Lt.facade=At,$.set(At,Lt),Lt},et=function(At){return $.get(At)||{}},Ze=function(At){return $.has(At)}):(Ft=Y("state"),ne[Ft]=!0,qe=function(At,Lt){if(W(At,Ft))throw je(Fe);return Lt.facade=At,V(At,Ft,Lt),Lt},et=function(At){return W(At,Ft)?At[Ft]:{}},Ze=function(At){return W(At,Ft)});var $,Ft;Ne.exports={set:qe,get:et,has:Ze,enforce:nt,getterFor:rt}}),gu=Ae((ot,Ne)=>{var Se=hr(),Oe=dr(),ee=kr(),V=br(),W=Di().CONFIGURABLE,Z=Qn(),Y=mi(),ne=Y.enforce,Fe=Y.get,je=Object.defineProperty,he=V&&!Se(function(){return je(function(){},"length",{value:8}).length!==8}),qe=String(String).split("String"),et=Ne.exports=function(Ze,nt,rt){String(nt).slice(0,7)==="Symbol("&&(nt="["+String(nt).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),rt&&rt.getter&&(nt="get "+nt),rt&&rt.setter&&(nt="set "+nt),(!ee(Ze,"name")||W&&Ze.name!==nt)&&(V?je(Ze,"name",{value:nt,configurable:!0}):Ze.name=nt),he&&rt&&ee(rt,"arity")&&Ze.length!==rt.arity&&je(Ze,"length",{value:rt.arity});try{rt&&ee(rt,"constructor")&&rt.constructor?V&&je(Ze,"prototype",{writable:!1}):Ze.prototype&&(Ze.prototype=void 0)}catch{}var $=ne(Ze);return ee($,"source")||($.source=qe.join(typeof nt=="string"?nt:"")),Ze};Function.prototype.toString=et(function(){return Oe(this)&&Fe(this).source||Z(this)},"toString")}),hi=Ae((ot,Ne)=>{var Se=dr(),Oe=en(),ee=gu(),V=hn();Ne.exports=function(W,Z,Y,ne){ne||(ne={});var Fe=ne.enumerable,je=ne.name!==void 0?ne.name:Z;if(Se(Y)&&ee(Y,je,ne),ne.global)Fe?W[Z]=Y:V(Z,Y);else{try{ne.unsafe?W[Z]&&(Fe=!0):delete W[Z]}catch{}Fe?W[Z]=Y:Oe.f(W,Z,{value:Y,enumerable:!1,configurable:!ne.nonConfigurable,writable:!ne.nonWritable})}return W}}),gi=Ae((ot,Ne)=>{var Se=Math.ceil,Oe=Math.floor;Ne.exports=Math.trunc||function(ee){var V=+ee;return(V>0?Oe:Se)(V)}}),xn=Ae((ot,Ne)=>{var Se=gi();Ne.exports=function(Oe){var ee=+Oe;return ee!==ee||ee===0?0:Se(ee)}}),yi=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.max,ee=Math.min;Ne.exports=function(V,W){var Z=Se(V);return Z<0?Oe(Z+W,0):ee(Z,W)}}),Ei=Ae((ot,Ne)=>{var Se=xn(),Oe=Math.min;Ne.exports=function(ee){return ee>0?Oe(Se(ee),9007199254740991):0}}),tn=Ae((ot,Ne)=>{var Se=Ei();Ne.exports=function(Oe){return Se(Oe.length)}}),Ci=Ae((ot,Ne)=>{var Se=dn(),Oe=yi(),ee=tn(),V=function(W){return function(Z,Y,ne){var Fe=Se(Z),je=ee(Fe),he=Oe(ne,je),qe;if(W&&Y!=Y){for(;je>he;)if(qe=Fe[he++],qe!=qe)return!0}else for(;je>he;he++)if((W||he in Fe)&&Fe[he]===Y)return W||he||0;return!W&&-1}};Ne.exports={includes:V(!0),indexOf:V(!1)}}),Fi=Ae((ot,Ne)=>{var Se=Dr(),Oe=kr(),ee=dn(),V=Ci().indexOf,W=Zn(),Z=Se([].push);Ne.exports=function(Y,ne){var Fe=ee(Y),je=0,he=[],qe;for(qe in Fe)!Oe(W,qe)&&Oe(Fe,qe)&&Z(he,qe);for(;ne.length>je;)Oe(Fe,qe=ne[je++])&&(~V(he,qe)||Z(he,qe));return he}}),Ai=Ae((ot,Ne)=>{Ne.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]}),vi=Ae(ot=>{var Ne=Fi(),Se=Ai(),Oe=Se.concat("length","prototype");ot.f=Object.getOwnPropertyNames||function(ee){return Ne(ee,Oe)}}),bi=Ae(ot=>{ot.f=Object.getOwnPropertySymbols}),Si=Ae((ot,Ne)=>{var Se=un(),Oe=Dr(),ee=vi(),V=bi(),W=Wr(),Z=Oe([].concat);Ne.exports=Se("Reflect","ownKeys")||function(Y){var ne=ee.f(W(Y)),Fe=V.f;return Fe?Z(ne,Fe(Y)):ne}}),xi=Ae((ot,Ne)=>{var Se=kr(),Oe=Si(),ee=Yn(),V=en();Ne.exports=function(W,Z,Y){for(var ne=Oe(Z),Fe=V.f,je=ee.f,he=0;he{var Se=hr(),Oe=dr(),ee=/#|\.prototype\./,V=function(Fe,je){var he=Z[W(Fe)];return he==ne?!0:he==Y?!1:Oe(je)?Se(je):!!je},W=V.normalize=function(Fe){return String(Fe).replace(ee,".").toLowerCase()},Z=V.data={},Y=V.NATIVE="N",ne=V.POLYFILL="P";Ne.exports=V}),an=Ae((ot,Ne)=>{var Se=Yt(),Oe=Yn().f,ee=Kn(),V=hi(),W=hn(),Z=xi(),Y=Ti();Ne.exports=function(ne,Fe){var je=ne.target,he=ne.global,qe=ne.stat,et,Ze,nt,rt,$,Ft;if(he?Ze=Se:qe?Ze=Se[je]||W(je,{}):Ze=(Se[je]||{}).prototype,Ze)for(nt in Fe){if($=Fe[nt],ne.dontCallGetSet?(Ft=Oe(Ze,nt),rt=Ft&&Ft.value):rt=Ze[nt],et=Y(he?nt:je+(qe?".":"#")+nt,ne.forced),!et&&rt!==void 0){if(typeof $==typeof rt)continue;Z($,rt)}(ne.sham||rt&&rt.sham)&&ee($,"sham",!0),V(Ze,nt,$,ne)}}}),yu=Ae(()=>{var ot=an(),Ne=Yt();ot({global:!0,forced:Ne.globalThis!==Ne},{globalThis:Ne})}),Bi=Ae(()=>{yu()}),Eu=Ae((ot,Ne)=>{var Se=Br();Ne.exports=Array.isArray||function(Oe){return Se(Oe)=="Array"}}),Cu=Ae((ot,Ne)=>{var Se=TypeError,Oe=9007199254740991;Ne.exports=function(ee){if(ee>Oe)throw Se("Maximum allowed index exceeded");return ee}}),Fu=Ae((ot,Ne)=>{var Se=Br(),Oe=Dr();Ne.exports=function(ee){if(Se(ee)==="Function")return Oe(ee)}}),Au=Ae((ot,Ne)=>{var Se=Fu(),Oe=sn(),ee=Hr(),V=Se(Se.bind);Ne.exports=function(W,Z){return Oe(W),Z===void 0?W:ee?V(W,Z):function(){return W.apply(Z,arguments)}}}),vu=Ae((ot,Ne)=>{var Se=Eu(),Oe=tn(),ee=Cu(),V=Au(),W=function(Z,Y,ne,Fe,je,he,qe,et){for(var Ze=je,nt=0,rt=qe?V(qe,et):!1,$,Ft;nt0&&Se($)?(Ft=Oe($),Ze=W(Z,Y,$,Ft,Ze,he-1)-1):(ee(Ze+1),Z[Ze]=$),Ze++),nt++;return Ze};Ne.exports=W}),wi=Ae((ot,Ne)=>{var Se=$r(),Oe=Se("toStringTag"),ee={};ee[Oe]="z",Ne.exports=String(ee)==="[object z]"}),bu=Ae((ot,Ne)=>{var Se=wi(),Oe=dr(),ee=Br(),V=$r(),W=V("toStringTag"),Z=Object,Y=ee(function(){return arguments}())=="Arguments",ne=function(Fe,je){try{return Fe[je]}catch{}};Ne.exports=Se?ee:function(Fe){var je,he,qe;return Fe===void 0?"Undefined":Fe===null?"Null":typeof(he=ne(je=Z(Fe),W))=="string"?he:Y?ee(je):(qe=ee(je))=="Object"&&Oe(je.callee)?"Arguments":qe}}),Su=Ae((ot,Ne)=>{var Se=Dr(),Oe=hr(),ee=dr(),V=bu(),W=un(),Z=Qn(),Y=function(){},ne=[],Fe=W("Reflect","construct"),je=/^\s*(?:class|function)\b/,he=Se(je.exec),qe=!je.exec(Y),et=function(nt){if(!ee(nt))return!1;try{return Fe(Y,ne,nt),!0}catch{return!1}},Ze=function(nt){if(!ee(nt))return!1;switch(V(nt)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return qe||!!he(je,Z(nt))}catch{return!0}};Ze.sham=!0,Ne.exports=!Fe||Oe(function(){var nt;return et(et.call)||!et(Object)||!et(function(){nt=!0})||nt})?Ze:et}),Ni=Ae((ot,Ne)=>{var Se=Eu(),Oe=Su(),ee=Or(),V=$r(),W=V("species"),Z=Array;Ne.exports=function(Y){var ne;return Se(Y)&&(ne=Y.constructor,Oe(ne)&&(ne===Z||Se(ne.prototype))?ne=void 0:ee(ne)&&(ne=ne[W],ne===null&&(ne=void 0))),ne===void 0?Z:ne}}),xu=Ae((ot,Ne)=>{var Se=Ni();Ne.exports=function(Oe,ee){return new(Se(Oe))(ee===0?0:ee)}}),_i=Ae(()=>{var ot=an(),Ne=vu(),Se=sn(),Oe=Sn(),ee=tn(),V=xu();ot({target:"Array",proto:!0},{flatMap:function(W){var Z=Oe(this),Y=ee(Z),ne;return Se(W),ne=V(Z,0),ne.length=Ne(ne,Z,Z,Y,0,1,W,arguments.length>1?arguments[1]:void 0),ne}})}),eu=Ae((ot,Ne)=>{Ne.exports={}}),ki=Ae((ot,Ne)=>{var Se=$r(),Oe=eu(),ee=Se("iterator"),V=Array.prototype;Ne.exports=function(W){return W!==void 0&&(Oe.Array===W||V[ee]===W)}}),Tu=Ae((ot,Ne)=>{var Se=bu(),Oe=mn(),ee=nn(),V=eu(),W=$r(),Z=W("iterator");Ne.exports=function(Y){if(!ee(Y))return Oe(Y,Z)||Oe(Y,"@@iterator")||V[Se(Y)]}}),Pi=Ae((ot,Ne)=>{var Se=gr(),Oe=sn(),ee=Wr(),V=fn(),W=Tu(),Z=TypeError;Ne.exports=function(Y,ne){var Fe=arguments.length<2?W(Y):ne;if(Oe(Fe))return ee(Se(Fe,Y));throw Z(V(Y)+" is not iterable")}}),Ii=Ae((ot,Ne)=>{var Se=gr(),Oe=Wr(),ee=mn();Ne.exports=function(V,W,Z){var Y,ne;Oe(V);try{if(Y=ee(V,"return"),!Y){if(W==="throw")throw Z;return Z}Y=Se(Y,V)}catch(Fe){ne=!0,Y=Fe}if(W==="throw")throw Z;if(ne)throw Y;return Oe(Y),Z}}),ji=Ae((ot,Ne)=>{var Se=Au(),Oe=gr(),ee=Wr(),V=fn(),W=ki(),Z=tn(),Y=Un(),ne=Pi(),Fe=Tu(),je=Ii(),he=TypeError,qe=function(Ze,nt){this.stopped=Ze,this.result=nt},et=qe.prototype;Ne.exports=function(Ze,nt,rt){var $=rt&&rt.that,Ft=!!(rt&&rt.AS_ENTRIES),At=!!(rt&&rt.IS_RECORD),Lt=!!(rt&&rt.IS_ITERATOR),qt=!!(rt&&rt.INTERRUPTED),Zt=Se(nt,$),ue,yr,Pr,zr,fr,Rr,mr,rn=function(Fr){return ue&&je(ue,"normal",Fr),new qe(!0,Fr)},wr=function(Fr){return Ft?(ee(Fr),qt?Zt(Fr[0],Fr[1],rn):Zt(Fr[0],Fr[1])):qt?Zt(Fr,rn):Zt(Fr)};if(At)ue=Ze.iterator;else if(Lt)ue=Ze;else{if(yr=Fe(Ze),!yr)throw he(V(Ze)+" is not iterable");if(W(yr)){for(Pr=0,zr=Z(Ze);zr>Pr;Pr++)if(fr=wr(Ze[Pr]),fr&&Y(et,fr))return fr;return new qe(!1)}ue=ne(Ze,yr)}for(Rr=At?Ze.next:ue.next;!(mr=Oe(Rr,ue)).done;){try{fr=wr(mr.value)}catch(Fr){je(ue,"throw",Fr)}if(typeof fr=="object"&&fr&&Y(et,fr))return fr}return new qe(!1)}}),Li=Ae((ot,Ne)=>{var Se=yn(),Oe=en(),ee=Lr();Ne.exports=function(V,W,Z){var Y=Se(W);Y in V?Oe.f(V,Y,ee(0,Z)):V[Y]=Z}}),Oi=Ae(()=>{var ot=an(),Ne=ji(),Se=Li();ot({target:"Object",stat:!0},{fromEntries:function(Oe){var ee={};return Ne(Oe,function(V,W){Se(ee,V,W)},{AS_ENTRIES:!0}),ee}})}),$i=Ae((ot,Ne)=>{var Se=["cliName","cliCategory","cliDescription"];function Oe(L,re){if(L==null)return{};var ge=ee(L,re),Ee,Pe;if(Object.getOwnPropertySymbols){var ie=Object.getOwnPropertySymbols(L);for(Pe=0;Pe=0)&&Object.prototype.propertyIsEnumerable.call(L,Ee)&&(ge[Ee]=L[Ee])}return ge}function ee(L,re){if(L==null)return{};var ge={},Ee=Object.keys(L),Pe,ie;for(ie=0;ie=0)&&(ge[Pe]=L[Pe]);return ge}Bi(),_i(),Oi();var V=Object.create,W=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,Y=Object.getOwnPropertyNames,ne=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty,je=(L,re)=>function(){return L&&(re=(0,L[Y(L)[0]])(L=0)),re},he=(L,re)=>function(){return re||(0,L[Y(L)[0]])((re={exports:{}}).exports,re),re.exports},qe=(L,re)=>{for(var ge in re)W(L,ge,{get:re[ge],enumerable:!0})},et=(L,re,ge,Ee)=>{if(re&&typeof re=="object"||typeof re=="function")for(let Pe of Y(re))!Fe.call(L,Pe)&&Pe!==ge&&W(L,Pe,{get:()=>re[Pe],enumerable:!(Ee=Z(re,Pe))||Ee.enumerable});return L},Ze=(L,re,ge)=>(ge=L!=null?V(ne(L)):{},et(re||!L||!L.__esModule?W(ge,"default",{value:L,enumerable:!0}):ge,L)),nt=L=>et(W({},"__esModule",{value:!0}),L),rt,$=je({""(){rt={env:{},argv:[]}}}),Ft=he({"node_modules/angular-html-parser/lib/compiler/src/chars.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.$EOF=0,L.$BSPACE=8,L.$TAB=9,L.$LF=10,L.$VTAB=11,L.$FF=12,L.$CR=13,L.$SPACE=32,L.$BANG=33,L.$DQ=34,L.$HASH=35,L.$$=36,L.$PERCENT=37,L.$AMPERSAND=38,L.$SQ=39,L.$LPAREN=40,L.$RPAREN=41,L.$STAR=42,L.$PLUS=43,L.$COMMA=44,L.$MINUS=45,L.$PERIOD=46,L.$SLASH=47,L.$COLON=58,L.$SEMICOLON=59,L.$LT=60,L.$EQ=61,L.$GT=62,L.$QUESTION=63,L.$0=48,L.$7=55,L.$9=57,L.$A=65,L.$E=69,L.$F=70,L.$X=88,L.$Z=90,L.$LBRACKET=91,L.$BACKSLASH=92,L.$RBRACKET=93,L.$CARET=94,L.$_=95,L.$a=97,L.$b=98,L.$e=101,L.$f=102,L.$n=110,L.$r=114,L.$t=116,L.$u=117,L.$v=118,L.$x=120,L.$z=122,L.$LBRACE=123,L.$BAR=124,L.$RBRACE=125,L.$NBSP=160,L.$PIPE=124,L.$TILDA=126,L.$AT=64,L.$BT=96;function re(Ue){return Ue>=L.$TAB&&Ue<=L.$SPACE||Ue==L.$NBSP}L.isWhitespace=re;function ge(Ue){return L.$0<=Ue&&Ue<=L.$9}L.isDigit=ge;function Ee(Ue){return Ue>=L.$a&&Ue<=L.$z||Ue>=L.$A&&Ue<=L.$Z}L.isAsciiLetter=Ee;function Pe(Ue){return Ue>=L.$a&&Ue<=L.$f||Ue>=L.$A&&Ue<=L.$F||ge(Ue)}L.isAsciiHexDigit=Pe;function ie(Ue){return Ue===L.$LF||Ue===L.$CR}L.isNewLine=ie;function de(Ue){return L.$0<=Ue&&Ue<=L.$7}L.isOctalDigit=de}}),At=he({"node_modules/angular-html-parser/lib/compiler/src/aot/static_symbol.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=class{constructor(Ee,Pe,ie){this.filePath=Ee,this.name=Pe,this.members=ie}assertNoMembers(){if(this.members.length)throw new Error(`Illegal state: symbol without members expected, but got ${JSON.stringify(this)}.`)}};L.StaticSymbol=re;var ge=class{constructor(){this.cache=new Map}get(Ee,Pe,ie){ie=ie||[];let de=ie.length?`.${ie.join(".")}`:"",Ue=`"${Ee}".${Pe}${de}`,Ge=this.cache.get(Ue);return Ge||(Ge=new re(Ee,Pe,ie),this.cache.set(Ue,Ge)),Ge}};L.StaticSymbolCache=ge}}),Lt=he({"node_modules/angular-html-parser/lib/compiler/src/util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=/-+([a-z0-9])/g;function ge(le){return le.replace(re,function(){for(var We=arguments.length,Me=new Array(We),at=0;atde(Me,this,We))}visitStringMap(le,We){let Me={};return Object.keys(le).forEach(at=>{Me[at]=de(le[at],this,We)}),Me}visitPrimitive(le,We){return le}visitOther(le,We){return le}};L.ValueTransformer=gt,L.SyncAsync={assertSync:le=>{if(st(le))throw new Error("Illegal state: value cannot be a promise");return le},then:(le,We)=>st(le)?le.then(We):We(le),all:le=>le.some(st)?Promise.all(le):le};function ce(le){throw new Error(`Internal Error: ${le}`)}L.error=ce;function ve(le,We){let Me=Error(le);return Me[Ve]=!0,We&&(Me[He]=We),Me}L.syntaxError=ve;var Ve="ngSyntaxError",He="ngParseErrors";function Je(le){return le[Ve]}L.isSyntaxError=Je;function Qe(le){return le[He]||[]}L.getParseErrors=Qe;function yt(le){return le.replace(/([.*+?^=!:${}()|[\]\/\\])/g,"\\$1")}L.escapeRegExp=yt;var _t=Object.getPrototypeOf({});function ct(le){return typeof le=="object"&&le!==null&&Object.getPrototypeOf(le)===_t}function kt(le){let We="";for(let Me=0;Me=55296&&at<=56319&&le.length>Me+1){let Jt=le.charCodeAt(Me+1);Jt>=56320&&Jt<=57343&&(Me++,at=(at-55296<<10)+Jt-56320+65536)}at<=127?We+=String.fromCharCode(at):at<=2047?We+=String.fromCharCode(at>>6&31|192,at&63|128):at<=65535?We+=String.fromCharCode(at>>12|224,at>>6&63|128,at&63|128):at<=2097151&&(We+=String.fromCharCode(at>>18&7|240,at>>12&63|128,at>>6&63|128,at&63|128))}return We}L.utf8Encode=kt;function $t(le){if(typeof le=="string")return le;if(le instanceof Array)return"["+le.map($t).join(", ")+"]";if(le==null)return""+le;if(le.overriddenName)return`${le.overriddenName}`;if(le.name)return`${le.name}`;if(!le.toString)return"object";let We=le.toString();if(We==null)return""+We;let Me=We.indexOf(` `);return Me===-1?We:We.substring(0,Me)}L.stringify=$t;function ir(le){return typeof le=="function"&&le.hasOwnProperty("__forward_ref__")?le():le}L.resolveForwardRef=ir;function st(le){return!!le&&typeof le.then=="function"}L.isPromise=st;var Ot=class{constructor(le){this.full=le;let We=le.split(".");this.major=We[0],this.minor=We[1],this.patch=We.slice(2).join(".")}};L.Version=Ot;var Vt=typeof window<"u"&&window,Ut=typeof self<"u"&&typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&self,rr=typeof globalThis<"u"&&globalThis,z=rr||Vt||Ut;L.global=z}}),qt=he({"node_modules/angular-html-parser/lib/compiler/src/compile_metadata.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=At(),ge=Lt(),Ee=/^(?:(?:\[([^\]]+)\])|(?:\(([^\)]+)\)))|(\@[-\w]+)$/;function Pe(Me){return Me.replace(/\W/g,"_")}L.sanitizeIdentifier=Pe;var ie=0;function de(Me){if(!Me||!Me.reference)return null;let at=Me.reference;if(at instanceof re.StaticSymbol)return at.name;if(at.__anonymousType)return at.__anonymousType;let Jt=ge.stringify(at);return Jt.indexOf("(")>=0?(Jt=`anonymous_${ie++}`,at.__anonymousType=Jt):Jt=Pe(Jt),Jt}L.identifierName=de;function Ue(Me){let at=Me.reference;return at instanceof re.StaticSymbol?at.filePath:`./${ge.stringify(at)}`}L.identifierModuleUrl=Ue;function Ge(Me,at){return`View_${de({reference:Me})}_${at}`}L.viewClassName=Ge;function gt(Me){return`RenderType_${de({reference:Me})}`}L.rendererTypeName=gt;function ce(Me){return`HostView_${de({reference:Me})}`}L.hostViewClassName=ce;function ve(Me){return`${de({reference:Me})}NgFactory`}L.componentFactoryName=ve;var Ve;(function(Me){Me[Me.Pipe=0]="Pipe",Me[Me.Directive=1]="Directive",Me[Me.NgModule=2]="NgModule",Me[Me.Injectable=3]="Injectable"})(Ve=L.CompileSummaryKind||(L.CompileSummaryKind={}));function He(Me){return Me.value!=null?Pe(Me.value):de(Me.identifier)}L.tokenName=He;function Je(Me){return Me.identifier!=null?Me.identifier.reference:Me.value}L.tokenReference=Je;var Qe=class{constructor(){let{moduleUrl:Me,styles:at,styleUrls:Jt}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.moduleUrl=Me||null,this.styles=st(at),this.styleUrls=st(Jt)}};L.CompileStylesheetMetadata=Qe;var yt=class{constructor(Me){let{encapsulation:at,template:Jt,templateUrl:er,htmlAst:Ar,styles:Er,styleUrls:_r,externalStylesheets:xr,animations:Ir,ngContentSelectors:Mr,interpolation:or,isInline:lt,preserveWhitespaces:mt}=Me;if(this.encapsulation=at,this.template=Jt,this.templateUrl=er,this.htmlAst=Ar,this.styles=st(Er),this.styleUrls=st(_r),this.externalStylesheets=st(xr),this.animations=Ir?Vt(Ir):[],this.ngContentSelectors=Mr||[],or&&or.length!=2)throw new Error("'interpolation' should have a start and an end symbol.");this.interpolation=or,this.isInline=lt,this.preserveWhitespaces=mt}toSummary(){return{ngContentSelectors:this.ngContentSelectors,encapsulation:this.encapsulation,styles:this.styles,animations:this.animations}}};L.CompileTemplateMetadata=yt;var _t=class{static create(Me){let{isHost:at,type:Jt,isComponent:er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:xr,outputs:Ir,host:Mr,providers:or,viewProviders:lt,queries:mt,guards:St,viewQueries:xt,entryComponents:Kt,template:sr,componentViewType:lr,rendererType:Qt,componentFactory:Kr}=Me,Pn={},In={},Hu={};Mr!=null&&Object.keys(Mr).forEach(vr=>{let Qr=Mr[vr],cn=vr.match(Ee);cn===null?Hu[vr]=Qr:cn[1]!=null?In[cn[1]]=Qr:cn[2]!=null&&(Pn[cn[2]]=Qr)});let Yu={};xr==null||xr.forEach(vr=>{let Qr=ge.splitAtColon(vr,[vr,vr]);Yu[Qr[0]]=Qr[1]});let Ku={};return Ir==null||Ir.forEach(vr=>{let Qr=ge.splitAtColon(vr,[vr,vr]);Ku[Qr[0]]=Qr[1]}),new _t({isHost:at,type:Jt,isComponent:!!er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:Yu,outputs:Ku,hostListeners:Pn,hostProperties:In,hostAttributes:Hu,providers:or,viewProviders:lt,queries:mt,guards:St,viewQueries:xt,entryComponents:Kt,template:sr,componentViewType:lr,rendererType:Qt,componentFactory:Kr})}constructor(Me){let{isHost:at,type:Jt,isComponent:er,selector:Ar,exportAs:Er,changeDetection:_r,inputs:xr,outputs:Ir,hostListeners:Mr,hostProperties:or,hostAttributes:lt,providers:mt,viewProviders:St,queries:xt,guards:Kt,viewQueries:sr,entryComponents:lr,template:Qt,componentViewType:Kr,rendererType:Pn,componentFactory:In}=Me;this.isHost=!!at,this.type=Jt,this.isComponent=er,this.selector=Ar,this.exportAs=Er,this.changeDetection=_r,this.inputs=xr,this.outputs=Ir,this.hostListeners=Mr,this.hostProperties=or,this.hostAttributes=lt,this.providers=st(mt),this.viewProviders=st(St),this.queries=st(xt),this.guards=Kt,this.viewQueries=st(sr),this.entryComponents=st(lr),this.template=Qt,this.componentViewType=Kr,this.rendererType=Pn,this.componentFactory=In}toSummary(){return{summaryKind:Ve.Directive,type:this.type,isComponent:this.isComponent,selector:this.selector,exportAs:this.exportAs,inputs:this.inputs,outputs:this.outputs,hostListeners:this.hostListeners,hostProperties:this.hostProperties,hostAttributes:this.hostAttributes,providers:this.providers,viewProviders:this.viewProviders,queries:this.queries,guards:this.guards,viewQueries:this.viewQueries,entryComponents:this.entryComponents,changeDetection:this.changeDetection,template:this.template&&this.template.toSummary(),componentViewType:this.componentViewType,rendererType:this.rendererType,componentFactory:this.componentFactory}}};L.CompileDirectiveMetadata=_t;var ct=class{constructor(Me){let{type:at,name:Jt,pure:er}=Me;this.type=at,this.name=Jt,this.pure=!!er}toSummary(){return{summaryKind:Ve.Pipe,type:this.type,name:this.name,pure:this.pure}}};L.CompilePipeMetadata=ct;var kt=class{};L.CompileShallowModuleMetadata=kt;var $t=class{constructor(Me){let{type:at,providers:Jt,declaredDirectives:er,exportedDirectives:Ar,declaredPipes:Er,exportedPipes:_r,entryComponents:xr,bootstrapComponents:Ir,importedModules:Mr,exportedModules:or,schemas:lt,transitiveModule:mt,id:St}=Me;this.type=at||null,this.declaredDirectives=st(er),this.exportedDirectives=st(Ar),this.declaredPipes=st(Er),this.exportedPipes=st(_r),this.providers=st(Jt),this.entryComponents=st(xr),this.bootstrapComponents=st(Ir),this.importedModules=st(Mr),this.exportedModules=st(or),this.schemas=st(lt),this.id=St||null,this.transitiveModule=mt||null}toSummary(){let Me=this.transitiveModule;return{summaryKind:Ve.NgModule,type:this.type,entryComponents:Me.entryComponents,providers:Me.providers,modules:Me.modules,exportedDirectives:Me.exportedDirectives,exportedPipes:Me.exportedPipes}}};L.CompileNgModuleMetadata=$t;var ir=class{constructor(){this.directivesSet=new Set,this.directives=[],this.exportedDirectivesSet=new Set,this.exportedDirectives=[],this.pipesSet=new Set,this.pipes=[],this.exportedPipesSet=new Set,this.exportedPipes=[],this.modulesSet=new Set,this.modules=[],this.entryComponentsSet=new Set,this.entryComponents=[],this.providers=[]}addProvider(Me,at){this.providers.push({provider:Me,module:at})}addDirective(Me){this.directivesSet.has(Me.reference)||(this.directivesSet.add(Me.reference),this.directives.push(Me))}addExportedDirective(Me){this.exportedDirectivesSet.has(Me.reference)||(this.exportedDirectivesSet.add(Me.reference),this.exportedDirectives.push(Me))}addPipe(Me){this.pipesSet.has(Me.reference)||(this.pipesSet.add(Me.reference),this.pipes.push(Me))}addExportedPipe(Me){this.exportedPipesSet.has(Me.reference)||(this.exportedPipesSet.add(Me.reference),this.exportedPipes.push(Me))}addModule(Me){this.modulesSet.has(Me.reference)||(this.modulesSet.add(Me.reference),this.modules.push(Me))}addEntryComponent(Me){this.entryComponentsSet.has(Me.componentType)||(this.entryComponentsSet.add(Me.componentType),this.entryComponents.push(Me))}};L.TransitiveCompileNgModuleMetadata=ir;function st(Me){return Me||[]}var Ot=class{constructor(Me,at){let{useClass:Jt,useValue:er,useExisting:Ar,useFactory:Er,deps:_r,multi:xr}=at;this.token=Me,this.useClass=Jt||null,this.useValue=er,this.useExisting=Ar,this.useFactory=Er||null,this.dependencies=_r||null,this.multi=!!xr}};L.ProviderMeta=Ot;function Vt(Me){return Me.reduce((at,Jt)=>{let er=Array.isArray(Jt)?Vt(Jt):Jt;return at.concat(er)},[])}L.flatten=Vt;function Ut(Me){return Me.replace(/(\w+:\/\/[\w:-]+)?(\/+)?/,"ng:///")}function rr(Me,at,Jt){let er;return Jt.isInline?at.type.reference instanceof re.StaticSymbol?er=`${at.type.reference.filePath}.${at.type.reference.name}.html`:er=`${de(Me)}/${de(at.type)}.html`:er=Jt.templateUrl,at.type.reference instanceof re.StaticSymbol?er:Ut(er)}L.templateSourceUrl=rr;function z(Me,at){let Jt=Me.moduleUrl.split(/\/\\/g),er=Jt[Jt.length-1];return Ut(`css/${at}${er}.ngstyle.js`)}L.sharedStylesheetJitUrl=z;function le(Me){return Ut(`${de(Me.type)}/module.ngfactory.js`)}L.ngModuleJitUrl=le;function We(Me,at){return Ut(`${de(Me)}/${de(at.type)}.ngfactory.js`)}L.templateJitUrl=We}}),Zt=he({"node_modules/angular-html-parser/lib/compiler/src/parse_util.js"(L){$(),Object.defineProperty(L,"__esModule",{value:!0});var re=Ft(),ge=qt(),Ee=class{constructor(ce,ve,Ve,He){this.file=ce,this.offset=ve,this.line=Ve,this.col=He}toString(){return this.offset!=null?`${this.file.url}@${this.line}:${this.col}`:this.file.url}moveBy(ce){let ve=this.file.content,Ve=ve.length,He=this.offset,Je=this.line,Qe=this.col;for(;He>0&&ce<0;)if(He--,ce++,ve.charCodeAt(He)==re.$LF){Je--;let yt=ve.substr(0,He-1).lastIndexOf(String.fromCharCode(re.$LF));Qe=yt>0?He-yt:He}else Qe--;for(;He0;){let yt=ve.charCodeAt(He);He++,ce--,yt==re.$LF?(Je++,Qe=0):Qe++}return new Ee(this.file,He,Je,Qe)}getContext(ce,ve){let Ve=this.file.content,He=this.offset;if(He!=null){He>Ve.length-1&&(He=Ve.length-1);let Je=He,Qe=0,yt=0;for(;Qe0&&(He--,Qe++,!(Ve[He]==` `&&++yt==ve)););for(Qe=0,yt=0;Qe2&&arguments[2]!==void 0?arguments[2]:null;this.start=ce,this.end=ve,this.details=Ve}toString(){return this.start.file.content.substring(this.start.offset,this.end.offset)}};L.ParseSourceSpan=ie,L.EMPTY_PARSE_LOCATION=new Ee(new Pe("",""),0,0,0),L.EMPTY_SOURCE_SPAN=new ie(L.EMPTY_PARSE_LOCATION,L.EMPTY_PARSE_LOCATION);var de;(function(ce){ce[ce.WARNING=0]="WARNING",ce[ce.ERROR=1]="ERROR"})(de=L.ParseErrorLevel||(L.ParseErrorLevel={}));var Ue=class{constructor(ce,ve){let Ve=arguments.length>2&&arguments[2]!==void 0?arguments[2]:de.ERROR;this.span=ce,this.msg=ve,this.level=Ve}contextualMessage(){let ce=this.span.start.getContext(100,3);return ce?`${this.msg} ("${ce.before}[${de[this.level]} ->]${ce.after}")`:this.msg}toString(){let ce=this.span.details?`, ${this.span.details}`:"";return`${this.contextualMessage()}: ${this.span.start}${ce}`}};L.ParseError=Ue;function Ge(ce,ve){let Ve=ge.identifierModuleUrl(ve),He=Ve!=null?`in ${ce} ${ge.identifierName(ve)} in ${Ve}`:`in ${ce} ${ge.identifierName(ve)}`,Je=new Pe("",He);return new ie(new Ee(Je,-1,-1,-1),new Ee(Je,-1,-1,-1))}L.typeSourceSpan=Ge;function gt(ce,ve,Ve){let He=`in ${ce} ${ve} in ${Ve}`,Je=new Pe("",He);return new ie(new Ee(Je,-1,-1,-1),new Ee(Je,-1,-1,-1))}L.r3JitTypeSourceSpan=gt}}),ue=he({"src/utils/front-matter/parse.js"(L,re){$();var ge=new RegExp("^(?-{3}|\\+{3})(?[^\\n]*)\\n(?:|(?.*?)\\n)(?\\k|\\.{3})[^\\S\\n]*(?:\\n|$)","s");function Ee(Pe){let ie=Pe.match(ge);if(!ie)return{content:Pe};let{startDelimiter:de,language:Ue,value:Ge="",endDelimiter:gt}=ie.groups,ce=Ue.trim()||"yaml";if(de==="+++"&&(ce="toml"),ce!=="yaml"&&de!==gt)return{content:Pe};let[ve]=ie;return{frontMatter:{type:"front-matter",lang:ce,value:Ge,startDelimiter:de,endDelimiter:gt,raw:ve.replace(/\n$/,"")},content:ve.replace(/[^\n]/g," ")+Pe.slice(ve.length)}}re.exports=Ee}}),yr=he({"src/utils/get-last.js"(L,re){$();var ge=Ee=>Ee[Ee.length-1];re.exports=ge}}),Pr=he({"src/common/parser-create-error.js"(L,re){$();function ge(Ee,Pe){let ie=new SyntaxError(Ee+" ("+Pe.start.line+":"+Pe.start.column+")");return ie.loc=Pe,ie}re.exports=ge}}),zr={};qe(zr,{default:()=>fr});function fr(L){if(typeof L!="string")throw new TypeError("Expected a string");return L.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var Rr=je({"node_modules/escape-string-regexp/index.js"(){$()}}),mr=he({"node_modules/semver/internal/debug.js"(L,re){$();var ge=typeof rt=="object"&&rt.env&&rt.env.NODE_DEBUG&&/\bsemver\b/i.test(rt.env.NODE_DEBUG)?function(){for(var Ee=arguments.length,Pe=new Array(Ee),ie=0;ie{};re.exports=ge}}),rn=he({"node_modules/semver/internal/constants.js"(L,re){$();var ge="2.0.0",Ee=256,Pe=Number.MAX_SAFE_INTEGER||9007199254740991,ie=16;re.exports={SEMVER_SPEC_VERSION:ge,MAX_LENGTH:Ee,MAX_SAFE_INTEGER:Pe,MAX_SAFE_COMPONENT_LENGTH:ie}}}),wr=he({"node_modules/semver/internal/re.js"(L,re){$();var{MAX_SAFE_COMPONENT_LENGTH:ge}=rn(),Ee=mr();L=re.exports={};var Pe=L.re=[],ie=L.src=[],de=L.t={},Ue=0,Ge=(gt,ce,ve)=>{let Ve=Ue++;Ee(gt,Ve,ce),de[gt]=Ve,ie[Ve]=ce,Pe[Ve]=new RegExp(ce,ve?"g":void 0)};Ge("NUMERICIDENTIFIER","0|[1-9]\\d*"),Ge("NUMERICIDENTIFIERLOOSE","[0-9]+"),Ge("NONNUMERICIDENTIFIER","\\d*[a-zA-Z-][a-zA-Z0-9-]*"),Ge("MAINVERSION",`(${ie[de.NUMERICIDENTIFIER]})\\.(${ie[de.NUMERICIDENTIFIER]})\\.(${ie[de.NUMERICIDENTIFIER]})`),Ge("MAINVERSIONLOOSE",`(${ie[de.NUMERICIDENTIFIERLOOSE]})\\.(${ie[de.NUMERICIDENTIFIERLOOSE]})\\.(${ie[de.NUMERICIDENTIFIERLOOSE]})`),Ge("PRERELEASEIDENTIFIER",`(?:${ie[de.NUMERICIDENTIFIER]}|${ie[de.NONNUMERICIDENTIFIER]})`),Ge("PRERELEASEIDENTIFIERLOOSE",`(?:${ie[de.NUMERICIDENTIFIERLOOSE]}|${ie[de.NONNUMERICIDENTIFIER]})`),Ge("PRERELEASE",`(?:-(${ie[de.PRERELEASEIDENTIFIER]}(?:\\.${ie[de.PRERELEASEIDENTIFIER]})*))`),Ge("PRERELEASELOOSE",`(?:-?(${ie[de.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${ie[de.PRERELEASEIDENTIFIERLOOSE]})*))`),Ge("BUILDIDENTIFIER","[0-9A-Za-z-]+"),Ge("BUILD",`(?:\\+(${ie[de.BUILDIDENTIFIER]}(?:\\.${ie[de.BUILDIDENTIFIER]})*))`),Ge("FULLPLAIN",`v?${ie[de.MAINVERSION]}${ie[de.PRERELEASE]}?${ie[de.BUILD]}?`),Ge("FULL",`^${ie[de.FULLPLAIN]}$`),Ge("LOOSEPLAIN",`[v=\\s]*${ie[de.MAINVERSIONLOOSE]}${ie[de.PRERELEASELOOSE]}?${ie[de.BUILD]}?`),Ge("LOOSE",`^${ie[de.LOOSEPLAIN]}$`),Ge("GTLT","((?:<|>)?=?)"),Ge("XRANGEIDENTIFIERLOOSE",`${ie[de.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`),Ge("XRANGEIDENTIFIER",`${ie[de.NUMERICIDENTIFIER]}|x|X|\\*`),Ge("XRANGEPLAIN",`[v=\\s]*(${ie[de.XRANGEIDENTIFIER]})(?:\\.(${ie[de.XRANGEIDENTIFIER]})(?:\\.(${ie[de.XRANGEIDENTIFIER]})(?:${ie[de.PRERELEASE]})?${ie[de.BUILD]}?)?)?`),Ge("XRANGEPLAINLOOSE",`[v=\\s]*(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:\\.(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:\\.(${ie[de.XRANGEIDENTIFIERLOOSE]})(?:${ie[de.PRERELEASELOOSE]})?${ie[de.BUILD]}?)?)?`),Ge("XRANGE",`^${ie[de.GTLT]}\\s*${ie[de.XRANGEPLAIN]}$`),Ge("XRANGELOOSE",`^${ie[de.GTLT]}\\s*${ie[de.XRANGEPLAINLOOSE]}$`),Ge("COERCE",`(^|[^\\d])(\\d{1,${ge}})(?:\\.(\\d{1,${ge}}))?(?:\\.(\\d{1,${ge}}))?(?:$|[^\\d])`),Ge("COERCERTL",ie[de.COERCE],!0),Ge("LONETILDE","(?:~>?)"),Ge("TILDETRIM",`(\\s*)${ie[de.LONETILDE]}\\s+`,!0),L.tildeTrimReplace="$1~",Ge("TILDE",`^${ie[de.LONETILDE]}${ie[de.XRANGEPLAIN]}$`),Ge("TILDELOOSE",`^${ie[de.LONETILDE]}${ie[de.XRANGEPLAINLOOSE]}$`),Ge("LONECARET","(?:\\^)"),Ge("CARETTRIM",`(\\s*)${ie[de.LONECARET]}\\s+`,!0),L.caretTrimReplace="$1^",Ge("CARET",`^${ie[de.LONECARET]}${ie[de.XRANGEPLAIN]}$`),Ge("CARETLOOSE",`^${ie[de.LONECARET]}${ie[de.XRANGEPLAINLOOSE]}$`),Ge("COMPARATORLOOSE",`^${ie[de.GTLT]}\\s*(${ie[de.LOOSEPLAIN]})$|^$`),Ge("COMPARATOR",`^${ie[de.GTLT]}\\s*(${ie[de.FULLPLAIN]})$|^$`),Ge("COMPARATORTRIM",`(\\s*)${ie[de.GTLT]}\\s*(${ie[de.LOOSEPLAIN]}|${ie[de.XRANGEPLAIN]})`,!0),L.comparatorTrimReplace="$1$2$3",Ge("HYPHENRANGE",`^\\s*(${ie[de.XRANGEPLAIN]})\\s+-\\s+(${ie[de.XRANGEPLAIN]})\\s*$`),Ge("HYPHENRANGELOOSE",`^\\s*(${ie[de.XRANGEPLAINLOOSE]})\\s+-\\s+(${ie[de.XRANGEPLAINLOOSE]})\\s*$`),Ge("STAR","(<|>)?=?\\s*\\*"),Ge("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$"),Ge("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")}}),Fr=he({"node_modules/semver/internal/parse-options.js"(L,re){$();var ge=["includePrerelease","loose","rtl"],Ee=Pe=>Pe?typeof Pe!="object"?{loose:!0}:ge.filter(ie=>Pe[ie]).reduce((ie,de)=>(ie[de]=!0,ie),{}):{};re.exports=Ee}}),Tn=he({"node_modules/semver/internal/identifiers.js"(L,re){$();var ge=/^[0-9]+$/,Ee=(ie,de)=>{let Ue=ge.test(ie),Ge=ge.test(de);return Ue&&Ge&&(ie=+ie,de=+de),ie===de?0:Ue&&!Ge?-1:Ge&&!Ue?1:ieEe(de,ie);re.exports={compareIdentifiers:Ee,rcompareIdentifiers:Pe}}}),Bn=he({"node_modules/semver/classes/semver.js"(L,re){$();var ge=mr(),{MAX_LENGTH:Ee,MAX_SAFE_INTEGER:Pe}=rn(),{re:ie,t:de}=wr(),Ue=Fr(),{compareIdentifiers:Ge}=Tn(),gt=class{constructor(ce,ve){if(ve=Ue(ve),ce instanceof gt){if(ce.loose===!!ve.loose&&ce.includePrerelease===!!ve.includePrerelease)return ce;ce=ce.version}else if(typeof ce!="string")throw new TypeError(`Invalid Version: ${ce}`);if(ce.length>Ee)throw new TypeError(`version is longer than ${Ee} characters`);ge("SemVer",ce,ve),this.options=ve,this.loose=!!ve.loose,this.includePrerelease=!!ve.includePrerelease;let Ve=ce.trim().match(ve.loose?ie[de.LOOSE]:ie[de.FULL]);if(!Ve)throw new TypeError(`Invalid Version: ${ce}`);if(this.raw=ce,this.major=+Ve[1],this.minor=+Ve[2],this.patch=+Ve[3],this.major>Pe||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Pe||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Pe||this.patch<0)throw new TypeError("Invalid patch version");Ve[4]?this.prerelease=Ve[4].split(".").map(He=>{if(/^[0-9]+$/.test(He)){let Je=+He;if(Je>=0&&Je=0;)typeof this.prerelease[Ve]=="number"&&(this.prerelease[Ve]++,Ve=-2);Ve===-1&&this.prerelease.push(0)}ve&&(Ge(this.prerelease[0],ve)===0?isNaN(this.prerelease[1])&&(this.prerelease=[ve,0]):this.prerelease=[ve,0]);break;default:throw new Error(`invalid increment argument: ${ce}`)}return this.format(),this.raw=this.version,this}};re.exports=gt}}),on=he({"node_modules/semver/functions/compare.js"(L,re){$();var ge=Bn(),Ee=(Pe,ie,de)=>new ge(Pe,de).compare(new ge(ie,de));re.exports=Ee}}),Nr=he({"node_modules/semver/functions/lt.js"(L,re){$();var ge=on(),Ee=(Pe,ie,de)=>ge(Pe,ie,de)<0;re.exports=Ee}}),Bu=he({"node_modules/semver/functions/gte.js"(L,re){$();var ge=on(),Ee=(Pe,ie,de)=>ge(Pe,ie,de)>=0;re.exports=Ee}}),Ri=he({"src/utils/arrayify.js"(L,re){$(),re.exports=(ge,Ee)=>Object.entries(ge).map(Pe=>{let[ie,de]=Pe;return Object.assign({[Ee]:ie},de)})}}),wu=he({"package.json"(L,re){re.exports={version:"2.8.8"}}}),Mi=he({"node_modules/outdent/lib/index.js"(L,re){$(),Object.defineProperty(L,"__esModule",{value:!0}),L.outdent=void 0;function ge(){for(var ct=[],kt=0;kt{const r=i.clone(this.props.backgroundImage);r.url=l,r.width=c,r.height=h,this.setState({backgroundImage:r},this.changeGraph)},t=N.findDOMNode(this.refs["bg-url"]).value;t?g.getImageSize(t,(l,c)=>{this._isMounted&&s(t,l,c)}):s(null,0,0)},renderLabelChoices:function(e){return i.map(e,function([s,t]){return a("option",{value:t,children:s},t)})},validRange:function(e){return i.every(e,function(t){return i.isFinite(t)})?e[0]>=e[1]?"Range must have a higher number on the right":!0:"Range must be a valid number"},validateStepValue:function(e){const{step:s,range:t,name:l,minTicks:c,maxTicks:h}=e;if(!i.isFinite(s))return l+" must be a valid number";const r=I(t,s);return rh?l+" is too small, there can be at most "+h+" ticks.":!0},validSnapStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Snap step",minTicks:5,maxTicks:60})},validGridStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Grid step",minTicks:3,maxTicks:60})},validStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Step",minTicks:3,maxTicks:20})},validBackgroundImageSize:function(e){return e.url?e.width<=450&&e.height<=450?!0:"Image must be smaller than 450px x 450px.":!0},validateGraphSettings:function(e,s,t,l,c){const h=this;let r;if(!i.every(e,function(p){return r=h.validRange(p),r===!0})||!i.every(s,function(p,d){return r=h.validStep(p,e[d]),r===!0})||!i.every(t,function(p,d){return r=h.validGridStep(p,e[d]),r===!0})||!i.every(l,function(p,d){return r=h.validSnapStep(p,e[d]),r===!0}))return r;const S=this.validBackgroundImageSize(c);return S!==!0?(r=S,r):!0},changeLabel:function(e,s){const t=s.target.value,l=this.state.labelsTextbox.slice();l[e]=t,this.setState({labelsTextbox:l},this.changeGraph)},changeRange:function(e,s){const t=this.state.rangeTextbox.slice();t[e]=s;const l=this.state.stepTextbox.slice(),c=this.state.gridStepTextbox.slice(),h=this.state.snapStepTextbox.slice(),r=g.scaleFromExtent(t[e],this.props.box[e]);this.validRange(t[e])===!0&&(l[e]=g.tickStepFromExtent(t[e],this.props.box[e]),c[e]=g.gridStepFromTickStep(l[e],r),h[e]=c[e]/2),this.setState({stepTextbox:l,gridStepTextbox:c,snapStepTextbox:h,rangeTextbox:t},this.changeGraph)},changeStep:function(e){this.setState({stepTextbox:e},this.changeGraph)},changeSnapStep:function(e){this.setState({snapStepTextbox:e},this.changeGraph)},changeGridStep:function(e){this.setState({gridStepTextbox:e,snapStepTextbox:i.map(e,function(s){return s/2})},this.changeGraph)},changeGraph:function(){const e=this.state.labelsTextbox,s=i.map(this.state.rangeTextbox,function(b){return i.map(b,Number)}),t=i.map(this.state.stepTextbox,Number),l=this.state.gridStepTextbox,c=this.state.snapStepTextbox,h=this.state.backgroundImage,r=this.validateGraphSettings(s,t,l,c,h);r===!0?this.change({valid:!0,labels:e,range:s,step:t,gridStep:l,snapStep:c,backgroundImage:h}):this.change({valid:r})},render:function(){const e=[f.roundTo(2,g.scaleFromExtent(this.props.range[0],this.props.box[0])),f.roundTo(2,g.scaleFromExtent(this.props.range[1],this.props.box[1]))],{TeX:s}=k();return o("div",{children:[i.contains(this.props.editableSettings,"canvas")&&o("div",{className:"graph-settings",children:[o("div",{className:"perseus-widget-row",children:[a("label",{htmlFor:"canvas-size",children:"Canvas size (x,y pixels)"}),a(u,{id:"canvas-size",value:this.props.box,onChange:t=>{this.change({box:t})}})]}),o("div",{className:"perseus-widget-row",children:["Scale (px per div):"," ",a(s,{children:"("+e[0]+", "+e[1]+")"})]})]}),i.contains(this.props.editableSettings,"graph")&&o("div",{className:"graph-settings",children:[o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"labels-x",children:"x Label"}),a("input",{id:"labels-x",type:"text",className:"graph-settings-axis-label",ref:"labels-0",onChange:t=>this.changeLabel(0,t),value:this.state.labelsTextbox[0]||""})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"labels-y",children:"y Label"}),a("input",{id:"labels-y",type:"text",className:"graph-settings-axis-label",ref:"labels-1",onChange:t=>this.changeLabel(1,t),value:this.state.labelsTextbox[1]||""})]})]}),o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"range-x",children:"x Range"}),a(u,{id:"range-x",value:this.state.rangeTextbox[0],onChange:t=>this.changeRange(0,t)})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"range-y",children:"y Range"}),a(u,{id:"range-y",value:this.state.rangeTextbox[1],onChange:t=>this.changeRange(1,t)})]})]}),o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"tick-step",children:"Tick Step"}),a(u,{id:"tick-step",value:this.state.stepTextbox,onChange:this.changeStep})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"grid-step",children:"Grid Step"}),a(u,{id:"grid-step",value:this.state.gridStepTextbox,onChange:this.changeGridStep})]})]}),i.contains(this.props.editableSettings,"snap")&&a("div",{className:"perseus-widget-row",children:o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"snap-step",children:"Snap Step"}),a(u,{id:"snap-step",value:this.state.snapStepTextbox,onChange:this.changeSnapStep})]})}),o("div",{className:"perseus-widget-row",children:[a("label",{children:"Markings: "}),a(R,{value:this.props.markings,allowEmpty:!1,buttons:[{value:"graph",content:"Graph"},{value:"grid",content:"Grid"},{value:"none",content:"None"}],onChange:this.change("markings")})]}),a("div",{className:"perseus-widget-left-col",children:a(m,{label:"Show tooltips",checked:this.props.showTooltips,onChange:t=>{this.change({showTooltips:t})}})})]}),i.contains(this.props.editableSettings,"image")&&o("div",{className:"image-settings",children:[a("div",{children:"Background image:"}),o("div",{children:[a("label",{htmlFor:"bg-url",children:"Url:"}),a("input",{id:"bg-url",type:"text",className:"graph-settings-background-url",ref:"bg-url",value:this.state.backgroundImage.url||"",onChange:t=>{const l=i.clone(this.props.backgroundImage);l.url=t.target.value,this.setState({backgroundImage:l})},onKeyPress:this.changeBackgroundUrl,onBlur:this.changeBackgroundUrl}),a(G,{children:a("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]})]}),i.contains(this.props.editableSettings,"measure")&&o("div",{className:"misc-settings",children:[o("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(m,{label:"Show ruler",checked:this.props.showRuler,onChange:t=>{this.change({showRuler:t})}})}),a("div",{className:"perseus-widget-right-col",children:a(m,{label:"Show protractor",checked:this.props.showProtractor,onChange:t=>{this.change({showProtractor:t})}})})]}),this.props.showRuler&&o("div",{children:[a("div",{children:o("label",{children:[" ","Ruler label:"," ",o("select",{onChange:this.changeRulerLabel,value:this.props.rulerLabel,children:[a("option",{value:"",children:"None"}),a("optgroup",{label:"Metric",children:this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])}),a("optgroup",{label:"Imperial",children:this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]])})]})]})}),a("div",{children:o("label",{children:[" ","Ruler ticks:"," ",a("select",{onChange:this.changeRulerTicks,value:this.props.rulerTicks,children:i.map([1,2,4,8,10,16],function(t){return a("option",{value:t,children:t},t)})})]})})]})]})]})}}),ae=F;export{ae as G}; +import{j as a,a as o}from"./jsx-runtime-FVsy8kgq.js";import{p as v,c as T}from"./article-renderer-BOOaW4sB.js";import{_ as i}from"./jquery-yG1GhClm.js";import{U as g,K as f}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{g as k}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as w}from"./components-v_jsX-d9.js";import{i as x}from"./constants-iPV6vHZm.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{C as m}from"./index-QCAhLhLD.js";import{c as y}from"./index-fuycm_QE.js";import{P as n}from"./index-k-0mNqHS.js";import{R as N}from"./index-7vsPyIck.js";const{ButtonGroup:R,InfoTip:G,RangeInput:u}=w,C={url:null,width:0,height:0};function I(e,s){return Math.floor((e[1]-e[0])/s)}const F=y({displayName:"GraphSettings",propTypes:{...v,editableSettings:n.arrayOf(n.oneOf(["canvas","graph","snap","image","measure"])),box:n.arrayOf(n.number),labels:n.arrayOf(n.string),range:n.arrayOf(n.arrayOf(n.number)),step:n.arrayOf(n.number),gridStep:n.arrayOf(n.number),snapStep:n.arrayOf(n.number),valid:n.oneOfType([n.bool,n.string]),backgroundImage:n.object,markings:n.oneOf(["graph","grid","none"]),showProtractor:n.bool,showRuler:n.bool,showTooltips:n.bool,rulerLabel:n.string,rulerTicks:n.number},getDefaultProps:function(){return{editableSettings:["graph","snap","image","measure"],box:[x.defaultBoxSizeSmall,x.defaultBoxSizeSmall],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:C,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=i.debounce(this.changeGraph,300)},UNSAFE_componentWillReceiveProps:function(e){(!i.isEqual(this.props.labels,e.labels)||!i.isEqual(this.props.gridStep,e.gridStep)||!i.isEqual(this.props.snapStep,e.snapStep)||!i.isEqual(this.props.step,e.step)||!i.isEqual(this.props.range,e.range)||!i.isEqual(this.props.backgroundImage,e.backgroundImage))&&this.setState(this.stateFromProps(e))},componentWillUnmount:function(){this._isMounted=!1},stateFromProps:function(e){return{labelsTextbox:e.labels,gridStepTextbox:e.gridStep,snapStepTextbox:e.snapStep,stepTextbox:e.step,rangeTextbox:e.range,backgroundImage:i.clone(e.backgroundImage)}},change(...e){return T.apply(this,e)},changeRulerLabel:function(e){this.change({rulerLabel:e.target.value})},changeRulerTicks:function(e){this.change({rulerTicks:+e.target.value})},changeBackgroundUrl:function(e){if(e.type==="keypress"&&e.key!=="Enter")return;const s=(l,c,h)=>{const r=i.clone(this.props.backgroundImage);r.url=l,r.width=c,r.height=h,this.setState({backgroundImage:r},this.changeGraph)},t=N.findDOMNode(this.refs["bg-url"]).value;t?g.getImageSize(t,(l,c)=>{this._isMounted&&s(t,l,c)}):s(null,0,0)},renderLabelChoices:function(e){return i.map(e,function([s,t]){return a("option",{value:t,children:s},t)})},validRange:function(e){return i.every(e,function(t){return i.isFinite(t)})?e[0]>=e[1]?"Range must have a higher number on the right":!0:"Range must be a valid number"},validateStepValue:function(e){const{step:s,range:t,name:l,minTicks:c,maxTicks:h}=e;if(!i.isFinite(s))return l+" must be a valid number";const r=I(t,s);return rh?l+" is too small, there can be at most "+h+" ticks.":!0},validSnapStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Snap step",minTicks:5,maxTicks:60})},validGridStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Grid step",minTicks:3,maxTicks:60})},validStep:function(e,s){return this.validateStepValue({step:e,range:s,name:"Step",minTicks:3,maxTicks:20})},validBackgroundImageSize:function(e){return e.url?e.width<=450&&e.height<=450?!0:"Image must be smaller than 450px x 450px.":!0},validateGraphSettings:function(e,s,t,l,c){const h=this;let r;if(!i.every(e,function(p){return r=h.validRange(p),r===!0})||!i.every(s,function(p,d){return r=h.validStep(p,e[d]),r===!0})||!i.every(t,function(p,d){return r=h.validGridStep(p,e[d]),r===!0})||!i.every(l,function(p,d){return r=h.validSnapStep(p,e[d]),r===!0}))return r;const S=this.validBackgroundImageSize(c);return S!==!0?(r=S,r):!0},changeLabel:function(e,s){const t=s.target.value,l=this.state.labelsTextbox.slice();l[e]=t,this.setState({labelsTextbox:l},this.changeGraph)},changeRange:function(e,s){const t=this.state.rangeTextbox.slice();t[e]=s;const l=this.state.stepTextbox.slice(),c=this.state.gridStepTextbox.slice(),h=this.state.snapStepTextbox.slice(),r=g.scaleFromExtent(t[e],this.props.box[e]);this.validRange(t[e])===!0&&(l[e]=g.tickStepFromExtent(t[e],this.props.box[e]),c[e]=g.gridStepFromTickStep(l[e],r),h[e]=c[e]/2),this.setState({stepTextbox:l,gridStepTextbox:c,snapStepTextbox:h,rangeTextbox:t},this.changeGraph)},changeStep:function(e){this.setState({stepTextbox:e},this.changeGraph)},changeSnapStep:function(e){this.setState({snapStepTextbox:e},this.changeGraph)},changeGridStep:function(e){this.setState({gridStepTextbox:e,snapStepTextbox:i.map(e,function(s){return s/2})},this.changeGraph)},changeGraph:function(){const e=this.state.labelsTextbox,s=i.map(this.state.rangeTextbox,function(b){return i.map(b,Number)}),t=i.map(this.state.stepTextbox,Number),l=this.state.gridStepTextbox,c=this.state.snapStepTextbox,h=this.state.backgroundImage,r=this.validateGraphSettings(s,t,l,c,h);r===!0?this.change({valid:!0,labels:e,range:s,step:t,gridStep:l,snapStep:c,backgroundImage:h}):this.change({valid:r})},render:function(){const e=[f.roundTo(2,g.scaleFromExtent(this.props.range[0],this.props.box[0])),f.roundTo(2,g.scaleFromExtent(this.props.range[1],this.props.box[1]))],{TeX:s}=k();return o("div",{children:[i.contains(this.props.editableSettings,"canvas")&&o("div",{className:"graph-settings",children:[o("div",{className:"perseus-widget-row",children:[a("label",{htmlFor:"canvas-size",children:"Canvas size (x,y pixels)"}),a(u,{id:"canvas-size",value:this.props.box,onChange:t=>{this.change({box:t})}})]}),o("div",{className:"perseus-widget-row",children:["Scale (px per div):"," ",a(s,{children:"("+e[0]+", "+e[1]+")"})]})]}),i.contains(this.props.editableSettings,"graph")&&o("div",{className:"graph-settings",children:[o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"labels-x",children:"x Label"}),a("input",{id:"labels-x",type:"text",className:"graph-settings-axis-label",ref:"labels-0",onChange:t=>this.changeLabel(0,t),value:this.state.labelsTextbox[0]||""})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"labels-y",children:"y Label"}),a("input",{id:"labels-y",type:"text",className:"graph-settings-axis-label",ref:"labels-1",onChange:t=>this.changeLabel(1,t),value:this.state.labelsTextbox[1]||""})]})]}),o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"range-x",children:"x Range"}),a(u,{id:"range-x",value:this.state.rangeTextbox[0],onChange:t=>this.changeRange(0,t)})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"range-y",children:"y Range"}),a(u,{id:"range-y",value:this.state.rangeTextbox[1],onChange:t=>this.changeRange(1,t)})]})]}),o("div",{className:"perseus-widget-row",children:[o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"tick-step",children:"Tick Step"}),a(u,{id:"tick-step",value:this.state.stepTextbox,onChange:this.changeStep})]}),o("div",{className:"perseus-widget-right-col",children:[a("label",{htmlFor:"grid-step",children:"Grid Step"}),a(u,{id:"grid-step",value:this.state.gridStepTextbox,onChange:this.changeGridStep})]})]}),i.contains(this.props.editableSettings,"snap")&&a("div",{className:"perseus-widget-row",children:o("div",{className:"perseus-widget-left-col",children:[a("label",{htmlFor:"snap-step",children:"Snap Step"}),a(u,{id:"snap-step",value:this.state.snapStepTextbox,onChange:this.changeSnapStep})]})}),o("div",{className:"perseus-widget-row",children:[a("label",{children:"Markings: "}),a(R,{value:this.props.markings,allowEmpty:!1,buttons:[{value:"graph",content:"Graph"},{value:"grid",content:"Grid"},{value:"none",content:"None"}],onChange:this.change("markings")})]}),a("div",{className:"perseus-widget-left-col",children:a(m,{label:"Show tooltips",checked:this.props.showTooltips,onChange:t=>{this.change({showTooltips:t})}})})]}),i.contains(this.props.editableSettings,"image")&&o("div",{className:"image-settings",children:[a("div",{children:"Background image:"}),o("div",{children:[a("label",{htmlFor:"bg-url",children:"Url:"}),a("input",{id:"bg-url",type:"text",className:"graph-settings-background-url",ref:"bg-url",value:this.state.backgroundImage.url||"",onChange:t=>{const l=i.clone(this.props.backgroundImage);l.url=t.target.value,this.setState({backgroundImage:l})},onKeyPress:this.changeBackgroundUrl,onBlur:this.changeBackgroundUrl}),a(G,{children:a("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]})]}),i.contains(this.props.editableSettings,"measure")&&o("div",{className:"misc-settings",children:[o("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(m,{label:"Show ruler",checked:this.props.showRuler,onChange:t=>{this.change({showRuler:t})}})}),a("div",{className:"perseus-widget-right-col",children:a(m,{label:"Show protractor",checked:this.props.showProtractor,onChange:t=>{this.change({showProtractor:t})}})})]}),this.props.showRuler&&o("div",{children:[a("div",{children:o("label",{children:[" ","Ruler label:"," ",o("select",{onChange:this.changeRulerLabel,value:this.props.rulerLabel,children:[a("option",{value:"",children:"None"}),a("optgroup",{label:"Metric",children:this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])}),a("optgroup",{label:"Imperial",children:this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]])})]})]})}),a("div",{children:o("label",{children:[" ","Ruler ticks:"," ",a("select",{onChange:this.changeRulerTicks,value:this.props.rulerTicks,children:i.map([1,2,4,8,10,16],function(t){return a("option",{value:t,children:t},t)})})]})})]})]})]})}}),ae=F;export{ae as G}; diff --git a/assets/graph-settings.stories-lEUOXH6m.js b/assets/graph-settings.stories-J55hf8a_.js similarity index 79% rename from assets/graph-settings.stories-lEUOXH6m.js rename to assets/graph-settings.stories-J55hf8a_.js index 66ddc40ec6..4e674b9fd1 100644 --- a/assets/graph-settings.stories-lEUOXH6m.js +++ b/assets/graph-settings.stories-J55hf8a_.js @@ -1,3 +1,3 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{G as i}from"./graph-settings-biSSNAI_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";const a={editableSettings:{control:{type:"array",options:["canvas","graph","snap","image","measure"]}},box:{control:{type:"array"}},range:{control:{type:"object"}},labels:{control:{type:"object"}},step:{control:{type:"object"}},gridStep:{control:{type:"object"}},snapStep:{control:{type:"object"}},valid:{control:{type:"text"}},backgroundImage:{control:{type:"object"}},markings:{control:{type:"select"},table:{type:{summary:'"graph" | "grid" | "none"'}},type:{name:"enum",value:["graph","grid","none"],required:!1}},rulerLabel:{control:{type:"text"}},rulerTicks:{control:{type:"number"}},showTooltips:{control:{type:"boolean"}},onChange:{control:{type:"function"}}},Yt={title:"PerseusEditor/Components/Graph Settings",component:i,argTypes:a},t=m=>e(i,{...m});t.args={range:[[-10,10],[-10,10]]};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,o,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{G as i}from"./graph-settings-DK80fLX7.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";const a={editableSettings:{control:{type:"array",options:["canvas","graph","snap","image","measure"]}},box:{control:{type:"array"}},range:{control:{type:"object"}},labels:{control:{type:"object"}},step:{control:{type:"object"}},gridStep:{control:{type:"object"}},snapStep:{control:{type:"object"}},valid:{control:{type:"text"}},backgroundImage:{control:{type:"object"}},markings:{control:{type:"select"},table:{type:{summary:'"graph" | "grid" | "none"'}},type:{name:"enum",value:["graph","grid","none"],required:!1}},rulerLabel:{control:{type:"text"}},rulerTicks:{control:{type:"number"}},showTooltips:{control:{type:"boolean"}},onChange:{control:{type:"function"}}},Yt={title:"PerseusEditor/Components/Graph Settings",component:i,argTypes:a},t=m=>e(i,{...m});t.args={range:[[-10,10],[-10,10]]};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var r,o,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(p=(o=t.parameters)==null?void 0:o.docs)==null?void 0:p.source}}};const Zt=["Default"];export{t as Default,Zt as __namedExportsOrder,Yt as default}; diff --git a/assets/grapher.stories-6GM1EnH6.js b/assets/grapher.stories-7o2kOMXC.js similarity index 92% rename from assets/grapher.stories-6GM1EnH6.js rename to assets/grapher.stories-7o2kOMXC.js index 29de7f3169..dccf05a873 100644 --- a/assets/grapher.stories-6GM1EnH6.js +++ b/assets/grapher.stories-7o2kOMXC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{R as r}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const A={content:`The graph of the function $h(x)=2|x|$ is shown on the grid below. +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{R as r}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const A={content:`The graph of the function $h(x)=2|x|$ is shown on the grid below. **Graph the function $f(x)=2|x-8|+1$ in the interactive graph. ** diff --git a/assets/graphie.stories-pxUaDseE.js b/assets/graphie.stories-x87nH6yq.js similarity index 82% rename from assets/graphie.stories-pxUaDseE.js rename to assets/graphie.stories-x87nH6yq.js index 5e6cca255e..cff59ee923 100644 --- a/assets/graphie.stories-pxUaDseE.js +++ b/assets/graphie.stories-x87nH6yq.js @@ -1,4 +1,4 @@ -import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{S as d}from"./server-item-renderer-with-debug-ui-nisHQFqK.js";import{I as u}from"./article-renderer-q7kSP2w4.js";import{a as g}from"./svg-image-QKR8YXWf.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer--3S3VYBz.js";import"./renderer-ULNOY64X.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-HbOOlLb6.js";import"./shared-4TdECMLk.js";import"./base-radio-NUDOhlSE.js";import"./choice-none-above-7sZgmnsx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./ke-score-ui-VwVxZMGJ.js";import"./side-by-side-kGWaKY6T.js";import"./test-dependencies-BYssWPiu.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./enums-x5qaTru7.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-mbE4GLUb.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";const h={answerArea:Object.fromEntries(u.map(i=>[i,!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}}}},answer:null},o=200,mt={title:"Perseus/Components/Graphie"},r=i=>c(g,{box:[o,o],setDrawingAreaAvailable:()=>{},setup:()=>{}}),t=i=>c(d,{item:h});r.__docgenInfo={description:"",methods:[],displayName:"SquareBoxSizeAndOtherwiseEmpty"};t.__docgenInfo={description:"",methods:[],displayName:"PieChartGraphieLabels"};var e,m,p;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{S as d}from"./server-item-renderer-with-debug-ui-b5CqN-Cf.js";import{I as u}from"./article-renderer-BOOaW4sB.js";import{a as g}from"./svg-image-QKR8YXWf.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer-own7mR8u.js";import"./renderer-dyWsFSUA.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-rWnJ078P.js";import"./shared-4TdECMLk.js";import"./base-radio-jqxXuHNO.js";import"./choice-none-above-NXvpeqY4.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./ke-score-ui-VwVxZMGJ.js";import"./side-by-side-kGWaKY6T.js";import"./test-dependencies-6YNLO4fV.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./enums-x5qaTru7.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-MQdUvt3_.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";const h={answerArea:Object.fromEntries(u.map(i=>[i,!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}}}},answer:null},o=200,mt={title:"Perseus/Components/Graphie"},r=i=>c(g,{box:[o,o],setDrawingAreaAvailable:()=>{},setup:()=>{}}),t=i=>c(d,{item:h});r.__docgenInfo={description:"",methods:[],displayName:"SquareBoxSizeAndOtherwiseEmpty"};t.__docgenInfo={description:"",methods:[],displayName:"PieChartGraphieLabels"};var e,m,p;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return {}} setup={() => {}} />; }`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var a,s,n;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/group.stories-z_FhX61d.js b/assets/group.stories-TFeYo_eV.js similarity index 87% rename from assets/group.stories-z_FhX61d.js rename to assets/group.stories-TFeYo_eV.js index 821e095fff..75f45120c7 100644 --- a/assets/group.stories-z_FhX61d.js +++ b/assets/group.stories-TFeYo_eV.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as n}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const a={content:`![](https://ka-perseus-graphie.s3.amazonaws.com/3e6d0981127dea205c2becc0ead24702fbe862a1.png) +import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as n}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const a={content:`![](https://ka-perseus-graphie.s3.amazonaws.com/3e6d0981127dea205c2becc0ead24702fbe862a1.png) ===== diff --git a/assets/hints-renderer-HbOOlLb6.js b/assets/hints-renderer-rWnJ078P.js similarity index 99% rename from assets/hints-renderer-HbOOlLb6.js rename to assets/hints-renderer-rWnJ078P.js index ede56a8737..9a9cf5eb07 100644 --- a/assets/hints-renderer-HbOOlLb6.js +++ b/assets/hints-renderer-rWnJ078P.js @@ -1,4 +1,4 @@ -import{a as c,j as g}from"./jsx-runtime-FVsy8kgq.js";import{l as R,R as N,p as A}from"./renderer-ULNOY64X.js";import{l as i}from"./index-awljIyHI.js";import{c as O}from"./index-dnMhQZ-1.js";import{r as x}from"./index-TT1qJ6UJ.js";import{R as E}from"./index-7vsPyIck.js";import{_ as p}from"./jquery-yG1GhClm.js";import{P as W}from"./i18n-context-P7VpLqM1.js";import{l as d,m as L,o as j,k as I,q as _,h as P}from"./constants-iPV6vHZm.js";import{m as u}from"./media-queries-gbofTbz-.js";import{A as $}from"./perseus-api-mOiZT07d.js";import{s as F}from"./shared-4TdECMLk.js";import{U as S}from"./util-F8-MDmsT.js";const v=class v extends x.Component{constructor(){super(...arguments),this.getSerializedState=()=>this.refs.renderer.getSerializedState(),this.restoreSerializedState=(e,t)=>{this.refs.renderer.restoreSerializedState(e,t)}}render(){const{apiOptions:e,className:t,hint:r,lastHint:n,lastRendered:a,pos:y,totalHints:m}=this.props,{isMobile:h}=e,s=O("hint",!h&&"perseus-hint-renderer",h&&i.css(T.newHint),h&&a&&i.css(T.lastRenderedNewHint),n&&"last-hint",a&&"last-rendered",t),o={...e,customKeypad:!1};return c("div",{className:s,tabIndex:"-1",children:[!e.isMobile&&g("span",{className:"perseus-sr-only",children:this.context.strings.hintPos({pos:y+1})}),!e.isMobile&&m!=null&&y!=null&&g("span",{className:"perseus-hint-label",style:{display:"block",color:e.hintProgressColor},children:`${y+1} / ${m}`}),g(N,{ref:"renderer",widgets:r.widgets,content:r.content||"",images:r.images,apiOptions:o,findExternalWidgets:this.props.findExternalWidgets,linterContext:A(this.props.linterContext,"hint"),strings:this.context.strings})]})}};v.contextType=W,v.defaultProps={linterContext:R};let b=v;const T=i.StyleSheet.create({newHint:{marginBottom:1.5*d,borderLeftColor:L,borderLeftStyle:"solid",borderLeftWidth:j,[u.lgOrSmaller]:{paddingLeft:d},[u.smOrSmaller]:{paddingLeft:0},":focus":{outline:"none"}},lastRenderedNewHint:{marginBottom:0,borderLeftColor:I}});b.__docgenInfo={description:"",methods:[{name:"getSerializedState",docblock:null,modifiers:[],params:[],returns:null},{name:"restoreSerializedState",docblock:null,modifiers:[],params:[{name:"state",optional:!1,type:null},{name:"callback",optional:!1,type:null}],returns:null}],displayName:"HintRenderer",props:{apiOptions:{required:!0,tsType:{name:"Readonly",elements:[{name:"signature",type:"object",raw:`{ +import{a as c,j as g}from"./jsx-runtime-FVsy8kgq.js";import{l as R,R as N,p as A}from"./renderer-dyWsFSUA.js";import{l as i}from"./index-awljIyHI.js";import{c as O}from"./index-dnMhQZ-1.js";import{r as x}from"./index-TT1qJ6UJ.js";import{R as E}from"./index-7vsPyIck.js";import{_ as p}from"./jquery-yG1GhClm.js";import{P as W}from"./i18n-context-P7VpLqM1.js";import{l as d,m as L,o as j,k as I,q as _,h as P}from"./constants-iPV6vHZm.js";import{m as u}from"./media-queries-gbofTbz-.js";import{A as $}from"./perseus-api-mOiZT07d.js";import{s as F}from"./shared-4TdECMLk.js";import{U as S}from"./util-F8-MDmsT.js";const v=class v extends x.Component{constructor(){super(...arguments),this.getSerializedState=()=>this.refs.renderer.getSerializedState(),this.restoreSerializedState=(e,t)=>{this.refs.renderer.restoreSerializedState(e,t)}}render(){const{apiOptions:e,className:t,hint:r,lastHint:n,lastRendered:a,pos:y,totalHints:m}=this.props,{isMobile:h}=e,s=O("hint",!h&&"perseus-hint-renderer",h&&i.css(T.newHint),h&&a&&i.css(T.lastRenderedNewHint),n&&"last-hint",a&&"last-rendered",t),o={...e,customKeypad:!1};return c("div",{className:s,tabIndex:"-1",children:[!e.isMobile&&g("span",{className:"perseus-sr-only",children:this.context.strings.hintPos({pos:y+1})}),!e.isMobile&&m!=null&&y!=null&&g("span",{className:"perseus-hint-label",style:{display:"block",color:e.hintProgressColor},children:`${y+1} / ${m}`}),g(N,{ref:"renderer",widgets:r.widgets,content:r.content||"",images:r.images,apiOptions:o,findExternalWidgets:this.props.findExternalWidgets,linterContext:A(this.props.linterContext,"hint"),strings:this.context.strings})]})}};v.contextType=W,v.defaultProps={linterContext:R};let b=v;const T=i.StyleSheet.create({newHint:{marginBottom:1.5*d,borderLeftColor:L,borderLeftStyle:"solid",borderLeftWidth:j,[u.lgOrSmaller]:{paddingLeft:d},[u.smOrSmaller]:{paddingLeft:0},":focus":{outline:"none"}},lastRenderedNewHint:{marginBottom:0,borderLeftColor:I}});b.__docgenInfo={description:"",methods:[{name:"getSerializedState",docblock:null,modifiers:[],params:[],returns:null},{name:"restoreSerializedState",docblock:null,modifiers:[],params:[{name:"state",optional:!1,type:null},{name:"callback",optional:!1,type:null}],returns:null}],displayName:"HintRenderer",props:{apiOptions:{required:!0,tsType:{name:"Readonly",elements:[{name:"signature",type:"object",raw:`{ isArticle?: boolean; onFocusChange?: ( newFocusPath: FocusPath, diff --git a/assets/hints-renderer.stories-Yx3DfRiI.js b/assets/hints-renderer.stories-SNn4_t8J.js similarity index 96% rename from assets/hints-renderer.stories-Yx3DfRiI.js rename to assets/hints-renderer.stories-SNn4_t8J.js index db345b911b..0d45928536 100644 --- a/assets/hints-renderer.stories-Yx3DfRiI.js +++ b/assets/hints-renderer.stories-SNn4_t8J.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{V as Y}from"./index-6h5t6F0w.js";import{H as Z}from"./hints-renderer-HbOOlLb6.js";import{i as e}from"./interactive-graph-question-builder-Mh2lh4tI.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";const _e={title:"Perseus/Renderers/Hints Renderer",component:Z,decorators:[X=>m(Y,{style:{left:80},children:m(X,{})})],argTypes:{hintsVisible:{control:{min:0},defaultValue:3}}},r={args:{hints:[{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:{}}]}},i={args:{apiOptions:{flags:{mafs:{angle:!0,circle:!0,linear:!0,"linear-system":!0,point:!0,polygon:!0,ray:!0,segment:!0,quadratic:!0,sinusoid:!0}}},hints:[{...e().withAngle().build(),replace:!1},{...e().withCircle().build(),replace:!1},{...e().withLinear().build(),replace:!1},{...e().withLinearSystem().build(),replace:!1},{...e().withPoints(3).build(),replace:!1},{...e().withPolygon().build(),replace:!1},{...e().withRay().build(),replace:!1},{...e().withSegments().build(),replace:!1},{...e().withQuadratic().build(),replace:!1},{...e().withSinusoid().build(),replace:!1}]}},a={args:{apiOptions:{flags:{mafs:{segment:!0}}},hints:[{...e().build(),replace:!1}]}},n={args:{apiOptions:{flags:{mafs:{linear:!0}}},hints:[{...e().withLinear().build(),replace:!1}]}},t={args:{apiOptions:{flags:{mafs:{"linear-system":!0}}},hints:[{...e().withLinearSystem().build(),replace:!1}]}},s={args:{apiOptions:{flags:{mafs:{ray:!0}}},hints:[{...e().withRay().build(),replace:!1}]}},l={args:{apiOptions:{flags:{mafs:{circle:!0}}},hints:[{...e().withCircle().build(),replace:!1}]}},o={args:{apiOptions:{flags:{mafs:{quadratic:!0}}},hints:[{...e().withQuadratic().build(),replace:!1}]}},p={args:{apiOptions:{flags:{mafs:{circle:!0}}},hints:[{...e().withSinusoid().build(),replace:!1}]}},c={args:{apiOptions:{flags:{mafs:{polygon:!0}}},hints:[{...e().withPolygon().build(),replace:!1},{...e().withPolygon("angles").build(),replace:!1},{...e().withPolygon("sides").build(),replace:!1}]}},u={args:{apiOptions:{flags:{mafs:{point:!0}}},hints:[{...e().withPoints(3).build(),replace:!1}]}},h={args:{apiOptions:{flags:{mafs:{angle:!0}}},hints:[{...e().withAngle().build(),replace:!1}]}};var d,g,f;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{ +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{V as Y}from"./index-6h5t6F0w.js";import{H as Z}from"./hints-renderer-rWnJ078P.js";import{i as e}from"./interactive-graph-question-builder-Mh2lh4tI.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";const _e={title:"Perseus/Renderers/Hints Renderer",component:Z,decorators:[X=>m(Y,{style:{left:80},children:m(X,{})})],argTypes:{hintsVisible:{control:{min:0},defaultValue:3}}},r={args:{hints:[{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:{}}]}},i={args:{apiOptions:{flags:{mafs:{angle:!0,circle:!0,linear:!0,"linear-system":!0,point:!0,polygon:!0,ray:!0,segment:!0,quadratic:!0,sinusoid:!0}}},hints:[{...e().withAngle().build(),replace:!1},{...e().withCircle().build(),replace:!1},{...e().withLinear().build(),replace:!1},{...e().withLinearSystem().build(),replace:!1},{...e().withPoints(3).build(),replace:!1},{...e().withPolygon().build(),replace:!1},{...e().withRay().build(),replace:!1},{...e().withSegments().build(),replace:!1},{...e().withQuadratic().build(),replace:!1},{...e().withSinusoid().build(),replace:!1}]}},a={args:{apiOptions:{flags:{mafs:{segment:!0}}},hints:[{...e().build(),replace:!1}]}},n={args:{apiOptions:{flags:{mafs:{linear:!0}}},hints:[{...e().withLinear().build(),replace:!1}]}},t={args:{apiOptions:{flags:{mafs:{"linear-system":!0}}},hints:[{...e().withLinearSystem().build(),replace:!1}]}},s={args:{apiOptions:{flags:{mafs:{ray:!0}}},hints:[{...e().withRay().build(),replace:!1}]}},l={args:{apiOptions:{flags:{mafs:{circle:!0}}},hints:[{...e().withCircle().build(),replace:!1}]}},o={args:{apiOptions:{flags:{mafs:{quadratic:!0}}},hints:[{...e().withQuadratic().build(),replace:!1}]}},p={args:{apiOptions:{flags:{mafs:{circle:!0}}},hints:[{...e().withSinusoid().build(),replace:!1}]}},c={args:{apiOptions:{flags:{mafs:{polygon:!0}}},hints:[{...e().withPolygon().build(),replace:!1},{...e().withPolygon("angles").build(),replace:!1},{...e().withPolygon("sides").build(),replace:!1}]}},u={args:{apiOptions:{flags:{mafs:{point:!0}}},hints:[{...e().withPoints(3).build(),replace:!1}]}},h={args:{apiOptions:{flags:{mafs:{angle:!0}}},hints:[{...e().withAngle().build(),replace:!1}]}};var d,g,f;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{ args: { hints: [{ content: "this is hint 1", diff --git a/assets/iframe-xdwevnfV.js b/assets/iframe-l_JfZPJj.js similarity index 79% rename from assets/iframe-xdwevnfV.js rename to assets/iframe-l_JfZPJj.js index 5f52cb3135..2f267a89e7 100644 --- a/assets/iframe-xdwevnfV.js +++ b/assets/iframe-l_JfZPJj.js @@ -1,7 +1,7 @@ -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))p(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const r of t.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&p(r)}).observe(document,{childList:!0,subtree:!0});function a(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function p(e){if(e.ep)return;e.ep=!0;const t=a(e);fetch(e.href,t)}})();const l="modulepreload",g=function(_,i){return new URL(_,i).href},d={},s=function(i,a,p){let e=Promise.resolve();if(a&&a.length>0){const t=document.getElementsByTagName("link");e=Promise.all(a.map(r=>{if(r=g(r,p),r in d)return;d[r]=!0;const c=r.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!p)for(let m=t.length-1;m>=0;m--){const u=t[m];if(u.href===r&&(!c||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${r}"]${E}`))return;const o=document.createElement("link");if(o.rel=c?"stylesheet":l,c||(o.as="script",o.crossOrigin=""),o.href=r,document.head.appendChild(o),c)return new Promise((m,u)=>{o.addEventListener("load",m),o.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${r}`)))})}))}return e.then(()=>i()).catch(t=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=t,window.dispatchEvent(r),!r.defaultPrevented)throw t})},{createBrowserChannel:O}=__STORYBOOK_MODULE_CHANNELS__,{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,n=O({page:"preview"});v.setChannel(n);window.__STORYBOOK_ADDONS_CHANNEL__=n;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=n);const R={"./packages/math-input/src/components/keypad/keypad-button.stories.tsx":async()=>s(()=>import("./keypad-button.stories-tDGMB8WS.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/components/keypad/keypad-mathquill.stories.tsx":async()=>s(()=>import("./keypad-mathquill.stories-88uF7uL_.js"),__vite__mapDeps([15,1,2,3,16,10,11,17,18,19,12,13,20,14,21,22,23,7,24,25,26,27,9,8,28,29,30,31]),import.meta.url),"./packages/math-input/src/components/keypad/keypad-pages/keypad-pages.stories.tsx":async()=>s(()=>import("./keypad-pages.stories-UYZo0hoJ.js"),__vite__mapDeps([32,1,2,3,4,5,6,33,28,7,8,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/components/keypad/navigation-pad.stories.tsx":async()=>s(()=>import("./navigation-pad.stories-qTnieBG4.js"),__vite__mapDeps([34,1,2,3,4,5,6,29,10,11,14,7,9,12,13]),import.meta.url),"./packages/math-input/src/components/tabbar/tabbar.stories.tsx":async()=>s(()=>import("./tabbar.stories-XOe59aSK.js"),__vite__mapDeps([35,1,2,3,26,10,11,27,9,12,13,14]),import.meta.url),"./packages/math-input/src/components/tabbar/tabbaritem.stories.tsx":async()=>s(()=>import("./tabbaritem.stories-mdibAqRo.js"),__vite__mapDeps([36,27,1,2,3,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/full-keypad.stories.tsx":async()=>s(()=>import("./full-keypad.stories-3neBq3qT.js"),__vite__mapDeps([37,1,2,3,4,5,6,33,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29]),import.meta.url),"./packages/math-input/src/full-mobile-input.stories.tsx":async()=>s(()=>import("./full-mobile-input.stories-909Yg5dZ.js"),__vite__mapDeps([38,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,4,5,6,39,40,30,31,41,42,43]),import.meta.url),"./packages/perseus-editor/src/__stories__/article-editor.stories.tsx":async()=>s(()=>import("./article-editor.stories-FSsUnzJ8.js"),__vite__mapDeps([44,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165]),import.meta.url),"./packages/perseus-editor/src/__stories__/content-preview.stories.tsx":async()=>s(()=>import("./content-preview.stories-QjULkfyK.js"),__vite__mapDeps([166,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,167,168,111,112,169,110,170]),import.meta.url),"./packages/perseus-editor/src/__stories__/editor-page.stories.tsx":async()=>s(()=>import("./editor-page.stories-gkOlgZD5.js"),__vite__mapDeps([171,1,2,3,113,114,41,47,45,46,40,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,115,110,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,172,4,5,6,173,169,112,111,174,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/editor.stories.tsx":async()=>s(()=>import("./editor.stories-fhoJqyBf.js"),__vite__mapDeps([176,1,2,3,10,11,4,5,6,177,40,109,45,46,47,39,24,17,21,25,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,169,178,179,180,173,174,181,170,182,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/interactive-graph-editor.stories.tsx":async()=>s(()=>import("./interactive-graph-editor.stories-GVF8SiGF.js"),__vite__mapDeps([183,1,2,3,10,11,84,14,23,4,5,6,177,40,109,45,46,47,39,24,17,21,25,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,169,178,179,180,173,174,181,170,184,185,172,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/item-editor.stories.tsx":async()=>s(()=>import("./item-editor.stories-O14NpySA.js"),__vite__mapDeps([186,1,2,3,174,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,170]),import.meta.url),"./packages/perseus-editor/src/__stories__/tex-error-view.stories.tsx":async()=>s(()=>import("./tex-error-view.stories-vwGgGZvn.js"),__vite__mapDeps([187,124,1,2,3,10,11,125,70]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/blur-input.stories.tsx":async()=>s(()=>import("./blur-input.stories-6PTTWtP8.js"),__vite__mapDeps([188,1,2,3,4,5,6,118]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/color-select.stories.tsx":async()=>s(()=>import("./color-select.stories-fZzW4vRT.js"),__vite__mapDeps([189,1,2,3,142,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,143]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/color-swatch.stories.tsx":async()=>s(()=>import("./color-swatch.stories-50WIDiZU.js"),__vite__mapDeps([190,1,2,3,143,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/device-framer.stories.tsx":async()=>s(()=>import("./device-framer.stories-K8WHTblx.js"),__vite__mapDeps([191,1,2,3,121,14,111,45,46,40,47,39,24,11,17,21,25,10,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,112]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/graph-settings.stories.tsx":async()=>s(()=>import("./graph-settings.stories-lEUOXH6m.js"),__vite__mapDeps([192,1,2,3,129,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,114,117]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/interactive-graph-settings.stories.tsx":async()=>s(()=>import("./interactive-graph-settings.stories-P8vvYofW.js"),__vite__mapDeps([193,1,2,3,135,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,134,123,125,194]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-ellipse-settings.stories.tsx":async()=>s(()=>import("./locked-ellipse-settings.stories-L-0H2LrB.js"),__vite__mapDeps([195,1,2,3,137,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,138,139,140,141,142,143,144]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-figures-section.stories.tsx":async()=>s(()=>import("./locked-figures-section.stories-oHGWxnUw.js"),__vite__mapDeps([196,1,2,3,10,11,14,136,82,12,13,20,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,134,123,125,92,76,48,40,46,25,50,52,53,54,56,59,60,61,62,67,68,137,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,75,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,138,139,140,141,142,143,144,145,146,147,148,149,150,151]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-function-settings.stories.tsx":async()=>s(()=>import("./locked-function-settings.stories-9-r8DiNY.js"),__vite__mapDeps([197,1,2,3,145,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,92,76,48,40,46,25,50,52,53,54,56,59,60,61,62,67,68,75,141,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,139,142,143,138,110,144,146]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-label-settings.stories.tsx":async()=>s(()=>import("./locked-label-settings.stories-ud2D2oZq.js"),__vite__mapDeps([198,1,2,3,141,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,139,142,143]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-line-settings.stories.tsx":async()=>s(()=>import("./locked-line-settings.stories-UZZNfW31.js"),__vite__mapDeps([199,1,2,3,147,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,82,12,13,20,23,83,19,70,72,84,16,18,21,22,51,85,63,64,41,65,66,80,86,87,88,92,76,48,50,60,61,62,67,68,138,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,75,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,144,146,148,149]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-point-settings.stories.tsx":async()=>s(()=>import("./locked-point-settings.stories-U8Batb_s.js"),__vite__mapDeps([200,1,2,3,148,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,138,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,149]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-polygon-settings.stories.tsx":async()=>s(()=>import("./locked-polygon-settings.stories-EuiMkbg4.js"),__vite__mapDeps([201,1,2,3,150,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,141,139,142,143,138,110,149,144]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-vector-settings.stories.tsx":async()=>s(()=>import("./locked-vector-settings.stories-ndprWg6C.js"),__vite__mapDeps([202,1,2,3,151,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,82,12,13,20,23,83,19,70,72,84,16,18,21,22,51,85,63,64,41,65,66,80,86,87,88,138,45,39,24,26,27,9,7,8,28,29,30,31,42,43,48,50,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,146]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/scrollless-number-text-field.stories.tsx":async()=>s(()=>import("./scrollless-number-text-field.stories-nOE7CJ-i.js"),__vite__mapDeps([203,1,2,3,10,11,23,139,75,14,70,76]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/section-control-button.stories.tsx":async()=>s(()=>import("./section-control-button.stories-6YFE4PDD.js"),__vite__mapDeps([204,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,122,110,123]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/toggleable-caret.stories.tsx":async()=>s(()=>import("./toggleable-caret.stories-nhN-z0SF.js"),__vite__mapDeps([205,1,2,3,21,125,70,10,11]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/viewport-resizer.stories.tsx":async()=>s(()=>import("./viewport-resizer.stories-vKRsWYv0.js"),__vite__mapDeps([206,1,2,3,4,5,6,169,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,112]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx":async()=>s(()=>import("./structured-item-diff.stories-CWbmKUUj.js"),__vite__mapDeps([207,1,2,3,178,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,179,110,117,180,208]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/tags-diff.stories.tsx":async()=>s(()=>import("./tags-diff.stories-Q0DkmFzI.js"),__vite__mapDeps([209,1,2,3,180,179,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,208]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/text-diff.stories.tsx":async()=>s(()=>import("./text-diff.stories-XmjmtCiu.js"),__vite__mapDeps([210,1,2,3,179,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,208]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/categorizer-editor.stories.tsx":async()=>s(()=>import("./categorizer-editor.stories-UKDHYB5D.js"),__vite__mapDeps([211,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,4,5,6,115,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/definition-editor.stories.tsx":async()=>s(()=>import("./definition-editor.stories-vNcAeK8n.js"),__vite__mapDeps([212,1,2,3,4,5,6,119,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/dropdown-editor.stories.tsx":async()=>s(()=>import("./dropdown-editor.stories-RlFwxvWb.js"),__vite__mapDeps([213,1,2,3,4,5,6,126,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/explanation-editor.stories.tsx":async()=>s(()=>import("./explanation-editor.stories-tGOpA0R6.js"),__vite__mapDeps([214,1,2,3,4,5,6,127,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/expression-editor.stories.tsx":async()=>s(()=>import("./expression-editor.stories-HiEKFaAa.js"),__vite__mapDeps([215,1,2,3,11,216,82,10,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,128,110,114,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/image-editor.stories.tsx":async()=>s(()=>import("./image-editor.stories-YsFJqL9z.js"),__vite__mapDeps([218,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,4,5,6,130,110,116,118,120,114,117,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/input-number-editor.stories.tsx":async()=>s(()=>import("./input-number-editor.stories-S1KfB3q7.js"),__vite__mapDeps([219,1,2,3,4,5,6,131,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,118]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/interaction-editor.stories.tsx":async()=>s(()=>import("./interaction-editor.stories-AZFk78uh.js"),__vite__mapDeps([220,1,2,3,132,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,116,129,110,114,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/interactive-graph-editor.stories.tsx":async()=>s(()=>import("./interactive-graph-editor.stories-7BCIFVLf.js"),__vite__mapDeps([221,1,2,3,175,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,133,110,134,123,125,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,194]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/label-image-editor.stories.tsx":async()=>s(()=>import("./label-image-editor.stories--PPphpIE.js"),__vite__mapDeps([222,1,2,3,11,152,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,116,153,154,110,155,156,157,140,158]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/matcher-editor.stories.tsx":async()=>s(()=>import("./matcher-editor.stories-4VOp-1_e.js"),__vite__mapDeps([223,1,2,3,4,5,6,159,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/number-line-editor.stories.tsx":async()=>s(()=>import("./number-line-editor.stories-LIglpj8P.js"),__vite__mapDeps([224,1,2,3,4,5,6,160,46,40,47,45,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/numeric-input-editor.stories.tsx":async()=>s(()=>import("./numeric-input-editor.stories-muehzAbx.js"),__vite__mapDeps([225,1,2,3,4,5,6,161,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,120,114,117,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/phet-simulation-editor.stories.tsx":async()=>s(()=>import("./phet-simulation-editor.stories-EbaCBuHK.js"),__vite__mapDeps([226,4,5,6,162,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/python-program-editor.stories.tsx":async()=>s(()=>import("./python-program-editor.stories-PM5kUFfS.js"),__vite__mapDeps([227,1,2,3,4,5,6,163,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/radio-editor.stories.tsx":async()=>s(()=>import("./radio-editor.stories-pwi4e6Cf.js"),__vite__mapDeps([228,1,2,3,11,164,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/sorter-editor.stories.tsx":async()=>s(()=>import("./sorter-editor.stories-zZphQCRQ.js"),__vite__mapDeps([229,1,2,3,4,5,6,165,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx":async()=>s(()=>import("./answer-choices.stories-F5Z_iRig.js"),__vite__mapDeps([230,1,2,3,4,5,6,11,154,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/behavior.stories.tsx":async()=>s(()=>import("./behavior.stories-fKcmUOPj.js"),__vite__mapDeps([231,1,2,3,4,5,6,155,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx":async()=>s(()=>import("./marker.stories-Cf99UVKp.js"),__vite__mapDeps([232,1,2,3,4,5,6,11,157,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,140,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx":async()=>s(()=>import("./question-markers.stories-O4Ct01nw.js"),__vite__mapDeps([233,1,2,3,11,156,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,157,110,140,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx":async()=>s(()=>import("./select-image.stories-obUcjVyo.js"),__vite__mapDeps([234,1,2,3,11,158,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,153]),import.meta.url),"./packages/perseus/src/__stories__/article-renderer.stories.tsx":async()=>s(()=>import("./article-renderer.stories-YXgPXn3_.js"),__vite__mapDeps([235,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,4,5,6,236,217,45,46,40,47,39,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,237,167,238]),import.meta.url),"./packages/perseus/src/__stories__/hints-renderer.stories.tsx":async()=>s(()=>import("./hints-renderer.stories-Yx3DfRiI.js"),__vite__mapDeps([239,1,2,3,10,11,108,48,40,46,47,41,25,49,17,50,51,52,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,80,81,184,95,96,97]),import.meta.url),"./packages/perseus/src/__stories__/server-item-renderer.stories.tsx":async()=>s(()=>import("./server-item-renderer.stories-EyXqXHhE.js"),__vite__mapDeps([240,1,2,3,241,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/components/__stories__/button-group.stories.tsx":async()=>s(()=>import("./button-group.stories-Jd2GkQu3.js"),__vite__mapDeps([243,1,2,3,93,11]),import.meta.url),"./packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx":async()=>s(()=>import("./fixed-to-responsive.stories-AjZdl-mI.js"),__vite__mapDeps([244,1,2,3,53,54,49,55]),import.meta.url),"./packages/perseus/src/components/__stories__/graph.stories.tsx":async()=>s(()=>import("./graph.stories-kNoKGyN6.js"),__vite__mapDeps([245,1,2,3,94,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,50]),import.meta.url),"./packages/perseus/src/components/__stories__/graphie.stories.tsx":async()=>s(()=>import("./graphie.stories-pxUaDseE.js"),__vite__mapDeps([246,1,2,3,241,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/components/__stories__/hud.stories.tsx":async()=>s(()=>import("./hud.stories-bZbDNfls.js"),__vite__mapDeps([247,1,2,3,98,11,55]),import.meta.url),"./packages/perseus/src/components/__stories__/icon.stories.tsx":async()=>s(()=>import("./icon.stories-XuV9p1XS.js"),__vite__mapDeps([248,1,2,3,58,85]),import.meta.url),"./packages/perseus/src/components/__stories__/image-loader.stories.tsx":async()=>s(()=>import("./image-loader.stories-EA1-XT2A.js"),__vite__mapDeps([249,1,2,3,59,53]),import.meta.url),"./packages/perseus/src/components/__stories__/info-tip.stories.tsx":async()=>s(()=>import("./info-tip.stories-EgkjpDRN.js"),__vite__mapDeps([250,1,2,3,69,70,10,11,14,17,18,19,12,13,20,21,23,22]),import.meta.url),"./packages/perseus/src/components/__stories__/inline-icon.stories.tsx":async()=>s(()=>import("./inline-icon.stories-7-dBjnI0.js"),__vite__mapDeps([251,1,2,3,57]),import.meta.url),"./packages/perseus/src/components/__stories__/input-with-examples.stories.tsx":async()=>s(()=>import("./input-with-examples.stories-opk4Kfm4.js"),__vite__mapDeps([252,1,2,3,73,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,74,75,23,70,76,77]),import.meta.url),"./packages/perseus/src/components/__stories__/lint.stories.tsx":async()=>s(()=>import("./lint.stories-HkQyiy7_.js"),__vite__mapDeps([253,1,2,3,67,11,17,55,57]),import.meta.url),"./packages/perseus/src/components/__stories__/math-input.stories.tsx":async()=>s(()=>import("./math-input.stories-fB_2JEhx.js"),__vite__mapDeps([254,1,2,3,71,39,40,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,72,16,18,19,20,22,23,49,47,51]),import.meta.url),"./packages/perseus/src/components/__stories__/multi-button-group.stories.tsx":async()=>s(()=>import("./multi-button-group.stories-Cjx9YjZ1.js"),__vite__mapDeps([255,1,2,3,99,11,17]),import.meta.url),"./packages/perseus/src/components/__stories__/number-input.stories.tsx":async()=>s(()=>import("./number-input.stories-OwWBq5td.js"),__vite__mapDeps([256,1,2,3,100,46,40,47,49,64,41,17,51]),import.meta.url),"./packages/perseus/src/components/__stories__/range-input.stories.tsx":async()=>s(()=>import("./range-input.stories-bIh5QzHn.js"),__vite__mapDeps([257,1,2,3,101,64,41,100,46,40,47,49,17,51]),import.meta.url),"./packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx":async()=>s(()=>import("./simple-keypad-input.stories-SmGpj7aX.js"),__vite__mapDeps([258,1,2,3,78,39,40,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,64]),import.meta.url),"./packages/perseus/src/components/__stories__/sortable.stories.tsx":async()=>s(()=>import("./sortable.stories-bqwm0yVT.js"),__vite__mapDeps([259,1,2,3,104,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx":async()=>s(()=>import("./stub-tag-editor.stories-L-kojrKS.js"),__vite__mapDeps([260,1,2,3,65,64,41,66,47,17]),import.meta.url),"./packages/perseus/src/components/__stories__/svg-image.stories.tsx":async()=>s(()=>import("./svg-image.stories-Jm_Tnr3f.js"),__vite__mapDeps([261,1,2,3,52,40,46,47,11,10,14,49,53,54,55,17,25,56,57,58,59]),import.meta.url),"./packages/perseus/src/components/__stories__/tex.stories.tsx":async()=>s(()=>import("./tex.stories-EbmgsjH-.js"),__vite__mapDeps([262,1,2,3,60,53]),import.meta.url),"./packages/perseus/src/components/__stories__/text-input.stories.tsx":async()=>s(()=>import("./text-input.stories-4UlPFEkn.js"),__vite__mapDeps([263,1,2,3,74,75,10,11,14,23,70,76,17]),import.meta.url),"./packages/perseus/src/components/__stories__/text-list-editor.stories.tsx":async()=>s(()=>import("./text-list-editor.stories-IcrK9bTU.js"),__vite__mapDeps([264,1,2,3,4,5,6,66,47,64,41,17]),import.meta.url),"./packages/perseus/src/components/__stories__/tooltip.stories.tsx":async()=>s(()=>import("./tooltip.stories-oMVPbUSS.js"),__vite__mapDeps([265,1,2,3,10,11,77,17]),import.meta.url),"./packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx":async()=>s(()=>import("./zoomable-tex.stories-3wtGigPF.js"),__vite__mapDeps([266,1,2,3,62,50,60,53,61,17]),import.meta.url),"./packages/perseus/src/components/__stories__/zoomable.stories.tsx":async()=>s(()=>import("./zoomable.stories-i6qkT2VG.js"),__vite__mapDeps([267,1,2,3,61,17]),import.meta.url),"./packages/perseus/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx":async()=>s(()=>import("./visibility-observer.stories-pidMot5o.js"),__vite__mapDeps([268,1,2,3,17]),import.meta.url),"./packages/perseus/src/multi-items/__stories__/multi-renderer.stories.tsx":async()=>s(()=>import("./multi-renderer.stories-loCGM1pB.js"),__vite__mapDeps([269,1,2,3,10,11,23,82,12,13,20,14,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,181,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/widgets/categorizer/categorizer.stories.tsx":async()=>s(()=>import("./categorizer.stories-qzCzTdpk.js"),__vite__mapDeps([270,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/cs-program/cs-program.stories.tsx":async()=>s(()=>import("./cs-program.stories-Gv4P9Olk.js"),__vite__mapDeps([271,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/definition/definition.stories.tsx":async()=>s(()=>import("./definition.stories-iKXoCwIA.js"),__vite__mapDeps([272,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,236,237]),import.meta.url),"./packages/perseus/src/widgets/deprecated-standin/__stories__/deprecated-standin.stories.tsx":async()=>s(()=>import("./deprecated-standin.stories-HUz1nz3b.js"),__vite__mapDeps([273,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/dropdown/dropdown.stories.tsx":async()=>s(()=>import("./dropdown.stories-4QTSiyCO.js"),__vite__mapDeps([274,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/explanation/explanation.stories.tsx":async()=>s(()=>import("./explanation.stories-wjsIMO3Z.js"),__vite__mapDeps([275,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/expression/expression.stories.tsx":async()=>s(()=>import("./expression.stories-QTl8RZ6Z.js"),__vite__mapDeps([276,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,39,40,30,31,41,42,43,4,5,6,241,82,20,23,83,19,70,72,84,16,18,22,49,51,85,63,64,65,66,47,80,55,86,57,58,87,88,45,46,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237,238]),import.meta.url),"./packages/perseus/src/widgets/graded-group-set/graded-group-set.stories.tsx":async()=>s(()=>import("./graded-group-set.stories-0XUED5M2.js"),__vite__mapDeps([277,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/graded-group/graded-group.stories.tsx":async()=>s(()=>import("./graded-group.stories-ZX-bHIjM.js"),__vite__mapDeps([278,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/grapher/grapher.stories.tsx":async()=>s(()=>import("./grapher.stories-6GM1EnH6.js"),__vite__mapDeps([279,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/group/group.stories.tsx":async()=>s(()=>import("./group.stories-z_FhX61d.js"),__vite__mapDeps([280,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/iframe/iframe.stories.tsx":async()=>s(()=>import("./iframe.stories-NQ_kmlec.js"),__vite__mapDeps([281,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/image/image.stories.tsx":async()=>s(()=>import("./image.stories--DAxar9w.js"),__vite__mapDeps([282,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/input-number/input-number.stories.tsx":async()=>s(()=>import("./input-number.stories-a-8_bQZ0.js"),__vite__mapDeps([283,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/interaction/interaction.stories.tsx":async()=>s(()=>import("./interaction.stories-6zK4mWp1.js"),__vite__mapDeps([284,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/interactive-graph-regression.stories.tsx":async()=>s(()=>import("./interactive-graph-regression.stories-TWFn8puD.js"),__vite__mapDeps([285,1,2,3,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,184,95,96,97]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/interactive-graph.stories.tsx":async()=>s(()=>import("./interactive-graph.stories-FW4cPFnb.js"),__vite__mapDeps([286,1,2,3,90,11,19,10,12,13,20,14,83,70,91,23,51,53,55,82,72,84,16,17,18,21,22,49,85,63,64,41,65,66,47,80,86,57,58,87,88,105,69,25,45,46,40,39,24,26,27,9,7,8,28,29,30,31,42,43,48,50,52,54,56,59,60,61,62,67,68,71,73,74,75,76,77,78,79,81,89,92,93,94,95,96,97,98,99,100,101,102,103,104,106,107,108,216,182,217,185,184]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/locked-figures/locked-functions.stories.tsx":async()=>s(()=>import("./locked-functions.stories-xGVDvPlx.js"),__vite__mapDeps([287,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,185,184]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/answer-choices.stories.tsx":async()=>s(()=>import("./answer-choices.stories-fMr8dTUU.js"),__vite__mapDeps([288,1,2,3,23,10,11,92,20,12,13,14,70,76,17,19,21,22,18,51,48,40,46,47,41,25,49,50,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/answer-pill.stories.tsx":async()=>s(()=>import("./answer-pill.stories--LNeiJSS.js"),__vite__mapDeps([289,1,2,3,103,10,11,20,12,13,14,23,22,17,51,48,40,46,47,41,25,49,50,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/label-image.stories.tsx":async()=>s(()=>import("./label-image.stories-PGrJh1tX.js"),__vite__mapDeps([290,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/marker.stories.tsx":async()=>s(()=>import("./marker.stories-32PIg75M.js"),__vite__mapDeps([291,1,2,3,11,102,10,14,51,85,58,103,20,12,13,23,22,17,48,40,46,47,41,25,49,50,52,53,54,55,56,57,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/matcher/matcher.stories.tsx":async()=>s(()=>import("./matcher.stories-QzSxlNmr.js"),__vite__mapDeps([292,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/matrix/matrix.stories.tsx":async()=>s(()=>import("./matrix.stories-Jnd-2aB5.js"),__vite__mapDeps([293,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/number-line/number-line.stories.tsx":async()=>s(()=>import("./number-line.stories-0j1gBKye.js"),__vite__mapDeps([294,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,216,82,20,23,83,19,70,72,84,16,18,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,241,242,236,237,238,4,5,6]),import.meta.url),"./packages/perseus/src/widgets/numeric-input/numeric-input.stories.tsx":async()=>s(()=>import("./numeric-input.stories-xo4xkmIv.js"),__vite__mapDeps([295,1,2,3,4,5,6,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/orderer/orderer.stories.tsx":async()=>s(()=>import("./orderer.stories-Zfd4UMev.js"),__vite__mapDeps([296,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/passage-ref/passage-ref.stories.tsx":async()=>s(()=>import("./passage-ref.stories-tgWhqLop.js"),__vite__mapDeps([297,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/passage/passage.stories.tsx":async()=>s(()=>import("./passage.stories--nhS9LKr.js"),__vite__mapDeps([298,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/phet-simulation/phet-simulation.stories.tsx":async()=>s(()=>import("./phet-simulation.stories-GP1exJOZ.js"),__vite__mapDeps([299,90,1,2,3,11,19,10,12,13,20,14,83,70,91,23,51,53,55]),import.meta.url),"./packages/perseus/src/widgets/plotter/plotter.stories.tsx":async()=>s(()=>import("./plotter.stories-7uyAk3jk.js"),__vite__mapDeps([300,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/python-program/python-program.stories.tsx":async()=>s(()=>import("./python-program.stories-cHlC7_o1.js"),__vite__mapDeps([301,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/base-radio.stories.tsx":async()=>s(()=>import("./base-radio.stories-4jC3CNfv.js"),__vite__mapDeps([302,1,2,3,4,5,6,79,11,49,17,47,51,63,64,41,65,66,55,80,81,46,40,82,10,12,13,20,14,23,83,19,70,72,84,16,18,21,22,85,86,57,58,87,88,89,48,25,50,52,53,54,56,59,60,61,62,67,68]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice-icon.stories.tsx":async()=>s(()=>import("./choice-icon.stories-YT-cMBR1.js"),__vite__mapDeps([303,1,2,3,86,14,11,51,57,58,55,87]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice-none-above.stories.tsx":async()=>s(()=>import("./choice-none-above.stories-svt2yOcd.js"),__vite__mapDeps([304,1,2,3,4,5,6,89,51,48,40,46,47,41,25,49,17,50,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,82,12,13,20,23,83,19,70,72,84,16,18,21,22,85,80,86,87,88]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice.stories.tsx":async()=>s(()=>import("./choice.stories-Tpgo6AMQ.js"),__vite__mapDeps([305,1,2,3,4,5,6,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/focus-ring.stories.tsx":async()=>s(()=>import("./focus-ring.stories-7QsRCLYU.js"),__vite__mapDeps([306,1,2,3,55,87,11]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/option-status.stories.tsx":async()=>s(()=>import("./option-status.stories-wHk4kSBH.js"),__vite__mapDeps([307,1,2,3,88,14,11,51]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/radio.stories.tsx":async()=>s(()=>import("./radio.stories-SDbIScn4.js"),__vite__mapDeps([308,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,168]),import.meta.url),"./packages/perseus/src/widgets/sorter/sorter.stories.tsx":async()=>s(()=>import("./sorter.stories-BUP6f8xe.js"),__vite__mapDeps([309,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/video/video-transcript-link.stories.tsx":async()=>s(()=>import("./video-transcript-link.stories-bsS6Gp8X.js"),__vite__mapDeps([310,1,2,3,105,10,11,84,14,91,12,13,20,70,51,53]),import.meta.url),"./packages/perseus/src/widgets/video/video.stories.tsx":async()=>s(()=>import("./video.stories-D7iloHw7.js"),__vite__mapDeps([311,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url)};async function y(_){return R[_]()}const{composeConfigs:P,PreviewWeb:T,ClientApi:L}=__STORYBOOK_MODULE_PREVIEW_API__,I=async()=>{const _=await Promise.all([s(()=>import("./entry-preview-X1b_vaBy.js"),__vite__mapDeps([312,2,3,313,56,17]),import.meta.url),s(()=>import("./entry-preview-docs-9fNegKGE.js"),__vite__mapDeps([314,315,3,13,6,2]),import.meta.url),s(()=>import("./preview-VI2eoWmp.js"),__vite__mapDeps([316,317]),import.meta.url),s(()=>import("./preview-cbBBOkg1.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-98732p1V.js"),__vite__mapDeps([318,5,6]),import.meta.url),s(()=>import("./preview-FekBEZxm.js"),__vite__mapDeps([319,6]),import.meta.url),s(()=>import("./preview-1MSgikpN.js"),__vite__mapDeps([320,96]),import.meta.url),s(()=>import("./preview-u8M_OEO2.js"),__vite__mapDeps([321,6]),import.meta.url),s(()=>import("./preview-bEa2SesL.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-cIgB17wL.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-55ddxCaG.js"),__vite__mapDeps([322,1,2,3,14,10,11,45,46,40,47,39,24,17,21,25,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,236,217,237]),import.meta.url)]);return P(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new T;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new L({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:y,getProjectAnnotations:I});export{s as _}; +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))p(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const r of t.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&p(r)}).observe(document,{childList:!0,subtree:!0});function a(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function p(e){if(e.ep)return;e.ep=!0;const t=a(e);fetch(e.href,t)}})();const l="modulepreload",g=function(_,i){return new URL(_,i).href},d={},s=function(i,a,p){let e=Promise.resolve();if(a&&a.length>0){const t=document.getElementsByTagName("link");e=Promise.all(a.map(r=>{if(r=g(r,p),r in d)return;d[r]=!0;const c=r.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!p)for(let m=t.length-1;m>=0;m--){const u=t[m];if(u.href===r&&(!c||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${r}"]${E}`))return;const o=document.createElement("link");if(o.rel=c?"stylesheet":l,c||(o.as="script",o.crossOrigin=""),o.href=r,document.head.appendChild(o),c)return new Promise((m,u)=>{o.addEventListener("load",m),o.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${r}`)))})}))}return e.then(()=>i()).catch(t=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=t,window.dispatchEvent(r),!r.defaultPrevented)throw t})},{createBrowserChannel:O}=__STORYBOOK_MODULE_CHANNELS__,{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,n=O({page:"preview"});v.setChannel(n);window.__STORYBOOK_ADDONS_CHANNEL__=n;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=n);const R={"./packages/math-input/src/components/keypad/keypad-button.stories.tsx":async()=>s(()=>import("./keypad-button.stories-tDGMB8WS.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/components/keypad/keypad-mathquill.stories.tsx":async()=>s(()=>import("./keypad-mathquill.stories-88uF7uL_.js"),__vite__mapDeps([15,1,2,3,16,10,11,17,18,19,12,13,20,14,21,22,23,7,24,25,26,27,9,8,28,29,30,31]),import.meta.url),"./packages/math-input/src/components/keypad/keypad-pages/keypad-pages.stories.tsx":async()=>s(()=>import("./keypad-pages.stories-UYZo0hoJ.js"),__vite__mapDeps([32,1,2,3,4,5,6,33,28,7,8,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/components/keypad/navigation-pad.stories.tsx":async()=>s(()=>import("./navigation-pad.stories-qTnieBG4.js"),__vite__mapDeps([34,1,2,3,4,5,6,29,10,11,14,7,9,12,13]),import.meta.url),"./packages/math-input/src/components/tabbar/tabbar.stories.tsx":async()=>s(()=>import("./tabbar.stories-XOe59aSK.js"),__vite__mapDeps([35,1,2,3,26,10,11,27,9,12,13,14]),import.meta.url),"./packages/math-input/src/components/tabbar/tabbaritem.stories.tsx":async()=>s(()=>import("./tabbaritem.stories-mdibAqRo.js"),__vite__mapDeps([36,27,1,2,3,9,10,11,12,13,14]),import.meta.url),"./packages/math-input/src/full-keypad.stories.tsx":async()=>s(()=>import("./full-keypad.stories-3neBq3qT.js"),__vite__mapDeps([37,1,2,3,4,5,6,33,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29]),import.meta.url),"./packages/math-input/src/full-mobile-input.stories.tsx":async()=>s(()=>import("./full-mobile-input.stories-909Yg5dZ.js"),__vite__mapDeps([38,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,4,5,6,39,40,30,31,41,42,43]),import.meta.url),"./packages/perseus-editor/src/__stories__/article-editor.stories.tsx":async()=>s(()=>import("./article-editor.stories-OTIh-OE3.js"),__vite__mapDeps([44,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165]),import.meta.url),"./packages/perseus-editor/src/__stories__/content-preview.stories.tsx":async()=>s(()=>import("./content-preview.stories-HrrVtirb.js"),__vite__mapDeps([166,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,167,168,111,112,169,110,170]),import.meta.url),"./packages/perseus-editor/src/__stories__/editor-page.stories.tsx":async()=>s(()=>import("./editor-page.stories-cj4-oKMg.js"),__vite__mapDeps([171,1,2,3,113,114,41,47,45,46,40,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,115,110,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,172,4,5,6,173,169,112,111,174,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/editor.stories.tsx":async()=>s(()=>import("./editor.stories-sqCNaTpB.js"),__vite__mapDeps([176,1,2,3,10,11,4,5,6,177,40,109,45,46,47,39,24,17,21,25,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,169,178,179,180,173,174,181,170,182,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/interactive-graph-editor.stories.tsx":async()=>s(()=>import("./interactive-graph-editor.stories-MNM2YUvn.js"),__vite__mapDeps([183,1,2,3,10,11,84,14,23,4,5,6,177,40,109,45,46,47,39,24,17,21,25,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,169,178,179,180,173,174,181,170,184,185,172,175]),import.meta.url),"./packages/perseus-editor/src/__stories__/item-editor.stories.tsx":async()=>s(()=>import("./item-editor.stories-gqBDW0Qa.js"),__vite__mapDeps([186,1,2,3,174,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,170]),import.meta.url),"./packages/perseus-editor/src/__stories__/tex-error-view.stories.tsx":async()=>s(()=>import("./tex-error-view.stories-vwGgGZvn.js"),__vite__mapDeps([187,124,1,2,3,10,11,125,70]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/blur-input.stories.tsx":async()=>s(()=>import("./blur-input.stories-6PTTWtP8.js"),__vite__mapDeps([188,1,2,3,4,5,6,118]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/color-select.stories.tsx":async()=>s(()=>import("./color-select.stories-4KHCoNRN.js"),__vite__mapDeps([189,1,2,3,142,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,143]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/color-swatch.stories.tsx":async()=>s(()=>import("./color-swatch.stories-PRiO66Xi.js"),__vite__mapDeps([190,1,2,3,143,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/device-framer.stories.tsx":async()=>s(()=>import("./device-framer.stories-gm4VihRu.js"),__vite__mapDeps([191,1,2,3,121,14,111,45,46,40,47,39,24,11,17,21,25,10,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,112]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/graph-settings.stories.tsx":async()=>s(()=>import("./graph-settings.stories-J55hf8a_.js"),__vite__mapDeps([192,1,2,3,129,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,114,117]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/interactive-graph-settings.stories.tsx":async()=>s(()=>import("./interactive-graph-settings.stories-5h6oCXyo.js"),__vite__mapDeps([193,1,2,3,135,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,134,123,125,194]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-ellipse-settings.stories.tsx":async()=>s(()=>import("./locked-ellipse-settings.stories-FOobN8-1.js"),__vite__mapDeps([195,1,2,3,137,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,138,139,140,141,142,143,144]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-figures-section.stories.tsx":async()=>s(()=>import("./locked-figures-section.stories-_zHUkjRW.js"),__vite__mapDeps([196,1,2,3,10,11,14,136,82,12,13,20,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,134,123,125,92,76,48,40,46,25,50,52,53,54,56,59,60,61,62,67,68,137,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,75,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,138,139,140,141,142,143,144,145,146,147,148,149,150,151]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-function-settings.stories.tsx":async()=>s(()=>import("./locked-function-settings.stories-7_yR7EFg.js"),__vite__mapDeps([197,1,2,3,145,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,92,76,48,40,46,25,50,52,53,54,56,59,60,61,62,67,68,75,141,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,139,142,143,138,110,144,146]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-label-settings.stories.tsx":async()=>s(()=>import("./locked-label-settings.stories-mX9xGo2c.js"),__vite__mapDeps([198,1,2,3,141,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,139,142,143]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-line-settings.stories.tsx":async()=>s(()=>import("./locked-line-settings.stories-0suwPK3p.js"),__vite__mapDeps([199,1,2,3,147,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,82,12,13,20,23,83,19,70,72,84,16,18,21,22,51,85,63,64,41,65,66,80,86,87,88,92,76,48,50,60,61,62,67,68,138,45,39,24,26,27,9,7,8,28,29,30,31,42,43,69,71,73,74,75,77,78,79,81,89,90,91,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,144,146,148,149]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-point-settings.stories.tsx":async()=>s(()=>import("./locked-point-settings.stories-NPMsjsgj.js"),__vite__mapDeps([200,1,2,3,148,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,138,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,149]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-polygon-settings.stories.tsx":async()=>s(()=>import("./locked-polygon-settings.stories-FwEdjPQl.js"),__vite__mapDeps([201,1,2,3,150,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,141,139,142,143,138,110,149,144]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/locked-vector-settings.stories.tsx":async()=>s(()=>import("./locked-vector-settings.stories-vB7kXvw8.js"),__vite__mapDeps([202,1,2,3,151,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,82,12,13,20,23,83,19,70,72,84,16,18,21,22,51,85,63,64,41,65,66,80,86,87,88,138,45,39,24,26,27,9,7,8,28,29,30,31,42,43,48,50,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,141,139,142,143,146]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/scrollless-number-text-field.stories.tsx":async()=>s(()=>import("./scrollless-number-text-field.stories-nOE7CJ-i.js"),__vite__mapDeps([203,1,2,3,10,11,23,139,75,14,70,76]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/section-control-button.stories.tsx":async()=>s(()=>import("./section-control-button.stories-K2a-u_7G.js"),__vite__mapDeps([204,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,122,110,123]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/toggleable-caret.stories.tsx":async()=>s(()=>import("./toggleable-caret.stories-nhN-z0SF.js"),__vite__mapDeps([205,1,2,3,21,125,70,10,11]),import.meta.url),"./packages/perseus-editor/src/components/__stories__/viewport-resizer.stories.tsx":async()=>s(()=>import("./viewport-resizer.stories-3Y5d6_7B.js"),__vite__mapDeps([206,1,2,3,4,5,6,169,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,112]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/structured-item-diff.stories.tsx":async()=>s(()=>import("./structured-item-diff.stories-Gai_QnAS.js"),__vite__mapDeps([207,1,2,3,178,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,179,110,117,180,208]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/tags-diff.stories.tsx":async()=>s(()=>import("./tags-diff.stories-PDNilz5B.js"),__vite__mapDeps([209,1,2,3,180,179,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,208]),import.meta.url),"./packages/perseus-editor/src/diffs/__stories__/text-diff.stories.tsx":async()=>s(()=>import("./text-diff.stories-adcf_ORA.js"),__vite__mapDeps([210,1,2,3,179,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,208]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/categorizer-editor.stories.tsx":async()=>s(()=>import("./categorizer-editor.stories-YTZszkCH.js"),__vite__mapDeps([211,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,4,5,6,115,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/definition-editor.stories.tsx":async()=>s(()=>import("./definition-editor.stories-EHQdHYiI.js"),__vite__mapDeps([212,1,2,3,4,5,6,119,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/dropdown-editor.stories.tsx":async()=>s(()=>import("./dropdown-editor.stories-NjOxQYho.js"),__vite__mapDeps([213,1,2,3,4,5,6,126,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/explanation-editor.stories.tsx":async()=>s(()=>import("./explanation-editor.stories-hpAVsZAC.js"),__vite__mapDeps([214,1,2,3,4,5,6,127,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/expression-editor.stories.tsx":async()=>s(()=>import("./expression-editor.stories-IIZ0CZ6C.js"),__vite__mapDeps([215,1,2,3,11,216,82,10,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,128,110,114,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/image-editor.stories.tsx":async()=>s(()=>import("./image-editor.stories-ZLuUrwhM.js"),__vite__mapDeps([218,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,4,5,6,130,110,116,118,120,114,117,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/input-number-editor.stories.tsx":async()=>s(()=>import("./input-number-editor.stories-uuNAjRXS.js"),__vite__mapDeps([219,1,2,3,4,5,6,131,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,118]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/interaction-editor.stories.tsx":async()=>s(()=>import("./interaction-editor.stories--3YC17vN.js"),__vite__mapDeps([220,1,2,3,132,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,116,129,110,114,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/interactive-graph-editor.stories.tsx":async()=>s(()=>import("./interactive-graph-editor.stories-N7EVTNVP.js"),__vite__mapDeps([221,1,2,3,175,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,133,110,134,123,125,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,194]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/label-image-editor.stories.tsx":async()=>s(()=>import("./label-image-editor.stories-Y-QHNMzi.js"),__vite__mapDeps([222,1,2,3,11,152,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,116,153,154,110,155,156,157,140,158]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/matcher-editor.stories.tsx":async()=>s(()=>import("./matcher-editor.stories-_Xi3dL3N.js"),__vite__mapDeps([223,1,2,3,4,5,6,159,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/number-line-editor.stories.tsx":async()=>s(()=>import("./number-line-editor.stories-KSKm_8fr.js"),__vite__mapDeps([224,1,2,3,4,5,6,160,46,40,47,45,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,117]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/numeric-input-editor.stories.tsx":async()=>s(()=>import("./numeric-input-editor.stories-CMExpbGD.js"),__vite__mapDeps([225,1,2,3,4,5,6,161,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,116,120,114,117,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/phet-simulation-editor.stories.tsx":async()=>s(()=>import("./phet-simulation-editor.stories-9JeBJf8m.js"),__vite__mapDeps([226,4,5,6,162,1,2,3,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/python-program-editor.stories.tsx":async()=>s(()=>import("./python-program-editor.stories-dPLWiqQY.js"),__vite__mapDeps([227,1,2,3,4,5,6,163,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/radio-editor.stories.tsx":async()=>s(()=>import("./radio-editor.stories-YBLn-XkG.js"),__vite__mapDeps([228,1,2,3,11,164,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117,120,114,121,122,123,124,125]),import.meta.url),"./packages/perseus-editor/src/widgets/__stories__/sorter-editor.stories.tsx":async()=>s(()=>import("./sorter-editor.stories-zw1j9-22.js"),__vite__mapDeps([229,1,2,3,4,5,6,165,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,117]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/answer-choices.stories.tsx":async()=>s(()=>import("./answer-choices.stories-UKAzue3A.js"),__vite__mapDeps([230,1,2,3,4,5,6,11,154,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/behavior.stories.tsx":async()=>s(()=>import("./behavior.stories-HTrdxcbL.js"),__vite__mapDeps([231,1,2,3,4,5,6,155,45,46,40,47,39,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/marker.stories.tsx":async()=>s(()=>import("./marker.stories-w78QarNx.js"),__vite__mapDeps([232,1,2,3,4,5,6,11,157,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,110,140,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/question-markers.stories.tsx":async()=>s(()=>import("./question-markers.stories-2d4tak_p.js"),__vite__mapDeps([233,1,2,3,11,156,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,157,110,140,153]),import.meta.url),"./packages/perseus-editor/src/widgets/label-image/__stories__/select-image.stories.tsx":async()=>s(()=>import("./select-image.stories-VG9G1p-2.js"),__vite__mapDeps([234,1,2,3,11,158,45,46,40,47,39,24,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,153]),import.meta.url),"./packages/perseus/src/__stories__/article-renderer.stories.tsx":async()=>s(()=>import("./article-renderer.stories-xv4mhbid.js"),__vite__mapDeps([235,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,4,5,6,236,217,45,46,40,47,39,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,237,167,238]),import.meta.url),"./packages/perseus/src/__stories__/hints-renderer.stories.tsx":async()=>s(()=>import("./hints-renderer.stories-SNn4_t8J.js"),__vite__mapDeps([239,1,2,3,10,11,108,48,40,46,47,41,25,49,17,50,51,52,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,80,81,184,95,96,97]),import.meta.url),"./packages/perseus/src/__stories__/server-item-renderer.stories.tsx":async()=>s(()=>import("./server-item-renderer.stories-C0ajDmOt.js"),__vite__mapDeps([240,1,2,3,241,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/components/__stories__/button-group.stories.tsx":async()=>s(()=>import("./button-group.stories-Jd2GkQu3.js"),__vite__mapDeps([243,1,2,3,93,11]),import.meta.url),"./packages/perseus/src/components/__stories__/fixed-to-responsive.stories.tsx":async()=>s(()=>import("./fixed-to-responsive.stories-AjZdl-mI.js"),__vite__mapDeps([244,1,2,3,53,54,49,55]),import.meta.url),"./packages/perseus/src/components/__stories__/graph.stories.tsx":async()=>s(()=>import("./graph.stories-kNoKGyN6.js"),__vite__mapDeps([245,1,2,3,94,46,40,47,52,11,10,14,49,53,54,55,17,25,56,57,58,59,50]),import.meta.url),"./packages/perseus/src/components/__stories__/graphie.stories.tsx":async()=>s(()=>import("./graphie.stories-x87nH6yq.js"),__vite__mapDeps([246,1,2,3,241,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/components/__stories__/hud.stories.tsx":async()=>s(()=>import("./hud.stories-bZbDNfls.js"),__vite__mapDeps([247,1,2,3,98,11,55]),import.meta.url),"./packages/perseus/src/components/__stories__/icon.stories.tsx":async()=>s(()=>import("./icon.stories-XuV9p1XS.js"),__vite__mapDeps([248,1,2,3,58,85]),import.meta.url),"./packages/perseus/src/components/__stories__/image-loader.stories.tsx":async()=>s(()=>import("./image-loader.stories-EA1-XT2A.js"),__vite__mapDeps([249,1,2,3,59,53]),import.meta.url),"./packages/perseus/src/components/__stories__/info-tip.stories.tsx":async()=>s(()=>import("./info-tip.stories-EgkjpDRN.js"),__vite__mapDeps([250,1,2,3,69,70,10,11,14,17,18,19,12,13,20,21,23,22]),import.meta.url),"./packages/perseus/src/components/__stories__/inline-icon.stories.tsx":async()=>s(()=>import("./inline-icon.stories-7-dBjnI0.js"),__vite__mapDeps([251,1,2,3,57]),import.meta.url),"./packages/perseus/src/components/__stories__/input-with-examples.stories.tsx":async()=>s(()=>import("./input-with-examples.stories-qEcWCmZS.js"),__vite__mapDeps([252,1,2,3,73,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,74,75,23,70,76,77]),import.meta.url),"./packages/perseus/src/components/__stories__/lint.stories.tsx":async()=>s(()=>import("./lint.stories-HkQyiy7_.js"),__vite__mapDeps([253,1,2,3,67,11,17,55,57]),import.meta.url),"./packages/perseus/src/components/__stories__/math-input.stories.tsx":async()=>s(()=>import("./math-input.stories-fB_2JEhx.js"),__vite__mapDeps([254,1,2,3,71,39,40,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,72,16,18,19,20,22,23,49,47,51]),import.meta.url),"./packages/perseus/src/components/__stories__/multi-button-group.stories.tsx":async()=>s(()=>import("./multi-button-group.stories-Cjx9YjZ1.js"),__vite__mapDeps([255,1,2,3,99,11,17]),import.meta.url),"./packages/perseus/src/components/__stories__/number-input.stories.tsx":async()=>s(()=>import("./number-input.stories-OwWBq5td.js"),__vite__mapDeps([256,1,2,3,100,46,40,47,49,64,41,17,51]),import.meta.url),"./packages/perseus/src/components/__stories__/range-input.stories.tsx":async()=>s(()=>import("./range-input.stories-bIh5QzHn.js"),__vite__mapDeps([257,1,2,3,101,64,41,100,46,40,47,49,17,51]),import.meta.url),"./packages/perseus/src/components/__stories__/simple-keypad-input.stories.tsx":async()=>s(()=>import("./simple-keypad-input.stories-SmGpj7aX.js"),__vite__mapDeps([258,1,2,3,78,39,40,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,30,31,41,42,43,64]),import.meta.url),"./packages/perseus/src/components/__stories__/sortable.stories.tsx":async()=>s(()=>import("./sortable.stories-xD4pekoS.js"),__vite__mapDeps([259,1,2,3,104,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/components/__stories__/stub-tag-editor.stories.tsx":async()=>s(()=>import("./stub-tag-editor.stories-L-kojrKS.js"),__vite__mapDeps([260,1,2,3,65,64,41,66,47,17]),import.meta.url),"./packages/perseus/src/components/__stories__/svg-image.stories.tsx":async()=>s(()=>import("./svg-image.stories-Jm_Tnr3f.js"),__vite__mapDeps([261,1,2,3,52,40,46,47,11,10,14,49,53,54,55,17,25,56,57,58,59]),import.meta.url),"./packages/perseus/src/components/__stories__/tex.stories.tsx":async()=>s(()=>import("./tex.stories-EbmgsjH-.js"),__vite__mapDeps([262,1,2,3,60,53]),import.meta.url),"./packages/perseus/src/components/__stories__/text-input.stories.tsx":async()=>s(()=>import("./text-input.stories-4UlPFEkn.js"),__vite__mapDeps([263,1,2,3,74,75,10,11,14,23,70,76,17]),import.meta.url),"./packages/perseus/src/components/__stories__/text-list-editor.stories.tsx":async()=>s(()=>import("./text-list-editor.stories-IcrK9bTU.js"),__vite__mapDeps([264,1,2,3,4,5,6,66,47,64,41,17]),import.meta.url),"./packages/perseus/src/components/__stories__/tooltip.stories.tsx":async()=>s(()=>import("./tooltip.stories-oMVPbUSS.js"),__vite__mapDeps([265,1,2,3,10,11,77,17]),import.meta.url),"./packages/perseus/src/components/__stories__/zoomable-tex.stories.tsx":async()=>s(()=>import("./zoomable-tex.stories-3wtGigPF.js"),__vite__mapDeps([266,1,2,3,62,50,60,53,61,17]),import.meta.url),"./packages/perseus/src/components/__stories__/zoomable.stories.tsx":async()=>s(()=>import("./zoomable.stories-i6qkT2VG.js"),__vite__mapDeps([267,1,2,3,61,17]),import.meta.url),"./packages/perseus/src/components/visibility-observer/__stories__/visibility-observer.stories.tsx":async()=>s(()=>import("./visibility-observer.stories-pidMot5o.js"),__vite__mapDeps([268,1,2,3,17]),import.meta.url),"./packages/perseus/src/multi-items/__stories__/multi-renderer.stories.tsx":async()=>s(()=>import("./multi-renderer.stories-B8VCbdoY.js"),__vite__mapDeps([269,1,2,3,10,11,23,82,12,13,20,14,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,181,242,182,236,217,237]),import.meta.url),"./packages/perseus/src/widgets/categorizer/categorizer.stories.tsx":async()=>s(()=>import("./categorizer.stories-26ly5R2J.js"),__vite__mapDeps([270,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/cs-program/cs-program.stories.tsx":async()=>s(()=>import("./cs-program.stories-MTpXbPt7.js"),__vite__mapDeps([271,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/definition/definition.stories.tsx":async()=>s(()=>import("./definition.stories-0NYmzfvw.js"),__vite__mapDeps([272,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,236,237]),import.meta.url),"./packages/perseus/src/widgets/deprecated-standin/__stories__/deprecated-standin.stories.tsx":async()=>s(()=>import("./deprecated-standin.stories-ftsmbaMC.js"),__vite__mapDeps([273,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/dropdown/dropdown.stories.tsx":async()=>s(()=>import("./dropdown.stories-0Xn_cBnE.js"),__vite__mapDeps([274,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/explanation/explanation.stories.tsx":async()=>s(()=>import("./explanation.stories-r632Y6qb.js"),__vite__mapDeps([275,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/expression/expression.stories.tsx":async()=>s(()=>import("./expression.stories-5q0Eq1mU.js"),__vite__mapDeps([276,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,39,40,30,31,41,42,43,4,5,6,241,82,20,23,83,19,70,72,84,16,18,22,49,51,85,63,64,65,66,47,80,55,86,57,58,87,88,45,46,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,242,182,236,217,237,238]),import.meta.url),"./packages/perseus/src/widgets/graded-group-set/graded-group-set.stories.tsx":async()=>s(()=>import("./graded-group-set.stories-hCqTuQkE.js"),__vite__mapDeps([277,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/graded-group/graded-group.stories.tsx":async()=>s(()=>import("./graded-group.stories-T12-6naj.js"),__vite__mapDeps([278,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/grapher/grapher.stories.tsx":async()=>s(()=>import("./grapher.stories-7o2kOMXC.js"),__vite__mapDeps([279,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/group/group.stories.tsx":async()=>s(()=>import("./group.stories-TFeYo_eV.js"),__vite__mapDeps([280,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/iframe/iframe.stories.tsx":async()=>s(()=>import("./iframe.stories-y-0WH--T.js"),__vite__mapDeps([281,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/image/image.stories.tsx":async()=>s(()=>import("./image.stories-T_1u5FAK.js"),__vite__mapDeps([282,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/input-number/input-number.stories.tsx":async()=>s(()=>import("./input-number.stories-9Gtt2wFF.js"),__vite__mapDeps([283,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/interaction/interaction.stories.tsx":async()=>s(()=>import("./interaction.stories-F82qHpJ6.js"),__vite__mapDeps([284,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/interactive-graph-regression.stories.tsx":async()=>s(()=>import("./interactive-graph-regression.stories-y058KFAK.js"),__vite__mapDeps([285,1,2,3,48,40,46,47,41,25,49,17,50,51,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,184,95,96,97]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/interactive-graph.stories.tsx":async()=>s(()=>import("./interactive-graph.stories-hyi_b0bl.js"),__vite__mapDeps([286,1,2,3,90,11,19,10,12,13,20,14,83,70,91,23,51,53,55,82,72,84,16,17,18,21,22,49,85,63,64,41,65,66,47,80,86,57,58,87,88,105,69,25,45,46,40,39,24,26,27,9,7,8,28,29,30,31,42,43,48,50,52,54,56,59,60,61,62,67,68,71,73,74,75,76,77,78,79,81,89,92,93,94,95,96,97,98,99,100,101,102,103,104,106,107,108,216,182,217,185,184]),import.meta.url),"./packages/perseus/src/widgets/interactive-graphs/locked-figures/locked-functions.stories.tsx":async()=>s(()=>import("./locked-functions.stories-v2MqOktU.js"),__vite__mapDeps([287,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,185,184]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/answer-choices.stories.tsx":async()=>s(()=>import("./answer-choices.stories-VcXwqyHw.js"),__vite__mapDeps([288,1,2,3,23,10,11,92,20,12,13,14,70,76,17,19,21,22,18,51,48,40,46,47,41,25,49,50,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/answer-pill.stories.tsx":async()=>s(()=>import("./answer-pill.stories-u8RtskbG.js"),__vite__mapDeps([289,1,2,3,103,10,11,20,12,13,14,23,22,17,51,48,40,46,47,41,25,49,50,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/label-image.stories.tsx":async()=>s(()=>import("./label-image.stories-1mdtryxf.js"),__vite__mapDeps([290,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/label-image/__stories__/marker.stories.tsx":async()=>s(()=>import("./marker.stories-DT5R6-4k.js"),__vite__mapDeps([291,1,2,3,11,102,10,14,51,85,58,103,20,12,13,23,22,17,48,40,46,47,41,25,49,50,52,53,54,55,56,57,59,60,61,62,63,64,65,66,67,68]),import.meta.url),"./packages/perseus/src/widgets/matcher/matcher.stories.tsx":async()=>s(()=>import("./matcher.stories-x6y9SzTd.js"),__vite__mapDeps([292,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/matrix/matrix.stories.tsx":async()=>s(()=>import("./matrix.stories-GWRmysMy.js"),__vite__mapDeps([293,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/number-line/number-line.stories.tsx":async()=>s(()=>import("./number-line.stories-wApZF08S.js"),__vite__mapDeps([294,1,2,3,24,11,17,21,25,10,14,26,27,9,12,13,7,8,28,29,216,82,20,23,83,19,70,72,84,16,18,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,241,242,236,237,238,4,5,6]),import.meta.url),"./packages/perseus/src/widgets/numeric-input/numeric-input.stories.tsx":async()=>s(()=>import("./numeric-input.stories-6pYiMh_c.js"),__vite__mapDeps([295,1,2,3,4,5,6,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/orderer/orderer.stories.tsx":async()=>s(()=>import("./orderer.stories-u0hi1v89.js"),__vite__mapDeps([296,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/passage-ref/passage-ref.stories.tsx":async()=>s(()=>import("./passage-ref.stories-4qHRA4pC.js"),__vite__mapDeps([297,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/passage/passage.stories.tsx":async()=>s(()=>import("./passage.stories-84phwz-c.js"),__vite__mapDeps([298,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/phet-simulation/phet-simulation.stories.tsx":async()=>s(()=>import("./phet-simulation.stories-GP1exJOZ.js"),__vite__mapDeps([299,90,1,2,3,11,19,10,12,13,20,14,83,70,91,23,51,53,55]),import.meta.url),"./packages/perseus/src/widgets/plotter/plotter.stories.tsx":async()=>s(()=>import("./plotter.stories-lOX-0MSv.js"),__vite__mapDeps([300,1,2,3,10,11,216,82,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/python-program/python-program.stories.tsx":async()=>s(()=>import("./python-program.stories-PlFNoGRe.js"),__vite__mapDeps([301,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/base-radio.stories.tsx":async()=>s(()=>import("./base-radio.stories-3Om9ZBhG.js"),__vite__mapDeps([302,1,2,3,4,5,6,79,11,49,17,47,51,63,64,41,65,66,55,80,81,46,40,82,10,12,13,20,14,23,83,19,70,72,84,16,18,21,22,85,86,57,58,87,88,89,48,25,50,52,53,54,56,59,60,61,62,67,68]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice-icon.stories.tsx":async()=>s(()=>import("./choice-icon.stories-YT-cMBR1.js"),__vite__mapDeps([303,1,2,3,86,14,11,51,57,58,55,87]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice-none-above.stories.tsx":async()=>s(()=>import("./choice-none-above.stories-oM3incVf.js"),__vite__mapDeps([304,1,2,3,4,5,6,89,51,48,40,46,47,41,25,49,17,50,52,11,10,14,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,82,12,13,20,23,83,19,70,72,84,16,18,21,22,85,80,86,87,88]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/choice.stories.tsx":async()=>s(()=>import("./choice.stories-Tpgo6AMQ.js"),__vite__mapDeps([305,1,2,3,4,5,6,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/focus-ring.stories.tsx":async()=>s(()=>import("./focus-ring.stories-7QsRCLYU.js"),__vite__mapDeps([306,1,2,3,55,87,11]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/option-status.stories.tsx":async()=>s(()=>import("./option-status.stories-wHk4kSBH.js"),__vite__mapDeps([307,1,2,3,88,14,11,51]),import.meta.url),"./packages/perseus/src/widgets/radio/__stories__/radio.stories.tsx":async()=>s(()=>import("./radio.stories-Y0R3KV3e.js"),__vite__mapDeps([308,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217,168]),import.meta.url),"./packages/perseus/src/widgets/sorter/sorter.stories.tsx":async()=>s(()=>import("./sorter.stories-v_6dMxVT.js"),__vite__mapDeps([309,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url),"./packages/perseus/src/widgets/video/video-transcript-link.stories.tsx":async()=>s(()=>import("./video-transcript-link.stories-bsS6Gp8X.js"),__vite__mapDeps([310,1,2,3,105,10,11,84,14,91,12,13,20,70,51,53]),import.meta.url),"./packages/perseus/src/widgets/video/video.stories.tsx":async()=>s(()=>import("./video.stories-m5H_jL_V.js"),__vite__mapDeps([311,1,2,3,216,82,10,11,12,13,20,14,23,83,19,70,72,84,16,17,18,21,22,49,51,85,63,64,41,65,66,47,80,55,86,57,58,87,88,45,46,40,39,24,25,26,27,9,7,8,28,29,30,31,42,43,48,50,52,53,54,56,59,60,61,62,67,68,69,71,73,74,75,76,77,78,79,81,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,182,107,108,217]),import.meta.url)};async function y(_){return R[_]()}const{composeConfigs:P,PreviewWeb:T,ClientApi:L}=__STORYBOOK_MODULE_PREVIEW_API__,I=async()=>{const _=await Promise.all([s(()=>import("./entry-preview-X1b_vaBy.js"),__vite__mapDeps([312,2,3,313,56,17]),import.meta.url),s(()=>import("./entry-preview-docs-9fNegKGE.js"),__vite__mapDeps([314,315,3,13,6,2]),import.meta.url),s(()=>import("./preview-VI2eoWmp.js"),__vite__mapDeps([316,317]),import.meta.url),s(()=>import("./preview-fLe-8iGo.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-98732p1V.js"),__vite__mapDeps([318,5,6]),import.meta.url),s(()=>import("./preview-FekBEZxm.js"),__vite__mapDeps([319,6]),import.meta.url),s(()=>import("./preview-1MSgikpN.js"),__vite__mapDeps([320,96]),import.meta.url),s(()=>import("./preview-u8M_OEO2.js"),__vite__mapDeps([321,6]),import.meta.url),s(()=>import("./preview-bEa2SesL.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-m1WgW61n.js"),__vite__mapDeps([]),import.meta.url),s(()=>import("./preview-QbtadSHV.js"),__vite__mapDeps([322,1,2,3,14,10,11,45,46,40,47,39,24,17,21,25,26,27,9,12,13,7,8,28,29,30,31,41,42,43,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,18,19,20,23,22,71,72,16,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,236,217,237]),import.meta.url)]);return P(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new T;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new L({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:y,getProjectAnnotations:I});export{s as _}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./keypad-button.stories-tDGMB8WS.js","./jsx-runtime-FVsy8kgq.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./chunk-WFFRPTHA-zlNDxfrq.js","./preview-errors-7FWlPnjy.js","./index-PPLHz8o0.js","./button-assets-txIojR3b.js","./keypad-button-rKskH7oM.js","./index-2dmvOE3q.js","./index-6h5t6F0w.js","./index-awljIyHI.js","./react-router-dom-W_e8xVUu.js","./index-tvtfaFq4.js","./index-deFLJwr4.js","./keypad-mathquill.stories-88uF7uL_.js","./index-BPSWBbj5.js","./index-7vsPyIck.js","./index-YCTzZMik.js","./index-rfN0X25E.js","./index-o3wWn3Y5.js","./index-CkAxGj88.js","./Popper-kGnKOid7.js","./index-h_CiYGGb.js","./mobile-keypad-3f7ONcH2.js","./index-J2t_5nK1.js","./tabbar-WYCYDof0.js","./item-X9tjzx12.js","./operators-page-C_EsmjPW.js","./navigation-pad-ss7r0FKW.js","./key-translator-g-rPb6Kc.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./keypad-pages.stories-UYZo0hoJ.js","./index-VDi1Le_1.js","./navigation-pad.stories-qTnieBG4.js","./tabbar.stories-XOe59aSK.js","./tabbaritem.stories-mdibAqRo.js","./full-keypad.stories-3neBq3qT.js","./full-mobile-input.stories-909Yg5dZ.js","./prop-types-n-SFl0Bz.js","./version-akiLXZts.js","./invariant-bu5zBsRS.js","./prop-types-mRar-0kQ.css","./enums-x5qaTru7.js","./article-editor.stories-FSsUnzJ8.js","./article-renderer-q7kSP2w4.js","./util-F8-MDmsT.js","./jquery-yG1GhClm.js","./renderer-ULNOY64X.js","./index-dnMhQZ-1.js","./asset-context-I7yIqWki.js","./i18n-context-P7VpLqM1.js","./svg-image-QKR8YXWf.js","./dependencies-8XILypbq.js","./fixed-to-responsive-AkRQxH3P.js","./constants-iPV6vHZm.js","./client-rbWgHzHN.js","./inline-icon-tKY1iMkH.js","./icon-paths-AuJwhOz7.js","./image-loader-mgyZcN0j.js","./tex-VP4hirbI.js","./zoomable-CA1NzpZD.js","./zoomable-tex-MZi7Hqbp.js","./perseus-api-mOiZT07d.js","./index-k-0mNqHS.js","./stub-tag-editor-Hmby24Jq.js","./text-list-editor-pe7AGDAl.js","./lint--ywkTlk8.js","./renderer-qr6V1vrR.css","./index-K9BSJPWl.js","./index-xuPsLuPk.js","./math-input-2pyBSGzU.js","./index-WNT3sUKf.js","./input-with-examples-rhtpDeH1.js","./text-input-15gEhfDF.js","./index-QCAhLhLD.js","./minus-bold-ONmDo3Ve.js","./tooltip-S_hcgkAT.js","./simple-keypad-input-jZGN23LY.js","./base-radio-NUDOhlSE.js","./media-queries-gbofTbz-.js","./shared-4TdECMLk.js","./choice-Bz-ZMhQM.js","./index-ngddCaVG.js","./index-qUyqkRvh.js","./icon-YuYiVxsK.js","./choice-icon-j3kQahUD.js","./focus-ring-22L_uhmX.js","./option-status-vrNywrR6.js","./choice-none-above-7sZgmnsx.js","./phet-simulation-LQRU0vOo.js","./arrow-square-out-bold-090vdhrx.js","./answer-choices-mbE4GLUb.js","./button-group-nsoLlHtM.js","./graph-bSP67F6m.js","./index-IIMKO4_x.js","./tiny-invariant-bHgPayXn.js","./bundle.esm-7jAAHVxW.js","./hud-WFKWq8xK.js","./multi-button-group-a0iIfrwx.js","./number-input-7sNeIRmO.js","./range-input-wtuw2vYt.js","./marker-I4xoHdfy.js","./answer-pill-J67mzuP8.js","./sortable-whqqG2TO.js","./video-transcript-link-44eQkwGl.js","./article-renderer-bsRD8PfZ.css","./multi-renderer--3S3VYBz.js","./hints-renderer-HbOOlLb6.js","./article-editor-PnglreYb.js","./components-v_jsX-d9.js","./device-framer-guMJF-HL.js","./constants-hQyjCzwz.js","./register-all-widgets-and-editors-for-testing-1GD7joYI.js","./index-fuycm_QE.js","./categorizer-editor-CqdPTbQO.js","./editor-jsonify-Bbv2loDC.js","./index-0C4KXdeC.js","./blur-input-hjJsfoK9.js","./definition-editor-xQPJ0VBq.js","./editor-IYGRa35D.js","./index-SM3muJE2.js","./section-control-button-ntmvBOuR.js","./index-tFzzSRL2.js","./tex-error-view-Y2BSLjwB.js","./toggleable-caret-lFiCktzo.js","./dropdown-editor-7F745Gol.js","./explanation-editor-OsL6fZN2.js","./expression-editor-oXvZYZPt.js","./graph-settings-biSSNAI_.js","./image-editor-Vkk6KVZI.js","./input-number-editor-kdZwFnVv.js","./index-2zQZ4npR.js","./interactive-graph-editor-uSKTluyD.js","./heading-8aCiuWUg.js","./interactive-graph-settings-RN_g28-Z.js","./locked-figures-section--2W2zFLn.js","./locked-ellipse-settings-1SgwHhV8.js","./locked-figure-aria-TX53Lzuk.js","./scrollless-number-text-field-U5Bx_xXb.js","./util-qk2aeK8X.js","./locked-label-settings-VSuSSXRz.js","./color-select--oRyQ4yX.js","./util-ve-DcPK7.js","./line-stroke-select-4PBvvozU.js","./locked-function-settings-Aezek1ER.js","./line-swatch-L0x4Ze99.js","./locked-line-settings-W2IW-vhr.js","./locked-point-settings-oldygzs_.js","./labeled-switch-w5N_drxc.js","./locked-polygon-settings-UUNpZQNY.js","./locked-vector-settings-jMV5yoVl.js","./label-image-editor-8fdLVXi_.js","./form-wrapped-text-field-1CYfAYqR.js","./answer-choices-K632kWSn.js","./behavior-nzziF0nB.js","./question-markers-eMZk-A-8.js","./marker-sWpCqokp.js","./select-image-PQzouU8c.js","./matcher-editor-ddeBtjTD.js","./number-line-editor-Vp7BYsbR.js","./numeric-input-editor-hj1H66L1.js","./phet-simulation-editor-nb_VHx1Q.js","./python-program-editor-ajdp68zf.js","./editor-H-qXwzEE.js","./sorter-editor-JLDcQk8S.js","./content-preview.stories-QjULkfyK.js","./article-renderer.testdata-spwNviYy.js","./radio.testdata-sITJ8lxE.js","./viewport-resizer-cbhJXtmA.js","./perseus-editor-1P1vlgv9.css","./editor-page.stories-gkOlgZD5.js","./editor-page-with-storybook-preview-wY4PQ7wP.js","./editor-page-eQvvir4g.js","./item-extras-editor-l9Cur-ZC.js","./flags-for-api-options-aEc6QUs8.js","./editor.stories-fhoJqyBf.js","./index-p3lcKodA.js","./structured-item-diff-uBRJEKft.js","./text-diff-h-wn1Hpa.js","./tags-diff-F78Bme2Z.js","./multi-items-jv5EEkvP.js","./side-by-side-kGWaKY6T.js","./interactive-graph-editor.stories-GVF8SiGF.js","./interactive-graph-question-builder-Mh2lh4tI.js","./interactive-graph.testdata-QKEIR03d.js","./item-editor.stories-O14NpySA.js","./tex-error-view.stories-vwGgGZvn.js","./blur-input.stories-6PTTWtP8.js","./color-select.stories-fZzW4vRT.js","./color-swatch.stories-50WIDiZU.js","./device-framer.stories-K8WHTblx.js","./graph-settings.stories-lEUOXH6m.js","./interactive-graph-settings.stories-P8vvYofW.js","./interactive-graph-settings.argtypes-6T40gg9D.js","./locked-ellipse-settings.stories-L-0H2LrB.js","./locked-figures-section.stories-oHGWxnUw.js","./locked-function-settings.stories-9-r8DiNY.js","./locked-label-settings.stories-ud2D2oZq.js","./locked-line-settings.stories-UZZNfW31.js","./locked-point-settings.stories-U8Batb_s.js","./locked-polygon-settings.stories-EuiMkbg4.js","./locked-vector-settings.stories-ndprWg6C.js","./scrollless-number-text-field.stories-nOE7CJ-i.js","./section-control-button.stories-6YFE4PDD.js","./toggleable-caret.stories-nhN-z0SF.js","./viewport-resizer.stories-vKRsWYv0.js","./structured-item-diff.stories-CWbmKUUj.js","./perseus-diff-wrapper-dJxBlkDd.js","./tags-diff.stories-Q0DkmFzI.js","./text-diff.stories-XmjmtCiu.js","./categorizer-editor.stories-UKDHYB5D.js","./definition-editor.stories-vNcAeK8n.js","./dropdown-editor.stories-RlFwxvWb.js","./explanation-editor.stories-tGOpA0R6.js","./expression-editor.stories-HiEKFaAa.js","./renderer-with-debug-ui-XOCIPmr_.js","./register-all-widgets-for-testing-rGHzs9Ac.js","./image-editor.stories-YsFJqL9z.js","./input-number-editor.stories-S1KfB3q7.js","./interaction-editor.stories-AZFk78uh.js","./interactive-graph-editor.stories-7BCIFVLf.js","./label-image-editor.stories--PPphpIE.js","./matcher-editor.stories-4VOp-1_e.js","./number-line-editor.stories-LIglpj8P.js","./numeric-input-editor.stories-muehzAbx.js","./phet-simulation-editor.stories-EbaCBuHK.js","./python-program-editor.stories-PM5kUFfS.js","./radio-editor.stories-pwi4e6Cf.js","./sorter-editor.stories-zZphQCRQ.js","./answer-choices.stories-F5Z_iRig.js","./behavior.stories-fKcmUOPj.js","./marker.stories-Cf99UVKp.js","./question-markers.stories-O4Ct01nw.js","./select-image.stories-obUcjVyo.js","./article-renderer.stories-YXgPXn3_.js","./test-dependencies-BYssWPiu.js","./test-dependencies-vi99l57r.css","./test-keypad-context-wrapper-SbDTc7Od.js","./hints-renderer.stories-Yx3DfRiI.js","./server-item-renderer.stories-EyXqXHhE.js","./server-item-renderer-with-debug-ui-nisHQFqK.js","./ke-score-ui-VwVxZMGJ.js","./button-group.stories-Jd2GkQu3.js","./fixed-to-responsive.stories-AjZdl-mI.js","./graph.stories-kNoKGyN6.js","./graphie.stories-pxUaDseE.js","./hud.stories-bZbDNfls.js","./icon.stories-XuV9p1XS.js","./image-loader.stories-EA1-XT2A.js","./info-tip.stories-EgkjpDRN.js","./inline-icon.stories-7-dBjnI0.js","./input-with-examples.stories-opk4Kfm4.js","./lint.stories-HkQyiy7_.js","./math-input.stories-fB_2JEhx.js","./multi-button-group.stories-Cjx9YjZ1.js","./number-input.stories-OwWBq5td.js","./range-input.stories-bIh5QzHn.js","./simple-keypad-input.stories-SmGpj7aX.js","./sortable.stories-bqwm0yVT.js","./stub-tag-editor.stories-L-kojrKS.js","./svg-image.stories-Jm_Tnr3f.js","./tex.stories-EbmgsjH-.js","./text-input.stories-4UlPFEkn.js","./text-list-editor.stories-IcrK9bTU.js","./tooltip.stories-oMVPbUSS.js","./zoomable-tex.stories-3wtGigPF.js","./zoomable.stories-i6qkT2VG.js","./visibility-observer.stories-pidMot5o.js","./multi-renderer.stories-loCGM1pB.js","./categorizer.stories-qzCzTdpk.js","./cs-program.stories-Gv4P9Olk.js","./definition.stories-iKXoCwIA.js","./deprecated-standin.stories-HUz1nz3b.js","./dropdown.stories-4QTSiyCO.js","./explanation.stories-wjsIMO3Z.js","./expression.stories-QTl8RZ6Z.js","./graded-group-set.stories-0XUED5M2.js","./graded-group.stories-ZX-bHIjM.js","./grapher.stories-6GM1EnH6.js","./group.stories-z_FhX61d.js","./iframe.stories-NQ_kmlec.js","./image.stories--DAxar9w.js","./input-number.stories-a-8_bQZ0.js","./interaction.stories-6zK4mWp1.js","./interactive-graph-regression.stories-TWFn8puD.js","./interactive-graph.stories-FW4cPFnb.js","./locked-functions.stories-xGVDvPlx.js","./answer-choices.stories-fMr8dTUU.js","./answer-pill.stories--LNeiJSS.js","./label-image.stories-PGrJh1tX.js","./marker.stories-32PIg75M.js","./matcher.stories-QzSxlNmr.js","./matrix.stories-Jnd-2aB5.js","./number-line.stories-0j1gBKye.js","./numeric-input.stories-xo4xkmIv.js","./orderer.stories-Zfd4UMev.js","./passage-ref.stories-tgWhqLop.js","./passage.stories--nhS9LKr.js","./phet-simulation.stories-GP1exJOZ.js","./plotter.stories-7uyAk3jk.js","./python-program.stories-cHlC7_o1.js","./base-radio.stories-4jC3CNfv.js","./choice-icon.stories-YT-cMBR1.js","./choice-none-above.stories-svt2yOcd.js","./choice.stories-Tpgo6AMQ.js","./focus-ring.stories-7QsRCLYU.js","./option-status.stories-wHk4kSBH.js","./radio.stories-SDbIScn4.js","./sorter.stories-BUP6f8xe.js","./video-transcript-link.stories-bsS6Gp8X.js","./video.stories-D7iloHw7.js","./entry-preview-X1b_vaBy.js","./react-18-N0svEjlN.js","./entry-preview-docs-9fNegKGE.js","./_getPrototype-bjD8Yebc.js","./preview-VI2eoWmp.js","./index-ogXoivrg.js","./preview-98732p1V.js","./preview-FekBEZxm.js","./preview-1MSgikpN.js","./preview-u8M_OEO2.js","./preview-55ddxCaG.js"] + __vite__mapDeps.viteFileDeps = ["./keypad-button.stories-tDGMB8WS.js","./jsx-runtime-FVsy8kgq.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./chunk-WFFRPTHA-zlNDxfrq.js","./preview-errors-7FWlPnjy.js","./index-PPLHz8o0.js","./button-assets-txIojR3b.js","./keypad-button-rKskH7oM.js","./index-2dmvOE3q.js","./index-6h5t6F0w.js","./index-awljIyHI.js","./react-router-dom-W_e8xVUu.js","./index-tvtfaFq4.js","./index-deFLJwr4.js","./keypad-mathquill.stories-88uF7uL_.js","./index-BPSWBbj5.js","./index-7vsPyIck.js","./index-YCTzZMik.js","./index-rfN0X25E.js","./index-o3wWn3Y5.js","./index-CkAxGj88.js","./Popper-kGnKOid7.js","./index-h_CiYGGb.js","./mobile-keypad-3f7ONcH2.js","./index-J2t_5nK1.js","./tabbar-WYCYDof0.js","./item-X9tjzx12.js","./operators-page-C_EsmjPW.js","./navigation-pad-ss7r0FKW.js","./key-translator-g-rPb6Kc.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./keypad-pages.stories-UYZo0hoJ.js","./index-VDi1Le_1.js","./navigation-pad.stories-qTnieBG4.js","./tabbar.stories-XOe59aSK.js","./tabbaritem.stories-mdibAqRo.js","./full-keypad.stories-3neBq3qT.js","./full-mobile-input.stories-909Yg5dZ.js","./prop-types-n-SFl0Bz.js","./version-akiLXZts.js","./invariant-bu5zBsRS.js","./prop-types-mRar-0kQ.css","./enums-x5qaTru7.js","./article-editor.stories-OTIh-OE3.js","./article-renderer-BOOaW4sB.js","./util-F8-MDmsT.js","./jquery-yG1GhClm.js","./renderer-dyWsFSUA.js","./index-dnMhQZ-1.js","./asset-context-I7yIqWki.js","./i18n-context-P7VpLqM1.js","./svg-image-QKR8YXWf.js","./dependencies-8XILypbq.js","./fixed-to-responsive-AkRQxH3P.js","./constants-iPV6vHZm.js","./client-rbWgHzHN.js","./inline-icon-tKY1iMkH.js","./icon-paths-AuJwhOz7.js","./image-loader-mgyZcN0j.js","./tex-VP4hirbI.js","./zoomable-CA1NzpZD.js","./zoomable-tex-MZi7Hqbp.js","./perseus-api-mOiZT07d.js","./index-0C4KXdeC.js","./stub-tag-editor-Hmby24Jq.js","./text-list-editor-pe7AGDAl.js","./lint--ywkTlk8.js","./renderer-qr6V1vrR.css","./index-K9BSJPWl.js","./index-xuPsLuPk.js","./math-input-2pyBSGzU.js","./index-WNT3sUKf.js","./input-with-examples-mVJrYO9s.js","./text-input-15gEhfDF.js","./index-QCAhLhLD.js","./minus-bold-ONmDo3Ve.js","./tooltip-S_hcgkAT.js","./simple-keypad-input-jZGN23LY.js","./base-radio-jqxXuHNO.js","./media-queries-gbofTbz-.js","./shared-4TdECMLk.js","./choice-Bz-ZMhQM.js","./index-ngddCaVG.js","./index-qUyqkRvh.js","./icon-YuYiVxsK.js","./choice-icon-j3kQahUD.js","./focus-ring-22L_uhmX.js","./option-status-vrNywrR6.js","./choice-none-above-NXvpeqY4.js","./phet-simulation-LQRU0vOo.js","./arrow-square-out-bold-090vdhrx.js","./answer-choices-MQdUvt3_.js","./button-group-nsoLlHtM.js","./graph-bSP67F6m.js","./index-IIMKO4_x.js","./tiny-invariant-bHgPayXn.js","./bundle.esm-7jAAHVxW.js","./hud-WFKWq8xK.js","./multi-button-group-a0iIfrwx.js","./number-input-7sNeIRmO.js","./range-input-wtuw2vYt.js","./marker-lsO23jIU.js","./answer-pill-Ps6fTJR6.js","./sortable-7jf323dV.js","./video-transcript-link-44eQkwGl.js","./article-renderer-bsRD8PfZ.css","./multi-renderer-own7mR8u.js","./hints-renderer-rWnJ078P.js","./article-editor-kCKnOB8_.js","./components-v_jsX-d9.js","./device-framer-xnxLcHMi.js","./constants-hQyjCzwz.js","./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js","./index-fuycm_QE.js","./categorizer-editor-jdQbWtjl.js","./editor-jsonify-tQINrEL4.js","./index-k-0mNqHS.js","./blur-input-hjJsfoK9.js","./definition-editor-XO63vfM2.js","./editor-AA_-Ksmn.js","./index-SM3muJE2.js","./section-control-button-0qlF-d0b.js","./index-tFzzSRL2.js","./tex-error-view-Y2BSLjwB.js","./toggleable-caret-lFiCktzo.js","./dropdown-editor-b7e9swla.js","./explanation-editor-0Y25yuuV.js","./expression-editor-8EIRUcZf.js","./graph-settings-DK80fLX7.js","./image-editor-WvkMHCYc.js","./input-number-editor-0s5nQB_-.js","./index-rssW1hfo.js","./interactive-graph-editor-lMMNonnK.js","./heading-8aCiuWUg.js","./interactive-graph-settings-Zqm2t-_P.js","./locked-figures-section-5nPJK5LN.js","./locked-ellipse-settings-HAWA-793.js","./locked-figure-aria-9zimbV1k.js","./scrollless-number-text-field-U5Bx_xXb.js","./util-qk2aeK8X.js","./locked-label-settings-0h4-0n-S.js","./color-select-2BKEX7ba.js","./util-uUQ0jXdL.js","./line-stroke-select-qdZZt3Ej.js","./locked-function-settings-g4uZKN5j.js","./line-swatch-HzvkRHdM.js","./locked-line-settings-GkAAjhF4.js","./locked-point-settings-h--7Y8T_.js","./labeled-switch-rQlH1T-w.js","./locked-polygon-settings-z_UjOSja.js","./locked-vector-settings-zsVG1_TL.js","./label-image-editor-HknhUoXl.js","./form-wrapped-text-field-DQhkgIBa.js","./answer-choices-YvoNqSTB.js","./behavior-l1qZHFXz.js","./question-markers-5Y-gUSFk.js","./marker-eGjo-yed.js","./select-image-tuaUZ15r.js","./matcher-editor-N7TyLdO7.js","./number-line-editor-QFYtkNpd.js","./numeric-input-editor-Hm-vjISp.js","./phet-simulation-editor-X79Q74Bn.js","./python-program-editor-ozsQsOdO.js","./editor-_spdqNG4.js","./sorter-editor-wbIsCsVX.js","./content-preview.stories-HrrVtirb.js","./article-renderer.testdata-spwNviYy.js","./radio.testdata-sITJ8lxE.js","./viewport-resizer-liKVbGN6.js","./perseus-editor-1P1vlgv9.css","./editor-page.stories-cj4-oKMg.js","./editor-page-with-storybook-preview-u_Hm1BzG.js","./editor-page-NyZqMedc.js","./item-extras-editor-8C49yX12.js","./flags-for-api-options-rS742N_k.js","./editor.stories-sqCNaTpB.js","./index-35qurZDD.js","./structured-item-diff-jSiZHjY6.js","./text-diff-zzUoxfC0.js","./tags-diff-DTdzwvD_.js","./multi-items-zj8FdTl_.js","./side-by-side-kGWaKY6T.js","./interactive-graph-editor.stories-MNM2YUvn.js","./interactive-graph-question-builder-Mh2lh4tI.js","./interactive-graph.testdata-QKEIR03d.js","./item-editor.stories-gqBDW0Qa.js","./tex-error-view.stories-vwGgGZvn.js","./blur-input.stories-6PTTWtP8.js","./color-select.stories-4KHCoNRN.js","./color-swatch.stories-PRiO66Xi.js","./device-framer.stories-gm4VihRu.js","./graph-settings.stories-J55hf8a_.js","./interactive-graph-settings.stories-5h6oCXyo.js","./interactive-graph-settings.argtypes-6T40gg9D.js","./locked-ellipse-settings.stories-FOobN8-1.js","./locked-figures-section.stories-_zHUkjRW.js","./locked-function-settings.stories-7_yR7EFg.js","./locked-label-settings.stories-mX9xGo2c.js","./locked-line-settings.stories-0suwPK3p.js","./locked-point-settings.stories-NPMsjsgj.js","./locked-polygon-settings.stories-FwEdjPQl.js","./locked-vector-settings.stories-vB7kXvw8.js","./scrollless-number-text-field.stories-nOE7CJ-i.js","./section-control-button.stories-K2a-u_7G.js","./toggleable-caret.stories-nhN-z0SF.js","./viewport-resizer.stories-3Y5d6_7B.js","./structured-item-diff.stories-Gai_QnAS.js","./perseus-diff-wrapper-dJxBlkDd.js","./tags-diff.stories-PDNilz5B.js","./text-diff.stories-adcf_ORA.js","./categorizer-editor.stories-YTZszkCH.js","./definition-editor.stories-EHQdHYiI.js","./dropdown-editor.stories-NjOxQYho.js","./explanation-editor.stories-hpAVsZAC.js","./expression-editor.stories-IIZ0CZ6C.js","./renderer-with-debug-ui-kTjob79J.js","./register-all-widgets-for-testing-Ui4NBXsw.js","./image-editor.stories-ZLuUrwhM.js","./input-number-editor.stories-uuNAjRXS.js","./interaction-editor.stories--3YC17vN.js","./interactive-graph-editor.stories-N7EVTNVP.js","./label-image-editor.stories-Y-QHNMzi.js","./matcher-editor.stories-_Xi3dL3N.js","./number-line-editor.stories-KSKm_8fr.js","./numeric-input-editor.stories-CMExpbGD.js","./phet-simulation-editor.stories-9JeBJf8m.js","./python-program-editor.stories-dPLWiqQY.js","./radio-editor.stories-YBLn-XkG.js","./sorter-editor.stories-zw1j9-22.js","./answer-choices.stories-UKAzue3A.js","./behavior.stories-HTrdxcbL.js","./marker.stories-w78QarNx.js","./question-markers.stories-2d4tak_p.js","./select-image.stories-VG9G1p-2.js","./article-renderer.stories-xv4mhbid.js","./test-dependencies-6YNLO4fV.js","./test-dependencies-vi99l57r.css","./test-keypad-context-wrapper-SbDTc7Od.js","./hints-renderer.stories-SNn4_t8J.js","./server-item-renderer.stories-C0ajDmOt.js","./server-item-renderer-with-debug-ui-b5CqN-Cf.js","./ke-score-ui-VwVxZMGJ.js","./button-group.stories-Jd2GkQu3.js","./fixed-to-responsive.stories-AjZdl-mI.js","./graph.stories-kNoKGyN6.js","./graphie.stories-x87nH6yq.js","./hud.stories-bZbDNfls.js","./icon.stories-XuV9p1XS.js","./image-loader.stories-EA1-XT2A.js","./info-tip.stories-EgkjpDRN.js","./inline-icon.stories-7-dBjnI0.js","./input-with-examples.stories-qEcWCmZS.js","./lint.stories-HkQyiy7_.js","./math-input.stories-fB_2JEhx.js","./multi-button-group.stories-Cjx9YjZ1.js","./number-input.stories-OwWBq5td.js","./range-input.stories-bIh5QzHn.js","./simple-keypad-input.stories-SmGpj7aX.js","./sortable.stories-xD4pekoS.js","./stub-tag-editor.stories-L-kojrKS.js","./svg-image.stories-Jm_Tnr3f.js","./tex.stories-EbmgsjH-.js","./text-input.stories-4UlPFEkn.js","./text-list-editor.stories-IcrK9bTU.js","./tooltip.stories-oMVPbUSS.js","./zoomable-tex.stories-3wtGigPF.js","./zoomable.stories-i6qkT2VG.js","./visibility-observer.stories-pidMot5o.js","./multi-renderer.stories-B8VCbdoY.js","./categorizer.stories-26ly5R2J.js","./cs-program.stories-MTpXbPt7.js","./definition.stories-0NYmzfvw.js","./deprecated-standin.stories-ftsmbaMC.js","./dropdown.stories-0Xn_cBnE.js","./explanation.stories-r632Y6qb.js","./expression.stories-5q0Eq1mU.js","./graded-group-set.stories-hCqTuQkE.js","./graded-group.stories-T12-6naj.js","./grapher.stories-7o2kOMXC.js","./group.stories-TFeYo_eV.js","./iframe.stories-y-0WH--T.js","./image.stories-T_1u5FAK.js","./input-number.stories-9Gtt2wFF.js","./interaction.stories-F82qHpJ6.js","./interactive-graph-regression.stories-y058KFAK.js","./interactive-graph.stories-hyi_b0bl.js","./locked-functions.stories-v2MqOktU.js","./answer-choices.stories-VcXwqyHw.js","./answer-pill.stories-u8RtskbG.js","./label-image.stories-1mdtryxf.js","./marker.stories-DT5R6-4k.js","./matcher.stories-x6y9SzTd.js","./matrix.stories-GWRmysMy.js","./number-line.stories-wApZF08S.js","./numeric-input.stories-6pYiMh_c.js","./orderer.stories-u0hi1v89.js","./passage-ref.stories-4qHRA4pC.js","./passage.stories-84phwz-c.js","./phet-simulation.stories-GP1exJOZ.js","./plotter.stories-lOX-0MSv.js","./python-program.stories-PlFNoGRe.js","./base-radio.stories-3Om9ZBhG.js","./choice-icon.stories-YT-cMBR1.js","./choice-none-above.stories-oM3incVf.js","./choice.stories-Tpgo6AMQ.js","./focus-ring.stories-7QsRCLYU.js","./option-status.stories-wHk4kSBH.js","./radio.stories-Y0R3KV3e.js","./sorter.stories-v_6dMxVT.js","./video-transcript-link.stories-bsS6Gp8X.js","./video.stories-m5H_jL_V.js","./entry-preview-X1b_vaBy.js","./react-18-N0svEjlN.js","./entry-preview-docs-9fNegKGE.js","./_getPrototype-bjD8Yebc.js","./preview-VI2eoWmp.js","./index-ogXoivrg.js","./preview-98732p1V.js","./preview-FekBEZxm.js","./preview-1MSgikpN.js","./preview-u8M_OEO2.js","./preview-QbtadSHV.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } diff --git a/assets/iframe.stories-NQ_kmlec.js b/assets/iframe.stories-y-0WH--T.js similarity index 80% rename from assets/iframe.stories-NQ_kmlec.js rename to assets/iframe.stories-y-0WH--T.js index de9eb622ee..294b3d39f5 100644 --- a/assets/iframe.stories-NQ_kmlec.js +++ b/assets/iframe.stories-y-0WH--T.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const e={content:`Try matching the target image +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const e={content:`Try matching the target image [[☃ iframe 1]] `,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"}}},Xt={title:"Perseus/Widgets/IFrame"},t=s=>m(p,{question:e});t.__docgenInfo={description:"",methods:[],displayName:"Question1"};var r,i,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/image-editor-Vkk6KVZI.js b/assets/image-editor-WvkMHCYc.js similarity index 94% rename from assets/image-editor-Vkk6KVZI.js rename to assets/image-editor-WvkMHCYc.js index 95a75c8785..a17aa49615 100644 --- a/assets/image-editor-Vkk6KVZI.js +++ b/assets/image-editor-WvkMHCYc.js @@ -1,4 +1,4 @@ -import{a as o,j as a}from"./jsx-runtime-FVsy8kgq.js";import{c as f}from"./article-renderer-q7kSP2w4.js";import{_ as r}from"./jquery-yG1GhClm.js";import{U as p}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as b}from"./components-v_jsX-d9.js";import{c as y}from"./icon-paths-AuJwhOz7.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as w}from"./editor-jsonify-Bbv2loDC.js";import{r as C}from"./index-TT1qJ6UJ.js";import{B as v}from"./blur-input-hjJsfoK9.js";import{E as m}from"./editor-IYGRa35D.js";const{InfoTip:c,InlineIcon:R,RangeInput:k}=b,u=400,h=[0,10],I={url:null,width:0,height:0},x="(ka-.*.s3.amazonaws.com|(fastly|cdn).kastatic.org|khanacademy.org|kasandbox.org)",E=new RegExp("^(https?|web\\+graphie)://[^/]*"+x),T=["center","above","above right","right","below right","below","below left","left","above left"],s=class s extends C.Component{constructor(){super(...arguments),this._isMounted=!1,this.state={backgroundImageError:""}}componentDidMount(){this._isMounted=!0}componentWillUnmount(){this._isMounted=!1}_renderRowForLabel(e,t){return o("tr",{children:[a("td",{children:a(k,{value:e.coordinates,onChange:this.onCoordinateChange.bind(this,t)})}),a("td",{style:{verticalAlign:"bottom",width:"5px"},children:a("input",{type:"text",className:"graph-settings-axis-label",value:e.content,onChange:this.onContentChange.bind(this,t)})}),a("td",{children:a("select",{className:"perseus-widget-dropdown",value:e.alignment,onChange:this.onAlignmentChange.bind(this,t),children:T.map(function(n,l){return a("option",{value:n,children:n},""+l)},this)})}),a("td",{children:a("a",{href:"#",className:"simple-button orange delete-label",title:"Remove this label",onClick:this.removeLabel.bind(this,t),children:a(R,{...y})})})]},t)}change(...e){return f.apply(this,e)}removeLabel(e,t){t.preventDefault();const n=[...this.props.labels];n.splice(e,1),this.props.onChange({labels:n})}onCoordinateChange(e,t){const n=this.props.labels.slice();n[e]=r.extend({},n[e],{coordinates:t}),this.props.onChange({labels:n})}onContentChange(e,t){const n=t.target.value,l=this.props.labels.slice();l[e]=r.extend({},l[e],{content:n}),this.props.onChange({labels:l})}onAlignmentChange(e,t){const n=t.target.value,l=this.props.labels.slice();l[e]=r.extend({},l[e],{alignment:n}),this.props.onChange({labels:l})}setUrl(e,t,n,l){if(!this._isMounted)return;const i=r.clone(this.props.backgroundImage);i.url=e,i.width=t,i.height=n;const g=[i.width,i.height];this.props.onChange({backgroundImage:i,box:g},null,l)}async onUrlChange(e,t){if(!e){this.setUrl(e,0,0,t);return}if(!E.test(e)){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"});return}this.setState({backgroundImageError:""});try{const n=await p.getImageSizeModern(e);this.setUrl(e,n[0],n[1],!0)}catch(n){this.setState({backgroundImageError:`There was an error loading the image URL: ${JSON.stringify(n,null,2)}`})}}onRangeChange(e,t){const n=this.props.range.slice();n[e]=t,this.props.onChange({range:n})}serialize(){return w.serialize.call(this)}render(){const e=this.props.backgroundImage,t=o("div",{className:"image-settings",children:[!p.isLabeledSVG(e.url)&&a("div",{children:o("label",{children:[a("div",{children:"Preview:"}),a("img",{alt:"Editor preview of image",src:e.url,style:{width:"100%"}})]})}),a("div",{children:o("label",{children:[a("div",{children:"Dimensions:"}),o("p",{children:[e.width,"x",e.height]})]})}),a("div",{children:o("label",{children:[o("div",{children:["Alt text:",a(c,{children:"This is important for screenreaders. The content of this alt text will be formatted as markdown (tables, emphasis, etc. are supported)."})]}),a(m,{apiOptions:this.props.apiOptions,content:this.props.alt,onChange:l=>{l.content!=null&&this.change("alt",l.content)},widgetEnabled:!1})]})}),a("div",{children:o("label",{children:[a("div",{children:"Caption:"}),a(m,{apiOptions:this.props.apiOptions,content:this.props.caption,onChange:l=>{l.content!=null&&this.change("caption",l.content)},widgetEnabled:!1})]})})]}),n=a("div",{className:"renderer-widget-error",children:this.state.backgroundImageError});return o("div",{className:"perseus-image-editor",children:[o("label",{children:["Image url:",a(c,{children:"Paste an image or graphie image URL."}),this.state.backgroundImageError&&n,a(v,{value:e.url||"",style:{width:332},onChange:l=>this.onUrlChange(l,!1)})]}),e.url&&t]})}};s.displayName="ImageEditor",s.widgetName="image",s.defaultProps={title:"",range:[h,h],box:[u,u],backgroundImage:I,labels:[],alt:"",caption:""};let d=s;d.__docgenInfo={description:"",methods:[{name:"_renderRowForLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null},{name:"i",optional:!1,type:null}],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"removeLabel",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"onCoordinateChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"newCoordinates",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"onAlignmentChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"setUrl",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null},{name:"width",optional:!1,type:null},{name:"height",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"onUrlChange",docblock:null,modifiers:["async"],params:[{name:"url",optional:!1,type:{name:"union",raw:"string | undefined | null",elements:[{name:"string"},{name:"undefined"},{name:"null"}]}},{name:"silent",optional:!1,type:{name:"boolean"}}],returns:null},{name:"onRangeChange",docblock:null,modifiers:[],params:[{name:"type",optional:!1,type:null},{name:"newRange",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ImageEditor",props:{apiOptions:{required:!0,tsType:{name:"APIOptions"},description:""},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},range:{required:!1,tsType:{name:"tuple",raw:"[Readonly, Readonly]",elements:[{name:"Readonly",elements:[{name:"Range"}],raw:"Readonly"},{name:"Readonly",elements:[{name:"Range"}],raw:"Readonly"}]},description:"",defaultValue:{value:"[defaultRange, defaultRange]",computed:!1}},box:{required:!1,tsType:{name:"Size"},description:"",defaultValue:{value:"[defaultBoxSize, defaultBoxSize]",computed:!1}},backgroundImage:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:`{ +import{a as o,j as a}from"./jsx-runtime-FVsy8kgq.js";import{c as f}from"./article-renderer-BOOaW4sB.js";import{_ as r}from"./jquery-yG1GhClm.js";import{U as p}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as b}from"./components-v_jsX-d9.js";import{c as y}from"./icon-paths-AuJwhOz7.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as w}from"./editor-jsonify-tQINrEL4.js";import{r as C}from"./index-TT1qJ6UJ.js";import{B as v}from"./blur-input-hjJsfoK9.js";import{E as m}from"./editor-AA_-Ksmn.js";const{InfoTip:c,InlineIcon:R,RangeInput:k}=b,u=400,h=[0,10],I={url:null,width:0,height:0},x="(ka-.*.s3.amazonaws.com|(fastly|cdn).kastatic.org|khanacademy.org|kasandbox.org)",E=new RegExp("^(https?|web\\+graphie)://[^/]*"+x),T=["center","above","above right","right","below right","below","below left","left","above left"],s=class s extends C.Component{constructor(){super(...arguments),this._isMounted=!1,this.state={backgroundImageError:""}}componentDidMount(){this._isMounted=!0}componentWillUnmount(){this._isMounted=!1}_renderRowForLabel(e,t){return o("tr",{children:[a("td",{children:a(k,{value:e.coordinates,onChange:this.onCoordinateChange.bind(this,t)})}),a("td",{style:{verticalAlign:"bottom",width:"5px"},children:a("input",{type:"text",className:"graph-settings-axis-label",value:e.content,onChange:this.onContentChange.bind(this,t)})}),a("td",{children:a("select",{className:"perseus-widget-dropdown",value:e.alignment,onChange:this.onAlignmentChange.bind(this,t),children:T.map(function(n,l){return a("option",{value:n,children:n},""+l)},this)})}),a("td",{children:a("a",{href:"#",className:"simple-button orange delete-label",title:"Remove this label",onClick:this.removeLabel.bind(this,t),children:a(R,{...y})})})]},t)}change(...e){return f.apply(this,e)}removeLabel(e,t){t.preventDefault();const n=[...this.props.labels];n.splice(e,1),this.props.onChange({labels:n})}onCoordinateChange(e,t){const n=this.props.labels.slice();n[e]=r.extend({},n[e],{coordinates:t}),this.props.onChange({labels:n})}onContentChange(e,t){const n=t.target.value,l=this.props.labels.slice();l[e]=r.extend({},l[e],{content:n}),this.props.onChange({labels:l})}onAlignmentChange(e,t){const n=t.target.value,l=this.props.labels.slice();l[e]=r.extend({},l[e],{alignment:n}),this.props.onChange({labels:l})}setUrl(e,t,n,l){if(!this._isMounted)return;const i=r.clone(this.props.backgroundImage);i.url=e,i.width=t,i.height=n;const g=[i.width,i.height];this.props.onChange({backgroundImage:i,box:g},null,l)}async onUrlChange(e,t){if(!e){this.setUrl(e,0,0,t);return}if(!E.test(e)){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"});return}this.setState({backgroundImageError:""});try{const n=await p.getImageSizeModern(e);this.setUrl(e,n[0],n[1],!0)}catch(n){this.setState({backgroundImageError:`There was an error loading the image URL: ${JSON.stringify(n,null,2)}`})}}onRangeChange(e,t){const n=this.props.range.slice();n[e]=t,this.props.onChange({range:n})}serialize(){return w.serialize.call(this)}render(){const e=this.props.backgroundImage,t=o("div",{className:"image-settings",children:[!p.isLabeledSVG(e.url)&&a("div",{children:o("label",{children:[a("div",{children:"Preview:"}),a("img",{alt:"Editor preview of image",src:e.url,style:{width:"100%"}})]})}),a("div",{children:o("label",{children:[a("div",{children:"Dimensions:"}),o("p",{children:[e.width,"x",e.height]})]})}),a("div",{children:o("label",{children:[o("div",{children:["Alt text:",a(c,{children:"This is important for screenreaders. The content of this alt text will be formatted as markdown (tables, emphasis, etc. are supported)."})]}),a(m,{apiOptions:this.props.apiOptions,content:this.props.alt,onChange:l=>{l.content!=null&&this.change("alt",l.content)},widgetEnabled:!1})]})}),a("div",{children:o("label",{children:[a("div",{children:"Caption:"}),a(m,{apiOptions:this.props.apiOptions,content:this.props.caption,onChange:l=>{l.content!=null&&this.change("caption",l.content)},widgetEnabled:!1})]})})]}),n=a("div",{className:"renderer-widget-error",children:this.state.backgroundImageError});return o("div",{className:"perseus-image-editor",children:[o("label",{children:["Image url:",a(c,{children:"Paste an image or graphie image URL."}),this.state.backgroundImageError&&n,a(v,{value:e.url||"",style:{width:332},onChange:l=>this.onUrlChange(l,!1)})]}),e.url&&t]})}};s.displayName="ImageEditor",s.widgetName="image",s.defaultProps={title:"",range:[h,h],box:[u,u],backgroundImage:I,labels:[],alt:"",caption:""};let d=s;d.__docgenInfo={description:"",methods:[{name:"_renderRowForLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null},{name:"i",optional:!1,type:null}],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"removeLabel",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"onCoordinateChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"newCoordinates",optional:!1,type:null}],returns:null},{name:"onContentChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"onAlignmentChange",docblock:null,modifiers:[],params:[{name:"labelIndex",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"setUrl",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null},{name:"width",optional:!1,type:null},{name:"height",optional:!1,type:null},{name:"silent",optional:!1,type:null}],returns:null},{name:"onUrlChange",docblock:null,modifiers:["async"],params:[{name:"url",optional:!1,type:{name:"union",raw:"string | undefined | null",elements:[{name:"string"},{name:"undefined"},{name:"null"}]}},{name:"silent",optional:!1,type:{name:"boolean"}}],returns:null},{name:"onRangeChange",docblock:null,modifiers:[],params:[{name:"type",optional:!1,type:null},{name:"newRange",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ImageEditor",props:{apiOptions:{required:!0,tsType:{name:"APIOptions"},description:""},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},range:{required:!1,tsType:{name:"tuple",raw:"[Readonly, Readonly]",elements:[{name:"Readonly",elements:[{name:"Range"}],raw:"Readonly"},{name:"Readonly",elements:[{name:"Range"}],raw:"Readonly"}]},description:"",defaultValue:{value:"[defaultRange, defaultRange]",computed:!1}},box:{required:!1,tsType:{name:"Size"},description:"",defaultValue:{value:"[defaultBoxSize, defaultBoxSize]",computed:!1}},backgroundImage:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:`{ url: null, width: 0, height: 0, diff --git a/assets/image-editor.stories-YsFJqL9z.js b/assets/image-editor.stories-ZLuUrwhM.js similarity index 81% rename from assets/image-editor.stories-YsFJqL9z.js rename to assets/image-editor.stories-ZLuUrwhM.js index 04c8890041..1aa347587e 100644 --- a/assets/image-editor.stories-YsFJqL9z.js +++ b/assets/image-editor.stories-ZLuUrwhM.js @@ -1,3 +1,3 @@ -import{j as o,a as p}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as d}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as u}from"./index-6h5t6F0w.js";import{s as f}from"./index-deFLJwr4.js";import{b as g}from"./index-h_CiYGGb.js";import{a as h}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as y}from"./index-awljIyHI.js";import{r as e}from"./index-TT1qJ6UJ.js";import{I as S}from"./image-editor-Vkk6KVZI.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-mbE4GLUb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./blur-input-hjJsfoK9.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const Ir={title:"PerseusEditor/Widgets/Image Editor"},b=y.StyleSheet.create({wrapper:{width:338,margin:20}}),w=h("onChange"),E=()=>{const r=e.useRef(null),[l,c]=e.useState({backgroundImage:{url:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png"}});return p(u,{style:b.wrapper,children:[p(g,{style:{fontStyle:"italic",marginBottom:f.small_12},children:[o("b",{children:"Note"})," that this editor has a known-issue where it does not calculate the image dimensions initially if they aren't provided. It does update the dimensions when you blur the 'Image url:' field."]}),o(S,{...l,apiOptions:d.defaults,onChange:i=>{var m;w(i),c({...(m=r.current)==null?void 0:m.serialize(),...i})},ref:r})]})},t=r=>o(E,{});t.__docgenInfo={description:"",methods:[],displayName:"Default"};var a,s,n;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as o,a as p}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import{A as d}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as u}from"./index-6h5t6F0w.js";import{s as f}from"./index-deFLJwr4.js";import{b as g}from"./index-h_CiYGGb.js";import{a as h}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as y}from"./index-awljIyHI.js";import{r as e}from"./index-TT1qJ6UJ.js";import{I as S}from"./image-editor-WvkMHCYc.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-MQdUvt3_.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./blur-input-hjJsfoK9.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const Ir={title:"PerseusEditor/Widgets/Image Editor"},b=y.StyleSheet.create({wrapper:{width:338,margin:20}}),w=h("onChange"),E=()=>{const r=e.useRef(null),[l,c]=e.useState({backgroundImage:{url:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png"}});return p(u,{style:b.wrapper,children:[p(g,{style:{fontStyle:"italic",marginBottom:f.small_12},children:[o("b",{children:"Note"})," that this editor has a known-issue where it does not calculate the image dimensions initially if they aren't provided. It does update the dimensions when you blur the 'Image url:' field."]}),o(S,{...l,apiOptions:d.defaults,onChange:i=>{var m;w(i),c({...(m=r.current)==null?void 0:m.serialize(),...i})},ref:r})]})},t=r=>o(E,{});t.__docgenInfo={description:"",methods:[],displayName:"Default"};var a,s,n;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(n=(s=t.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const xr=["Default"];export{t as Default,xr as __namedExportsOrder,Ir as default}; diff --git a/assets/image.stories--DAxar9w.js b/assets/image.stories-T_1u5FAK.js similarity index 88% rename from assets/image.stories--DAxar9w.js rename to assets/image.stories-T_1u5FAK.js index 4e88270ce0..5a188c4782 100644 --- a/assets/image.stories--DAxar9w.js +++ b/assets/image.stories-T_1u5FAK.js @@ -1,4 +1,4 @@ -import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{R as c}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const t={content:`[[☃ image 1]] +import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{R as c}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const t={content:`[[☃ image 1]] ===== diff --git a/assets/index-p3lcKodA.js b/assets/index-35qurZDD.js similarity index 94% rename from assets/index-p3lcKodA.js rename to assets/index-35qurZDD.js index 5caf13b30b..0143e4b904 100644 --- a/assets/index-p3lcKodA.js +++ b/assets/index-35qurZDD.js @@ -1,6 +1,6 @@ -import{a as F}from"./version-akiLXZts.js";import"./article-editor-PnglreYb.js";import"./device-framer-guMJF-HL.js";import"./viewport-resizer-cbhJXtmA.js";import{j as t,a as p}from"./jsx-runtime-FVsy8kgq.js";import{P as d}from"./index-0C4KXdeC.js";import{r as y}from"./index-TT1qJ6UJ.js";import{_ as N}from"./jquery-yG1GhClm.js";import{R as M,W as U}from"./structured-item-diff-uBRJEKft.js";import{H as W,E as J}from"./editor-page-eQvvir4g.js";import{E as $}from"./editor-IYGRa35D.js";import{w as G}from"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import{b as Q,r as Y,a as Z,c as K}from"./renderer-ULNOY64X.js";import{A as X}from"./perseus-api-mOiZT07d.js";import{l as u,g as ee,e as te}from"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./dependencies-8XILypbq.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{J as re,A as ne}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{c as oe}from"./components-v_jsX-d9.js";import{I as se}from"./icon-paths-AuJwhOz7.js";import{M as ae}from"./multi-items-jv5EEkvP.js";import{l as i}from"./index-awljIyHI.js";import{R as ie}from"./index-7vsPyIck.js";import{c as le}from"./index-fuycm_QE.js";/* empty css */const ce="@khanacademy/perseus-editor",de="__lib_version__";F(ce,de);const A=d.shape({content:d.string,images:d.objectOf(d.any),widgets:d.objectOf(d.any)}),v=class v extends y.Component{constructor(){super(...arguments),this.state=v._stateFromProps(this.props)}UNSAFE_componentWillReceiveProps(e){this.setState(v._stateFromProps(e))}render(){const{before:e,after:r}=this.state,n=Math.max(e.length,r.length),a=N.times(n,l=>t(M,{before:l{const{before:r,after:n}=e;return{before:Array.isArray(r)?r:[r],after:Array.isArray(n)?n:[n]}};let T=v;T.__docgenInfo={description:"",methods:[{name:"_stateFromProps",docblock:null,modifiers:["static"],params:[{name:"props",optional:!1,type:null}],returns:null}],displayName:"ArticleDiff",props:{after:{description:"",type:{name:"union",value:[{name:"custom",raw:"rendererProps"},{name:"arrayOf",value:{name:"custom",raw:"rendererProps"}}]},required:!0},before:{description:"",type:{name:"union",value:[{name:"custom",raw:"rendererProps"},{name:"arrayOf",value:{name:"custom",raw:"rendererProps"}}]},required:!0}}};const q=d.shape({question:d.shape({}).isRequired,answerArea:d.shape({}).isRequired,hints:d.arrayOf(d.any).isRequired}),H=class H extends y.Component{render(){const{before:e,after:r}=this.props,n=Math.max(e.hints.length,r.hints.length),a=t(M,{before:e.question,after:r.question,title:"Question",showAlignmentOptions:!1,showSeparator:!0}),l=t(U,{before:e.answerArea,after:r.answerArea,title:"Question extras"}),c=N.times(n,function(m){return t(M,{before:m{}};let w=x;const S=i.StyleSheet.create({baseButton:{top:"0",fontSize:"11px",padding:"3px 10px",backgroundRepeat:"repeat-x",borderColor:` +import{a as F}from"./version-akiLXZts.js";import"./article-editor-kCKnOB8_.js";import"./device-framer-xnxLcHMi.js";import"./viewport-resizer-liKVbGN6.js";import{j as t,a as p}from"./jsx-runtime-FVsy8kgq.js";import{P as d}from"./index-k-0mNqHS.js";import{r as y}from"./index-TT1qJ6UJ.js";import{_ as N}from"./jquery-yG1GhClm.js";import{R as M,W as U}from"./structured-item-diff-jSiZHjY6.js";import{H as W,E as J}from"./editor-page-NyZqMedc.js";import{E as $}from"./editor-AA_-Ksmn.js";import{w as G}from"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import{b as Q,r as Y,a as Z,c as K}from"./renderer-dyWsFSUA.js";import{A as X}from"./perseus-api-mOiZT07d.js";import{l as u,g as ee,e as te}from"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./dependencies-8XILypbq.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{J as re,A as ne}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{c as oe}from"./components-v_jsX-d9.js";import{I as se}from"./icon-paths-AuJwhOz7.js";import{M as ae}from"./multi-items-zj8FdTl_.js";import{l as i}from"./index-awljIyHI.js";import{R as ie}from"./index-7vsPyIck.js";import{c as le}from"./index-fuycm_QE.js";/* empty css */const ce="@khanacademy/perseus-editor",de="__lib_version__";F(ce,de);const A=d.shape({content:d.string,images:d.objectOf(d.any),widgets:d.objectOf(d.any)}),v=class v extends y.Component{constructor(){super(...arguments),this.state=v._stateFromProps(this.props)}UNSAFE_componentWillReceiveProps(e){this.setState(v._stateFromProps(e))}render(){const{before:e,after:r}=this.state,n=Math.max(e.length,r.length),a=N.times(n,l=>t(M,{before:l{const{before:r,after:n}=e;return{before:Array.isArray(r)?r:[r],after:Array.isArray(n)?n:[n]}};let T=v;T.__docgenInfo={description:"",methods:[{name:"_stateFromProps",docblock:null,modifiers:["static"],params:[{name:"props",optional:!1,type:null}],returns:null}],displayName:"ArticleDiff",props:{after:{description:"",type:{name:"union",value:[{name:"custom",raw:"rendererProps"},{name:"arrayOf",value:{name:"custom",raw:"rendererProps"}}]},required:!0},before:{description:"",type:{name:"union",value:[{name:"custom",raw:"rendererProps"},{name:"arrayOf",value:{name:"custom",raw:"rendererProps"}}]},required:!0}}};const q=d.shape({question:d.shape({}).isRequired,answerArea:d.shape({}).isRequired,hints:d.arrayOf(d.any).isRequired}),H=class H extends y.Component{render(){const{before:e,after:r}=this.props,n=Math.max(e.hints.length,r.hints.length),a=t(M,{before:e.question,after:r.question,title:"Question",showAlignmentOptions:!1,showSeparator:!0}),l=t(U,{before:e.answerArea,after:r.answerArea,title:"Question extras"}),c=N.times(n,function(m){return t(M,{before:m{}};let w=x;const S=i.StyleSheet.create({baseButton:{top:"0",fontSize:"11px",padding:"3px 10px",backgroundRepeat:"repeat-x",borderColor:` rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) `,color:"#ffffff",borderRadius:"3px",lineHeight:"15px",cursor:"pointer",transition:"box-shadow ease-in-out 0.15s",appearance:"none",textDecoration:"none",textAlign:"center",":hover":{boxShadow:`0 1px 1px rgba(0, 0, 0, 0.35), - inset 0 0 50px 5px rgba(255, 255, 255, 0.2)`}},green:{border:"1px solid #7fab07",backgroundColor:"#80ac07",backgroundImage:"linear-gradient(to bottom, #8aba08, #719807)",":hover":{borderBottomColor:"#547105",backgroundColor:"#719807"}},orange:{border:"1px solid #d45704",backgroundColor:"#d55704",backgroundImage:"linear-gradient(to bottom, #e35d04, #c04f03)",":hover":{borderBottomColor:"#983e03",backgroundColor:"#c04f03"}}});w.__docgenInfo={description:"",methods:[],displayName:"SimpleButton",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},color:{defaultValue:{value:'"green"',computed:!1},description:"",type:{name:"enum",value:[{value:'"orange"',computed:!1},{value:'"green"',computed:!1}]},required:!1},onClick:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1}}};const{InlineIcon:R}=oe,{iconChevronDown:I,iconTrash:pe}=se,{MultiRenderer:me}=ae;class E extends y.Component{constructor(){super(...arguments),this._handleSelectMode=e=>{if(this.props.onChange){const r=e.target.value;this.props.onChange(r)}}}render(){return p("label",{children:["Mode:"," ",p("select",{value:this.props.currentMode,onChange:this._handleSelectMode,children:[t("option",{value:"edit",children:"Edit"}),t("option",{value:"preview",children:"Preview"}),t("option",{value:"json",children:"Dev-only JSON"})]})]})}}function D(o){return o.replace(/[A-Z]/g,e=>" "+e.toLowerCase())}function P(o){return o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()}function j(o){return o.charAt(o.length-1)==="s"?o.slice(0,-1):o}function f(o){return["_multi",...o]}const L=({depth:o,...e})=>{const n=`h${Math.min(o,5)+1}`;return t(n,{...e})},O=o=>{const{shape:e,data:r,path:n,actions:a,name:l,controls:c,...m}=o,h=l||D(n[n.length-1]||""),C=t(ye,{...m,shape:e,data:r,path:n,actions:a}),b=n.join(".");return e.type==="array"?t(ue,{name:h,controls:c,path:n,shape:e,actions:a,children:C},b):e.type==="object"?t(fe,{name:h,controls:c,path:n,children:C},b):t(he,{name:h,controls:c,path:n,shape:e,children:C},b)},he=({name:o,controls:e,children:r,path:n,shape:a})=>{const c=(a.type==="content"||a.type==="hint")&&t("div",{className:i.css(s.containerHeader),children:t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)})});return p("div",{className:i.css(s.container),children:[p("span",{className:i.css(s.row,s.rowHeading),children:[t("div",{className:i.css(s.columnLeft),children:p("div",{className:"pod-title "+i.css(s.containerHeader),children:[t("div",{className:i.css(s.containerTitle),children:P(o)}),e]})}),t("div",{className:i.css(s.columnRight),children:c})]}),r]})},ue=o=>{const{name:e,controls:r,children:n,path:a,shape:l,actions:c}=o;return p("div",{className:i.css(s.container),children:[r&&t("div",{className:i.css(s.columnLeft,s.containerHeader),children:r}),t("div",{children:n}),t("div",{className:i.css(s.columnLeft),children:p("a",{href:"javascript:void 0",onClick:()=>c.addArrayElement(a,l.elementShape),children:["Add a ",j(e)]})})]})},fe=({name:o,controls:e,children:r,path:n})=>{const a=p("div",{className:i.css(s.containerHeader),children:[t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)}),e]}),l=(o||e)&&t("div",{className:i.css(s.containerHeader,s.previewCollectionHeader),children:t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)})}),c=a&&l;return p("div",{className:i.css(s.container),children:[c&&p("span",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:a}),t("div",{className:i.css(s.columnRight),children:l})]}),t("div",{className:i.css(n.length>0&&s.contentIndent),children:r})]})},ye=o=>{const{shape:e,data:r,...n}=o;return e.type==="content"?t(ge,{shape:e,data:r,...n}):e.type==="hint"?t(ve,{shape:e,data:r,...n}):e.type==="tags"?t(we,{shape:e,data:r,...n}):e.type==="array"?t(Ce,{shape:e,data:r,...n}):e.type==="object"?t(be,{shape:e,data:r,...n}):null},z=o=>class extends y.Component{constructor(){super(...arguments),this.state={sticky:!1},this.updateStickiness=()=>{const n=ie.findDOMNode(this).offsetHeight,a=window.innerHeight,l=n>a;l!==this.state.sticky&&this.setState({sticky:l})}}componentDidMount(){this.stickynessTimer=setInterval(this.updateStickiness,1e3),this.updateStickiness()}componentWillUnmount(){clearInterval(this.stickynessTimer)}render(){return t(o,{...this.props,sticky:this.state.sticky})}},ge=z(o=>{const{data:e,path:r,actions:n,apiOptions:a,renderers:l,sticky:c}=o,m=t("div",{className:"framework-perseus",children:u(l).get(r)});return t("span",{children:p("div",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(c&&s.sticky),children:t($,{...e,onChange:h=>n.mergeValueAtPath(r,h),apiOptions:a})})}),t("div",{className:i.css(s.columnRight),children:t("div",{className:i.css(c&&s.sticky),children:m})})]})})}),ve=z(o=>{const{data:e,path:r,actions:n,apiOptions:a,renderers:l,sticky:c}=o,m=t("div",{className:"framework-perseus",children:u(l).get(r)});return p("div",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(c&&s.sticky),children:t(W,{...e,className:i.css(s.hintEditor),onChange:h=>n.mergeValueAtPath(r,h),apiOptions:a,showTitle:!1,showRemoveButton:!1,showMoveButtons:!1,onRemove:()=>{},onMove:h=>{},isFirst:!0,isLast:!0})})}),t("div",{className:i.css(s.columnRight),children:t("div",{className:i.css(c&&s.sticky),children:m})})]})}),we=o=>{const{data:e,path:r,actions:n,apiOptions:a}=o,{GroupMetadataEditor:l}=a;return l==null?null:t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(s.tagsEditor),children:t(l,{value:e,onChange:c=>n.setValueAtPath(r,c),showTitle:!1})})})},Ce=o=>{const{shape:e,data:r,path:n,actions:a,...l}=o,c=D(n[n.length-1]),m=j(c),h=e.elementShape.type,C=h==="content"||h==="hint",b=r.map((V,g)=>{const k=n.concat(g),B=[g>0&&t("div",{className:i.css(s.control),children:t(w,{color:"orange",title:"Move up",onClick:()=>a.moveArrayElementUp(k),children:t("div",{className:i.css(s.verticalFlip),children:t(R,{...I})})})},"moveArrayElementUp"),ga.moveArrayElementDown(k),children:t(R,{...I})})},"moveArrayElementDown"),t("div",{className:i.css(s.control),children:t(w,{color:"orange",title:"Delete",onClick:()=>a.removeArrayElement(k),children:t(R,{...pe})})},"removeArrayElement")];return t("div",{className:i.css(s.arrayElement,!C&&s.arrayElementAndNotLeaf),children:y.createElement(O,{...l,key:g,shape:e.elementShape,data:V,path:k,actions:a,name:`${m} ${g+1}`,controls:B})},g)});return t("div",{children:b})},be=o=>{const{shape:e,data:r,path:n,...a}=o,l=Object.keys(e.shape).map(c=>t("div",{className:i.css(s.objectElement),children:t(O,{...a,shape:e.shape[c],data:r[c],path:n.concat(c)})},c));return t("div",{children:l})};class Ne extends y.Component{constructor(){super(...arguments),this._renderLayout=()=>{const{Layout:e,apiOptions:r,item:n}=this.props;return t(e,{ref:a=>this.layout=a,item:n,apiOptions:r})},this._renderJson=()=>p("div",{children:[t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})}),t(re,{multiLine:!0,value:this.props.item,onChange:e=>this.props.onChange({item:e})})]}),this._renderPreview=()=>p("div",{children:[t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})}),this._renderLayout()]}),this.mergeValueAtPath=(e,r)=>{this.props.onChange({item:u(this.props.item).merge(f(e),r).freeze()})},this.setValueAtPath=(e,r)=>{this.props.onChange({item:u(this.props.item).set(f(e),r).freeze()})},this.addArrayElement=(e,r)=>{const n=u(this.props.item).get(f(e)).length,a=e.concat(n),l=ee(r);this.props.onChange({item:u(this.props.item).set(f(a),l).freeze()})},this.removeArrayElement=e=>{this.props.onChange({item:u(this.props.item).del(f(e)).freeze()})},this.moveArrayElementDown=e=>{const n=e[e.length-1]+1,a=e.slice(0,-1).concat(n),l=u(this.props.item).get(f(e)),c=u(this.props.item).get(f(a));this.props.onChange({item:u(this.props.item).set(f(e),c).set(f(a),l).freeze()})},this.moveArrayElementUp=e=>{const r=e[e.length-1],n=e.slice(0,-1).concat(r-1);this.moveArrayElementDown(n)},this._renderEdit=()=>{const e={...X.defaults,...this.props.apiOptions},{item:r}=this.props,n=this.props.Layout.shape;return p("div",{className:"perseus-multirenderer-editor",children:[t(E,{currentMode:this.props.editorMode,onChange:a=>this.props.onChange({editorMode:a})}),t(me,{item:r,shape:n,apiOptions:e,dependencies:{analytics:{onAnalyticsEvent:async()=>{}}},children:({renderers:a})=>t(O,{shape:n,data:te(r),path:[],actions:this,apiOptions:e,renderers:a})})]})},this.score=()=>{if(this.layout)return this.layout.score()},this.getSerializedState=()=>{if(this.layout)return this.layout.getSerializedState()},this.restoreSerializedState=e=>{this.layout&&this.layout.restoreSerializedState(e)},this._renderContent=()=>{switch(this.props.editorMode){case"json":return this._renderJson();case"preview":return this._renderPreview();case"edit":return this._renderEdit();default:return t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})})}}}render(){return t("div",{id:"perseus",children:this._renderContent()})}}const s=i.StyleSheet.create({container:{},editor:{width:"100%"},treePreview:{position:"relative"},verticalFlip:{transform:"scaleY(-1)"},control:{marginLeft:12},containerHeader:{alignItems:"flex-end",display:"flex",flexDirection:"row"},previewCollectionHeader:{marginBottom:16},containerTitle:{flexGrow:1,margin:0},contentIndent:{marginLeft:8},hintEditor:{paddingBottom:0},arrayElement:{marginBottom:16},arrayElementAndNotLeaf:{borderBottom:"1px solid #ccc",":first-child":{borderTop:"1px solid #ccc",paddingTop:16}},objectElement:{marginBottom:16},tagsEditor:{border:"1px solid #ddd",padding:"5px 10px"},row:{display:"flex",position:"relative"},columnLeft:{width:360,marginRight:30,position:"relative"},columnRight:{flex:1,marginLeft:30,position:"relative"},sticky:{position:"sticky",top:33},rowHeading:{position:"sticky",backgroundColor:"white",width:"100%",zIndex:101,top:-1}});Ne.__docgenInfo={description:"",methods:[{name:"_renderLayout",docblock:null,modifiers:[],params:[],returns:null},{name:"_renderJson",docblock:null,modifiers:[],params:[],returns:null},{name:"_renderPreview",docblock:null,modifiers:[],params:[],returns:null},{name:"mergeValueAtPath",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"newValue",optional:!1,type:{name:"unknown"}}],returns:null},{name:"setValueAtPath",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"newValue",optional:!1,type:{name:"unknown"}}],returns:null},{name:"addArrayElement",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"shape",optional:!1,type:{name:"Shape",alias:"Shape"}}],returns:null},{name:"removeArrayElement",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"moveArrayElementDown",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"moveArrayElementUp",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"_renderEdit",docblock:null,modifiers:[],params:[],returns:null},{name:"score",docblock:null,modifiers:[],params:[],returns:null},{name:"getSerializedState",docblock:null,modifiers:[],params:[],returns:null},{name:"restoreSerializedState",docblock:null,modifiers:[],params:[{name:"state",optional:!1,type:{name:"any"}}],returns:null},{name:"_renderContent",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MultiRendererEditor",props:{Layout:{required:!0,tsType:{name:"intersection",raw:"React.ComponentType & LayoutStatics",elements:[{name:"ReactComponentType",raw:"React.ComponentType",elements:[{name:"any"}]},{name:"LayoutStatics"}]},description:""},apiOptions:{required:!0,tsType:{name:"APIOptions"},description:""},item:{required:!0,tsType:{name:"Item"},description:""},editorMode:{required:!0,tsType:{name:"EditorMode"},description:""},onChange:{required:!0,tsType:{name:"ChangeHandler"},description:""}}};le({displayName:"StatefulEditorPage",propTypes:{componentClass:d.func},getDefaultProps:function(){return{componentClass:J}},getInitialState:function(){return N({}).extend(N.omit(this.props,"componentClass"),{onChange:this.handleChange,ref:"editor"})},componentDidMount:function(){this._isMounted=!0},UNSAFE_componentWillReceiveProps:function(o){this.setState(N(o).pick("apiOptions","imageUploader","developerMode","problemNum","previewDevice","frameSource"))},componentWillUnmount:function(){this._isMounted=!1},getSaveWarnings:function(){return this.refs.editor.getSaveWarnings()},serialize:function(){return this.refs.editor.serialize()},handleChange:function(o,e){this._isMounted&&this.setState(o,e)},scorePreview:function(){return this.refs.editor.scorePreview()},render:function(){const o=this.props.componentClass;return t(o,{...this.state})}});Q(ne);Y(G);Z();K(); + inset 0 0 50px 5px rgba(255, 255, 255, 0.2)`}},green:{border:"1px solid #7fab07",backgroundColor:"#80ac07",backgroundImage:"linear-gradient(to bottom, #8aba08, #719807)",":hover":{borderBottomColor:"#547105",backgroundColor:"#719807"}},orange:{border:"1px solid #d45704",backgroundColor:"#d55704",backgroundImage:"linear-gradient(to bottom, #e35d04, #c04f03)",":hover":{borderBottomColor:"#983e03",backgroundColor:"#c04f03"}}});w.__docgenInfo={description:"",methods:[],displayName:"SimpleButton",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},color:{defaultValue:{value:'"green"',computed:!1},description:"",type:{name:"enum",value:[{value:'"orange"',computed:!1},{value:'"green"',computed:!1}]},required:!1},onClick:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1}}};const{InlineIcon:R}=oe,{iconChevronDown:I,iconTrash:pe}=se,{MultiRenderer:me}=ae;class E extends y.Component{constructor(){super(...arguments),this._handleSelectMode=e=>{if(this.props.onChange){const r=e.target.value;this.props.onChange(r)}}}render(){return p("label",{children:["Mode:"," ",p("select",{value:this.props.currentMode,onChange:this._handleSelectMode,children:[t("option",{value:"edit",children:"Edit"}),t("option",{value:"preview",children:"Preview"}),t("option",{value:"json",children:"Dev-only JSON"})]})]})}}function D(o){return o.replace(/[A-Z]/g,e=>" "+e.toLowerCase())}function P(o){return o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()}function j(o){return o.charAt(o.length-1)==="s"?o.slice(0,-1):o}function f(o){return["_multi",...o]}const L=({depth:o,...e})=>{const n=`h${Math.min(o,5)+1}`;return t(n,{...e})},O=o=>{const{shape:e,data:r,path:n,actions:a,name:l,controls:c,...m}=o,h=l||D(n[n.length-1]||""),C=t(ye,{...m,shape:e,data:r,path:n,actions:a}),b=n.join(".");return e.type==="array"?t(ue,{name:h,controls:c,path:n,shape:e,actions:a,children:C},b):e.type==="object"?t(fe,{name:h,controls:c,path:n,children:C},b):t(he,{name:h,controls:c,path:n,shape:e,children:C},b)},he=({name:o,controls:e,children:r,path:n,shape:a})=>{const c=(a.type==="content"||a.type==="hint")&&t("div",{className:i.css(s.containerHeader),children:t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)})});return p("div",{className:i.css(s.container),children:[p("span",{className:i.css(s.row,s.rowHeading),children:[t("div",{className:i.css(s.columnLeft),children:p("div",{className:"pod-title "+i.css(s.containerHeader),children:[t("div",{className:i.css(s.containerTitle),children:P(o)}),e]})}),t("div",{className:i.css(s.columnRight),children:c})]}),r]})},ue=o=>{const{name:e,controls:r,children:n,path:a,shape:l,actions:c}=o;return p("div",{className:i.css(s.container),children:[r&&t("div",{className:i.css(s.columnLeft,s.containerHeader),children:r}),t("div",{children:n}),t("div",{className:i.css(s.columnLeft),children:p("a",{href:"javascript:void 0",onClick:()=>c.addArrayElement(a,l.elementShape),children:["Add a ",j(e)]})})]})},fe=({name:o,controls:e,children:r,path:n})=>{const a=p("div",{className:i.css(s.containerHeader),children:[t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)}),e]}),l=(o||e)&&t("div",{className:i.css(s.containerHeader,s.previewCollectionHeader),children:t(L,{depth:n.length,className:i.css(s.containerTitle),children:P(o)})}),c=a&&l;return p("div",{className:i.css(s.container),children:[c&&p("span",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:a}),t("div",{className:i.css(s.columnRight),children:l})]}),t("div",{className:i.css(n.length>0&&s.contentIndent),children:r})]})},ye=o=>{const{shape:e,data:r,...n}=o;return e.type==="content"?t(ge,{shape:e,data:r,...n}):e.type==="hint"?t(ve,{shape:e,data:r,...n}):e.type==="tags"?t(we,{shape:e,data:r,...n}):e.type==="array"?t(Ce,{shape:e,data:r,...n}):e.type==="object"?t(be,{shape:e,data:r,...n}):null},z=o=>class extends y.Component{constructor(){super(...arguments),this.state={sticky:!1},this.updateStickiness=()=>{const n=ie.findDOMNode(this).offsetHeight,a=window.innerHeight,l=n>a;l!==this.state.sticky&&this.setState({sticky:l})}}componentDidMount(){this.stickynessTimer=setInterval(this.updateStickiness,1e3),this.updateStickiness()}componentWillUnmount(){clearInterval(this.stickynessTimer)}render(){return t(o,{...this.props,sticky:this.state.sticky})}},ge=z(o=>{const{data:e,path:r,actions:n,apiOptions:a,renderers:l,sticky:c}=o,m=t("div",{className:"framework-perseus",children:u(l).get(r)});return t("span",{children:p("div",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(c&&s.sticky),children:t($,{...e,onChange:h=>n.mergeValueAtPath(r,h),apiOptions:a})})}),t("div",{className:i.css(s.columnRight),children:t("div",{className:i.css(c&&s.sticky),children:m})})]})})}),ve=z(o=>{const{data:e,path:r,actions:n,apiOptions:a,renderers:l,sticky:c}=o,m=t("div",{className:"framework-perseus",children:u(l).get(r)});return p("div",{className:i.css(s.row),children:[t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(c&&s.sticky),children:t(W,{...e,className:i.css(s.hintEditor),onChange:h=>n.mergeValueAtPath(r,h),apiOptions:a,showTitle:!1,showRemoveButton:!1,showMoveButtons:!1,onRemove:()=>{},onMove:h=>{},isFirst:!0,isLast:!0})})}),t("div",{className:i.css(s.columnRight),children:t("div",{className:i.css(c&&s.sticky),children:m})})]})}),we=o=>{const{data:e,path:r,actions:n,apiOptions:a}=o,{GroupMetadataEditor:l}=a;return l==null?null:t("div",{className:i.css(s.columnLeft),children:t("div",{className:i.css(s.tagsEditor),children:t(l,{value:e,onChange:c=>n.setValueAtPath(r,c),showTitle:!1})})})},Ce=o=>{const{shape:e,data:r,path:n,actions:a,...l}=o,c=D(n[n.length-1]),m=j(c),h=e.elementShape.type,C=h==="content"||h==="hint",b=r.map((V,g)=>{const k=n.concat(g),B=[g>0&&t("div",{className:i.css(s.control),children:t(w,{color:"orange",title:"Move up",onClick:()=>a.moveArrayElementUp(k),children:t("div",{className:i.css(s.verticalFlip),children:t(R,{...I})})})},"moveArrayElementUp"),ga.moveArrayElementDown(k),children:t(R,{...I})})},"moveArrayElementDown"),t("div",{className:i.css(s.control),children:t(w,{color:"orange",title:"Delete",onClick:()=>a.removeArrayElement(k),children:t(R,{...pe})})},"removeArrayElement")];return t("div",{className:i.css(s.arrayElement,!C&&s.arrayElementAndNotLeaf),children:y.createElement(O,{...l,key:g,shape:e.elementShape,data:V,path:k,actions:a,name:`${m} ${g+1}`,controls:B})},g)});return t("div",{children:b})},be=o=>{const{shape:e,data:r,path:n,...a}=o,l=Object.keys(e.shape).map(c=>t("div",{className:i.css(s.objectElement),children:t(O,{...a,shape:e.shape[c],data:r[c],path:n.concat(c)})},c));return t("div",{children:l})};class Ne extends y.Component{constructor(){super(...arguments),this._renderLayout=()=>{const{Layout:e,apiOptions:r,item:n}=this.props;return t(e,{ref:a=>this.layout=a,item:n,apiOptions:r})},this._renderJson=()=>p("div",{children:[t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})}),t(re,{multiLine:!0,value:this.props.item,onChange:e=>this.props.onChange({item:e})})]}),this._renderPreview=()=>p("div",{children:[t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})}),this._renderLayout()]}),this.mergeValueAtPath=(e,r)=>{this.props.onChange({item:u(this.props.item).merge(f(e),r).freeze()})},this.setValueAtPath=(e,r)=>{this.props.onChange({item:u(this.props.item).set(f(e),r).freeze()})},this.addArrayElement=(e,r)=>{const n=u(this.props.item).get(f(e)).length,a=e.concat(n),l=ee(r);this.props.onChange({item:u(this.props.item).set(f(a),l).freeze()})},this.removeArrayElement=e=>{this.props.onChange({item:u(this.props.item).del(f(e)).freeze()})},this.moveArrayElementDown=e=>{const n=e[e.length-1]+1,a=e.slice(0,-1).concat(n),l=u(this.props.item).get(f(e)),c=u(this.props.item).get(f(a));this.props.onChange({item:u(this.props.item).set(f(e),c).set(f(a),l).freeze()})},this.moveArrayElementUp=e=>{const r=e[e.length-1],n=e.slice(0,-1).concat(r-1);this.moveArrayElementDown(n)},this._renderEdit=()=>{const e={...X.defaults,...this.props.apiOptions},{item:r}=this.props,n=this.props.Layout.shape;return p("div",{className:"perseus-multirenderer-editor",children:[t(E,{currentMode:this.props.editorMode,onChange:a=>this.props.onChange({editorMode:a})}),t(me,{item:r,shape:n,apiOptions:e,dependencies:{analytics:{onAnalyticsEvent:async()=>{}}},children:({renderers:a})=>t(O,{shape:n,data:te(r),path:[],actions:this,apiOptions:e,renderers:a})})]})},this.score=()=>{if(this.layout)return this.layout.score()},this.getSerializedState=()=>{if(this.layout)return this.layout.getSerializedState()},this.restoreSerializedState=e=>{this.layout&&this.layout.restoreSerializedState(e)},this._renderContent=()=>{switch(this.props.editorMode){case"json":return this._renderJson();case"preview":return this._renderPreview();case"edit":return this._renderEdit();default:return t(E,{currentMode:this.props.editorMode,onChange:e=>this.props.onChange({editorMode:e})})}}}render(){return t("div",{id:"perseus",children:this._renderContent()})}}const s=i.StyleSheet.create({container:{},editor:{width:"100%"},treePreview:{position:"relative"},verticalFlip:{transform:"scaleY(-1)"},control:{marginLeft:12},containerHeader:{alignItems:"flex-end",display:"flex",flexDirection:"row"},previewCollectionHeader:{marginBottom:16},containerTitle:{flexGrow:1,margin:0},contentIndent:{marginLeft:8},hintEditor:{paddingBottom:0},arrayElement:{marginBottom:16},arrayElementAndNotLeaf:{borderBottom:"1px solid #ccc",":first-child":{borderTop:"1px solid #ccc",paddingTop:16}},objectElement:{marginBottom:16},tagsEditor:{border:"1px solid #ddd",padding:"5px 10px"},row:{display:"flex",position:"relative"},columnLeft:{width:360,marginRight:30,position:"relative"},columnRight:{flex:1,marginLeft:30,position:"relative"},sticky:{position:"sticky",top:33},rowHeading:{position:"sticky",backgroundColor:"white",width:"100%",zIndex:101,top:-1}});Ne.__docgenInfo={description:"",methods:[{name:"_renderLayout",docblock:null,modifiers:[],params:[],returns:null},{name:"_renderJson",docblock:null,modifiers:[],params:[],returns:null},{name:"_renderPreview",docblock:null,modifiers:[],params:[],returns:null},{name:"mergeValueAtPath",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"newValue",optional:!1,type:{name:"unknown"}}],returns:null},{name:"setValueAtPath",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"newValue",optional:!1,type:{name:"unknown"}}],returns:null},{name:"addArrayElement",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}},{name:"shape",optional:!1,type:{name:"Shape",alias:"Shape"}}],returns:null},{name:"removeArrayElement",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"moveArrayElementDown",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"moveArrayElementUp",docblock:null,modifiers:[],params:[{name:"path",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"Path"}}],returns:null},{name:"_renderEdit",docblock:null,modifiers:[],params:[],returns:null},{name:"score",docblock:null,modifiers:[],params:[],returns:null},{name:"getSerializedState",docblock:null,modifiers:[],params:[],returns:null},{name:"restoreSerializedState",docblock:null,modifiers:[],params:[{name:"state",optional:!1,type:{name:"any"}}],returns:null},{name:"_renderContent",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MultiRendererEditor",props:{Layout:{required:!0,tsType:{name:"intersection",raw:"React.ComponentType & LayoutStatics",elements:[{name:"ReactComponentType",raw:"React.ComponentType",elements:[{name:"any"}]},{name:"LayoutStatics"}]},description:""},apiOptions:{required:!0,tsType:{name:"APIOptions"},description:""},item:{required:!0,tsType:{name:"Item"},description:""},editorMode:{required:!0,tsType:{name:"EditorMode"},description:""},onChange:{required:!0,tsType:{name:"ChangeHandler"},description:""}}};le({displayName:"StatefulEditorPage",propTypes:{componentClass:d.func},getDefaultProps:function(){return{componentClass:J}},getInitialState:function(){return N({}).extend(N.omit(this.props,"componentClass"),{onChange:this.handleChange,ref:"editor"})},componentDidMount:function(){this._isMounted=!0},UNSAFE_componentWillReceiveProps:function(o){this.setState(N(o).pick("apiOptions","imageUploader","developerMode","problemNum","previewDevice","frameSource"))},componentWillUnmount:function(){this._isMounted=!1},getSaveWarnings:function(){return this.refs.editor.getSaveWarnings()},serialize:function(){return this.refs.editor.serialize()},handleChange:function(o,e){this._isMounted&&this.setState(o,e)},render:function(){const o=this.props.componentClass;return t(o,{...this.state})}});Q(ne);Y(G);Z();K(); diff --git a/assets/index-2zQZ4npR.js b/assets/index-rssW1hfo.js similarity index 98% rename from assets/index-2zQZ4npR.js rename to assets/index-rssW1hfo.js index f4daddc76b..317e238b61 100644 --- a/assets/index-2zQZ4npR.js +++ b/assets/index-rssW1hfo.js @@ -1,4 +1,4 @@ -import{a as s,j as e,F as $}from"./jsx-runtime-FVsy8kgq.js";import{c as h}from"./article-renderer-q7kSP2w4.js";import{_ as r}from"./jquery-yG1GhClm.js";import{U as H}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{a as g,g as j}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{K as p}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{E as f}from"./editor-jsonify-Bbv2loDC.js";import{r as d}from"./index-TT1qJ6UJ.js";import{G as Q}from"./graph-settings-biSSNAI_.js";import{c}from"./components-v_jsX-d9.js";import{b as Z,d as ee,e as ne,f as te,c as ae}from"./icon-paths-AuJwhOz7.js";import"./prop-types-n-SFl0Bz.js";import{c as se}from"./key-translator-g-rPb6Kc.js";import"./mobile-keypad-3f7ONcH2.js";import{u as re}from"./button-assets-txIojR3b.js";import{V as ie}from"./index-6h5t6F0w.js";import{c as K}from"./index-deFLJwr4.js";import{l as le}from"./index-awljIyHI.js";const{InlineIcon:b}=c,D=class D extends d.Component{constructor(n){super(n),this.toggle=t=>{t.preventDefault(),this.setState({show:!this.state.show})},this.state={show:n.initiallyVisible}}render(){return s("div",{className:"perseus-interaction-element",children:[s("a",{href:"#",className:"perseus-interaction-element-title "+(this.state.show?"open":"closed"),onClick:this.toggle,children:[this.state.show?e(b,{...Z}):e(b,{...ee}),this.props.title]}),s("div",{className:"perseus-interaction-element-content "+(this.state.show?"enter":"leave"),children:[this.props.children,(this.props.onUp!=null||this.props.onDown!=null||this.props.onDelete!=null)&&s("div",{className:"edit-controls",children:[this.props.onUp!=null&&e("button",{onClick:this.props.onUp,children:e(b,{...ne})}),this.props.onDown!=null&&e("button",{onClick:this.props.onDown,children:e(b,{...te})}),this.props.onDelete!=null&&e("button",{onClick:this.props.onDelete,children:e(b,{...ae})})]})]})]})}};D.defaultProps={initiallyVisible:!1,title:"More"};let u=D;u.__docgenInfo={description:"",methods:[{name:"toggle",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactSyntheticEvent",raw:"React.SyntheticEvent",alias:"React.SyntheticEvent"}}],returns:null}],displayName:"ElementContainer",props:{children:{required:!0,tsType:{name:"union",raw:"React.ReactElement | ReadonlyArray>",elements:[{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]},{name:"ReadonlyArray",elements:[{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]}],raw:"ReadonlyArray>"}]},description:""},initiallyVisible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},onDown:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},onUp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},title:{required:!1,tsType:{name:"union",raw:"string | React.ReactElement",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]}]},description:"",defaultValue:{value:'"More"',computed:!1}}}};const{ButtonGroup:oe}=c,pe=[p.BLACK,p.BLUE,p.GREEN,p.PINK,p.PURPLE,p.RED,p.GRAY],de=[p.LIGHT_BLUE,p.LIGHT_ORANGE,p.LIGHT_PINK,p.LIGHT_GREEN,p.LIGHT_PURPLE,p.LIGHT_RED,"#fff"],X=class X extends d.Component{render(){const n=this.props.lightColors?de:pe;return e(oe,{value:this.props.value,allowEmpty:!1,buttons:r.map(n,t=>({value:t,content:s("span",{children:[e("span",{className:"colorpicker-circle",style:{background:t}})," "]})})),onChange:this.props.onChange})}};X.defaultProps={value:p.BLACK,lightColors:!1};let m=X;m.__docgenInfo={description:"",methods:[],displayName:"ColorPicker",props:{lightColors:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLACK",computed:!0}}}};const{ButtonGroup:ue}=c,M=class M extends d.Component{render(){return e(ue,{value:this.props.value,allowEmpty:!1,buttons:[{value:"",content:e("span",{children:"—"})},{value:"-",content:e("span",{children:"–––"})},{value:"- ",content:e("span",{children:"–  –"})},{value:".",content:e("span",{children:"····"})},{value:". ",content:e("span",{children:"· · ·"})}],onChange:this.props.onChange})}};M.defaultProps={value:""};let y=M;y.__docgenInfo={description:"",methods:[],displayName:"DashPicker",props:{value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}}}};function i(W){const n=d.useRef(null),t=d.useRef(),{locale:a,strings:o}=re();return d.useEffect(()=>{n.current&&!t.current&&(t.current=se(n.current,a,o,l=>({...l,handlers:{edit:v=>{let _=v.latex();_=_.replace(/<>/g,"\\ne"),W.value!==_&&W.onChange(_)},upOutOf:v=>{v.typedText("^")}}})))}),e(ie,{style:ce.outerWrapper,children:e("span",{ref:n,className:"perseus-math-input mq-editable-field mq-math-mode"})})}const ce=le.StyleSheet.create({outerWrapper:{display:"inline-block",borderStyle:"solid",borderWidth:1,borderColor:K.offBlack50,borderRadius:3,background:K.white}});i.__docgenInfo={description:`A simple Mathquill MathField input for the InteractionEditor. +import{a as s,j as e,F as $}from"./jsx-runtime-FVsy8kgq.js";import{c as h}from"./article-renderer-BOOaW4sB.js";import{_ as r}from"./jquery-yG1GhClm.js";import{U as H}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{a as g,g as j}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{K as p}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{E as f}from"./editor-jsonify-tQINrEL4.js";import{r as d}from"./index-TT1qJ6UJ.js";import{G as Q}from"./graph-settings-DK80fLX7.js";import{c}from"./components-v_jsX-d9.js";import{b as Z,d as ee,e as ne,f as te,c as ae}from"./icon-paths-AuJwhOz7.js";import"./prop-types-n-SFl0Bz.js";import{c as se}from"./key-translator-g-rPb6Kc.js";import"./mobile-keypad-3f7ONcH2.js";import{u as re}from"./button-assets-txIojR3b.js";import{V as ie}from"./index-6h5t6F0w.js";import{c as K}from"./index-deFLJwr4.js";import{l as le}from"./index-awljIyHI.js";const{InlineIcon:b}=c,D=class D extends d.Component{constructor(n){super(n),this.toggle=t=>{t.preventDefault(),this.setState({show:!this.state.show})},this.state={show:n.initiallyVisible}}render(){return s("div",{className:"perseus-interaction-element",children:[s("a",{href:"#",className:"perseus-interaction-element-title "+(this.state.show?"open":"closed"),onClick:this.toggle,children:[this.state.show?e(b,{...Z}):e(b,{...ee}),this.props.title]}),s("div",{className:"perseus-interaction-element-content "+(this.state.show?"enter":"leave"),children:[this.props.children,(this.props.onUp!=null||this.props.onDown!=null||this.props.onDelete!=null)&&s("div",{className:"edit-controls",children:[this.props.onUp!=null&&e("button",{onClick:this.props.onUp,children:e(b,{...ne})}),this.props.onDown!=null&&e("button",{onClick:this.props.onDown,children:e(b,{...te})}),this.props.onDelete!=null&&e("button",{onClick:this.props.onDelete,children:e(b,{...ae})})]})]})]})}};D.defaultProps={initiallyVisible:!1,title:"More"};let u=D;u.__docgenInfo={description:"",methods:[{name:"toggle",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactSyntheticEvent",raw:"React.SyntheticEvent",alias:"React.SyntheticEvent"}}],returns:null}],displayName:"ElementContainer",props:{children:{required:!0,tsType:{name:"union",raw:"React.ReactElement | ReadonlyArray>",elements:[{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]},{name:"ReadonlyArray",elements:[{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]}],raw:"ReadonlyArray>"}]},description:""},initiallyVisible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},onDown:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},onUp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void | null | undefined",signature:{arguments:[],return:{name:"union",raw:"void | null | undefined",elements:[{name:"void"},{name:"null"},{name:"undefined"}]}}},description:""},title:{required:!1,tsType:{name:"union",raw:"string | React.ReactElement",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"any"}]}]},description:"",defaultValue:{value:'"More"',computed:!1}}}};const{ButtonGroup:oe}=c,pe=[p.BLACK,p.BLUE,p.GREEN,p.PINK,p.PURPLE,p.RED,p.GRAY],de=[p.LIGHT_BLUE,p.LIGHT_ORANGE,p.LIGHT_PINK,p.LIGHT_GREEN,p.LIGHT_PURPLE,p.LIGHT_RED,"#fff"],X=class X extends d.Component{render(){const n=this.props.lightColors?de:pe;return e(oe,{value:this.props.value,allowEmpty:!1,buttons:r.map(n,t=>({value:t,content:s("span",{children:[e("span",{className:"colorpicker-circle",style:{background:t}})," "]})})),onChange:this.props.onChange})}};X.defaultProps={value:p.BLACK,lightColors:!1};let m=X;m.__docgenInfo={description:"",methods:[],displayName:"ColorPicker",props:{lightColors:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLACK",computed:!0}}}};const{ButtonGroup:ue}=c,M=class M extends d.Component{render(){return e(ue,{value:this.props.value,allowEmpty:!1,buttons:[{value:"",content:e("span",{children:"—"})},{value:"-",content:e("span",{children:"–––"})},{value:"- ",content:e("span",{children:"–  –"})},{value:".",content:e("span",{children:"····"})},{value:". ",content:e("span",{children:"· · ·"})}],onChange:this.props.onChange})}};M.defaultProps={value:""};let y=M;y.__docgenInfo={description:"",methods:[],displayName:"DashPicker",props:{value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}}}};function i(W){const n=d.useRef(null),t=d.useRef(),{locale:a,strings:o}=re();return d.useEffect(()=>{n.current&&!t.current&&(t.current=se(n.current,a,o,l=>({...l,handlers:{edit:v=>{let _=v.latex();_=_.replace(/<>/g,"\\ne"),W.value!==_&&W.onChange(_)},upOutOf:v=>{v.typedText("^")}}})))}),e(ie,{style:ce.outerWrapper,children:e("span",{ref:n,className:"perseus-math-input mq-editable-field mq-math-mode"})})}const ce=le.StyleSheet.create({outerWrapper:{display:"inline-block",borderStyle:"solid",borderWidth:1,borderColor:K.offBlack50,borderRadius:3,background:K.white}});i.__docgenInfo={description:`A simple Mathquill MathField input for the InteractionEditor. Unlike our other uses of Mathquill, we're not using a keypad here; it's just the input itself for use writing TeX.`,methods:[],displayName:"MathquillInput",props:{value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};const{NumberInput:he}=c,{getDependencies:me}=g,L=class L extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=me();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:[e(n,{children:this.props.funcName+"(x)="})," ",e(i,{value:this.props.value,onChange:this.change("value")})]}),s("div",{className:"perseus-widget-row",children:["Range: ",e(n,{children:"\\Large("}),e(i,{value:this.props.rangeMin,onChange:this.change("rangeMin")}),e(n,{children:","})," ",e(i,{value:this.props.rangeMax,onChange:this.change("rangeMax")}),e(n,{children:"\\Large)"})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,onChange:this.change("color")})}),e("div",{className:"perseus-widget-row",children:e(y,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")})}),e("div",{className:"perseus-widget-row",children:s("div",{className:"perseus-widget-left-col",children:["Width:"," ",e(he,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")})]})})]})}};L.defaultProps={value:"x",rangeMin:"-10",rangeMax:"10",color:p.BLUE,strokeDasharray:"",strokeWidth:2};let w=L;w.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"FunctionEditor",props:{value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"x"',computed:!1}},rangeMin:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-10"',computed:!1}},rangeMax:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"10"',computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLUE",computed:!0}},strokeDasharray:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},strokeWidth:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}}}};const{TextInput:ge}=c,{getDependencies:fe}=g,Y=class Y extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=fe();return s("div",{className:"graph-settings",children:[e("div",{className:"perseus-widget-row",children:e(ge,{value:this.props.label,onChange:this.change("label"),style:{width:"100%"}})}),s("div",{className:"perseus-widget-row",children:["Location: ",e(n,{children:"\\Large("}),e(i,{value:this.props.coordX,onChange:this.change("coordX")}),e(n,{children:","})," ",e(i,{value:this.props.coordY,onChange:this.change("coordY")}),e(n,{children:"\\Large)"})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,onChange:this.change("color")})})]})}};Y.defaultProps={coordX:"0",coordY:"0",color:p.BLACK,label:"\\phi"};let N=Y;N.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"LabelEditor",props:{color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLACK",computed:!0}},coordX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},coordY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},label:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"\\\\phi"',computed:!1}}}};const{ButtonGroup:ye}=c,I=class I extends d.Component{render(){return e(ye,{value:this.props.value,allowEmpty:!1,buttons:[{value:"",content:e("span",{children:"—"})},{value:"->",content:e("span",{children:"→"})}],onChange:this.props.onChange})}};I.defaultProps={value:""};let S=I;S.__docgenInfo={description:"",methods:[],displayName:"ArrowPicker",props:{value:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}}}};const{NumberInput:ve}=c,{getDependencies:be}=g,U=class U extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=be();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:["Start: ",e(n,{children:"\\Large("}),e(i,{value:this.props.startX,onChange:this.change("startX")}),e(n,{children:","})," ",e(i,{value:this.props.startY,onChange:this.change("startY")}),e(n,{children:"\\Large)"})]}),s("div",{className:"perseus-widget-row",children:["End: ",e(n,{children:"\\Large("}),e(i,{value:this.props.endX,onChange:this.change("endX")}),e(n,{children:","})," ",e(i,{value:this.props.endY,onChange:this.change("endY")}),e(n,{children:"\\Large)"})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,onChange:this.change("color")})}),s("div",{className:"perseus-widget-row",children:[e(y,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")}),"   ",e(S,{value:this.props.arrows,onChange:this.change("arrows")})]}),e("div",{className:"perseus-widget-row",children:s("div",{className:"perseus-widget-left-col",children:["Width:"," ",e(ve,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")})]})})]})}};U.defaultProps={startX:"-5",startY:"5",endX:"5",endY:"5",color:p.BLACK,strokeDasharray:"",arrows:"",strokeWidth:2};let C=U;C.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"LineEditor",props:{startX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-5"',computed:!1}},startY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},endX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},endY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLACK",computed:!0}},strokeDasharray:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},arrows:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},strokeWidth:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}}}};const{ButtonGroup:we,NumberInput:Ne}=c,P=class P extends d.Component{constructor(){super(...arguments),this.change=n=>h.call(this,n)}render(){const{TeX:n}=j();return s("div",{children:[s("div",{className:"perseus-widget-row",children:["Constraint:"," ",e(we,{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")})]}),this.props.constraint==="snap"&&s("div",{className:"perseus-widget-row",children:["Snap:"," ",e(Ne,{value:this.props.snap,placeholder:0,onChange:this.change("snap")})]}),this.props.constraint==="x"&&e("div",{className:"graph-settings",children:s("div",{className:"perseus-widget-row",children:[e(n,{children:"x="})," ",e(i,{value:this.props.constraintFn,onChange:this.change("constraintFn")})]})}),this.props.constraint==="y"&&e("div",{className:"graph-settings",children:s("div",{className:"perseus-widget-row",children:[e(n,{children:"y="})," ",e(i,{value:this.props.constraintFn,onChange:this.change("constraintFn")})]})}),"Ensure these are set so nothing can be dragged off the canvas:",e("div",{className:"perseus-widget-row",children:s("div",{className:"perseus-widget-row",children:[e(n,{children:"x \\in \\Large["})," ",e(i,{value:this.props.constraintXMin,onChange:this.change("constraintXMin")}),e(n,{children:", "})," ",e(i,{value:this.props.constraintXMax,onChange:this.change("constraintXMax")})," ",e(n,{children:"\\Large]"})]})}),e("div",{className:"perseus-widget-row",children:s("div",{className:"perseus-widget-row",children:[e(n,{children:"y \\in \\Large["})," ",e(i,{value:this.props.constraintYMin,onChange:this.change("constraintYMin")}),e(n,{children:", "})," ",e(i,{value:this.props.constraintYMax,onChange:this.change("constraintYMax")})," ",e(n,{children:"\\Large]"})]})})]})}};P.defaultProps={constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"};let k=P;k.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"propName",optional:!1,type:{name:"string"}}],returns:{type:{name:"unknown"}}}],displayName:"ConstraintEditor",props:{constraint:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"none"',computed:!1}},constraintFn:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},constraintXMax:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"10"',computed:!1}},constraintXMin:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-10"',computed:!1}},constraintYMax:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"10"',computed:!1}},constraintYMin:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-10"',computed:!1}},snap:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0.5",computed:!1}}}};const{NumberInput:J}=c,{getDependencies:Ce}=g,z=class z extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=Ce();return s("div",{className:"graph-settings",children:["Initial position:",s("div",{className:"perseus-widget-row",children:["Start: ",e(n,{children:"\\Large("}),e(i,{value:this.props.startX,onChange:this.change("startX")}),e(n,{children:","})," ",e(i,{value:this.props.startY,onChange:this.change("startY")}),e(n,{children:"\\Large)"})]}),s("div",{className:"perseus-widget-row",children:["End: ",e(n,{children:"\\Large("}),e(i,{value:this.props.endX,onChange:this.change("endX")}),e(n,{children:","})," ",e(i,{value:this.props.endY,onChange:this.change("endY")}),e(n,{children:"\\Large)"})]}),s("div",{className:"perseus-widget-row",children:["Start updates ",e(n,{children:"(x_n, y_n)"})," for ",e(n,{children:"n ="}),e(J,{value:this.props.startSubscript,placeholder:0,onChange:this.change("startSubscript")})]}),s("div",{className:"perseus-widget-row",children:["End updates ",e(n,{children:"(x_m, y_m)"})," for ",e(n,{children:"m ="}),e(J,{value:this.props.endSubscript,placeholder:0,onChange:this.change("endSubscript")})]}),e("div",{className:"perseus-widget-row",children:"All constraints are applied to the start point."}),e(k,{...this.props})]})}};z.defaultProps={startX:"-5",startY:"5",endX:"5",endY:"5",constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"};let R=z;R.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MovableLineEditor",props:{startX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-5"',computed:!1}},startY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},endX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},endY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},constraint:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"none"',computed:!1}},snap:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0.5",computed:!1}},constraintFn:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},startSubscript:{required:!0,tsType:{name:"number"},description:""},endSubscript:{required:!0,tsType:{name:"number"},description:""},constraintXMin:{defaultValue:{value:'"-10"',computed:!1},required:!1},constraintXMax:{defaultValue:{value:'"10"',computed:!1},required:!1},constraintYMin:{defaultValue:{value:'"-10"',computed:!1},required:!1},constraintYMax:{defaultValue:{value:'"10"',computed:!1},required:!1}}};const{NumberInput:ke}=c,{getDependencies:Re}=g,G=class G extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=Re();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:["Start: ",e(n,{children:"\\Large("}),e(i,{value:this.props.startX,onChange:this.change("startX")}),e(n,{children:","})," ",e(i,{value:this.props.startY,onChange:this.change("startY")}),e(n,{children:"\\Large)"})]}),s("div",{className:"perseus-widget-row",children:["Update ",e(n,{children:"(x_n, y_n)"})," for ",e(n,{children:"n ="})," ",e(ke,{value:this.props.varSubscript,placeholder:0,onChange:this.change("varSubscript")})]}),e(k,{...this.props})]})}};G.defaultProps={startX:"0",startY:"0",constraint:"none",snap:.5,constraintFn:"0",constraintXMin:"-10",constraintXMax:"10",constraintYMin:"-10",constraintYMax:"10"};let q=G;q.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MovablePointEditor",props:{startX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},startY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},constraint:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"none"',computed:!1}},snap:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0.5",computed:!1}},constraintFn:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},varSubscript:{required:!0,tsType:{name:"number"},description:""},constraintXMin:{defaultValue:{value:'"-10"',computed:!1},required:!1},constraintXMax:{defaultValue:{value:'"10"',computed:!1},required:!1},constraintYMin:{defaultValue:{value:'"-10"',computed:!1},required:!1},constraintYMax:{defaultValue:{value:'"10"',computed:!1},required:!1}}};const{NumberInput:qe}=c,{getDependencies:xe}=g,B=class B extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=xe();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:[e(n,{children:"X(t) ="})," ",e(i,{value:this.props.x,onChange:this.change("x")})]}),s("div",{className:"perseus-widget-row",children:[e(n,{children:"Y(t) ="})," ",e(i,{value:this.props.y,onChange:this.change("y")})]}),s("div",{className:"perseus-widget-row",children:["Range: ",e(n,{children:"\\Large("}),e(i,{value:this.props.rangeMin,onChange:this.change("rangeMin")}),e(n,{children:","})," ",e(i,{value:this.props.rangeMax,onChange:this.change("rangeMax")}),e(n,{children:"\\Large)"})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,onChange:this.change("color")})}),e("div",{className:"perseus-widget-row",children:e(y,{value:this.props.strokeDasharray,onChange:this.change("strokeDasharray")})}),e("div",{className:"perseus-widget-row",children:s("div",{className:"perseus-widget-left-col",children:["Width:"," ",e(qe,{value:this.props.strokeWidth,placeholder:2,onChange:this.change("strokeWidth")})]})})]})}};B.defaultProps={x:"cos(t)",y:"sin(t)",rangeMin:"0",rangeMax:"2\\pi",color:p.BLUE,strokeDasharray:"",strokeWidth:2};let x=B;x.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ParametricEditor",props:{x:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"cos(t)"',computed:!1}},y:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"sin(t)"',computed:!1}},rangeMin:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},rangeMax:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"2\\\\pi"',computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLUE",computed:!0}},strokeDasharray:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},strokeWidth:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}}}};const{getDependencies:Te}=g,F=class F extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=Te();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:["Coordinate: ",e(n,{children:"\\Large("}),e(i,{value:this.props.coordX,onChange:this.change("coordX")}),e(n,{children:","})," ",e(i,{value:this.props.coordY,onChange:this.change("coordY")}),e(n,{children:"\\Large)"})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,onChange:this.change("color")})})]})}};F.defaultProps={coordX:"0",coordY:"0",color:p.BLACK};let T=F;T.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PointEditor",props:{coordX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},coordY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"0"',computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.BLACK",computed:!0}}}};const{getDependencies:Ae}=g,O=class O extends d.Component{constructor(){super(...arguments),this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}render(){const{TeX:n}=Ae();return s("div",{className:"graph-settings",children:[s("div",{className:"perseus-widget-row",children:["Bottom left: ",e(n,{children:"\\Large("}),e(i,{value:this.props.coordX,onChange:this.change("coordX")}),e(n,{children:","})," ",e(i,{value:this.props.coordY,onChange:this.change("coordY")}),e(n,{children:"\\Large)"})]}),s("div",{className:"perseus-widget-row",children:["Width:"," ",e(i,{value:this.props.width,onChange:this.change("width")})]}),s("div",{className:"perseus-widget-row",children:["Height:"," ",e(i,{value:this.props.height,onChange:this.change("height")})]}),e("div",{className:"perseus-widget-row",children:e(m,{value:this.props.color,lightColors:!0,onChange:this.change("color")})}),e("div",{className:"perseus-widget-row",children:"You want a border? Sorry, draw your own."})]})}};O.defaultProps={coordX:"-5",coordY:"5",width:"2",height:"3",color:p.LIGHT_BLUE};let A=O;A.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"RectangleEditor",props:{color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"KhanColors.LIGHT_BLUE",computed:!0}},coordX:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"-5"',computed:!1}},coordY:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"5"',computed:!1}},height:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"3"',computed:!1}},width:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"2"',computed:!1}}}};const{getDependencies:_e}=g,{unescapeMathMode:Se}=H,Ve={graph:{box:[400,400],labels:["x","y"],range:[[-10,10],[-10,10]],tickStep:[1,1],gridStep:[1,1],markings:"graph"},elements:[]},E=class E extends d.Component{constructor(){super(...arguments),this.state={usedVarSubscripts:this._getAllVarSubscripts(this.props.elements),usedFunctionNames:this._getAllFunctionNames(this.props.elements)},this._updateGraphProps=n=>{this.change({graph:r.extend(r.omit(n,"step"),{tickStep:n.step})})},this._addNewElement=n=>{const t=n.target.value;if(t==="")return;n.target.value="";const a={type:t,key:t+"-"+(Math.random()*16777215<<0).toString(16),options:t==="point"?r.clone(T.defaultProps):t==="line"?r.clone(C.defaultProps):t==="movable-point"?r.clone(q.defaultProps):t==="movable-line"?r.clone(R.defaultProps):t==="function"?r.clone(w.defaultProps):t==="parametric"?r.clone(x.defaultProps):t==="label"?r.clone(N.defaultProps):t==="rectangle"?r.clone(A.defaultProps):{}};let o;if(t==="movable-point")o=r.max([r.max(this.state.usedVarSubscripts),-1])+1,a.options.varSubscript=o;else if(t==="movable-line")o=r.max([r.max(this.state.usedVarSubscripts),-1])+1,a.options.startSubscript=o,a.options.endSubscript=o+1;else if(t==="function"){const l=String.fromCharCode(r.max([r.max(r.map(this.state.usedFunctionNames,function(v){return v.charCodeAt(0)})),101])+1);a.options.funcName=l}this.change({elements:this.props.elements.concat(a)})},this._deleteElement=n=>{const t=this.props.elements[n];this.change({elements:r.without(this.props.elements,t)})},this._moveElementUp=n=>{const t=this.props.elements[n],a=r.without(this.props.elements,t);a.splice(n-1,0,t),this.change({elements:a})},this._moveElementDown=n=>{const t=this.props.elements[n],a=r.without(this.props.elements,t);a.splice(n+1,0,t),this.change({elements:a})},this.change=(...n)=>h.apply(this,n),this.serialize=()=>f.serialize.call(this)}UNSAFE_componentWillReceiveProps(n){this.setState({usedVarSubscripts:this._getAllVarSubscripts(n.elements),usedFunctionNames:this._getAllFunctionNames(n.elements)})}_getAllVarSubscripts(n){return r.map(r.where(n,{type:"movable-point"}),t=>t.options.varSubscript).concat(r.map(r.where(n,{type:"movable-line"}),t=>t.options.startSubscript)).concat(r.map(r.where(n,{type:"movable-line"}),t=>t.options.endSubscript))}_getAllFunctionNames(n){return r.map(r.where(n,{type:"function"}),t=>t.options.funcName)}render(){const{TeX:n}=_e();return s("div",{className:"perseus-widget-interaction-editor",children:[s(u,{title:"Grid settings",children:[e(Q,{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}),e($,{children:this.props.graph.valid!==!0&&e("div",{children:this.props.graph.valid})})]}),r.map(this.props.elements,function(t,a){if(t.type==="movable-point")return e(u,{title:s("span",{children:["Movable point"," ",e(n,{children:"(x_{"+t.options.varSubscript+"}, y_{"+t.options.varSubscript+"})"})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement.bind(this,a),children:e(q,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="movable-line")return e(u,{title:s("span",{children:["Movable line"," ",e(n,{children:"(x_{"+t.options.startSubscript+"}, y_{"+t.options.startSubscript+"})"})," ","to"," ",e(n,{children:"(x_{"+t.options.endSubscript+"}, y_{"+t.options.endSubscript+"})"})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement.bind(this,a),children:e(R,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="point")return e(u,{title:s("span",{children:["Point"," ",e(n,{children:"("+t.options.coordX+", "+t.options.coordY+")"})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement.bind(this,a),children:e(T,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="line")return e(u,{title:s("span",{children:["Line"," ",e(n,{children:"("+t.options.startX+", "+t.options.startY+")"})," ","to"," ",e(n,{children:"("+t.options.endX+", "+t.options.endY+")"})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement.bind(this,a),children:e(C,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="function")return e(u,{title:s("span",{children:["Function"," ",e(n,{children:t.options.funcName+"(x) = "+t.options.value})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement,children:e(w,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="parametric")return e(u,{title:e("span",{children:"Parametric"}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement,children:e(x,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="label")return e(u,{title:s("span",{children:["Label"," ",e(n,{children:Se(t.options.label)})," "]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement,children:e(N,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key);if(t.type==="rectangle")return e(u,{title:s("span",{children:["Rectangle"," ",e(n,{children:"("+t.options.coordX+", "+t.options.coordY+")"})," — ",e(n,{children:t.options.width+" \\times "+t.options.height})]}),onUp:a===0?null:this._moveElementUp.bind(this,a),onDown:a===this.props.elements.length-1?null:this._moveElementDown.bind(this,a),onDelete:this._deleteElement,children:e(A,{...t.options,onChange:o=>{const l=JSON.parse(JSON.stringify(this.props.elements));r.extend(l[a].options,o),this.change({elements:l})}})},t.key)},this),e("div",{className:"perseus-widget-interaction-editor-select-element",children:s("select",{onChange:this._addNewElement,children:[s("option",{value:"",children:["Add an element","…"]}),e("option",{disabled:!0,children:"--"}),e("option",{value:"point",children:"Point"}),e("option",{value:"line",children:"Line segment"}),e("option",{value:"function",children:"Function plot"}),e("option",{value:"parametric",children:"Parametric plot"}),e("option",{value:"label",children:"Label"}),e("option",{value:"rectangle",children:"Rectangle"}),e("option",{value:"movable-point",children:"★ Movable point"}),e("option",{value:"movable-line",children:"★ Movable line segment"})]})})]})}};E.widgetName="interaction",E.defaultProps=Ve;let V=E;V.__docgenInfo={description:"",methods:[{name:"_getAllVarSubscripts",docblock:null,modifiers:[],params:[{name:"elements",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:{type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray"}}},{name:"_getAllFunctionNames",docblock:null,modifiers:[],params:[{name:"elements",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:{type:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"}}},{name:"_updateGraphProps",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null}],returns:null},{name:"_addNewElement",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_deleteElement",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:null}],returns:null},{name:"_moveElementUp",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:null}],returns:null},{name:"_moveElementDown",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:null}],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"InteractionEditor",props:{elements:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"any"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},graph:{required:!1,tsType:{name:"signature",type:"object",raw:`{ box: ReadonlyArray; diff --git a/assets/input-number-editor-kdZwFnVv.js b/assets/input-number-editor-0s5nQB_-.js similarity index 95% rename from assets/input-number-editor-kdZwFnVv.js rename to assets/input-number-editor-0s5nQB_-.js index a04f3f79b2..635d7570a3 100644 --- a/assets/input-number-editor-kdZwFnVv.js +++ b/assets/input-number-editor-0s5nQB_-.js @@ -1,4 +1,4 @@ -import{j as e,a as i}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import{_ as u}from"./jquery-yG1GhClm.js";import{U as l}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as m}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import{P as d}from"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as o}from"./index-TT1qJ6UJ.js";import{B as c}from"./blur-input-hjJsfoK9.js";const{InfoTip:a}=m,h={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"}},t=class t extends o.Component{constructor(){super(...arguments),this.input=o.createRef(),this.handleAnswerChange=s=>{const r=l.firstNumericalParse(s,this.context.strings)||0;this.props.onChange({value:r})},this.focus=()=>{var s;return(s=this.input.current)==null||s.focus(),!0},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 s=u.map(h,function(r,n){return e("option",{value:n,children:r.name},n)},this);return i("div",{children:[e("div",{children:i("label",{children:["Correct answer:"," ",e(c,{value:""+this.props.value,onChange:this.handleAnswerChange,ref:this.input})]})}),i("div",{children:[i("label",{children:["Unsimplified answers"," ",i("select",{value:this.props.simplify,onChange:r=>{this.props.onChange({simplify:r.target.value})},children:[e("option",{value:"required",children:"will not be graded"}),e("option",{value:"optional",children:"will be accepted"}),e("option",{value:"enforced",children:"will be marked wrong"})]})]}),i(a,{children:[e("p",{children:'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)'}),e("p",{children:'Select "will be accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'}),e("p",{children:'Select "will be marked wrong" only if we are specifically assessing the ability to simplify.'})]})]}),i("div",{children:[i("label",{children:[e("input",{type:"checkbox",checked:this.props.inexact,onChange:r=>{this.props.onChange({inexact:r.target.checked})}})," ","Allow inexact answers"]}),i("label",{children:[e("input",{type:"checkbox",style:{visibility:"hidden"}}),"Max error:"," ",e("input",{type:"text",disabled:!this.props.inexact,defaultValue:this.props.maxError,"aria-label":"Max error",onBlur:r=>{const n=""+(l.firstNumericalParse(r.target.value,this.context.strings)||0);r.target.value=n,this.props.onChange({maxError:n})}})]})]}),i("div",{children:["Answer type:"," ",e("select",{value:this.props.answerType,onChange:r=>{this.props.onChange({answerType:r.target.value})},"aria-label":"Answer type",children:s}),e(a,{children:e("p",{children:'Use the default "Numbers" unless the answer must be in a specific form (e.g., question is about converting decimals to fractions).'})})]}),i("div",{children:[i("label",{children:["Width"," ",i("select",{value:this.props.size,onChange:r=>{this.props.onChange({size:r.target.value})},children:[e("option",{value:"normal",children:"Normal (80px)"}),e("option",{value:"small",children:"Small (40px)"})]})]}),e(a,{children:e("p",{children:'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.'})})]}),e("div",{children:i("label",{children:[e("input",{type:"checkbox",checked:this.props.rightAlign,onChange:r=>{this.props.onChange({rightAlign:r.target.checked})}})," ","Right alignment"]})})]})}};t.contextType=d,t.widgetName="input-number",t.defaultProps={value:0,simplify:"required",size:"normal",inexact:!1,maxError:.1,answerType:"number",rightAlign:!1};let p=t;p.__docgenInfo={description:"",methods:[{name:"handleAnswerChange",docblock:null,modifiers:[],params:[{name:"str",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"InputNumberEditor",props:{value:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},simplify:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["simplify"]',raw:'PerseusInputNumberWidgetOptions["simplify"]'},description:"",defaultValue:{value:'"required"',computed:!1}},size:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["size"]',raw:'PerseusInputNumberWidgetOptions["size"]'},description:"",defaultValue:{value:'"normal"',computed:!1}},inexact:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["inexact"]',raw:'PerseusInputNumberWidgetOptions["inexact"]'},description:"",defaultValue:{value:"false",computed:!1}},maxError:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["maxError"]',raw:'PerseusInputNumberWidgetOptions["maxError"]'},description:"",defaultValue:{value:"0.1",computed:!1}},answerType:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["answerType"]',raw:'PerseusInputNumberWidgetOptions["answerType"]'},description:"",defaultValue:{value:'"number"',computed:!1}},rightAlign:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["rightAlign"]',raw:'PerseusInputNumberWidgetOptions["rightAlign"]'},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(arg1: { +import{j as e,a as i}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import{_ as u}from"./jquery-yG1GhClm.js";import{U as l}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as m}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import{P as d}from"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as o}from"./index-TT1qJ6UJ.js";import{B as c}from"./blur-input-hjJsfoK9.js";const{InfoTip:a}=m,h={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"}},t=class t extends o.Component{constructor(){super(...arguments),this.input=o.createRef(),this.handleAnswerChange=s=>{const r=l.firstNumericalParse(s,this.context.strings)||0;this.props.onChange({value:r})},this.focus=()=>{var s;return(s=this.input.current)==null||s.focus(),!0},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 s=u.map(h,function(r,n){return e("option",{value:n,children:r.name},n)},this);return i("div",{children:[e("div",{children:i("label",{children:["Correct answer:"," ",e(c,{value:""+this.props.value,onChange:this.handleAnswerChange,ref:this.input})]})}),i("div",{children:[i("label",{children:["Unsimplified answers"," ",i("select",{value:this.props.simplify,onChange:r=>{this.props.onChange({simplify:r.target.value})},children:[e("option",{value:"required",children:"will not be graded"}),e("option",{value:"optional",children:"will be accepted"}),e("option",{value:"enforced",children:"will be marked wrong"})]})]}),i(a,{children:[e("p",{children:'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)'}),e("p",{children:'Select "will be accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'}),e("p",{children:'Select "will be marked wrong" only if we are specifically assessing the ability to simplify.'})]})]}),i("div",{children:[i("label",{children:[e("input",{type:"checkbox",checked:this.props.inexact,onChange:r=>{this.props.onChange({inexact:r.target.checked})}})," ","Allow inexact answers"]}),i("label",{children:[e("input",{type:"checkbox",style:{visibility:"hidden"}}),"Max error:"," ",e("input",{type:"text",disabled:!this.props.inexact,defaultValue:this.props.maxError,"aria-label":"Max error",onBlur:r=>{const n=""+(l.firstNumericalParse(r.target.value,this.context.strings)||0);r.target.value=n,this.props.onChange({maxError:n})}})]})]}),i("div",{children:["Answer type:"," ",e("select",{value:this.props.answerType,onChange:r=>{this.props.onChange({answerType:r.target.value})},"aria-label":"Answer type",children:s}),e(a,{children:e("p",{children:'Use the default "Numbers" unless the answer must be in a specific form (e.g., question is about converting decimals to fractions).'})})]}),i("div",{children:[i("label",{children:["Width"," ",i("select",{value:this.props.size,onChange:r=>{this.props.onChange({size:r.target.value})},children:[e("option",{value:"normal",children:"Normal (80px)"}),e("option",{value:"small",children:"Small (40px)"})]})]}),e(a,{children:e("p",{children:'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.'})})]}),e("div",{children:i("label",{children:[e("input",{type:"checkbox",checked:this.props.rightAlign,onChange:r=>{this.props.onChange({rightAlign:r.target.checked})}})," ","Right alignment"]})})]})}};t.contextType=d,t.widgetName="input-number",t.defaultProps={value:0,simplify:"required",size:"normal",inexact:!1,maxError:.1,answerType:"number",rightAlign:!1};let p=t;p.__docgenInfo={description:"",methods:[{name:"handleAnswerChange",docblock:null,modifiers:[],params:[{name:"str",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"InputNumberEditor",props:{value:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},simplify:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["simplify"]',raw:'PerseusInputNumberWidgetOptions["simplify"]'},description:"",defaultValue:{value:'"required"',computed:!1}},size:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["size"]',raw:'PerseusInputNumberWidgetOptions["size"]'},description:"",defaultValue:{value:'"normal"',computed:!1}},inexact:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["inexact"]',raw:'PerseusInputNumberWidgetOptions["inexact"]'},description:"",defaultValue:{value:"false",computed:!1}},maxError:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["maxError"]',raw:'PerseusInputNumberWidgetOptions["maxError"]'},description:"",defaultValue:{value:"0.1",computed:!1}},answerType:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["answerType"]',raw:'PerseusInputNumberWidgetOptions["answerType"]'},description:"",defaultValue:{value:'"number"',computed:!1}},rightAlign:{required:!1,tsType:{name:'PerseusInputNumberWidgetOptions["rightAlign"]',raw:'PerseusInputNumberWidgetOptions["rightAlign"]'},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(arg1: { value?: ParsedValue | 0; simplify?: Props["simplify"]; size?: Props["size"]; diff --git a/assets/input-number-editor.stories-S1KfB3q7.js b/assets/input-number-editor.stories-uuNAjRXS.js similarity index 79% rename from assets/input-number-editor.stories-S1KfB3q7.js rename to assets/input-number-editor.stories-uuNAjRXS.js index a7f7148a9e..92ed825c1b 100644 --- a/assets/input-number-editor.stories-S1KfB3q7.js +++ b/assets/input-number-editor.stories-uuNAjRXS.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{I as e}from"./input-number-editor-kdZwFnVv.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./blur-input-hjJsfoK9.js";const $r={title:"PerseusEditor/Widgets/InputNumber Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{I as e}from"./input-number-editor-0s5nQB_-.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./blur-input-hjJsfoK9.js";const $r={title:"PerseusEditor/Widgets/InputNumber Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(o=r.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const rt=["Default"];export{r as Default,rt as __namedExportsOrder,$r as default}; diff --git a/assets/input-number.stories-a-8_bQZ0.js b/assets/input-number.stories-9Gtt2wFF.js similarity index 93% rename from assets/input-number.stories-a-8_bQZ0.js rename to assets/input-number.stories-9Gtt2wFF.js index c23104dfe2..0d76fdda38 100644 --- a/assets/input-number.stories-a-8_bQZ0.js +++ b/assets/input-number.stories-9Gtt2wFF.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{R as o}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const f={content:`Denis baked a peach pie and cut it into $3$ equal-sized pieces. Denis's dad eats $1$ section of the pie. +import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{R as o}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const f={content:`Denis baked a peach pie and cut it into $3$ equal-sized pieces. Denis's dad eats $1$ section of the pie. **What fraction of the pie did Denis's dad eat?** ![](https://ka-perseus-graphie.s3.amazonaws.com/74a2b7583a2c26ebfb3ad714e29867541253fc97.png) diff --git a/assets/input-with-examples-rhtpDeH1.js b/assets/input-with-examples-mVJrYO9s.js similarity index 98% rename from assets/input-with-examples-rhtpDeH1.js rename to assets/input-with-examples-mVJrYO9s.js index 7276af254d..7ded2496b6 100644 --- a/assets/input-with-examples-rhtpDeH1.js +++ b/assets/input-with-examples-mVJrYO9s.js @@ -1,2 +1,2 @@ -import{j as r,a as u}from"./jsx-runtime-FVsy8kgq.js";import{l as p,R as d,p as m}from"./renderer-ULNOY64X.js";import{r as c}from"./index-TT1qJ6UJ.js";import{_ as f}from"./jquery-yG1GhClm.js";import{C as a}from"./perseus-api-mOiZT07d.js";import{U as h}from"./util-F8-MDmsT.js";import{P as g}from"./i18n-context-P7VpLqM1.js";import{T as x}from"./text-input-15gEhfDF.js";import{T as y,H as o,V as T}from"./tooltip-S_hcgkAT.js";const{captureScratchpadTouchStart:b}=h,s=class s extends c.Component{constructor(){super(...arguments),this.state={focused:!1,showExamples:!1},this._getUniqueId=()=>`input-with-examples-${btoa(this.props.id).replace(/=/g,"")}`,this._getInputClassName=()=>{let e=a.INPUT+" "+a.INTERACTIVE;return this.state.focused&&(e+=" "+a.FOCUSED),this.props.className&&(e+=" "+this.props.className),e},this._renderInput=()=>{const e=this._getUniqueId(),t={id:e,"aria-describedby":e,ref:"input",className:this._getInputClassName(),labelText:this.props.labelText,value:this.props.value,onFocus:this._handleFocus,onBlur:this._handleBlur,disabled:this.props.disabled,style:this.props.style,onChange:this.props.onChange,onTouchStart:b,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",spellCheck:"false"};return r(x,{...t})},this._handleFocus=()=>{this.props.onFocus(),this.setState({focused:!0,showExamples:!0})},this.show=()=>{this.setState({showExamples:!0})},this.hide=()=>{this.setState({showExamples:!1})},this._handleBlur=()=>{this.props.onBlur(),this.setState({focused:!1,showExamples:!1})},this.focus=()=>{this.refs.input.focus()},this.blur=()=>{this.refs.input.blur()},this.handleChange=e=>{this.props.onChange(e.target.value)}}render(){const e=this._renderInput(),t=f.map(this.props.examples,l=>"- "+l).join(` +import{j as r,a as u}from"./jsx-runtime-FVsy8kgq.js";import{l as p,R as d,p as m}from"./renderer-dyWsFSUA.js";import{r as c}from"./index-TT1qJ6UJ.js";import{_ as f}from"./jquery-yG1GhClm.js";import{C as a}from"./perseus-api-mOiZT07d.js";import{U as h}from"./util-F8-MDmsT.js";import{P as g}from"./i18n-context-P7VpLqM1.js";import{T as x}from"./text-input-15gEhfDF.js";import{T as y,H as o,V as T}from"./tooltip-S_hcgkAT.js";const{captureScratchpadTouchStart:b}=h,s=class s extends c.Component{constructor(){super(...arguments),this.state={focused:!1,showExamples:!1},this._getUniqueId=()=>`input-with-examples-${btoa(this.props.id).replace(/=/g,"")}`,this._getInputClassName=()=>{let e=a.INPUT+" "+a.INTERACTIVE;return this.state.focused&&(e+=" "+a.FOCUSED),this.props.className&&(e+=" "+this.props.className),e},this._renderInput=()=>{const e=this._getUniqueId(),t={id:e,"aria-describedby":e,ref:"input",className:this._getInputClassName(),labelText:this.props.labelText,value:this.props.value,onFocus:this._handleFocus,onBlur:this._handleBlur,disabled:this.props.disabled,style:this.props.style,onChange:this.props.onChange,onTouchStart:b,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",spellCheck:"false"};return r(x,{...t})},this._handleFocus=()=>{this.props.onFocus(),this.setState({focused:!0,showExamples:!0})},this.show=()=>{this.setState({showExamples:!0})},this.hide=()=>{this.setState({showExamples:!1})},this._handleBlur=()=>{this.props.onBlur(),this.setState({focused:!1,showExamples:!1})},this.focus=()=>{this.refs.input.focus()},this.blur=()=>{this.refs.input.blur()},this.handleChange=e=>{this.props.onChange(e.target.value)}}render(){const e=this._renderInput(),t=f.map(this.props.examples,l=>"- "+l).join(` `),i=this.props.shouldShowExamples&&this.state.showExamples;return u(y,{ref:"tooltip",className:"perseus-formats-tooltip preview-measure",horizontalPosition:o.Left,horizontalAlign:o.Left,verticalPosition:T.Bottom,arrowSize:10,borderColor:"#ccc",show:i,children:[e,r("div",{id:this._getUniqueId(),children:r(d,{content:t,linterContext:m(this.props.linterContext,"input-with-examples"),strings:this.context.strings})})]})}};s.contextType=g,s.defaultProps={shouldShowExamples:!0,onFocus:function(){},onBlur:function(){},disabled:!1,linterContext:p,className:""};let n=s;n.__docgenInfo={description:"",methods:[{name:"_getUniqueId",docblock:null,modifiers:[],params:[],returns:null},{name:"_getInputClassName",docblock:null,modifiers:[],params:[],returns:null},{name:"_renderInput",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"show",docblock:null,modifiers:[],params:[],returns:null},{name:"hide",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleBlur",docblock:null,modifiers:[],params:[],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null},{name:"handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null}],displayName:"InputWithExamples",props:{value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"any"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},examples:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},shouldShowExamples:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},convertDotToTimes:{required:!1,tsType:{name:"boolean"},description:""},buttonSet:{required:!1,tsType:{name:"string"},description:""},buttonsVisible:{required:!1,tsType:{name:"union",raw:'"always" | "never" | "focused"',elements:[{name:"literal",value:'"always"'},{name:"literal",value:'"never"'},{name:"literal",value:'"focused"'}]},description:""},labelText:{required:!1,tsType:{name:"string"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function () {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"function () {}",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},style:{required:!1,tsType:{name:"StyleType"},description:""},id:{required:!0,tsType:{name:"string"},description:""},linterContext:{required:!1,tsType:{name:"LinterContextProps"},description:"",defaultValue:{value:"PerseusLinter.linterContextDefault",computed:!0}}}};export{n as I}; diff --git a/assets/input-with-examples.stories-opk4Kfm4.js b/assets/input-with-examples.stories-qEcWCmZS.js similarity index 92% rename from assets/input-with-examples.stories-opk4Kfm4.js rename to assets/input-with-examples.stories-qEcWCmZS.js index f192370c7b..4567c2c891 100644 --- a/assets/input-with-examples.stories-opk4Kfm4.js +++ b/assets/input-with-examples.stories-qEcWCmZS.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{I as o}from"./input-with-examples-rhtpDeH1.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./index-h_CiYGGb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";const pe={title:"Perseus/Components/Input with Examples"},p={examples:[],id:"",onChange:()=>{},value:""},i=["Sample 1","Sample 2","Sample 3"],e=m=>a(o,{...p}),t=m=>a(o,{...p,examples:i}),r=m=>a(o,{...p,examples:i,labelText:"Test label"}),s=m=>a(o,{...p,disabled:!0,examples:i});e.__docgenInfo={description:"",methods:[],displayName:"DefaultAndMostlyEmptyProps"};t.__docgenInfo={description:"",methods:[],displayName:"ListOfExamples"};r.__docgenInfo={description:"",methods:[],displayName:"AriaLabelTextWithListOfExamples"};s.__docgenInfo={description:"",methods:[],displayName:"DisabledInput"};var l,n,c;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{I as o}from"./input-with-examples-mVJrYO9s.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./index-h_CiYGGb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";const pe={title:"Perseus/Components/Input with Examples"},p={examples:[],id:"",onChange:()=>{},value:""},i=["Sample 1","Sample 2","Sample 3"],e=m=>a(o,{...p}),t=m=>a(o,{...p,examples:i}),r=m=>a(o,{...p,examples:i,labelText:"Test label"}),s=m=>a(o,{...p,disabled:!0,examples:i});e.__docgenInfo={description:"",methods:[],displayName:"DefaultAndMostlyEmptyProps"};t.__docgenInfo={description:"",methods:[],displayName:"ListOfExamples"};r.__docgenInfo={description:"",methods:[],displayName:"AriaLabelTextWithListOfExamples"};s.__docgenInfo={description:"",methods:[],displayName:"DisabledInput"};var l,n,c;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(c=(n=e.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};var d,u,x;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/interaction-editor.stories-AZFk78uh.js b/assets/interaction-editor.stories--3YC17vN.js similarity index 77% rename from assets/interaction-editor.stories-AZFk78uh.js rename to assets/interaction-editor.stories--3YC17vN.js index 37dcecfd60..d6abccc4b6 100644 --- a/assets/interaction-editor.stories-AZFk78uh.js +++ b/assets/interaction-editor.stories--3YC17vN.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-FVsy8kgq.js";import{r as o}from"./index-TT1qJ6UJ.js";import{I as h}from"./index-2zQZ4npR.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./editor-jsonify-Bbv2loDC.js";import"./graph-settings-biSSNAI_.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";const pr={title:"PerseusEditor/Widgets/Interaction Editor"},t=d=>{const[e,n]=o.useState(),[s,a]=o.useState();function c(r){r.graph&&a(r.graph),r.elements&&n(r.elements)}return l(h,{onChange:c,elements:e,graph:s})};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as l}from"./jsx-runtime-FVsy8kgq.js";import{r as o}from"./index-TT1qJ6UJ.js";import{I as h}from"./index-rssW1hfo.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./editor-jsonify-tQINrEL4.js";import"./graph-settings-DK80fLX7.js";import"./components-v_jsX-d9.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";const pr={title:"PerseusEditor/Widgets/Interaction Editor"},t=d=>{const[e,n]=o.useState(),[s,a]=o.useState();function c(r){r.graph&&a(r.graph),r.elements&&n(r.elements)}return l(h,{onChange:c,elements:e,graph:s})};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const [elements, setElements] = useState(); const [graph, setGraph] = useState(); function handleChange(next) { diff --git a/assets/interaction.stories-6zK4mWp1.js b/assets/interaction.stories-F82qHpJ6.js similarity index 87% rename from assets/interaction.stories-6zK4mWp1.js rename to assets/interaction.stories-F82qHpJ6.js index 36c2fb8b9c..4e2d4f4bb1 100644 --- a/assets/interaction.stories-6zK4mWp1.js +++ b/assets/interaction.stories-F82qHpJ6.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as a}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const p={content:`Drag the dot all the way to the right. +import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{R as a}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const p={content:`Drag the dot all the way to the right. [[☃ interaction 1]] diff --git a/assets/interactive-graph-editor-uSKTluyD.js b/assets/interactive-graph-editor-lMMNonnK.js similarity index 98% rename from assets/interactive-graph-editor-uSKTluyD.js rename to assets/interactive-graph-editor-lMMNonnK.js index 03aa629da1..add3dd1909 100644 --- a/assets/interactive-graph-editor-uSKTluyD.js +++ b/assets/interactive-graph-editor-lMMNonnK.js @@ -1,4 +1,4 @@ -import{j as e,a as s,F as v}from"./jsx-runtime-FVsy8kgq.js";import{U as fe}from"./util-F8-MDmsT.js";import{l as Ce,s as Se,e as je}from"./svg-image-QKR8YXWf.js";import{h as xe,i as ve,j as ke,k as Te,m as qe,n as Pe,o as Ae,q as Ie,r as _e,s as Qe,u as Xe}from"./article-renderer-q7kSP2w4.js";import{_ as A}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import{S as Ye}from"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as Ze}from"./components-v_jsX-d9.js";import{i as Je}from"./constants-iPV6vHZm.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import{w as Le}from"./index-J2t_5nK1.js";import"./index-IIMKO4_x.js";import{V as h}from"./index-6h5t6F0w.js";import{S as I,O as c}from"./answer-choices-mbE4GLUb.js";import{T as Ke,a as er,C as F}from"./index-QCAhLhLD.js";import{s as o,c as f,a as Q}from"./index-deFLJwr4.js";import{c as Ge,f as M,L as g,a as X,b as B}from"./index-h_CiYGGb.js";import{l as S}from"./index-awljIyHI.js";import{r as R}from"./index-TT1qJ6UJ.js";import{i as u}from"./tiny-invariant-bHgPayXn.js";import{H as Y}from"./heading-8aCiuWUg.js";import{S as m}from"./index-qUyqkRvh.js";import{L as q,I as rr}from"./interactive-graph-settings-RN_g28-Z.js";import{L as tr}from"./locked-figures-section--2W2zFLn.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{B as nr}from"./choice-Bz-ZMhQM.js";import{C as w,P as ar}from"./locked-label-settings-VSuSSXRz.js";import{S as or}from"./scrollless-number-text-field-U5Bx_xXb.js";const j="unlimited",Re=t=>{const r=parseInt(t,10);return isNaN(r)||r===0?j:r},De=({numPoints:t=1,onChange:r})=>e(I,{selectedValue:`${t}`,onChange:n=>{r(Re(n))},placeholder:"",style:sr.singleSelectShort,children:[...[...Array(7).keys()].map(n=>e(c,{value:`${n}`,label:`${n} point${n>1?"s":""}`},n)),e(c,{value:j,label:"unlimited"},"unlimited")]}),sr=S.StyleSheet.create({singleSelectShort:{height:26}});De.__docgenInfo={description:"",methods:[],displayName:"GraphPointsCountSelector",props:{numPoints:{required:!1,tsType:{name:"union",raw:"number | typeof UNLIMITED",elements:[{name:"number"},{name:"UNLIMITED"}]},description:"",defaultValue:{value:"1",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(points: PointValue) => void",signature:{arguments:[{type:{name:"union",raw:"number | typeof UNLIMITED",elements:[{name:"number"},{name:"UNLIMITED"}]},name:"points"}],return:{name:"void"}}},description:""}}};const Ne=t=>s(I,{selectedValue:t.graphType,onChange:t.onChange,placeholder:"Select an answer type",style:ir.singleSelectShort,children:[t.showNoneOption&&e(c,{value:"none",label:"None"}),e(c,{value:"linear",label:"Linear function"}),e(c,{value:"quadratic",label:"Quadratic function"}),e(c,{value:"sinusoid",label:"Sinusoid function"}),e(c,{value:"circle",label:"Circle"}),e(c,{value:"point",label:"Point(s)"}),e(c,{value:"linear-system",label:"Linear System"}),e(c,{value:"polygon",label:"Polygon"}),e(c,{value:"segment",label:"Line Segment(s)"}),e(c,{value:"ray",label:"Ray"}),e(c,{value:"angle",label:"Angle"})]}),ir=S.StyleSheet.create({singleSelectShort:{height:26}});Ne.__docgenInfo={description:"",methods:[],displayName:"GraphTypeSelector",props:{graphType:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newGraphType: string) => void",signature:{arguments:[{type:{name:"string"},name:"newGraphType"}],return:{name:"void"}}},description:""},showNoneOption:{required:!0,tsType:{name:"boolean"},description:""}}};function ze(t){return s(v,{children:[e(Y,{title:"Correct Answer",isOpen:!0,isCollapsible:!1}),s(h,{children:[s(h,{children:[e(Ge,{style:{paddingTop:o.xxSmall_6,paddingBottom:o.xxSmall_6,color:f.offBlack64},children:"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."}),e(M,{style:{fontSize:12,backgroundColor:"#eee",paddingInline:o.xxSmall_6,borderColor:"#ccc",borderStyle:"solid",borderWidth:1},children:t.equationString})]}),t.children]})]})}ze.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphCorrectAnswer",props:{equationString:{required:!0,tsType:{name:"string"},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};function Oe(t){const{ariaLabelValue:r,ariaDescriptionValue:n,onChange:a}=t,[i,d]=R.useState(!0);return s(v,{children:[e(Y,{title:"Description",isCollapsible:!0,isOpen:i,onToggle:d}),i&&s(h,{children:[e(Ge,{style:V.caption,children:"Use these fields to describe the graph as a whole. These are used by screen readers to describe content to users who may be visually impaired."}),s(g,{tag:"label",children:["Title",e(Ke,{value:r,onChange:p=>a({fullGraphAriaLabel:p||void 0}),style:V.spaceAbove})]}),e(m,{size:o.small_12}),s(g,{tag:"label",children:["Description",e(er,{rows:8,resizeType:"vertical",value:n,onChange:p=>a({fullGraphAriaDescription:p||void 0}),style:V.spaceAbove})]})]})]})}const V=S.StyleSheet.create({caption:{color:f.offBlack64,paddingTop:o.xxSmall_6,paddingBottom:o.xxSmall_6},spaceAbove:{marginTop:o.xxxSmall_4}});Oe.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphDescription",props:{ariaLabelValue:{required:!0,tsType:{name:"string"},description:""},ariaDescriptionValue:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(graphProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"signature",type:"object",raw:`{ +import{j as e,a as s,F as v}from"./jsx-runtime-FVsy8kgq.js";import{U as fe}from"./util-F8-MDmsT.js";import{l as Ce,s as Se,e as je}from"./svg-image-QKR8YXWf.js";import{h as xe,i as ve,j as ke,k as Te,m as qe,n as Pe,o as Ae,q as Ie,r as _e,s as Qe,u as Xe}from"./article-renderer-BOOaW4sB.js";import{_ as A}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import{S as Ye}from"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as Ze}from"./components-v_jsX-d9.js";import{i as Je}from"./constants-iPV6vHZm.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import{w as Le}from"./index-J2t_5nK1.js";import"./index-IIMKO4_x.js";import{V as h}from"./index-6h5t6F0w.js";import{S as I,O as c}from"./answer-choices-MQdUvt3_.js";import{T as Ke,a as er,C as F}from"./index-QCAhLhLD.js";import{s as o,c as f,a as Q}from"./index-deFLJwr4.js";import{c as Ge,f as M,L as g,a as X,b as B}from"./index-h_CiYGGb.js";import{l as S}from"./index-awljIyHI.js";import{r as R}from"./index-TT1qJ6UJ.js";import{i as u}from"./tiny-invariant-bHgPayXn.js";import{H as Y}from"./heading-8aCiuWUg.js";import{S as m}from"./index-qUyqkRvh.js";import{L as q,I as rr}from"./interactive-graph-settings-Zqm2t-_P.js";import{L as tr}from"./locked-figures-section-5nPJK5LN.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{B as nr}from"./choice-Bz-ZMhQM.js";import{C as w,P as ar}from"./locked-label-settings-0h4-0n-S.js";import{S as or}from"./scrollless-number-text-field-U5Bx_xXb.js";const j="unlimited",Re=t=>{const r=parseInt(t,10);return isNaN(r)||r===0?j:r},De=({numPoints:t=1,onChange:r})=>e(I,{selectedValue:`${t}`,onChange:n=>{r(Re(n))},placeholder:"",style:sr.singleSelectShort,children:[...[...Array(7).keys()].map(n=>e(c,{value:`${n}`,label:`${n} point${n>1?"s":""}`},n)),e(c,{value:j,label:"unlimited"},"unlimited")]}),sr=S.StyleSheet.create({singleSelectShort:{height:26}});De.__docgenInfo={description:"",methods:[],displayName:"GraphPointsCountSelector",props:{numPoints:{required:!1,tsType:{name:"union",raw:"number | typeof UNLIMITED",elements:[{name:"number"},{name:"UNLIMITED"}]},description:"",defaultValue:{value:"1",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(points: PointValue) => void",signature:{arguments:[{type:{name:"union",raw:"number | typeof UNLIMITED",elements:[{name:"number"},{name:"UNLIMITED"}]},name:"points"}],return:{name:"void"}}},description:""}}};const Ne=t=>s(I,{selectedValue:t.graphType,onChange:t.onChange,placeholder:"Select an answer type",style:ir.singleSelectShort,children:[t.showNoneOption&&e(c,{value:"none",label:"None"}),e(c,{value:"linear",label:"Linear function"}),e(c,{value:"quadratic",label:"Quadratic function"}),e(c,{value:"sinusoid",label:"Sinusoid function"}),e(c,{value:"circle",label:"Circle"}),e(c,{value:"point",label:"Point(s)"}),e(c,{value:"linear-system",label:"Linear System"}),e(c,{value:"polygon",label:"Polygon"}),e(c,{value:"segment",label:"Line Segment(s)"}),e(c,{value:"ray",label:"Ray"}),e(c,{value:"angle",label:"Angle"})]}),ir=S.StyleSheet.create({singleSelectShort:{height:26}});Ne.__docgenInfo={description:"",methods:[],displayName:"GraphTypeSelector",props:{graphType:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newGraphType: string) => void",signature:{arguments:[{type:{name:"string"},name:"newGraphType"}],return:{name:"void"}}},description:""},showNoneOption:{required:!0,tsType:{name:"boolean"},description:""}}};function ze(t){return s(v,{children:[e(Y,{title:"Correct Answer",isOpen:!0,isCollapsible:!1}),s(h,{children:[s(h,{children:[e(Ge,{style:{paddingTop:o.xxSmall_6,paddingBottom:o.xxSmall_6,color:f.offBlack64},children:"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."}),e(M,{style:{fontSize:12,backgroundColor:"#eee",paddingInline:o.xxSmall_6,borderColor:"#ccc",borderStyle:"solid",borderWidth:1},children:t.equationString})]}),t.children]})]})}ze.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphCorrectAnswer",props:{equationString:{required:!0,tsType:{name:"string"},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};function Oe(t){const{ariaLabelValue:r,ariaDescriptionValue:n,onChange:a}=t,[i,d]=R.useState(!0);return s(v,{children:[e(Y,{title:"Description",isCollapsible:!0,isOpen:i,onToggle:d}),i&&s(h,{children:[e(Ge,{style:V.caption,children:"Use these fields to describe the graph as a whole. These are used by screen readers to describe content to users who may be visually impaired."}),s(g,{tag:"label",children:["Title",e(Ke,{value:r,onChange:p=>a({fullGraphAriaLabel:p||void 0}),style:V.spaceAbove})]}),e(m,{size:o.small_12}),s(g,{tag:"label",children:["Description",e(er,{rows:8,resizeType:"vertical",value:n,onChange:p=>a({fullGraphAriaDescription:p||void 0}),style:V.spaceAbove})]})]})]})}const V=S.StyleSheet.create({caption:{color:f.offBlack64,paddingTop:o.xxSmall_6,paddingBottom:o.xxSmall_6},spaceAbove:{marginTop:o.xxxSmall_4}});Oe.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphDescription",props:{ariaLabelValue:{required:!0,tsType:{name:"string"},description:""},ariaDescriptionValue:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(graphProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"signature",type:"object",raw:`{ apiOptions: APIOptionsWithDefaults; /** diff --git a/assets/interactive-graph-editor.stories-GVF8SiGF.js b/assets/interactive-graph-editor.stories-MNM2YUvn.js similarity index 87% rename from assets/interactive-graph-editor.stories-GVF8SiGF.js rename to assets/interactive-graph-editor.stories-MNM2YUvn.js index 8dc476be53..9ba663b84c 100644 --- a/assets/interactive-graph-editor.stories-GVF8SiGF.js +++ b/assets/interactive-graph-editor.stories-MNM2YUvn.js @@ -1,4 +1,4 @@ -import{j as e,a as C}from"./jsx-runtime-FVsy8kgq.js";import{V as A}from"./index-6h5t6F0w.js";import{S as ct}from"./index-qUyqkRvh.js";import{s as l,c as Q}from"./index-deFLJwr4.js";import{L as pt,B as dt}from"./index-h_CiYGGb.js";import{a as mt}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as ut}from"./index-awljIyHI.js";import{r as s}from"./index-TT1qJ6UJ.js";import"./index-p3lcKodA.js";import{i as ft}from"./interactive-graph-question-builder-Mh2lh4tI.js";import{i as gt,s as ht,a as bt,l as kt,b as vt,r as St,c as Wt,q as yt,d as Lt,p as Pt,e as Rt,f as It,g as r}from"./interactive-graph.testdata-QKEIR03d.js";import{r as wt}from"./register-all-widgets-and-editors-for-testing-1GD7joYI.js";import{E as t}from"./editor-page-with-storybook-preview-wY4PQ7wP.js";import{f as a}from"./flags-for-api-options-aEc6QUs8.js";import{E as Et}from"./editor-page-eQvvir4g.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./version-akiLXZts.js";import"./article-editor-PnglreYb.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./device-framer-guMJF-HL.js";import"./constants-hQyjCzwz.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./viewport-resizer-cbhJXtmA.js";import"./structured-item-diff-uBRJEKft.js";import"./text-diff-h-wn1Hpa.js";import"./tags-diff-F78Bme2Z.js";import"./multi-items-jv5EEkvP.js";/* empty css */import"./categorizer-editor-CqdPTbQO.js";import"./editor-jsonify-Bbv2loDC.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-xQPJ0VBq.js";import"./dropdown-editor-7F745Gol.js";import"./explanation-editor-OsL6fZN2.js";import"./expression-editor-oXvZYZPt.js";import"./graph-settings-biSSNAI_.js";import"./image-editor-Vkk6KVZI.js";import"./input-number-editor-kdZwFnVv.js";import"./index-2zQZ4npR.js";import"./interactive-graph-editor-uSKTluyD.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-RN_g28-Z.js";import"./locked-figures-section--2W2zFLn.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./util-ve-DcPK7.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";import"./label-image-editor-8fdLVXi_.js";import"./form-wrapped-text-field-1CYfAYqR.js";import"./answer-choices-K632kWSn.js";import"./behavior-nzziF0nB.js";import"./question-markers-eMZk-A-8.js";import"./marker-sWpCqokp.js";import"./select-image-PQzouU8c.js";import"./matcher-editor-ddeBtjTD.js";import"./number-line-editor-Vp7BYsbR.js";import"./numeric-input-editor-hj1H66L1.js";import"./phet-simulation-editor-nb_VHx1Q.js";import"./python-program-editor-ajdp68zf.js";import"./editor-H-qXwzEE.js";import"./sorter-editor-JLDcQk8S.js";import"./item-extras-editor-l9Cur-ZC.js";wt();const Aa={title:"PerseusEditor/Widgets/Interactive Graph"},qt=mt("onChange"),c=()=>e(t,{question:gt}),p=()=>e(t,{question:ht}),d=()=>e(t,{question:bt}),m=()=>e(t,{question:kt}),u=()=>e(t,{question:vt}),f=()=>e(t,{question:St}),g=()=>e(t,{question:Wt}),h=()=>e(t,{question:yt}),b=()=>e(t,{question:Lt}),k=()=>e(t,{question:Pt}),v=()=>e(t,{question:Rt}),S=()=>e(t,{question:It}),W=()=>e(t,{question:ft().withNoInteractiveFigure().addLockedFunction("5*sin(x)",{color:"red"}).build()}),i=()=>e(t,{apiOptions:{isMobile:!1,flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!1,"locked-figures-aria":!1,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r});i.parameters={chromatic:{disable:!0}};const y=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),L=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!0,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),P=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!0,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),R=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!0,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),I=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!0,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),w=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!0,"locked-function-labels":!1}}},question:r}),E=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!0}}},question:r}),q=()=>e(t,{question:r}),n=()=>{const[Xe,Ze]=s.useState("phone"),[et,tt]=s.useState(!1),[ot,rt]=s.useState(),[M,at]=s.useState(r),[G,st]=s.useState(),[it,nt]=s.useState([]),_=s.useRef(null);return s.useEffect(()=>{if(_.current){const o=_.current.getSaveWarnings();nt(o)}},[_,M,G]),C(A,{style:F.container,children:[e(Et,{ref:_,apiOptions:{isMobile:!1,flags:a},previewDevice:Xe,onPreviewDeviceChange:o=>Ze(o),developerMode:!0,jsonMode:et,answerArea:ot,question:M,hints:G,frameSource:"about:blank",previewURL:"about:blank",itemId:"1",onChange:o=>{qt(o),"jsonMode"in o&&tt(o.jsonMode),"answerArea"in o&&rt(o.answerArea),"question"in o&&at(o.question),"hints"in o&&st(o.hints)}}),C(A,{style:F.errorContainer,children:[e(pt,{children:"Save Warnings:"}),e(ct,{size:l.small_12}),it.map((o,lt)=>e(dt,{style:F.errorMessage,children:o},lt))]})]})};n.parameters={chromatic:{disable:!0}};const F=ut.StyleSheet.create({container:{flexDirection:"row"},errorContainer:{border:`1px solid ${Q.offBlack}`,padding:l.medium_16,flexGrow:1,marginRight:l.xLarge_32,height:"80vh",position:"sticky",top:l.xLarge_32,overflowY:"auto"},errorMessage:{color:Q.red,marginBottom:l.small_12}});c.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphWithAriaLabel"};p.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSegment"};d.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSegments"};m.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphLinear"};u.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphLinearSystem"};f.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphRay"};g.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphCircle"};h.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphQuadratic"};b.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSinusoid"};k.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphPoint"};v.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphPolygon"};S.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphAngle"};W.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphNone"};i.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFiguresCurrent"};y.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLabelsFlag"};L.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPointLabelsFlag"};P.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLineLabelsFlag"};R.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedVectorLabelsFlag"};I.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedEllipseLabelsFlag"};w.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPolygonLabelsFlag"};E.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFunctionLabelsFlag"};q.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFigureLabelsAllFlags"};n.__docgenInfo={description:"",methods:[],displayName:"WithSaveWarnings"};var N,O,x;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:"(): React.ReactElement => ",...(x=(O=c.parameters)==null?void 0:O.docs)==null?void 0:x.source}}};var D,j,V;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`(): React.ReactElement => { +import{j as e,a as C}from"./jsx-runtime-FVsy8kgq.js";import{V as A}from"./index-6h5t6F0w.js";import{S as ct}from"./index-qUyqkRvh.js";import{s as l,c as Q}from"./index-deFLJwr4.js";import{L as pt,B as dt}from"./index-h_CiYGGb.js";import{a as mt}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as ut}from"./index-awljIyHI.js";import{r as s}from"./index-TT1qJ6UJ.js";import"./index-35qurZDD.js";import{i as ft}from"./interactive-graph-question-builder-Mh2lh4tI.js";import{i as gt,s as ht,a as bt,l as kt,b as vt,r as St,c as Wt,q as yt,d as Lt,p as Pt,e as Rt,f as It,g as r}from"./interactive-graph.testdata-QKEIR03d.js";import{r as wt}from"./register-all-widgets-and-editors-for-testing-bm4rnPfQ.js";import{E as t}from"./editor-page-with-storybook-preview-u_Hm1BzG.js";import{f as a}from"./flags-for-api-options-rS742N_k.js";import{E as Et}from"./editor-page-NyZqMedc.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./version-akiLXZts.js";import"./article-editor-kCKnOB8_.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./device-framer-xnxLcHMi.js";import"./constants-hQyjCzwz.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";import"./index-SM3muJE2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";import"./viewport-resizer-liKVbGN6.js";import"./structured-item-diff-jSiZHjY6.js";import"./text-diff-zzUoxfC0.js";import"./tags-diff-DTdzwvD_.js";import"./multi-items-zj8FdTl_.js";/* empty css */import"./categorizer-editor-jdQbWtjl.js";import"./editor-jsonify-tQINrEL4.js";import"./blur-input-hjJsfoK9.js";import"./definition-editor-XO63vfM2.js";import"./dropdown-editor-b7e9swla.js";import"./explanation-editor-0Y25yuuV.js";import"./expression-editor-8EIRUcZf.js";import"./graph-settings-DK80fLX7.js";import"./image-editor-WvkMHCYc.js";import"./input-number-editor-0s5nQB_-.js";import"./index-rssW1hfo.js";import"./interactive-graph-editor-lMMNonnK.js";import"./heading-8aCiuWUg.js";import"./interactive-graph-settings-Zqm2t-_P.js";import"./locked-figures-section-5nPJK5LN.js";import"./locked-ellipse-settings-HAWA-793.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./util-uUQ0jXdL.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";import"./label-image-editor-HknhUoXl.js";import"./form-wrapped-text-field-DQhkgIBa.js";import"./answer-choices-YvoNqSTB.js";import"./behavior-l1qZHFXz.js";import"./question-markers-5Y-gUSFk.js";import"./marker-eGjo-yed.js";import"./select-image-tuaUZ15r.js";import"./matcher-editor-N7TyLdO7.js";import"./number-line-editor-QFYtkNpd.js";import"./numeric-input-editor-Hm-vjISp.js";import"./phet-simulation-editor-X79Q74Bn.js";import"./python-program-editor-ozsQsOdO.js";import"./editor-_spdqNG4.js";import"./sorter-editor-wbIsCsVX.js";import"./item-extras-editor-8C49yX12.js";wt();const Aa={title:"PerseusEditor/Widgets/Interactive Graph"},qt=mt("onChange"),c=()=>e(t,{question:gt}),p=()=>e(t,{question:ht}),d=()=>e(t,{question:bt}),m=()=>e(t,{question:kt}),u=()=>e(t,{question:vt}),f=()=>e(t,{question:St}),g=()=>e(t,{question:Wt}),h=()=>e(t,{question:yt}),b=()=>e(t,{question:Lt}),k=()=>e(t,{question:Pt}),v=()=>e(t,{question:Rt}),S=()=>e(t,{question:It}),W=()=>e(t,{question:ft().withNoInteractiveFigure().addLockedFunction("5*sin(x)",{color:"red"}).build()}),i=()=>e(t,{apiOptions:{isMobile:!1,flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!1,"locked-figures-aria":!1,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r});i.parameters={chromatic:{disable:!0}};const y=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),L=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!0,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),P=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!0,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),R=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!0,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),I=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!0,"locked-polygon-labels":!1,"locked-function-labels":!1}}},question:r}),w=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!0,"locked-function-labels":!1}}},question:r}),E=()=>e(t,{apiOptions:{flags:{mafs:{...a.mafs,"interactive-graph-locked-features-labels":!0,"locked-point-labels":!1,"locked-line-labels":!1,"locked-vector-labels":!1,"locked-ellipse-labels":!1,"locked-polygon-labels":!1,"locked-function-labels":!0}}},question:r}),q=()=>e(t,{question:r}),n=()=>{const[Xe,Ze]=s.useState("phone"),[et,tt]=s.useState(!1),[ot,rt]=s.useState(),[M,at]=s.useState(r),[G,st]=s.useState(),[it,nt]=s.useState([]),_=s.useRef(null);return s.useEffect(()=>{if(_.current){const o=_.current.getSaveWarnings();nt(o)}},[_,M,G]),C(A,{style:F.container,children:[e(Et,{ref:_,apiOptions:{isMobile:!1,flags:a},previewDevice:Xe,onPreviewDeviceChange:o=>Ze(o),developerMode:!0,jsonMode:et,answerArea:ot,question:M,hints:G,frameSource:"about:blank",previewURL:"about:blank",itemId:"1",onChange:o=>{qt(o),"jsonMode"in o&&tt(o.jsonMode),"answerArea"in o&&rt(o.answerArea),"question"in o&&at(o.question),"hints"in o&&st(o.hints)}}),C(A,{style:F.errorContainer,children:[e(pt,{children:"Save Warnings:"}),e(ct,{size:l.small_12}),it.map((o,lt)=>e(dt,{style:F.errorMessage,children:o},lt))]})]})};n.parameters={chromatic:{disable:!0}};const F=ut.StyleSheet.create({container:{flexDirection:"row"},errorContainer:{border:`1px solid ${Q.offBlack}`,padding:l.medium_16,flexGrow:1,marginRight:l.xLarge_32,height:"80vh",position:"sticky",top:l.xLarge_32,overflowY:"auto"},errorMessage:{color:Q.red,marginBottom:l.small_12}});c.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphWithAriaLabel"};p.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSegment"};d.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSegments"};m.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphLinear"};u.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphLinearSystem"};f.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphRay"};g.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphCircle"};h.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphQuadratic"};b.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphSinusoid"};k.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphPoint"};v.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphPolygon"};S.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphAngle"};W.__docgenInfo={description:"",methods:[],displayName:"InteractiveGraphNone"};i.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFiguresCurrent"};y.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLabelsFlag"};L.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPointLabelsFlag"};P.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLineLabelsFlag"};R.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedVectorLabelsFlag"};I.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedEllipseLabelsFlag"};w.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPolygonLabelsFlag"};E.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFunctionLabelsFlag"};q.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedFigureLabelsAllFlags"};n.__docgenInfo={description:"",methods:[],displayName:"WithSaveWarnings"};var N,O,x;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:"(): React.ReactElement => ",...(x=(O=c.parameters)==null?void 0:O.docs)==null?void 0:x.source}}};var D,j,V;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`(): React.ReactElement => { return ; }`,...(V=(j=p.parameters)==null?void 0:j.docs)==null?void 0:V.source}}};var B,H,J;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`(): React.ReactElement => { return ; diff --git a/assets/interactive-graph-editor.stories-7BCIFVLf.js b/assets/interactive-graph-editor.stories-N7EVTNVP.js similarity index 88% rename from assets/interactive-graph-editor.stories-7BCIFVLf.js rename to assets/interactive-graph-editor.stories-N7EVTNVP.js index 716d669570..76a22501b3 100644 --- a/assets/interactive-graph-editor.stories-7BCIFVLf.js +++ b/assets/interactive-graph-editor.stories-N7EVTNVP.js @@ -1,4 +1,4 @@ -import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{r as c}from"./index-TT1qJ6UJ.js";import{f as $}from"./flags-for-api-options-aEc6QUs8.js";import{I as s}from"./interactive-graph-editor-uSKTluyD.js";import{g as ee}from"./util-ve-DcPK7.js";import{I as te}from"./interactive-graph-settings.argtypes-6T40gg9D.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";import"./interactive-graph-settings-RN_g28-Z.js";import"./locked-figures-section--2W2zFLn.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";const re={apiOptions:{control:{type:"object"},type:{name:"object",required:!0}},correct:{control:{type:null},type:{name:"object",required:!1}},graph:{control:{type:"object"},type:{name:"object",required:!0}},lockedFigures:{control:{type:"object"},type:{name:"Array",required:!1}},onChange:{control:{type:"function"},type:{name:"(props: Partial) => void",required:!0}},...te},m={apiOptions:{flags:$},graph:{type:"segment"},correct:{type:"segment"}},a=ee("point"),lr={title:"PerseusEditor/Widgets/Interactive Graph Editor",component:s,argTypes:re},d=i=>p(s,{...i});d.args={box:[288,288],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]};const l={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{});return p(s,{...t,onChange:r})}},u={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,m);return p(s,{...t,onChange:r})}},h={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,graph:{type:"polygon"},correct:{type:"polygon",numSides:4,showAngles:!0,showSides:!0,snapTo:"angles"}});return p(s,{...t,onChange:r})}},g={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{...a,coord:[1,1]},{...a,coord:[-1,-1]}]});return p(s,{...t,onChange:r})}},f={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"line",kind:"line",points:[{...a,coord:[0,2]},{...a,coord:[2,3]}],color:"green",lineStyle:"solid",showPoint1:!1,showPoint2:!1},{type:"line",kind:"ray",points:[{...a,color:"pink",coord:[0,0]},{...a,color:"pink",coord:[4,2]}],color:"pink",lineStyle:"solid",showPoint1:!0,showPoint2:!1},{type:"line",kind:"segment",points:[{...a,color:"grayH",coord:[0,-2]},{...a,color:"grayH",coord:[4,0]}],color:"grayH",lineStyle:"solid",showPoint1:!0,showPoint2:!0}]});return p(s,{...t,onChange:r})}},y={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"ellipse",center:[0,0],radius:[5,2],angle:0,color:"green",fillStyle:"translucent",strokeStyle:"solid"}]});return p(s,{...t,onChange:r})}},k={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"polygon",points:[[-9,4],[-6,4],[-6,1],[-9,1]],color:"green",fillStyle:"translucent",strokeStyle:"solid"}]});return p(s,{...t,onChange:r})}};d.__docgenInfo={description:"",methods:[],displayName:"Default"};var w,S,P;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as p}from"./jsx-runtime-FVsy8kgq.js";import{r as c}from"./index-TT1qJ6UJ.js";import{f as $}from"./flags-for-api-options-rS742N_k.js";import{I as s}from"./interactive-graph-editor-lMMNonnK.js";import{g as ee}from"./util-uUQ0jXdL.js";import{I as te}from"./interactive-graph-settings.argtypes-6T40gg9D.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";import"./interactive-graph-settings-Zqm2t-_P.js";import"./locked-figures-section-5nPJK5LN.js";import"./locked-ellipse-settings-HAWA-793.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";const re={apiOptions:{control:{type:"object"},type:{name:"object",required:!0}},correct:{control:{type:null},type:{name:"object",required:!1}},graph:{control:{type:"object"},type:{name:"object",required:!0}},lockedFigures:{control:{type:"object"},type:{name:"Array",required:!1}},onChange:{control:{type:"function"},type:{name:"(props: Partial) => void",required:!0}},...te},m={apiOptions:{flags:$},graph:{type:"segment"},correct:{type:"segment"}},a=ee("point"),lr={title:"PerseusEditor/Widgets/Interactive Graph Editor",component:s,argTypes:re},d=i=>p(s,{...i});d.args={box:[288,288],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]};const l={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{});return p(s,{...t,onChange:r})}},u={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,m);return p(s,{...t,onChange:r})}},h={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,graph:{type:"polygon"},correct:{type:"polygon",numSides:4,showAngles:!0,showSides:!0,snapTo:"angles"}});return p(s,{...t,onChange:r})}},g={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{...a,coord:[1,1]},{...a,coord:[-1,-1]}]});return p(s,{...t,onChange:r})}},f={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"line",kind:"line",points:[{...a,coord:[0,2]},{...a,coord:[2,3]}],color:"green",lineStyle:"solid",showPoint1:!1,showPoint2:!1},{type:"line",kind:"ray",points:[{...a,color:"pink",coord:[0,0]},{...a,color:"pink",coord:[4,2]}],color:"pink",lineStyle:"solid",showPoint1:!0,showPoint2:!1},{type:"line",kind:"segment",points:[{...a,color:"grayH",coord:[0,-2]},{...a,color:"grayH",coord:[4,0]}],color:"grayH",lineStyle:"solid",showPoint1:!0,showPoint2:!0}]});return p(s,{...t,onChange:r})}},y={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"ellipse",center:[0,0],radius:[5,2],angle:0,color:"green",fillStyle:"translucent",strokeStyle:"solid"}]});return p(s,{...t,onChange:r})}},k={render:function(){const e=(n,o)=>({...n,...o}),[t,r]=c.useReducer(e,{...m,lockedFigures:[{type:"polygon",points:[[-9,4],[-6,4],[-6,1],[-9,1]],color:"green",fillStyle:"translucent",strokeStyle:"solid"}]});return p(s,{...t,onChange:r})}};d.__docgenInfo={description:"",methods:[],displayName:"Default"};var w,S,P;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var R,E,v,I,G;l.parameters={...l.parameters,docs:{...(R=l.parameters)==null?void 0:R.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/interactive-graph-regression.stories-TWFn8puD.js b/assets/interactive-graph-regression.stories-y058KFAK.js similarity index 99% rename from assets/interactive-graph-regression.stories-TWFn8puD.js rename to assets/interactive-graph-regression.stories-y058KFAK.js index d08262b008..86f943d233 100644 --- a/assets/interactive-graph-regression.stories-TWFn8puD.js +++ b/assets/interactive-graph-regression.stories-y058KFAK.js @@ -1,4 +1,4 @@ -import{j as e,F as k}from"./jsx-runtime-FVsy8kgq.js";import{R as os}from"./renderer-ULNOY64X.js";import{m as ns}from"./i18n-context-P7VpLqM1.js";import{i as t}from"./interactive-graph-question-builder-Mh2lh4tI.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";const $s={title:"Perseus/Widgets/Interactive Graph Visual Regression Tests"},a=s=>e(r,{question:t().withAxisLabels("\\text{Custom $x$ label}","\\text{Custom $y$ label}").build()}),i=s=>e(r,{question:t().withGridStep(2.571,3.123).build()}),o=s=>e(r,{question:t().withTickStep(1.5,1.5).build()}),n=s=>e(r,{question:t().withMarkings("grid").build()}),c=s=>e(r,{question:t().withMarkings("none").build()}),d=s=>e(r,{question:t().withXRange(-2,2).withYRange(-2,2).build()}),u=s=>e(r,{question:t().withXRange(-50,50).withYRange(-50,50).build()}),m=s=>e(k,{children:e(r,{question:t().withXRange(0,20).addLockedLine([1,1],[5,2]).build()})}),p=s=>e(k,{children:e(r,{question:t().withXRange(-1,20).addLockedLine([1,1],[5,2]).build()})}),g=s=>e(k,{children:e(r,{question:t().withXRange(-3,20).addLockedLine([1,1],[5,2]).build()})}),l=s=>e(r,{question:t().withXRange(1,20).build()}),h=s=>e(r,{question:t().withXRange(6,20).build()}),f=s=>e(r,{question:t().withXRange(-20,0).build()}),R=s=>e(r,{question:t().withXRange(-20,-1).build()}),M=s=>e(r,{question:t().withYRange(0,20).build()}),A=s=>e(r,{question:t().withYRange(-1,20).build()}),W=s=>e(r,{question:t().withYRange(1,20).build()}),S=s=>e(k,{children:e(r,{question:t().withYRange(-3,20).addLockedLine([-3,2],[5,16]).build()})}),b=s=>e(r,{question:t().withYRange(-20,0).build()}),L=s=>e(r,{question:t().withYRange(-20,-1).build()}),w=s=>e("div",{className:"framework-perseus perseus-mobile",children:e(r,{question:t().build()})}),q=s=>e(r,{question:t().withSegments({numSegments:3}).build()}),_=s=>e("div",{className:"framework-perseus perseus-mobile",children:e(r,{question:t().withCircle().withXRange(-10,10).withYRange(-5,5).build()})}),x=s=>e(r,{question:t().addLockedLine([-3,-3],[3,3]).withXRange(-5,5).withYRange(-10,10).build()}),y=s=>e(r,{question:t().addLockedPointAt(3,2).addLockedPointAt(-1,1).addLockedPointAt(0,-4).build()}),Q=s=>e(r,{question:t().addLockedLine([-1,1],[2,3]).build()}),N=s=>e(r,{question:t().withProtractor().build()});function r(s){const{question:G}=s;return e(os,{strings:ns,content:G.content,widgets:G.widgets,images:G.images,apiOptions:{flags:{mafs:{segment:!0,circle:!0,linear:!0}}}})}a.__docgenInfo={description:"",methods:[],displayName:"MafsWithCustomAxisLabels"};i.__docgenInfo={description:"",methods:[],displayName:"MafsWithFractionalGridStep"};o.__docgenInfo={description:"",methods:[],displayName:"MafsWithFractionalAxisTicks"};n.__docgenInfo={description:"",methods:[],displayName:"MafsWithGridMarkings"};c.__docgenInfo={description:"",methods:[],displayName:"MafsWithNoMarkings"};d.__docgenInfo={description:"",methods:[],displayName:"MafsWithSmallRange"};u.__docgenInfo={description:"",methods:[],displayName:"MafsWithLargeRange"};m.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisAtLeft"};p.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisNearLeft"};g.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisJustOverLeft"};l.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffLeft"};h.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffFarLeft"};f.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisAtRight"};R.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffRight"};M.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisAtBottom"};A.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisNearBottom"};W.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisOffBottom"};S.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisJustOverBottom"};b.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisAtTop"};L.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisOffTop"};w.__docgenInfo={description:"",methods:[],displayName:"MafsInMobileContainer"};q.__docgenInfo={description:"",methods:[],displayName:"MafsWithMultipleSegments"};_.__docgenInfo={description:"",methods:[],displayName:"MafsCircleGraphWithNonsquareRange"};x.__docgenInfo={description:"",methods:[],displayName:"MafsLineGraphWithNonsquareRange"};y.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPoints"};Q.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLine"};N.__docgenInfo={description:"",methods:[],displayName:"MafsWithProtractor"};var v,Y,B;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...(B=(Y=a.parameters)==null?void 0:Y.docs)==null?void 0:B.source}}};var X,I,E;i.parameters={...i.parameters,docs:{...(X=i.parameters)==null?void 0:X.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(E=(I=i.parameters)==null?void 0:I.docs)==null?void 0:E.source}}};var O,C,P;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(P=(C=o.parameters)==null?void 0:C.docs)==null?void 0:P.source}}};var T,F,$;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...($=(F=n.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};var J,j,V;c.parameters={...c.parameters,docs:{...(J=c.parameters)==null?void 0:J.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...(V=(j=c.parameters)==null?void 0:j.docs)==null?void 0:V.source}}};var z,D,H;d.parameters={...d.parameters,docs:{...(z=d.parameters)==null?void 0:z.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(H=(D=d.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var K,U,Z;u.parameters={...u.parameters,docs:{...(K=u.parameters)==null?void 0:K.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(Z=(U=u.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};var ee,se,te;m.parameters={...m.parameters,docs:{...(ee=m.parameters)==null?void 0:ee.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => <> +import{j as e,F as k}from"./jsx-runtime-FVsy8kgq.js";import{R as os}from"./renderer-dyWsFSUA.js";import{m as ns}from"./i18n-context-P7VpLqM1.js";import{i as t}from"./interactive-graph-question-builder-Mh2lh4tI.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";const $s={title:"Perseus/Widgets/Interactive Graph Visual Regression Tests"},a=s=>e(r,{question:t().withAxisLabels("\\text{Custom $x$ label}","\\text{Custom $y$ label}").build()}),i=s=>e(r,{question:t().withGridStep(2.571,3.123).build()}),o=s=>e(r,{question:t().withTickStep(1.5,1.5).build()}),n=s=>e(r,{question:t().withMarkings("grid").build()}),c=s=>e(r,{question:t().withMarkings("none").build()}),d=s=>e(r,{question:t().withXRange(-2,2).withYRange(-2,2).build()}),u=s=>e(r,{question:t().withXRange(-50,50).withYRange(-50,50).build()}),m=s=>e(k,{children:e(r,{question:t().withXRange(0,20).addLockedLine([1,1],[5,2]).build()})}),p=s=>e(k,{children:e(r,{question:t().withXRange(-1,20).addLockedLine([1,1],[5,2]).build()})}),g=s=>e(k,{children:e(r,{question:t().withXRange(-3,20).addLockedLine([1,1],[5,2]).build()})}),l=s=>e(r,{question:t().withXRange(1,20).build()}),h=s=>e(r,{question:t().withXRange(6,20).build()}),f=s=>e(r,{question:t().withXRange(-20,0).build()}),R=s=>e(r,{question:t().withXRange(-20,-1).build()}),M=s=>e(r,{question:t().withYRange(0,20).build()}),A=s=>e(r,{question:t().withYRange(-1,20).build()}),W=s=>e(r,{question:t().withYRange(1,20).build()}),S=s=>e(k,{children:e(r,{question:t().withYRange(-3,20).addLockedLine([-3,2],[5,16]).build()})}),b=s=>e(r,{question:t().withYRange(-20,0).build()}),L=s=>e(r,{question:t().withYRange(-20,-1).build()}),w=s=>e("div",{className:"framework-perseus perseus-mobile",children:e(r,{question:t().build()})}),q=s=>e(r,{question:t().withSegments({numSegments:3}).build()}),_=s=>e("div",{className:"framework-perseus perseus-mobile",children:e(r,{question:t().withCircle().withXRange(-10,10).withYRange(-5,5).build()})}),x=s=>e(r,{question:t().addLockedLine([-3,-3],[3,3]).withXRange(-5,5).withYRange(-10,10).build()}),y=s=>e(r,{question:t().addLockedPointAt(3,2).addLockedPointAt(-1,1).addLockedPointAt(0,-4).build()}),Q=s=>e(r,{question:t().addLockedLine([-1,1],[2,3]).build()}),N=s=>e(r,{question:t().withProtractor().build()});function r(s){const{question:G}=s;return e(os,{strings:ns,content:G.content,widgets:G.widgets,images:G.images,apiOptions:{flags:{mafs:{segment:!0,circle:!0,linear:!0}}}})}a.__docgenInfo={description:"",methods:[],displayName:"MafsWithCustomAxisLabels"};i.__docgenInfo={description:"",methods:[],displayName:"MafsWithFractionalGridStep"};o.__docgenInfo={description:"",methods:[],displayName:"MafsWithFractionalAxisTicks"};n.__docgenInfo={description:"",methods:[],displayName:"MafsWithGridMarkings"};c.__docgenInfo={description:"",methods:[],displayName:"MafsWithNoMarkings"};d.__docgenInfo={description:"",methods:[],displayName:"MafsWithSmallRange"};u.__docgenInfo={description:"",methods:[],displayName:"MafsWithLargeRange"};m.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisAtLeft"};p.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisNearLeft"};g.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisJustOverLeft"};l.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffLeft"};h.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffFarLeft"};f.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisAtRight"};R.__docgenInfo={description:"",methods:[],displayName:"MafsWithYAxisOffRight"};M.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisAtBottom"};A.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisNearBottom"};W.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisOffBottom"};S.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisJustOverBottom"};b.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisAtTop"};L.__docgenInfo={description:"",methods:[],displayName:"MafsWithXAxisOffTop"};w.__docgenInfo={description:"",methods:[],displayName:"MafsInMobileContainer"};q.__docgenInfo={description:"",methods:[],displayName:"MafsWithMultipleSegments"};_.__docgenInfo={description:"",methods:[],displayName:"MafsCircleGraphWithNonsquareRange"};x.__docgenInfo={description:"",methods:[],displayName:"MafsLineGraphWithNonsquareRange"};y.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedPoints"};Q.__docgenInfo={description:"",methods:[],displayName:"MafsWithLockedLine"};N.__docgenInfo={description:"",methods:[],displayName:"MafsWithProtractor"};var v,Y,B;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...(B=(Y=a.parameters)==null?void 0:Y.docs)==null?void 0:B.source}}};var X,I,E;i.parameters={...i.parameters,docs:{...(X=i.parameters)==null?void 0:X.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(E=(I=i.parameters)==null?void 0:I.docs)==null?void 0:E.source}}};var O,C,P;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(P=(C=o.parameters)==null?void 0:C.docs)==null?void 0:P.source}}};var T,F,$;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...($=(F=n.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};var J,j,V;c.parameters={...c.parameters,docs:{...(J=c.parameters)==null?void 0:J.docs,source:{originalSource:'(args: StoryArgs): React.ReactElement => ',...(V=(j=c.parameters)==null?void 0:j.docs)==null?void 0:V.source}}};var z,D,H;d.parameters={...d.parameters,docs:{...(z=d.parameters)==null?void 0:z.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(H=(D=d.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var K,U,Z;u.parameters={...u.parameters,docs:{...(K=u.parameters)==null?void 0:K.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(Z=(U=u.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};var ee,se,te;m.parameters={...m.parameters,docs:{...(ee=m.parameters)==null?void 0:ee.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => <> `,...(te=(se=m.parameters)==null?void 0:se.docs)==null?void 0:te.source}}};var re,ae,ie;p.parameters={...p.parameters,docs:{...(re=p.parameters)==null?void 0:re.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => <> diff --git a/assets/interactive-graph-settings-RN_g28-Z.js b/assets/interactive-graph-settings-Zqm2t-_P.js similarity index 98% rename from assets/interactive-graph-settings-RN_g28-Z.js rename to assets/interactive-graph-settings-Zqm2t-_P.js index ee6cf6253b..dacb9914d2 100644 --- a/assets/interactive-graph-settings-RN_g28-Z.js +++ b/assets/interactive-graph-settings-Zqm2t-_P.js @@ -1,4 +1,4 @@ -import{j as a,a as d,F as N}from"./jsx-runtime-FVsy8kgq.js";import{c as C}from"./article-renderer-q7kSP2w4.js";import{_ as l}from"./jquery-yG1GhClm.js";import{U as k}from"./util-F8-MDmsT.js";import{B as E}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as z}from"./components-v_jsX-d9.js";import{i as P}from"./constants-iPV6vHZm.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{V as v}from"./index-6h5t6F0w.js";import{C as B}from"./index-QCAhLhLD.js";import{s as m,c as q}from"./index-deFLJwr4.js";import{l as R}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";import{H}from"./heading-8aCiuWUg.js";import{b as G}from"./index-h_CiYGGb.js";const h=x=>{const{children:n,label:e,labelSide:t="left",style:s}=x;return a("label",{className:R.css(S.label),children:d(v,{style:[S.row,s],children:[t==="start"||a(G,{style:S.spaceEnd,children:e}),n,t==="end"&&a(G,{style:S.spaceStart,children:e})]})})},S=R.StyleSheet.create({label:{width:"fit-content"},row:{flexDirection:"row",marginTop:m.xSmall_8,alignItems:"center",width:"fit-content"},spaceStart:{marginInlineStart:m.xSmall_8},spaceEnd:{marginInlineEnd:m.xSmall_8}});h.__docgenInfo={description:"",methods:[],displayName:"LabeledRow",props:{id:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},labelSide:{required:!1,tsType:{name:"union",raw:'"start" | "end"',elements:[{name:"literal",value:'"start"'},{name:"literal",value:'"end"'}]},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const{ButtonGroup:V,InfoTip:_,RangeInput:b}=z,U={url:null,width:0,height:0};function A(x,n){return Math.floor((x[1]-x[0])/n)}const y=class y extends w.Component{constructor(n){super(n),this._isMounted=!1,this.bgUrlRef=w.createRef(),this.labelXRef=w.createRef(),this.labelYRef=w.createRef(),this.change=(...e)=>C.apply(this,e),this.changeBackgroundUrl=e=>{var i;if(e.type==="keypress"&&e.key!=="Enter")return;const t=(p,o,r)=>{const u={...this.props.backgroundImage};u.url=p,u.width=o,u.height=r,this.setState({backgroundImage:u},this.changeGraph)},s=(i=this.bgUrlRef.current)==null?void 0:i.value;s?k.getImageSize(s,(p,o)=>{this._isMounted&&t(s,p,o)}):t(null,0,0)},this.renderLabelChoices=e=>e.map(t=>a("option",{value:t[1],children:t[0]},t[1])),this.validRange=e=>l.every(e,function(s){return l.isFinite(s)})?e[0]>=e[1]?"Range must have a higher number on the right":!0:"Range must be a valid number",this.validateStepValue=e=>{const{step:t,range:s,name:i,minTicks:p,maxTicks:o}=e,r=A(s,t);return ro?i+" is too small, there can be at most "+o+" ticks.":!0},this.validSnapStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Snap step",minTicks:5,maxTicks:60}),this.validGridStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Grid step",minTicks:3,maxTicks:60}),this.validStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Step",minTicks:3,maxTicks:20}),this.validBackgroundImageSize=e=>e.url?e.width<=450&&e.height<=450?!0:"Image must be smaller than 450px x 450px.":!0,this.validateGraphSettings=(e,t,s,i,p)=>{const o=this;let r;if(!l.every(e,function(g){return r=o.validRange(g),r===!0})||!l.every(t,function(g,c){return r=o.validStep(g,e[c]),r===!0})||!l.every(s,function(g,c){return r=o.validGridStep(g,e[c]),r===!0})||!l.every(i,function(g,c){return r=o.validSnapStep(g,e[c]),r===!0}))return r;const I=this.validBackgroundImageSize(p);return I!==!0?(r=I,r):!0},this.changeLabel=(e,t)=>{const s=t.target.value,i=this.state.labelsTextbox.slice();i[e]=s,this.setState({labelsTextbox:i},this.changeGraph)},this.changeRange=(e,t)=>{const s=this.state.rangeTextbox.slice();s[e]=t;const i=this.state.stepTextbox.slice(),p=this.state.gridStepTextbox.slice(),o=this.state.snapStepTextbox.slice(),r=k.scaleFromExtent(s[e],this.props.box[e]);if(this.validRange(s[e])===!0){i[e]=k.tickStepFromExtent(s[e],this.props.box[e]);const u=k.gridStepFromTickStep(i[e],r);u&&(p[e]=u),o[e]=p[e]/2}this.setState({stepTextbox:i,gridStepTextbox:p,snapStepTextbox:o,rangeTextbox:s},this.changeGraph)},this.changeStep=e=>{this.setState({stepTextbox:e},this.changeGraph)},this.changeSnapStep=e=>{this.setState({snapStepTextbox:e},this.changeGraph)},this.changeGridStep=e=>{this.setState({gridStepTextbox:e,snapStepTextbox:l.map(e,function(t){return t/2})},this.changeGraph)},this.changeGraph=()=>{const e=this.state.labelsTextbox,t=l.map(this.state.rangeTextbox,function(u){return l.map(u,Number)}),s=l.map(this.state.stepTextbox,Number),i=this.state.gridStepTextbox,p=this.state.snapStepTextbox,o=this.state.backgroundImage,r=this.validateGraphSettings(t,s,i,p,o);r===!0?this.change({valid:!0,labels:e,range:t,step:s,gridStep:i,snapStep:p,backgroundImage:o}):this.change({valid:r})},this.state={isExpanded:!0,...y.stateFromProps(n)}}static stateFromProps(n){return{labelsTextbox:n.labels,gridStepTextbox:n.gridStep,snapStepTextbox:n.snapStep,stepTextbox:n.step,rangeTextbox:n.range,backgroundImage:{...n.backgroundImage}}}componentDidMount(){this._isMounted=!0,this.changeGraph=l.debounce(this.changeGraph,300)}UNSAFE_componentWillReceiveProps(n){(!l.isEqual(this.props.labels,n.labels)||!l.isEqual(this.props.gridStep,n.gridStep)||!l.isEqual(this.props.snapStep,n.snapStep)||!l.isEqual(this.props.step,n.step)||!l.isEqual(this.props.range,n.range)||!l.isEqual(this.props.backgroundImage,n.backgroundImage))&&this.setState(y.stateFromProps(n))}componentWillUnmount(){this._isMounted=!1}render(){return d(N,{children:[a(H,{title:"Common Graph Settings",isOpen:this.state.isExpanded,isCollapsible:!0,onToggle:()=>this.setState({isExpanded:!this.state.isExpanded})}),this.state.isExpanded&&d(v,{children:[d("div",{className:"graph-settings",children:[d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"x Label",children:a("input",{type:"text",className:"graph-settings-axis-label",ref:this.labelXRef,onChange:n=>this.changeLabel(0,n),value:this.state.labelsTextbox[0]||""})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"y Label",children:a("input",{type:"text",className:"graph-settings-axis-label",ref:this.labelYRef,onChange:n=>this.changeLabel(1,n),value:this.state.labelsTextbox[1]||""})})})]}),d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"x Range",children:a(b,{value:this.state.rangeTextbox[0],onChange:n=>this.changeRange(0,n)})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"y Range",children:a(b,{value:this.state.rangeTextbox[1],onChange:n=>this.changeRange(1,n)})})})]}),d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"Tick Step",children:a(b,{value:this.state.stepTextbox,onChange:this.changeStep})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"Grid Step",children:a(b,{value:this.state.gridStepTextbox,onChange:this.changeGridStep})})})]}),a("div",{className:"perseus-widget-row",children:a("div",{className:"perseus-widget-left-col",children:a(h,{label:"Snap Step",children:a(b,{value:this.state.snapStepTextbox,onChange:this.changeSnapStep})})})}),a("div",{className:"perseus-widget-row",children:a(h,{label:"Markings:",children:a(V,{value:this.props.markings,allowEmpty:!1,buttons:[{value:"graph",content:"Graph"},{value:"grid",content:"Grid"},{value:"none",content:"None"}],onChange:this.change("markings")})})}),a("div",{className:"perseus-widget-left-col",children:a(B,{label:"Show tooltips",checked:this.props.showTooltips,onChange:n=>{this.change({showTooltips:n})}})})]}),d(h,{label:"Background image URL:",style:f.resetSpaceTop,children:[a("input",{type:"text",className:R.css(f.backgroundUrlInput),ref:this.bgUrlRef,value:this.state.backgroundImage.url||"",onChange:n=>{const e={...this.props.backgroundImage};e.url=n.target.value,this.setState({backgroundImage:e})},onKeyPress:this.changeBackgroundUrl,onBlur:this.changeBackgroundUrl}),a(_,{children:a("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]}),d(v,{style:f.protractorSection,children:[a(v,{style:f.checkboxRow,children:a(B,{label:"Show protractor",checked:this.props.showProtractor,onChange:n=>{this.change({showProtractor:n})},style:f.resetSpaceTop})}),this.props.showProtractor&&a(E,{layout:"floating",text:"The protractor is not accessible. Please consider an alternate approach.",kind:"warning"})]})]})]})}};y.defaultProps={box:[P.defaultBoxSizeSmall,P.defaultBoxSizeSmall],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:U,markings:"graph",showProtractor:!1,showTooltips:!1};let T=y;const f=R.StyleSheet.create({resetSpaceTop:{marginTop:0},backgroundUrlInput:{border:`1px solid ${q.offBlack32}`,borderRadius:m.xxxSmall_4,padding:m.xxxSmall_4},checkboxRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:m.xSmall_8},protractorSection:{marginTop:m.xSmall_8,borderTop:`1px solid ${q.offBlack16}`,paddingTop:m.xSmall_8,paddingBottom:m.xSmall_8,borderBottom:`1px solid ${q.offBlack16}`}}),ge=T;T.__docgenInfo={description:"",methods:[{name:"stateFromProps",docblock:null,modifiers:["static"],params:[{name:"props",optional:!1,type:{name:"signature",type:"object",raw:`{ +import{j as a,a as d,F as N}from"./jsx-runtime-FVsy8kgq.js";import{c as C}from"./article-renderer-BOOaW4sB.js";import{_ as l}from"./jquery-yG1GhClm.js";import{U as k}from"./util-F8-MDmsT.js";import{B as E}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as z}from"./components-v_jsX-d9.js";import{i as P}from"./constants-iPV6vHZm.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{V as v}from"./index-6h5t6F0w.js";import{C as B}from"./index-QCAhLhLD.js";import{s as m,c as q}from"./index-deFLJwr4.js";import{l as R}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";import{H}from"./heading-8aCiuWUg.js";import{b as G}from"./index-h_CiYGGb.js";const h=x=>{const{children:n,label:e,labelSide:t="left",style:s}=x;return a("label",{className:R.css(S.label),children:d(v,{style:[S.row,s],children:[t==="start"||a(G,{style:S.spaceEnd,children:e}),n,t==="end"&&a(G,{style:S.spaceStart,children:e})]})})},S=R.StyleSheet.create({label:{width:"fit-content"},row:{flexDirection:"row",marginTop:m.xSmall_8,alignItems:"center",width:"fit-content"},spaceStart:{marginInlineStart:m.xSmall_8},spaceEnd:{marginInlineEnd:m.xSmall_8}});h.__docgenInfo={description:"",methods:[],displayName:"LabeledRow",props:{id:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},labelSide:{required:!1,tsType:{name:"union",raw:'"start" | "end"',elements:[{name:"literal",value:'"start"'},{name:"literal",value:'"end"'}]},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const{ButtonGroup:V,InfoTip:_,RangeInput:b}=z,U={url:null,width:0,height:0};function A(x,n){return Math.floor((x[1]-x[0])/n)}const y=class y extends w.Component{constructor(n){super(n),this._isMounted=!1,this.bgUrlRef=w.createRef(),this.labelXRef=w.createRef(),this.labelYRef=w.createRef(),this.change=(...e)=>C.apply(this,e),this.changeBackgroundUrl=e=>{var i;if(e.type==="keypress"&&e.key!=="Enter")return;const t=(p,o,r)=>{const u={...this.props.backgroundImage};u.url=p,u.width=o,u.height=r,this.setState({backgroundImage:u},this.changeGraph)},s=(i=this.bgUrlRef.current)==null?void 0:i.value;s?k.getImageSize(s,(p,o)=>{this._isMounted&&t(s,p,o)}):t(null,0,0)},this.renderLabelChoices=e=>e.map(t=>a("option",{value:t[1],children:t[0]},t[1])),this.validRange=e=>l.every(e,function(s){return l.isFinite(s)})?e[0]>=e[1]?"Range must have a higher number on the right":!0:"Range must be a valid number",this.validateStepValue=e=>{const{step:t,range:s,name:i,minTicks:p,maxTicks:o}=e,r=A(s,t);return ro?i+" is too small, there can be at most "+o+" ticks.":!0},this.validSnapStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Snap step",minTicks:5,maxTicks:60}),this.validGridStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Grid step",minTicks:3,maxTicks:60}),this.validStep=(e,t)=>this.validateStepValue({step:e,range:t,name:"Step",minTicks:3,maxTicks:20}),this.validBackgroundImageSize=e=>e.url?e.width<=450&&e.height<=450?!0:"Image must be smaller than 450px x 450px.":!0,this.validateGraphSettings=(e,t,s,i,p)=>{const o=this;let r;if(!l.every(e,function(g){return r=o.validRange(g),r===!0})||!l.every(t,function(g,c){return r=o.validStep(g,e[c]),r===!0})||!l.every(s,function(g,c){return r=o.validGridStep(g,e[c]),r===!0})||!l.every(i,function(g,c){return r=o.validSnapStep(g,e[c]),r===!0}))return r;const I=this.validBackgroundImageSize(p);return I!==!0?(r=I,r):!0},this.changeLabel=(e,t)=>{const s=t.target.value,i=this.state.labelsTextbox.slice();i[e]=s,this.setState({labelsTextbox:i},this.changeGraph)},this.changeRange=(e,t)=>{const s=this.state.rangeTextbox.slice();s[e]=t;const i=this.state.stepTextbox.slice(),p=this.state.gridStepTextbox.slice(),o=this.state.snapStepTextbox.slice(),r=k.scaleFromExtent(s[e],this.props.box[e]);if(this.validRange(s[e])===!0){i[e]=k.tickStepFromExtent(s[e],this.props.box[e]);const u=k.gridStepFromTickStep(i[e],r);u&&(p[e]=u),o[e]=p[e]/2}this.setState({stepTextbox:i,gridStepTextbox:p,snapStepTextbox:o,rangeTextbox:s},this.changeGraph)},this.changeStep=e=>{this.setState({stepTextbox:e},this.changeGraph)},this.changeSnapStep=e=>{this.setState({snapStepTextbox:e},this.changeGraph)},this.changeGridStep=e=>{this.setState({gridStepTextbox:e,snapStepTextbox:l.map(e,function(t){return t/2})},this.changeGraph)},this.changeGraph=()=>{const e=this.state.labelsTextbox,t=l.map(this.state.rangeTextbox,function(u){return l.map(u,Number)}),s=l.map(this.state.stepTextbox,Number),i=this.state.gridStepTextbox,p=this.state.snapStepTextbox,o=this.state.backgroundImage,r=this.validateGraphSettings(t,s,i,p,o);r===!0?this.change({valid:!0,labels:e,range:t,step:s,gridStep:i,snapStep:p,backgroundImage:o}):this.change({valid:r})},this.state={isExpanded:!0,...y.stateFromProps(n)}}static stateFromProps(n){return{labelsTextbox:n.labels,gridStepTextbox:n.gridStep,snapStepTextbox:n.snapStep,stepTextbox:n.step,rangeTextbox:n.range,backgroundImage:{...n.backgroundImage}}}componentDidMount(){this._isMounted=!0,this.changeGraph=l.debounce(this.changeGraph,300)}UNSAFE_componentWillReceiveProps(n){(!l.isEqual(this.props.labels,n.labels)||!l.isEqual(this.props.gridStep,n.gridStep)||!l.isEqual(this.props.snapStep,n.snapStep)||!l.isEqual(this.props.step,n.step)||!l.isEqual(this.props.range,n.range)||!l.isEqual(this.props.backgroundImage,n.backgroundImage))&&this.setState(y.stateFromProps(n))}componentWillUnmount(){this._isMounted=!1}render(){return d(N,{children:[a(H,{title:"Common Graph Settings",isOpen:this.state.isExpanded,isCollapsible:!0,onToggle:()=>this.setState({isExpanded:!this.state.isExpanded})}),this.state.isExpanded&&d(v,{children:[d("div",{className:"graph-settings",children:[d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"x Label",children:a("input",{type:"text",className:"graph-settings-axis-label",ref:this.labelXRef,onChange:n=>this.changeLabel(0,n),value:this.state.labelsTextbox[0]||""})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"y Label",children:a("input",{type:"text",className:"graph-settings-axis-label",ref:this.labelYRef,onChange:n=>this.changeLabel(1,n),value:this.state.labelsTextbox[1]||""})})})]}),d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"x Range",children:a(b,{value:this.state.rangeTextbox[0],onChange:n=>this.changeRange(0,n)})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"y Range",children:a(b,{value:this.state.rangeTextbox[1],onChange:n=>this.changeRange(1,n)})})})]}),d("div",{className:"perseus-widget-row",children:[a("div",{className:"perseus-widget-left-col",children:a(h,{label:"Tick Step",children:a(b,{value:this.state.stepTextbox,onChange:this.changeStep})})}),a("div",{className:"perseus-widget-right-col",children:a(h,{label:"Grid Step",children:a(b,{value:this.state.gridStepTextbox,onChange:this.changeGridStep})})})]}),a("div",{className:"perseus-widget-row",children:a("div",{className:"perseus-widget-left-col",children:a(h,{label:"Snap Step",children:a(b,{value:this.state.snapStepTextbox,onChange:this.changeSnapStep})})})}),a("div",{className:"perseus-widget-row",children:a(h,{label:"Markings:",children:a(V,{value:this.props.markings,allowEmpty:!1,buttons:[{value:"graph",content:"Graph"},{value:"grid",content:"Grid"},{value:"none",content:"None"}],onChange:this.change("markings")})})}),a("div",{className:"perseus-widget-left-col",children:a(B,{label:"Show tooltips",checked:this.props.showTooltips,onChange:n=>{this.change({showTooltips:n})}})})]}),d(h,{label:"Background image URL:",style:f.resetSpaceTop,children:[a("input",{type:"text",className:R.css(f.backgroundUrlInput),ref:this.bgUrlRef,value:this.state.backgroundImage.url||"",onChange:n=>{const e={...this.props.backgroundImage};e.url=n.target.value,this.setState({backgroundImage:e})},onKeyPress:this.changeBackgroundUrl,onBlur:this.changeBackgroundUrl}),a(_,{children:a("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]}),d(v,{style:f.protractorSection,children:[a(v,{style:f.checkboxRow,children:a(B,{label:"Show protractor",checked:this.props.showProtractor,onChange:n=>{this.change({showProtractor:n})},style:f.resetSpaceTop})}),this.props.showProtractor&&a(E,{layout:"floating",text:"The protractor is not accessible. Please consider an alternate approach.",kind:"warning"})]})]})]})}};y.defaultProps={box:[P.defaultBoxSizeSmall,P.defaultBoxSizeSmall],labels:["x","y"],range:[[-10,10],[-10,10]],step:[1,1],gridStep:[1,1],snapStep:[1,1],valid:!0,backgroundImage:U,markings:"graph",showProtractor:!1,showTooltips:!1};let T=y;const f=R.StyleSheet.create({resetSpaceTop:{marginTop:0},backgroundUrlInput:{border:`1px solid ${q.offBlack32}`,borderRadius:m.xxxSmall_4,padding:m.xxxSmall_4},checkboxRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:m.xSmall_8},protractorSection:{marginTop:m.xSmall_8,borderTop:`1px solid ${q.offBlack16}`,paddingTop:m.xSmall_8,paddingBottom:m.xSmall_8,borderBottom:`1px solid ${q.offBlack16}`}}),ge=T;T.__docgenInfo={description:"",methods:[{name:"stateFromProps",docblock:null,modifiers:["static"],params:[{name:"props",optional:!1,type:{name:"signature",type:"object",raw:`{ /** * The size of the graph area in pixels. */ diff --git a/assets/interactive-graph-settings.stories-P8vvYofW.js b/assets/interactive-graph-settings.stories-5h6oCXyo.js similarity index 84% rename from assets/interactive-graph-settings.stories-P8vvYofW.js rename to assets/interactive-graph-settings.stories-5h6oCXyo.js index d6e1920947..3a9cbbf25a 100644 --- a/assets/interactive-graph-settings.stories-P8vvYofW.js +++ b/assets/interactive-graph-settings.stories-5h6oCXyo.js @@ -1,4 +1,4 @@ -import{j as u}from"./jsx-runtime-FVsy8kgq.js";import{r as x}from"./index-TT1qJ6UJ.js";import{I as o}from"./interactive-graph-settings-RN_g28-Z.js";import{I}from"./interactive-graph-settings.argtypes-6T40gg9D.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";const dt={title:"PerseusEditor/Components/Interactive Graph Settings",component:o,argTypes:I},r=p=>u(o,{...p});r.args={box:[288,288],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]};const t={render:function(){const l=(f,S)=>({...f,...S}),[h,g]=x.useReducer(l,{});return u(o,{...h,onChange:g})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,e,m;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as u}from"./jsx-runtime-FVsy8kgq.js";import{r as x}from"./index-TT1qJ6UJ.js";import{I as o}from"./interactive-graph-settings-Zqm2t-_P.js";import{I}from"./interactive-graph-settings.argtypes-6T40gg9D.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";const dt={title:"PerseusEditor/Components/Interactive Graph Settings",component:o,argTypes:I},r=p=>u(o,{...p});r.args={box:[288,288],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]};const t={render:function(){const l=(f,S)=>({...f,...S}),[h,g]=x.useReducer(l,{});return u(o,{...h,onChange:g})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,e,m;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(m=(e=r.parameters)==null?void 0:e.docs)==null?void 0:m.source}}};var s,a,n,c,d;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/interactive-graph.stories-FW4cPFnb.js b/assets/interactive-graph.stories-hyi_b0bl.js similarity index 97% rename from assets/interactive-graph.stories-FW4cPFnb.js rename to assets/interactive-graph.stories-hyi_b0bl.js index ad6a656cc9..33efa2a113 100644 --- a/assets/interactive-graph.stories-FW4cPFnb.js +++ b/assets/interactive-graph.stories-hyi_b0bl.js @@ -1,4 +1,4 @@ -import{j as o,a as y,F as X}from"./jsx-runtime-FVsy8kgq.js";import{B as Kt}from"./phet-simulation-LQRU0vOo.js";import{B as ne}from"./choice-Bz-ZMhQM.js";import{b as pe,a as Dt,_ as k,V as b}from"./index-6h5t6F0w.js";import{r as c}from"./index-TT1qJ6UJ.js";import{l as Z}from"./index-awljIyHI.js";import{L as Ht,c as Jt}from"./react-router-dom-W_e8xVUu.js";import{i as Yt}from"./index-o3wWn3Y5.js";import{P as he}from"./index-xuPsLuPk.js";import{m as Xt,c as Zt,u as eo,T as to}from"./index-rfN0X25E.js";import{c as n,b as L,s as g}from"./index-deFLJwr4.js";import{S as oe}from"./index-qUyqkRvh.js";import{L as oo}from"./video-transcript-link-44eQkwGl.js";import{a as ro,S as no}from"./index-CkAxGj88.js";import{b as so,L as io,H as ao}from"./index-h_CiYGGb.js";import{T as fe}from"./index-K9BSJPWl.js";import{w as co}from"./index-J2t_5nK1.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import{a as lo}from"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import{R as uo}from"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{S as po}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import{m as mo}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{R as d}from"./renderer-with-debug-ui-XOCIPmr_.js";import{j as Mt,k as go,m as ho,n as fo,o as yo,t as me,u as bo,v as So,w as vo,x as ko,y as Ro,z as Io,A as wo,B as xo,C as Lo,D as qo,E as _o,F as Co,G as Wo,H as Ao}from"./interactive-graph.testdata-QKEIR03d.js";import"./index-ngddCaVG.js";import"./arrow-square-out-bold-090vdhrx.js";import"./constants-iPV6vHZm.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./index-tvtfaFq4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./shared-4TdECMLk.js";import"./answer-choices-mbE4GLUb.js";import"./minus-bold-ONmDo3Ve.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./side-by-side-kGWaKY6T.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./interactive-graph-question-builder-Mh2lh4tI.js";const Eo=e=>{switch(e){case"xsmall":return"small";case"small":return"medium";case"medium":return"medium";case"large":return"medium"}},Oo=e=>({xsmall:24,small:32,medium:40,large:48})[e],se={color:{bg:{hovered:"transparent",active:"transparent",disabled:"transparent",filled:{action:{hovered:"transparent",active:"transparent"},critical:{hovered:"transparent",active:"transparent"}}},stroke:{disabled:{default:n.offBlack32,inverse:n.white50},inverse:n.white,action:{default:n.blue,active:n.activeBlue,inverse:n.fadedBlue},critical:{default:n.red,active:n.activeRed,inverse:n.fadedRed},primary:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed},inverse:{default:n.white,hovered:n.white}},secondary:{default:n.offBlack},tertiary:{default:n.offBlack64},filled:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed}}}},border:{width:{default:L.width.thin,active:L.width.none,hovered:L.width.thin,hoveredInverse:L.width.thin},radius:{default:L.radius.medium_4}}},No=Xt(se,{color:{bg:{hovered:n.white,active:n.white64,filled:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed}}},stroke:{action:{inverse:n.eggplant},critical:{inverse:n.eggplant},primary:{action:{hovered:n.eggplant,active:n.eggplant},critical:{hovered:n.eggplant,active:n.eggplant},inverse:{hovered:n.eggplant}},filled:{action:{hovered:n.white,active:n.white},critical:{hovered:n.white,active:n.white}}}},border:{width:{hovered:L.width.none,hoveredInverse:L.width.none}}}),Qo={default:se,khanmigo:No},Tt=Zt(se);function Po(e){var t;const s=c.useContext(to),a=(t=Qo[s])!=null?t:se;return c.createElement(Tt.Provider,{value:a},e.children)}const Bo=["color","disabled","href","icon","kind","light","size","skipClientNav","style","testId"];function Do({icon:e,size:t}){switch(Eo(t)){case"small":return c.createElement(he,{size:"small",color:"currentColor",icon:e});case"medium":default:return c.createElement(he,{size:"medium",color:"currentColor",icon:e})}}const Mo=pe("a"),To=pe("button"),Uo=pe(Ht),zo=c.forwardRef(function(t,s){const{color:a,disabled:r,href:l,icon:u,kind:m="primary",light:p=!1,size:i="medium",skipClientNav:v,style:q,testId:I}=t,w=Dt(t,Bo),{theme:x,themeName:S}=eo(Tt),R=ce=>{const ge=Fo(a,m,p,i,x,S),jt=[Go.shared,ge.default,r&&ge.disabled],le=c.createElement(Do,{size:i,icon:u}),de=k({"data-testid":I,style:[jt,q]},w);return l&&!r?ce&&!v&&Yt(l)?c.createElement(Uo,k({},de,{to:l,ref:s}),le):c.createElement(Mo,k({},de,{href:l,ref:s}),le):c.createElement(To,k({type:"button"},de,{onClick:r?void 0:w.onClick,"aria-disabled":r,ref:s}),le)};return c.createElement(Jt.Consumer,null,ce=>R(ce))}),Go=Z.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation"}}),re={};function $o(e,t,s,a,r){switch(e){case"primary":const l=r==="destructive"?t.color.stroke.primary.critical.hovered:t.color.stroke.primary.action.hovered;return{":hover":{backgroundColor:t.color.bg.hovered,color:a?t.color.stroke.primary.inverse.hovered:l,outlineColor:a?t.color.stroke.inverse:s,outlineOffset:1,outlineStyle:"solid",outlineWidth:a?t.border.width.hoveredInverse:t.border.width.hovered},":active":{backgroundColor:t.color.bg.active}};case"secondary":case"tertiary":return{":hover":{backgroundColor:r==="destructive"?t.color.bg.filled.critical.hovered:t.color.bg.filled.action.hovered,color:r==="destructive"?t.color.stroke.filled.critical.hovered:t.color.stroke.filled.action.hovered,outlineWidth:t.border.width.active},":active":{backgroundColor:r==="destructive"?t.color.bg.filled.critical.active:t.color.bg.filled.action.active,color:r==="destructive"?t.color.stroke.filled.critical.active:t.color.stroke.filled.action.active,outlineWidth:t.border.width.active}};default:return{":focus-visible":{},":hover":{},":active":{}}}}const Fo=(e="default",t,s,a,r,l)=>{const u=e==="destructive"?r.color.stroke.critical.default:r.color.stroke.action.default,m=`${u}-${t}-${s}-${a}-${l}`;if(re[m])return re[m];if(s&&t!=="primary")throw new Error("Light is only supported for primary IconButtons");const p=(()=>{switch(t){case"primary":return s?r.color.stroke.primary.inverse.default:u;case"secondary":return r.color.stroke.secondary.default;case"tertiary":return r.color.stroke.tertiary.default;default:throw new Error("IconButton kind not recognized")}})(),i=Oo(a),v=$o(t,r,u,s,e),q=e==="destructive"?r.color.stroke.critical.inverse:r.color.stroke.action.inverse,I=e==="destructive"?r.color.stroke.critical.active:r.color.stroke.action.active,w=s?r.color.stroke.inverse:u,x=s?r.color.stroke.disabled.inverse:r.color.stroke.disabled.default,S={backgroundColor:r.color.bg.disabled,color:x,outlineColor:x},R={default:{height:i,width:i,color:p,borderRadius:r.border.radius.default,":hover":k({boxShadow:"none",color:w,borderRadius:r.border.radius.default,outlineWidth:r.border.width.default},v[":hover"]),"@media not (hover: hover)":{":hover":{boxShadow:"none",color:p,borderRadius:r.border.radius.default,outline:"none",backgroundColor:"transparent"}},":focus":{boxShadow:`0 0 0 ${r.border.width.default}px ${w}`,borderRadius:r.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":k({boxShadow:"none",outlineWidth:r.border.width.default,outlineColor:w,outlineOffset:1,outlineStyle:"solid",borderRadius:r.border.radius.default},v[":focus-visible"]),":active":k({color:s?q:I,outlineWidth:r.border.width.default,outlineColor:s?q:I,outlineOffset:1,outlineStyle:"solid",borderRadius:r.border.radius.default},v[":active"])},disabled:{color:x,cursor:"not-allowed",":hover":k({},S,{outline:"none"}),":active":k({},S,{outline:"none"}),":focus":{boxShadow:`0 0 0 ${r.border.width.default}px ${x}`,borderRadius:r.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":S}};return re[m]=Z.StyleSheet.create(R),re[m]},Vo=["color","disabled","href","kind","light","size","skipClientNav","tabIndex","target"],ye=c.forwardRef(function(t,s){const{color:a="default",disabled:r=!1,href:l,kind:u="primary",light:m=!1,size:p="medium",skipClientNav:i,tabIndex:v,target:q}=t,I=Dt(t,Vo);function w(S){const R=S.key;!l&&(R==="Enter"||R==="Space")&&S.preventDefault()}function x(S){const R=S.key;!l&&(R==="Enter"||R==="Space")&&I.onClick&&I.onClick(S)}return c.createElement(Po,null,c.createElement(zo,k({},I,{color:a,disabled:r,href:l,kind:u,light:m,ref:s,skipClientNav:i,size:p,target:q,tabIndex:v,onKeyDown:w,onKeyUp:x})))});class ie extends c.Component{render(){const{color:t,leftContent:s,rightContent:a,size:r,subtitle:l,title:u}=this.props,m=l?io:ao;return c.createElement(b,{style:[h.container,t==="dark"&&h.dark,r==="small"&&h.small]},c.createElement(b,{style:[h.column,h.leftColumn,u?h.withTitle:null]},s),u&&c.createElement(b,{style:[h.column,h.wideColumn]},c.createElement(b,{style:[h.titles,h.center]},c.createElement(m,{id:"wb-toolbar-title"},u),l&&c.createElement(so,{style:t==="light"&&h.subtitle},l))),c.createElement(b,{style:[h.column,h.rightColumn,u?h.withTitle:null]},a))}}ie.defaultProps={color:"light",leftContent:null,rightContent:null,size:"medium"};const h=Z.StyleSheet.create({container:{border:`1px solid ${n.offBlack16}`,flex:1,flexDirection:"row",justifyContent:"space-between",minHeight:66,paddingLeft:g.medium_16,paddingRight:g.medium_16,width:"100%"},small:{minHeight:50},dark:{backgroundColor:n.darkBlue,boxShadow:`0 1px 0 0 ${n.white64}`,color:"white"},column:{justifyContent:"center"},withTitle:{flex:1},wideColumn:{flex:1,flexBasis:"50%"},leftColumn:{alignItems:"center",flexDirection:"row",flexShrink:0,justifyContent:"flex-start"},rightColumn:{alignItems:"center",flexDirection:"row",justifyContent:"flex-end"},center:{textAlign:"center"},subtitle:{color:n.offBlack64},titles:{padding:g.small_12}}),jo=""+new URL("camera-slash-Oge78uaV.svg",import.meta.url).href,Ko=""+new URL("graph-RU2fqeKx.svg",import.meta.url).href,Ho=""+new URL("image-PFUjt3DK.svg",import.meta.url).href,Jo=["angle","segment","linear","linear-system","ray","polygon","point","circle","quadratic","sinusoid","unlimited-point","unlimited-polygon"],Yo=Jo.reduce((e,t)=>(e[t]=!0,e),{});function Ut(e){const{value:t,onInput:s,...a}=e,[r,l]=c.useState(!1),[u,m]=c.useState("");return o("input",{...a,value:r?u:t,onChange:p=>{m(p.target.value),s(p.target.value)},onFocus:()=>{m(t),l(!0)},onBlur:()=>{l(!1)}})}Ut.__docgenInfo={description:"",methods:[],displayName:"EditableControlledInput",props:{value:{required:!0,tsType:{name:"string"},description:""},onInput:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => unknown",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"unknown"}}},description:""}}};function ee(e){let t;return s=>((t==null||s!==t.arg)&&(t={arg:s,result:e(s)}),t.result)}const Xo={type:"next"},Zo={type:"previous"},er=e=>lr(e)?{type:"jump-to-index",index:parseInt(e,10)-1}:{type:"noop"};function tr(e){return{type:"set-questions",questions:e}}function or(e){return{type:"load-questions-from-storage",questions:e}}const rr={type:"remove-current-question"};function nr(e,t){switch(t.type){case"next":return ue(e,s=>s+1);case"previous":return ue(e,s=>s-1);case"jump-to-index":return ue(e,()=>t.index);case"set-questions":return{...e,questions:t.questions};case"load-questions-from-storage":return e.questions||!t.questions?e:{...e,questions:t.questions};case"remove-current-question":{const s=te(e);return{...e,questions:e.questions.split(` +import{j as o,a as y,F as X}from"./jsx-runtime-FVsy8kgq.js";import{B as Kt}from"./phet-simulation-LQRU0vOo.js";import{B as ne}from"./choice-Bz-ZMhQM.js";import{b as pe,a as Dt,_ as k,V as b}from"./index-6h5t6F0w.js";import{r as c}from"./index-TT1qJ6UJ.js";import{l as Z}from"./index-awljIyHI.js";import{L as Ht,c as Jt}from"./react-router-dom-W_e8xVUu.js";import{i as Yt}from"./index-o3wWn3Y5.js";import{P as he}from"./index-xuPsLuPk.js";import{m as Xt,c as Zt,u as eo,T as to}from"./index-rfN0X25E.js";import{c as n,b as L,s as g}from"./index-deFLJwr4.js";import{S as oe}from"./index-qUyqkRvh.js";import{L as oo}from"./video-transcript-link-44eQkwGl.js";import{a as ro,S as no}from"./index-CkAxGj88.js";import{b as so,L as io,H as ao}from"./index-h_CiYGGb.js";import{T as fe}from"./index-K9BSJPWl.js";import{w as co}from"./index-J2t_5nK1.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import{a as lo}from"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import{R as uo}from"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import{S as po}from"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import{m as mo}from"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{R as d}from"./renderer-with-debug-ui-kTjob79J.js";import{j as Mt,k as go,m as ho,n as fo,o as yo,t as me,u as bo,v as So,w as vo,x as ko,y as Ro,z as Io,A as wo,B as xo,C as Lo,D as qo,E as _o,F as Co,G as Wo,H as Ao}from"./interactive-graph.testdata-QKEIR03d.js";import"./index-ngddCaVG.js";import"./arrow-square-out-bold-090vdhrx.js";import"./constants-iPV6vHZm.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./index-tvtfaFq4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./shared-4TdECMLk.js";import"./answer-choices-MQdUvt3_.js";import"./minus-bold-ONmDo3Ve.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./side-by-side-kGWaKY6T.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./interactive-graph-question-builder-Mh2lh4tI.js";const Eo=e=>{switch(e){case"xsmall":return"small";case"small":return"medium";case"medium":return"medium";case"large":return"medium"}},Oo=e=>({xsmall:24,small:32,medium:40,large:48})[e],se={color:{bg:{hovered:"transparent",active:"transparent",disabled:"transparent",filled:{action:{hovered:"transparent",active:"transparent"},critical:{hovered:"transparent",active:"transparent"}}},stroke:{disabled:{default:n.offBlack32,inverse:n.white50},inverse:n.white,action:{default:n.blue,active:n.activeBlue,inverse:n.fadedBlue},critical:{default:n.red,active:n.activeRed,inverse:n.fadedRed},primary:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed},inverse:{default:n.white,hovered:n.white}},secondary:{default:n.offBlack},tertiary:{default:n.offBlack64},filled:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed}}}},border:{width:{default:L.width.thin,active:L.width.none,hovered:L.width.thin,hoveredInverse:L.width.thin},radius:{default:L.radius.medium_4}}},No=Xt(se,{color:{bg:{hovered:n.white,active:n.white64,filled:{action:{hovered:n.blue,active:n.activeBlue},critical:{hovered:n.red,active:n.activeRed}}},stroke:{action:{inverse:n.eggplant},critical:{inverse:n.eggplant},primary:{action:{hovered:n.eggplant,active:n.eggplant},critical:{hovered:n.eggplant,active:n.eggplant},inverse:{hovered:n.eggplant}},filled:{action:{hovered:n.white,active:n.white},critical:{hovered:n.white,active:n.white}}}},border:{width:{hovered:L.width.none,hoveredInverse:L.width.none}}}),Qo={default:se,khanmigo:No},Tt=Zt(se);function Po(e){var t;const s=c.useContext(to),a=(t=Qo[s])!=null?t:se;return c.createElement(Tt.Provider,{value:a},e.children)}const Bo=["color","disabled","href","icon","kind","light","size","skipClientNav","style","testId"];function Do({icon:e,size:t}){switch(Eo(t)){case"small":return c.createElement(he,{size:"small",color:"currentColor",icon:e});case"medium":default:return c.createElement(he,{size:"medium",color:"currentColor",icon:e})}}const Mo=pe("a"),To=pe("button"),Uo=pe(Ht),zo=c.forwardRef(function(t,s){const{color:a,disabled:r,href:l,icon:u,kind:m="primary",light:p=!1,size:i="medium",skipClientNav:v,style:q,testId:I}=t,w=Dt(t,Bo),{theme:x,themeName:S}=eo(Tt),R=ce=>{const ge=Fo(a,m,p,i,x,S),jt=[Go.shared,ge.default,r&&ge.disabled],le=c.createElement(Do,{size:i,icon:u}),de=k({"data-testid":I,style:[jt,q]},w);return l&&!r?ce&&!v&&Yt(l)?c.createElement(Uo,k({},de,{to:l,ref:s}),le):c.createElement(Mo,k({},de,{href:l,ref:s}),le):c.createElement(To,k({type:"button"},de,{onClick:r?void 0:w.onClick,"aria-disabled":r,ref:s}),le)};return c.createElement(Jt.Consumer,null,ce=>R(ce))}),Go=Z.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation"}}),re={};function $o(e,t,s,a,r){switch(e){case"primary":const l=r==="destructive"?t.color.stroke.primary.critical.hovered:t.color.stroke.primary.action.hovered;return{":hover":{backgroundColor:t.color.bg.hovered,color:a?t.color.stroke.primary.inverse.hovered:l,outlineColor:a?t.color.stroke.inverse:s,outlineOffset:1,outlineStyle:"solid",outlineWidth:a?t.border.width.hoveredInverse:t.border.width.hovered},":active":{backgroundColor:t.color.bg.active}};case"secondary":case"tertiary":return{":hover":{backgroundColor:r==="destructive"?t.color.bg.filled.critical.hovered:t.color.bg.filled.action.hovered,color:r==="destructive"?t.color.stroke.filled.critical.hovered:t.color.stroke.filled.action.hovered,outlineWidth:t.border.width.active},":active":{backgroundColor:r==="destructive"?t.color.bg.filled.critical.active:t.color.bg.filled.action.active,color:r==="destructive"?t.color.stroke.filled.critical.active:t.color.stroke.filled.action.active,outlineWidth:t.border.width.active}};default:return{":focus-visible":{},":hover":{},":active":{}}}}const Fo=(e="default",t,s,a,r,l)=>{const u=e==="destructive"?r.color.stroke.critical.default:r.color.stroke.action.default,m=`${u}-${t}-${s}-${a}-${l}`;if(re[m])return re[m];if(s&&t!=="primary")throw new Error("Light is only supported for primary IconButtons");const p=(()=>{switch(t){case"primary":return s?r.color.stroke.primary.inverse.default:u;case"secondary":return r.color.stroke.secondary.default;case"tertiary":return r.color.stroke.tertiary.default;default:throw new Error("IconButton kind not recognized")}})(),i=Oo(a),v=$o(t,r,u,s,e),q=e==="destructive"?r.color.stroke.critical.inverse:r.color.stroke.action.inverse,I=e==="destructive"?r.color.stroke.critical.active:r.color.stroke.action.active,w=s?r.color.stroke.inverse:u,x=s?r.color.stroke.disabled.inverse:r.color.stroke.disabled.default,S={backgroundColor:r.color.bg.disabled,color:x,outlineColor:x},R={default:{height:i,width:i,color:p,borderRadius:r.border.radius.default,":hover":k({boxShadow:"none",color:w,borderRadius:r.border.radius.default,outlineWidth:r.border.width.default},v[":hover"]),"@media not (hover: hover)":{":hover":{boxShadow:"none",color:p,borderRadius:r.border.radius.default,outline:"none",backgroundColor:"transparent"}},":focus":{boxShadow:`0 0 0 ${r.border.width.default}px ${w}`,borderRadius:r.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":k({boxShadow:"none",outlineWidth:r.border.width.default,outlineColor:w,outlineOffset:1,outlineStyle:"solid",borderRadius:r.border.radius.default},v[":focus-visible"]),":active":k({color:s?q:I,outlineWidth:r.border.width.default,outlineColor:s?q:I,outlineOffset:1,outlineStyle:"solid",borderRadius:r.border.radius.default},v[":active"])},disabled:{color:x,cursor:"not-allowed",":hover":k({},S,{outline:"none"}),":active":k({},S,{outline:"none"}),":focus":{boxShadow:`0 0 0 ${r.border.width.default}px ${x}`,borderRadius:r.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":S}};return re[m]=Z.StyleSheet.create(R),re[m]},Vo=["color","disabled","href","kind","light","size","skipClientNav","tabIndex","target"],ye=c.forwardRef(function(t,s){const{color:a="default",disabled:r=!1,href:l,kind:u="primary",light:m=!1,size:p="medium",skipClientNav:i,tabIndex:v,target:q}=t,I=Dt(t,Vo);function w(S){const R=S.key;!l&&(R==="Enter"||R==="Space")&&S.preventDefault()}function x(S){const R=S.key;!l&&(R==="Enter"||R==="Space")&&I.onClick&&I.onClick(S)}return c.createElement(Po,null,c.createElement(zo,k({},I,{color:a,disabled:r,href:l,kind:u,light:m,ref:s,skipClientNav:i,size:p,target:q,tabIndex:v,onKeyDown:w,onKeyUp:x})))});class ie extends c.Component{render(){const{color:t,leftContent:s,rightContent:a,size:r,subtitle:l,title:u}=this.props,m=l?io:ao;return c.createElement(b,{style:[h.container,t==="dark"&&h.dark,r==="small"&&h.small]},c.createElement(b,{style:[h.column,h.leftColumn,u?h.withTitle:null]},s),u&&c.createElement(b,{style:[h.column,h.wideColumn]},c.createElement(b,{style:[h.titles,h.center]},c.createElement(m,{id:"wb-toolbar-title"},u),l&&c.createElement(so,{style:t==="light"&&h.subtitle},l))),c.createElement(b,{style:[h.column,h.rightColumn,u?h.withTitle:null]},a))}}ie.defaultProps={color:"light",leftContent:null,rightContent:null,size:"medium"};const h=Z.StyleSheet.create({container:{border:`1px solid ${n.offBlack16}`,flex:1,flexDirection:"row",justifyContent:"space-between",minHeight:66,paddingLeft:g.medium_16,paddingRight:g.medium_16,width:"100%"},small:{minHeight:50},dark:{backgroundColor:n.darkBlue,boxShadow:`0 1px 0 0 ${n.white64}`,color:"white"},column:{justifyContent:"center"},withTitle:{flex:1},wideColumn:{flex:1,flexBasis:"50%"},leftColumn:{alignItems:"center",flexDirection:"row",flexShrink:0,justifyContent:"flex-start"},rightColumn:{alignItems:"center",flexDirection:"row",justifyContent:"flex-end"},center:{textAlign:"center"},subtitle:{color:n.offBlack64},titles:{padding:g.small_12}}),jo=""+new URL("camera-slash-Oge78uaV.svg",import.meta.url).href,Ko=""+new URL("graph-RU2fqeKx.svg",import.meta.url).href,Ho=""+new URL("image-PFUjt3DK.svg",import.meta.url).href,Jo=["angle","segment","linear","linear-system","ray","polygon","point","circle","quadratic","sinusoid","unlimited-point","unlimited-polygon"],Yo=Jo.reduce((e,t)=>(e[t]=!0,e),{});function Ut(e){const{value:t,onInput:s,...a}=e,[r,l]=c.useState(!1),[u,m]=c.useState("");return o("input",{...a,value:r?u:t,onChange:p=>{m(p.target.value),s(p.target.value)},onFocus:()=>{m(t),l(!0)},onBlur:()=>{l(!1)}})}Ut.__docgenInfo={description:"",methods:[],displayName:"EditableControlledInput",props:{value:{required:!0,tsType:{name:"string"},description:""},onInput:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => unknown",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"unknown"}}},description:""}}};function ee(e){let t;return s=>((t==null||s!==t.arg)&&(t={arg:s,result:e(s)}),t.result)}const Xo={type:"next"},Zo={type:"previous"},er=e=>lr(e)?{type:"jump-to-index",index:parseInt(e,10)-1}:{type:"noop"};function tr(e){return{type:"set-questions",questions:e}}function or(e){return{type:"load-questions-from-storage",questions:e}}const rr={type:"remove-current-question"};function nr(e,t){switch(t.type){case"next":return ue(e,s=>s+1);case"previous":return ue(e,s=>s-1);case"jump-to-index":return ue(e,()=>t.index);case"set-questions":return{...e,questions:t.questions};case"load-questions-from-storage":return e.questions||!t.questions?e:{...e,questions:t.questions};case"remove-current-question":{const s=te(e);return{...e,questions:e.questions.split(` `).filter((a,r)=>r!==s).join(` `)}}}return e}function ue(e,t){const s=te(e),a=ae(e);return{...e,requestedIndex:zt(t(s),a)}}function zt(e,t){return t.length===0||e<0?0:e>=t.length?t.length-1:e}const Gt=ee(e=>e.questions.split(` `).map(t=>t.trim()).filter(Boolean)),ae=ee(e=>Gt(e).map(cr)),sr=ee(e=>ae(e)[te(e)]??null),ir=ee(e=>Gt(e)[te(e)]??null),ar=ee(e=>ae(e).length),te=e=>zt(e.requestedIndex,ae(e));function cr(e){try{return JSON.parse(e)}catch{return{content:"**Could not parse the JSON for this question.**\n\n```\n"+e+"\n```",widgets:{},images:{}}}}function lr(e){return/^\d+$/.test(e)&&+e>0}const dr=Z.StyleSheet.create({header:{display:"flex",alignItems:"center",boxShadow:"0 0 10px #0002",borderBlockEnd:`1px solid ${n.offBlack32}`,background:n.offBlack8,padding:g.small_12,justifyContent:"space-between",flexDirection:"row-reverse",flexWrap:"wrap"}}),$t=({children:e})=>o("header",{className:Z.css(dr.header),children:e});$t.__docgenInfo={description:"",methods:[],displayName:"Header"};const ur=` diff --git a/assets/item-editor.stories-O14NpySA.js b/assets/item-editor.stories-gqBDW0Qa.js similarity index 78% rename from assets/item-editor.stories-O14NpySA.js rename to assets/item-editor.stories-gqBDW0Qa.js index aaeac9253e..69696875b9 100644 --- a/assets/item-editor.stories-O14NpySA.js +++ b/assets/item-editor.stories-gqBDW0Qa.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as E}from"./index-TT1qJ6UJ.js";import{I as o}from"./item-extras-editor-l9Cur-ZC.js";/* empty css */import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";const g=t=>{const{onChange:x,...n}=t,[c,d]=E.useState(n);return s(o,{...c,onChange:m=>{var i;(i=t.onChange)==null||i.call(t,m),d(u=>({...u,...m}))}})},ir={title:"PerseusEditor/Item Extras Editor",component:o,render:t=>s(g,{...t}),argTypes:{onChange:{action:"changed"}}},r={args:{...o.defaultProps}};var p,e,a;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as E}from"./index-TT1qJ6UJ.js";import{I as o}from"./item-extras-editor-8C49yX12.js";/* empty css */import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";const g=t=>{const{onChange:x,...n}=t,[c,d]=E.useState(n);return s(o,{...c,onChange:m=>{var i;(i=t.onChange)==null||i.call(t,m),d(u=>({...u,...m}))}})},ir={title:"PerseusEditor/Item Extras Editor",component:o,render:t=>s(g,{...t}),argTypes:{onChange:{action:"changed"}}},r={args:{...o.defaultProps}};var p,e,a;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { ...ItemExtrasEditor.defaultProps } diff --git a/assets/item-extras-editor-l9Cur-ZC.js b/assets/item-extras-editor-8C49yX12.js similarity index 95% rename from assets/item-extras-editor-l9Cur-ZC.js rename to assets/item-extras-editor-8C49yX12.js index 2fdae36e25..9cf9b7cf61 100644 --- a/assets/item-extras-editor-l9Cur-ZC.js +++ b/assets/item-extras-editor-8C49yX12.js @@ -1 +1 @@ -import{j as a,a as o,F as h}from"./jsx-runtime-FVsy8kgq.js";import{I as u}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as p}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{V as r}from"./index-6h5t6F0w.js";import{C as f}from"./index-QCAhLhLD.js";import{s as d}from"./index-deFLJwr4.js";import{l as m}from"./index-awljIyHI.js";import{r as b}from"./index-TT1qJ6UJ.js";const{InfoTip:T}=p,l=class l extends b.Component{constructor(){super(...arguments),this.serialize=()=>{const e={...l.defaultProps};for(const s of u)e[s]=!!this.props[s];return e}}shouldShowFinancialCalculatorOptions(){return this.props.financialCalculatorMonthlyPayment||this.props.financialCalculatorTotalAmount||this.props.financialCalculatorTimeToPayOff}render(){return a("div",{className:"perseus-answer-editor",children:o("div",{className:"perseus-answer-options",children:[a(t,{label:"Show calculator",infoTip:"Use the calculator when completing difficult calculations is NOT the intent of the question. DON’T use the calculator when testing the student’s ability to complete different types of computations.",checked:this.props.calculator,onChange:e=>{this.props.onChange({calculator:e})}}),a(t,{label:"Show financial calculator",infoTip:"This provides the student with the ability to view a financial calculator, e.g., for answering financial questions. Once checked, requires at least one of the three options below to be checked.",checked:this.shouldShowFinancialCalculatorOptions(),onChange:e=>{this.props.onChange({financialCalculatorMonthlyPayment:e,financialCalculatorTotalAmount:e,financialCalculatorTimeToPayOff:e})}}),this.shouldShowFinancialCalculatorOptions()&&o(h,{children:[a(t,{label:"Include monthly payment",infoTip:"This provides the student with the ability to view a monthly payment calculator; e.g., given a loan amount, interest rate, and term, what is the monthly payment?",checked:this.props.financialCalculatorMonthlyPayment,onChange:e=>{this.props.onChange({financialCalculatorMonthlyPayment:e})},indent:!0}),a(t,{label:"Include total amount",infoTip:"This provides the student with the ability to view a total amount calculator; e.g., given a monthly payment, interest rate, and term, what is the total amount to be paid?",checked:this.props.financialCalculatorTotalAmount,onChange:e=>{this.props.onChange({financialCalculatorTotalAmount:e})},indent:!0}),a(t,{label:"Include time-to-pay-off",infoTip:"This provides the student with the ability to view a time to pay off calculator; e.g., given a loan amount, interest rate, and monthly payment, how long will it take to pay off the loan?",checked:this.props.financialCalculatorTimeToPayOff,onChange:e=>{this.props.onChange({financialCalculatorTimeToPayOff:e})},indent:!0})]}),a(t,{label:"Show periodic table",infoTip:"This provides the student with the ability to view a periodic table of the elements, e.g., for answering chemistry questions.",checked:this.props.periodicTable,onChange:e=>{this.props.onChange({periodicTable:e,periodicTableWithKey:!1})}}),this.props.periodicTable&&a(t,{label:"Include key/legend with periodic table",infoTip:"Include a key for HS courses; omit for AP chemistry.",checked:this.props.periodicTableWithKey,onChange:e=>{this.props.onChange({periodicTableWithKey:e})},indent:!0}),a(t,{label:"Show z table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the z distribution, e.g. for answering statistics questions.",checked:this.props.zTable,onChange:e=>{this.props.onChange({zTable:e})}}),a(t,{label:"Show t table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the Student's t distribution, e.g. for answering statistics questions.",checked:this.props.tTable,onChange:e=>{this.props.onChange({tTable:e})}}),a(t,{label:"Show chi-squared table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the chi-squared distribution, e.g. for answering statistics questions.",checked:this.props.chi2Table,onChange:e=>{this.props.onChange({chi2Table:e})}})]})})}};l.defaultProps={calculator:!1,chi2Table:!1,financialCalculatorMonthlyPayment:!1,financialCalculatorTotalAmount:!1,financialCalculatorTimeToPayOff:!1,periodicTable:!1,periodicTableWithKey:!1,tTable:!1,zTable:!1};let n=l;const t=i=>a(r,{style:[c.checkbox,i.indent?c.indented:void 0],children:a(f,{label:o(r,{style:{flexDirection:"row"},children:[i.label," ",a(T,{children:i.infoTip})]}),checked:i.checked,onChange:e=>i.onChange(e)})}),c=m.StyleSheet.create({indented:{marginInlineStart:d.large_24}});n.__docgenInfo={description:"",methods:[{name:"shouldShowFinancialCalculatorOptions",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ItemExtrasEditor",props:{onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"PerseusAnswerArea"}],raw:"Partial"},name:"props"}],return:{name:"void"}}},description:""},calculator:{defaultValue:{value:"false",computed:!1},required:!1},chi2Table:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorMonthlyPayment:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorTotalAmount:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorTimeToPayOff:{defaultValue:{value:"false",computed:!1},required:!1},periodicTable:{defaultValue:{value:"false",computed:!1},required:!1},periodicTableWithKey:{defaultValue:{value:"false",computed:!1},required:!1},tTable:{defaultValue:{value:"false",computed:!1},required:!1},zTable:{defaultValue:{value:"false",computed:!1},required:!1}}};export{n as I}; +import{j as a,a as o,F as h}from"./jsx-runtime-FVsy8kgq.js";import{I as u}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as p}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{V as r}from"./index-6h5t6F0w.js";import{C as f}from"./index-QCAhLhLD.js";import{s as d}from"./index-deFLJwr4.js";import{l as m}from"./index-awljIyHI.js";import{r as b}from"./index-TT1qJ6UJ.js";const{InfoTip:T}=p,l=class l extends b.Component{constructor(){super(...arguments),this.serialize=()=>{const e={...l.defaultProps};for(const s of u)e[s]=!!this.props[s];return e}}shouldShowFinancialCalculatorOptions(){return this.props.financialCalculatorMonthlyPayment||this.props.financialCalculatorTotalAmount||this.props.financialCalculatorTimeToPayOff}render(){return a("div",{className:"perseus-answer-editor",children:o("div",{className:"perseus-answer-options",children:[a(t,{label:"Show calculator",infoTip:"Use the calculator when completing difficult calculations is NOT the intent of the question. DON’T use the calculator when testing the student’s ability to complete different types of computations.",checked:this.props.calculator,onChange:e=>{this.props.onChange({calculator:e})}}),a(t,{label:"Show financial calculator",infoTip:"This provides the student with the ability to view a financial calculator, e.g., for answering financial questions. Once checked, requires at least one of the three options below to be checked.",checked:this.shouldShowFinancialCalculatorOptions(),onChange:e=>{this.props.onChange({financialCalculatorMonthlyPayment:e,financialCalculatorTotalAmount:e,financialCalculatorTimeToPayOff:e})}}),this.shouldShowFinancialCalculatorOptions()&&o(h,{children:[a(t,{label:"Include monthly payment",infoTip:"This provides the student with the ability to view a monthly payment calculator; e.g., given a loan amount, interest rate, and term, what is the monthly payment?",checked:this.props.financialCalculatorMonthlyPayment,onChange:e=>{this.props.onChange({financialCalculatorMonthlyPayment:e})},indent:!0}),a(t,{label:"Include total amount",infoTip:"This provides the student with the ability to view a total amount calculator; e.g., given a monthly payment, interest rate, and term, what is the total amount to be paid?",checked:this.props.financialCalculatorTotalAmount,onChange:e=>{this.props.onChange({financialCalculatorTotalAmount:e})},indent:!0}),a(t,{label:"Include time-to-pay-off",infoTip:"This provides the student with the ability to view a time to pay off calculator; e.g., given a loan amount, interest rate, and monthly payment, how long will it take to pay off the loan?",checked:this.props.financialCalculatorTimeToPayOff,onChange:e=>{this.props.onChange({financialCalculatorTimeToPayOff:e})},indent:!0})]}),a(t,{label:"Show periodic table",infoTip:"This provides the student with the ability to view a periodic table of the elements, e.g., for answering chemistry questions.",checked:this.props.periodicTable,onChange:e=>{this.props.onChange({periodicTable:e,periodicTableWithKey:!1})}}),this.props.periodicTable&&a(t,{label:"Include key/legend with periodic table",infoTip:"Include a key for HS courses; omit for AP chemistry.",checked:this.props.periodicTableWithKey,onChange:e=>{this.props.onChange({periodicTableWithKey:e})},indent:!0}),a(t,{label:"Show z table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the z distribution, e.g. for answering statistics questions.",checked:this.props.zTable,onChange:e=>{this.props.onChange({zTable:e})}}),a(t,{label:"Show t table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the Student's t distribution, e.g. for answering statistics questions.",checked:this.props.tTable,onChange:e=>{this.props.onChange({tTable:e})}}),a(t,{label:"Show chi-squared table (statistics)",infoTip:"This provides the student with the ability to view a table of critical values for the chi-squared distribution, e.g. for answering statistics questions.",checked:this.props.chi2Table,onChange:e=>{this.props.onChange({chi2Table:e})}})]})})}};l.defaultProps={calculator:!1,chi2Table:!1,financialCalculatorMonthlyPayment:!1,financialCalculatorTotalAmount:!1,financialCalculatorTimeToPayOff:!1,periodicTable:!1,periodicTableWithKey:!1,tTable:!1,zTable:!1};let n=l;const t=i=>a(r,{style:[c.checkbox,i.indent?c.indented:void 0],children:a(f,{label:o(r,{style:{flexDirection:"row"},children:[i.label," ",a(T,{children:i.infoTip})]}),checked:i.checked,onChange:e=>i.onChange(e)})}),c=m.StyleSheet.create({indented:{marginInlineStart:d.large_24}});n.__docgenInfo={description:"",methods:[{name:"shouldShowFinancialCalculatorOptions",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ItemExtrasEditor",props:{onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"PerseusAnswerArea"}],raw:"Partial"},name:"props"}],return:{name:"void"}}},description:""},calculator:{defaultValue:{value:"false",computed:!1},required:!1},chi2Table:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorMonthlyPayment:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorTotalAmount:{defaultValue:{value:"false",computed:!1},required:!1},financialCalculatorTimeToPayOff:{defaultValue:{value:"false",computed:!1},required:!1},periodicTable:{defaultValue:{value:"false",computed:!1},required:!1},periodicTableWithKey:{defaultValue:{value:"false",computed:!1},required:!1},tTable:{defaultValue:{value:"false",computed:!1},required:!1},zTable:{defaultValue:{value:"false",computed:!1},required:!1}}};export{n as I}; diff --git a/assets/label-image-editor-8fdLVXi_.js b/assets/label-image-editor-HknhUoXl.js similarity index 90% rename from assets/label-image-editor-8fdLVXi_.js rename to assets/label-image-editor-HknhUoXl.js index 2e255442f0..973855188d 100644 --- a/assets/label-image-editor-8fdLVXi_.js +++ b/assets/label-image-editor-HknhUoXl.js @@ -1 +1 @@ -import{a as g,j as i}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import{U as f}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{E as y}from"./editor-jsonify-Bbv2loDC.js";import{l}from"./index-awljIyHI.js";import{r as C}from"./index-TT1qJ6UJ.js";import{F as k}from"./form-wrapped-text-field-1CYfAYqR.js";import{A}from"./answer-choices-K632kWSn.js";import{B as v}from"./behavior-nzziF0nB.js";import{Q as w}from"./question-markers-eMZk-A-8.js";import{S as b}from"./select-image-PQzouU8c.js";const h=class h extends C.Component{constructor(){super(...arguments),this.getSaveWarnings=()=>{const{choices:e,imageAlt:t,imageUrl:s,markers:a}=this.props,r=[];if(e.length<2&&r.push("Question requires at least two answer choices"),s?t||r.push("Question image has no alt text"):r.push("Image is not specified for question"),!a.length)r.push("Question has no markers, to label answers on image");else{let n=0,o=0;for(const m of a)m.answers.length||n++,m.label||o++;n&&r.push(`Question has ${n} markers with no answers selected`),o&&r.push(`Question has ${o} markers with no ARIA label`)}return r},this.handleImageChange=e=>{this.props.onChange({imageUrl:e,imageWidth:0,imageHeight:0}),e&&f.getImageSize(e,(t,s)=>{this.props.onChange({imageWidth:t,imageHeight:s})})},this.handleAltChange=e=>{this.props.onChange({imageAlt:e})},this.handleChoicesChange=e=>{this.props.onChange({choices:e})},this.handleMarkersChange=e=>{this.props.onChange({markers:e})},this.handleBehaviorChange=e=>{this.props.onChange(e)}}componentDidUpdate(e){const t={};e.markers.forEach(a=>t[`${a.x}.${a.y}`]=a);const s=this.props.markers.map((a,r)=>t.hasOwnProperty(`${a.x}.${a.y}`)?-1:r).filter(a=>a!==-1);s.length&&this._questionMarkers&&this._questionMarkers.openDropdownForMarkerIndices(s)}serialize(){return y.serialize.call(this)}render(){const{choices:e,imageAlt:t,imageUrl:s,imageWidth:a,imageHeight:r,markers:n,multipleAnswers:o,hideChoicesFromInstructions:m}=this.props,c=s&&a>0&&r>0;return g("div",{children:[i(b,{onChange:this.handleImageChange,url:s}),i("div",{className:l.css(p.smallSpacer)}),c&&i(k,{placeholder:"Alt text (for screen readers)",onChange:d=>this.handleAltChange(d.target.value),value:t,width:"100%"}),i("div",{className:l.css(p.largeSpacer)}),i(w,{choices:e,imageUrl:c?s:"",imageWidth:a,imageHeight:r,markers:n,onChange:this.handleMarkersChange,ref:d=>this._questionMarkers=d}),i("div",{className:l.css(p.largeSpacer)}),i(A,{choices:e,onChange:this.handleChoicesChange}),i("div",{className:l.css(p.largeSpacer)}),i(v,{preferredPopoverDirection:"NONE",multipleAnswers:o,hideChoicesFromInstructions:m,onChange:this.handleBehaviorChange})]})}};h.defaultProps={choices:[],imageAlt:"",imageUrl:"",imageWidth:0,imageHeight:0,markers:[],multipleAnswers:!1,hideChoicesFromInstructions:!1},h.widgetName="label-image";let u=h;const p=l.StyleSheet.create({largeSpacer:{height:32},smallSpacer:{height:16}});u.__docgenInfo={description:"",methods:[{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}},{name:"handleImageChange",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:{name:"string"}}],returns:null},{name:"handleAltChange",docblock:null,modifiers:[],params:[{name:"alt",optional:!1,type:{name:"string"}}],returns:null},{name:"handleChoicesChange",docblock:null,modifiers:[],params:[{name:"choices",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleMarkersChange",docblock:null,modifiers:[],params:[{name:"markers",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleBehaviorChange",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"LabelImageEditor",props:{choices:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},imageAlt:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageUrl:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageWidth:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},imageHeight:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},markers:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},multipleAnswers:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},hideChoicesFromInstructions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(options: any) => void",signature:{arguments:[{type:{name:"any"},name:"options"}],return:{name:"void"}}},description:""}}};export{u as L}; +import{a as g,j as i}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import{U as f}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{E as y}from"./editor-jsonify-tQINrEL4.js";import{l}from"./index-awljIyHI.js";import{r as C}from"./index-TT1qJ6UJ.js";import{F as k}from"./form-wrapped-text-field-DQhkgIBa.js";import{A}from"./answer-choices-YvoNqSTB.js";import{B as v}from"./behavior-l1qZHFXz.js";import{Q as w}from"./question-markers-5Y-gUSFk.js";import{S as b}from"./select-image-tuaUZ15r.js";const h=class h extends C.Component{constructor(){super(...arguments),this.getSaveWarnings=()=>{const{choices:e,imageAlt:t,imageUrl:s,markers:a}=this.props,r=[];if(e.length<2&&r.push("Question requires at least two answer choices"),s?t||r.push("Question image has no alt text"):r.push("Image is not specified for question"),!a.length)r.push("Question has no markers, to label answers on image");else{let n=0,o=0;for(const m of a)m.answers.length||n++,m.label||o++;n&&r.push(`Question has ${n} markers with no answers selected`),o&&r.push(`Question has ${o} markers with no ARIA label`)}return r},this.handleImageChange=e=>{this.props.onChange({imageUrl:e,imageWidth:0,imageHeight:0}),e&&f.getImageSize(e,(t,s)=>{this.props.onChange({imageWidth:t,imageHeight:s})})},this.handleAltChange=e=>{this.props.onChange({imageAlt:e})},this.handleChoicesChange=e=>{this.props.onChange({choices:e})},this.handleMarkersChange=e=>{this.props.onChange({markers:e})},this.handleBehaviorChange=e=>{this.props.onChange(e)}}componentDidUpdate(e){const t={};e.markers.forEach(a=>t[`${a.x}.${a.y}`]=a);const s=this.props.markers.map((a,r)=>t.hasOwnProperty(`${a.x}.${a.y}`)?-1:r).filter(a=>a!==-1);s.length&&this._questionMarkers&&this._questionMarkers.openDropdownForMarkerIndices(s)}serialize(){return y.serialize.call(this)}render(){const{choices:e,imageAlt:t,imageUrl:s,imageWidth:a,imageHeight:r,markers:n,multipleAnswers:o,hideChoicesFromInstructions:m}=this.props,c=s&&a>0&&r>0;return g("div",{children:[i(b,{onChange:this.handleImageChange,url:s}),i("div",{className:l.css(p.smallSpacer)}),c&&i(k,{placeholder:"Alt text (for screen readers)",onChange:d=>this.handleAltChange(d.target.value),value:t,width:"100%"}),i("div",{className:l.css(p.largeSpacer)}),i(w,{choices:e,imageUrl:c?s:"",imageWidth:a,imageHeight:r,markers:n,onChange:this.handleMarkersChange,ref:d=>this._questionMarkers=d}),i("div",{className:l.css(p.largeSpacer)}),i(A,{choices:e,onChange:this.handleChoicesChange}),i("div",{className:l.css(p.largeSpacer)}),i(v,{preferredPopoverDirection:"NONE",multipleAnswers:o,hideChoicesFromInstructions:m,onChange:this.handleBehaviorChange})]})}};h.defaultProps={choices:[],imageAlt:"",imageUrl:"",imageWidth:0,imageHeight:0,markers:[],multipleAnswers:!1,hideChoicesFromInstructions:!1},h.widgetName="label-image";let u=h;const p=l.StyleSheet.create({largeSpacer:{height:32},smallSpacer:{height:16}});u.__docgenInfo={description:"",methods:[{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}},{name:"handleImageChange",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:{name:"string"}}],returns:null},{name:"handleAltChange",docblock:null,modifiers:[],params:[{name:"alt",optional:!1,type:{name:"string"}}],returns:null},{name:"handleChoicesChange",docblock:null,modifiers:[],params:[{name:"choices",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleMarkersChange",docblock:null,modifiers:[],params:[{name:"markers",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleBehaviorChange",docblock:null,modifiers:[],params:[{name:"options",optional:!1,type:{name:"any"}}],returns:null}],displayName:"LabelImageEditor",props:{choices:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},imageAlt:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageUrl:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},imageWidth:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},imageHeight:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},markers:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},multipleAnswers:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},hideChoicesFromInstructions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(options: any) => void",signature:{arguments:[{type:{name:"any"},name:"options"}],return:{name:"void"}}},description:""}}};export{u as L}; diff --git a/assets/label-image-editor.stories--PPphpIE.js b/assets/label-image-editor.stories-Y-QHNMzi.js similarity index 77% rename from assets/label-image-editor.stories--PPphpIE.js rename to assets/label-image-editor.stories-Y-QHNMzi.js index f77c58965d..2739a96aae 100644 --- a/assets/label-image-editor.stories--PPphpIE.js +++ b/assets/label-image-editor.stories-Y-QHNMzi.js @@ -1,3 +1,3 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{l as e}from"./index-awljIyHI.js";import{r as s}from"./index-TT1qJ6UJ.js";import{L as n}from"./label-image-editor-8fdLVXi_.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./editor-jsonify-Bbv2loDC.js";import"./form-wrapped-text-field-1CYfAYqR.js";import"./answer-choices-K632kWSn.js";import"./components-v_jsX-d9.js";import"./behavior-nzziF0nB.js";import"./question-markers-eMZk-A-8.js";import"./marker-sWpCqokp.js";import"./util-qk2aeK8X.js";import"./select-image-PQzouU8c.js";const at={title:"PerseusEditor/Widgets/Label Image Editor"},l=e.StyleSheet.create({wrapper:{width:338}});class c extends s.Component{constructor(){super(...arguments),this.state={imageAlt:"Map of Europe",choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:[{answers:["BMW","Volkswagen","Porsche"],label:"Germany",x:37.3,y:53.6},{answers:[],label:"",x:21,y:46},{answers:["Lamborghini","Fiat","Ferrari"],label:"Italy",x:41.4,y:78.8}]}}render(){return o("div",{className:e.css(l.wrapper),children:o(n,{...this.state,onChange:t=>this.setState({...this._widget.serialize(),...t}),ref:t=>this._widget=t})})}}const r=a=>o(c,{});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{l as e}from"./index-awljIyHI.js";import{r as s}from"./index-TT1qJ6UJ.js";import{L as n}from"./label-image-editor-HknhUoXl.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./editor-jsonify-tQINrEL4.js";import"./form-wrapped-text-field-DQhkgIBa.js";import"./answer-choices-YvoNqSTB.js";import"./components-v_jsX-d9.js";import"./behavior-l1qZHFXz.js";import"./question-markers-5Y-gUSFk.js";import"./marker-eGjo-yed.js";import"./util-qk2aeK8X.js";import"./select-image-tuaUZ15r.js";const at={title:"PerseusEditor/Widgets/Label Image Editor"},l=e.StyleSheet.create({wrapper:{width:338}});class c extends s.Component{constructor(){super(...arguments),this.state={imageAlt:"Map of Europe",choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:[{answers:["BMW","Volkswagen","Porsche"],label:"Germany",x:37.3,y:53.6},{answers:[],label:"",x:21,y:46},{answers:["Lamborghini","Fiat","Ferrari"],label:"Italy",x:41.4,y:78.8}]}}render(){return o("div",{className:e.css(l.wrapper),children:o(n,{...this.state,onChange:t=>this.setState({...this._widget.serialize(),...t}),ref:t=>this._widget=t})})}}const r=a=>o(c,{});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,m,p;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const st=["Default"];export{r as Default,st as __namedExportsOrder,at as default}; diff --git a/assets/label-image.stories-PGrJh1tX.js b/assets/label-image.stories-1mdtryxf.js similarity index 94% rename from assets/label-image.stories-PGrJh1tX.js rename to assets/label-image.stories-1mdtryxf.js index cbfc46090d..a7bf8bd6af 100644 --- a/assets/label-image.stories-PGrJh1tX.js +++ b/assets/label-image.stories-1mdtryxf.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{R as l}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const W={content:`Carol created a chart and a bar graph to show how many of each type of vehicle were in her supermarket parking lot. +import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{R as l}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const W={content:`Carol created a chart and a bar graph to show how many of each type of vehicle were in her supermarket parking lot. Vehicle Type | Number in the parking lot :- | :-: diff --git a/assets/labeled-switch-w5N_drxc.js b/assets/labeled-switch-rQlH1T-w.js similarity index 94% rename from assets/labeled-switch-w5N_drxc.js rename to assets/labeled-switch-rQlH1T-w.js index b26891607f..f5dfe7ccd3 100644 --- a/assets/labeled-switch-w5N_drxc.js +++ b/assets/labeled-switch-rQlH1T-w.js @@ -1 +1 @@ -import{a as n,j as e}from"./jsx-runtime-FVsy8kgq.js";import{u as l,V as c}from"./index-6h5t6F0w.js";import{S as m}from"./index-qUyqkRvh.js";import{S as d}from"./article-renderer-q7kSP2w4.js";import{s as p}from"./index-deFLJwr4.js";import{a as u}from"./index-h_CiYGGb.js";import{l as h}from"./index-awljIyHI.js";const y=r=>{const{checked:s,label:i,style:o,onChange:a}=r,t=l().get("switch");return n(c,{style:[w.row,o],children:[e(d,{id:t,checked:s,onChange:a}),e(m,{size:p.xSmall_8}),e(u,{tag:"label",htmlFor:t,children:i})]})},w=h.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"}});y.__docgenInfo={description:"",methods:[],displayName:"LabeledSwitch",props:{label:{required:!0,tsType:{name:"string"},description:""},checked:{required:!0,tsType:{name:"boolean"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{y as L}; +import{a as n,j as e}from"./jsx-runtime-FVsy8kgq.js";import{u as l,V as c}from"./index-6h5t6F0w.js";import{S as m}from"./index-qUyqkRvh.js";import{S as d}from"./article-renderer-BOOaW4sB.js";import{s as p}from"./index-deFLJwr4.js";import{a as u}from"./index-h_CiYGGb.js";import{l as h}from"./index-awljIyHI.js";const y=r=>{const{checked:s,label:i,style:o,onChange:a}=r,t=l().get("switch");return n(c,{style:[w.row,o],children:[e(d,{id:t,checked:s,onChange:a}),e(m,{size:p.xSmall_8}),e(u,{tag:"label",htmlFor:t,children:i})]})},w=h.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"}});y.__docgenInfo={description:"",methods:[],displayName:"LabeledSwitch",props:{label:{required:!0,tsType:{name:"string"},description:""},checked:{required:!0,tsType:{name:"boolean"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{y as L}; diff --git a/assets/line-stroke-select-4PBvvozU.js b/assets/line-stroke-select-qdZZt3Ej.js similarity index 94% rename from assets/line-stroke-select-4PBvvozU.js rename to assets/line-stroke-select-qdZZt3Ej.js index 6482c53a02..4f3e814c16 100644 --- a/assets/line-stroke-select-4PBvvozU.js +++ b/assets/line-stroke-select-qdZZt3Ej.js @@ -1 +1 @@ -import{a as t,j as e}from"./jsx-runtime-FVsy8kgq.js";import{S as i,O as a}from"./answer-choices-mbE4GLUb.js";import{S as n}from"./index-qUyqkRvh.js";import{s as o}from"./index-deFLJwr4.js";import{a as d}from"./index-h_CiYGGb.js";import{l as m}from"./index-awljIyHI.js";const c=l=>{const{selectedValue:r,onChange:s}=l;return t(d,{tag:"label",style:p.lineStrokeSelect,children:["stroke",e(n,{size:o.xxxSmall_4}),t(i,{selectedValue:r,onChange:s,placeholder:"",children:[e(a,{value:"solid",label:"solid"}),e(a,{value:"dashed",label:"dashed"})]})]})},p=m.StyleSheet.create({lineStrokeSelect:{display:"flex",flexDirection:"row",alignItems:"center",minWidth:0}});c.__docgenInfo={description:"",methods:[],displayName:"LineStrokeSelect",props:{selectedValue:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => void",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{c as L}; +import{a as t,j as e}from"./jsx-runtime-FVsy8kgq.js";import{S as i,O as a}from"./answer-choices-MQdUvt3_.js";import{S as n}from"./index-qUyqkRvh.js";import{s as o}from"./index-deFLJwr4.js";import{a as d}from"./index-h_CiYGGb.js";import{l as m}from"./index-awljIyHI.js";const c=l=>{const{selectedValue:r,onChange:s}=l;return t(d,{tag:"label",style:p.lineStrokeSelect,children:["stroke",e(n,{size:o.xxxSmall_4}),t(i,{selectedValue:r,onChange:s,placeholder:"",children:[e(a,{value:"solid",label:"solid"}),e(a,{value:"dashed",label:"dashed"})]})]})},p=m.StyleSheet.create({lineStrokeSelect:{display:"flex",flexDirection:"row",alignItems:"center",minWidth:0}});c.__docgenInfo={description:"",methods:[],displayName:"LineStrokeSelect",props:{selectedValue:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newValue: string) => void",signature:{arguments:[{type:{name:"string"},name:"newValue"}],return:{name:"void"}}},description:""}}};export{c as L}; diff --git a/assets/line-swatch-L0x4Ze99.js b/assets/line-swatch-HzvkRHdM.js similarity index 81% rename from assets/line-swatch-L0x4Ze99.js rename to assets/line-swatch-HzvkRHdM.js index b30d196c90..513f9c722f 100644 --- a/assets/line-swatch-L0x4Ze99.js +++ b/assets/line-swatch-HzvkRHdM.js @@ -1 +1 @@ -import{j as t}from"./jsx-runtime-FVsy8kgq.js";import{l}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as i}from"./index-6h5t6F0w.js";import{c as a,s as e}from"./index-deFLJwr4.js";import{l as s}from"./index-awljIyHI.js";const n=p=>{const{color:r,lineStyle:o}=p;return t(i,{style:m.container,children:t(i,{"aria-label":`${r}, ${o}`,style:[m.lineSwatch,{border:`5px ${o} ${l[r]}`}]})})},m=s.StyleSheet.create({container:{backgroundColor:a.white,justifyContent:"center",padding:e.xSmall_8,borderRadius:e.xxxSmall_4},lineSwatch:{width:40}});n.__docgenInfo={description:"",methods:[],displayName:"LineSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},lineStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};export{n as L}; +import{j as t}from"./jsx-runtime-FVsy8kgq.js";import{l}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as i}from"./index-6h5t6F0w.js";import{c as a,s as e}from"./index-deFLJwr4.js";import{l as s}from"./index-awljIyHI.js";const n=p=>{const{color:r,lineStyle:o}=p;return t(i,{style:m.container,children:t(i,{"aria-label":`${r}, ${o}`,style:[m.lineSwatch,{border:`5px ${o} ${l[r]}`}]})})},m=s.StyleSheet.create({container:{backgroundColor:a.white,justifyContent:"center",padding:e.xSmall_8,borderRadius:e.xxxSmall_4},lineSwatch:{width:40}});n.__docgenInfo={description:"",methods:[],displayName:"LineSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},lineStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};export{n as L}; diff --git a/assets/locked-ellipse-settings-1SgwHhV8.js b/assets/locked-ellipse-settings-HAWA-793.js similarity index 91% rename from assets/locked-ellipse-settings-1SgwHhV8.js rename to assets/locked-ellipse-settings-HAWA-793.js index 03940f0798..c9b1404d10 100644 --- a/assets/locked-ellipse-settings-1SgwHhV8.js +++ b/assets/locked-ellipse-settings-HAWA-793.js @@ -1,4 +1,4 @@ -import{a as m,j as t,F as T}from"./jsx-runtime-FVsy8kgq.js";import{l as $,f as A}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as G}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{B as H}from"./choice-Bz-ZMhQM.js";import{V as u}from"./index-6h5t6F0w.js";import{S as J,O as K}from"./answer-choices-mbE4GLUb.js";import{S as c}from"./index-qUyqkRvh.js";import{s,c as S}from"./index-deFLJwr4.js";import{a as w,L as Q}from"./index-h_CiYGGb.js";import{L as X,p as Y}from"./locked-figure-aria-TX53Lzuk.js";import{l as k}from"./index-awljIyHI.js";import{r as Z}from"./index-TT1qJ6UJ.js";import{S as ee}from"./scrollless-number-text-field-U5Bx_xXb.js";import{r as I,d as te}from"./util-qk2aeK8X.js";import{P as re,C as _,L as oe,a as ne}from"./locked-label-settings-VSuSSXRz.js";import{C as ae}from"./color-select--oRyQ4yX.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{L as ie}from"./line-stroke-select-4PBvvozU.js";import{g as le,a as se}from"./util-ve-DcPK7.js";const E=g=>{const{angle:d,onChange:n}=g,[i,f]=Z.useState(I(d).toString());function y(r){f(r),!(isNaN(+r)||r==="")&&n(te(r))}return m(w,{tag:"label",style:F.row,children:["angle (degrees)",t(c,{size:s.xxSmall_6}),t(ee,{value:i,onChange:y,style:F.textField}),t(c,{size:s.xxSmall_6})]})},F=k.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{width:s.xxxLarge_64}});E.__docgenInfo={description:"",methods:[],displayName:"AngleInput",props:{angle:{required:!0,tsType:{name:"number"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(angle: number) => void",signature:{arguments:[{type:{name:"number"},name:"angle"}],return:{name:"void"}}},description:""}}};const q=g=>{const{color:d,fillStyle:n,strokeStyle:i}=g;return t(u,{"aria-label":`${d}, stroke ${i}, fill ${n}`,style:[P.container,{border:`4px ${i} ${$[d]}`}],children:t(u,{style:[P.innerCircle,{backgroundColor:$[d],opacity:n==="white"?0:A[n]}]})})},P=k.StyleSheet.create({container:{outline:`2px solid ${S.offWhite}`,borderRadius:"50%",width:s.xLarge_32,height:s.large_24,backgroundColor:S.white,alignItems:"center",justifyContent:"center"},innerCircle:{width:28,height:20,borderRadius:"50%"}});q.__docgenInfo={description:"",methods:[],displayName:"EllipseSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},fillStyle:{required:!0,tsType:{name:"LockedFigureFillType"},description:""},strokeStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};const{InfoTip:de}=G,z=g=>{var L,v;const{flags:d,center:n,radius:i,angle:f,color:y,labels:r,ariaLabel:R,fillStyle:C,strokeStyle:x,expanded:O,onToggle:j,onChangeProps:p,onMove:B,onRemove:N}=g;function D(){let e="";r&&r.length>0&&(e+=` ${r.map(b=>b.text).join(", ")}`);const a=i[0]===i[1];let o="";a?o+=`Circle${e} with radius ${i[0]}`:o+=`Ellipse${e} with x radius ${i[0]} and y radius ${i[1]}`,o+=`, centered at (${n[0]}, ${n[1]})`,!a&&f!==0&&(o+=`, rotated by ${I(f)} degrees`);const h=se(y,x,C);return o+=h,o}function U(e){const a=e[0]-n[0],o=e[1]-n[1],h={center:e};h.labels=r==null?void 0:r.map(b=>({...b,coord:[b.coord[0]+a,b.coord[1]+o]})),p(h)}function W(e){const a={color:e};a.labels=r==null?void 0:r.map(o=>({...o,color:e})),p(a)}function M(e,a){if(!r)return;const o=[...r];o[a]={...r[a],...e},p({labels:o})}function V(e){if(!r)return;const a=r.filter((o,h)=>h!==e);p({labels:a})}return m(re,{expanded:O,onToggle:j,header:m(u,{style:l.row,children:[t(Q,{children:`Ellipse (${n[0]}, ${n[1]}), radius ${i[0]}, ${i[1]}`}),t(c,{size:s.xSmall_8}),t(q,{color:g.color,fillStyle:C,strokeStyle:x})]}),children:[m(u,{style:l.row,children:[t(_,{coord:n,style:l.spaceUnder,onChange:U}),t(u,{style:l.spaceUnder,children:t(de,{children:"The coordinates for the center of the ellipse."})})]}),t(_,{coord:i,labels:["x radius","y radius"],style:l.spaceUnder,onChange:e=>p({radius:e})}),t(E,{angle:f,onChange:e=>p({angle:e})}),t(c,{size:s.xSmall_8}),m(u,{style:[l.row,l.spaceUnder],children:[t(ae,{selectedValue:y,onChange:W}),t(c,{size:s.medium_16}),m(w,{tag:"label",style:[l.row,l.truncatedWidth],children:["fill",t(c,{size:s.xxSmall_6}),t(J,{selectedValue:C,onChange:e=>p({fillStyle:e}),placeholder:"",children:Object.keys(A).map(e=>t(K,{value:e,label:e},e))})]})]}),t(ie,{selectedValue:x,onChange:e=>p({strokeStyle:e})}),((L=d==null?void 0:d.mafs)==null?void 0:L["locked-figures-aria"])&&m(T,{children:[t(c,{size:s.small_12}),t(u,{style:l.horizontalRule}),t(X,{ariaLabel:R,prePopulatedAriaLabel:D(),onChangeProps:e=>{p(e)}})]}),((v=d==null?void 0:d.mafs)==null?void 0:v["locked-ellipse-labels"])&&m(T,{children:[t(c,{size:s.xxxSmall_4}),t(u,{style:l.horizontalRule}),t(c,{size:s.small_12}),t(w,{children:"Visible labels"}),r==null?void 0:r.map((e,a)=>t(oe,{...e,expanded:!0,onChangeProps:o=>{M(o,a)},onRemove:()=>{V(a)},containerStyle:l.labelContainer})),t(H,{kind:"tertiary",startIcon:Y,onClick:()=>{const e={...le("label"),coord:[n[0],n[1]-((r==null?void 0:r.length)??0)],color:y};p({labels:[...r??[],e]})},style:l.addButton,children:"Add visible label"})]}),t(ne,{figureType:g.type,onMove:B,onRemove:N})]})},l=k.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},spaceUnder:{marginBottom:s.xSmall_8},truncatedWidth:{minWidth:0},addButton:{alignSelf:"start"},labelContainer:{backgroundColor:S.white},horizontalRule:{height:1,backgroundColor:S.offBlack16}}),et=z;z.__docgenInfo={description:"",methods:[],displayName:"LockedEllipseSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{a as m,j as t,F as T}from"./jsx-runtime-FVsy8kgq.js";import{l as $,f as A}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as G}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{B as H}from"./choice-Bz-ZMhQM.js";import{V as u}from"./index-6h5t6F0w.js";import{S as J,O as K}from"./answer-choices-MQdUvt3_.js";import{S as c}from"./index-qUyqkRvh.js";import{s,c as S}from"./index-deFLJwr4.js";import{a as w,L as Q}from"./index-h_CiYGGb.js";import{L as X,p as Y}from"./locked-figure-aria-9zimbV1k.js";import{l as k}from"./index-awljIyHI.js";import{r as Z}from"./index-TT1qJ6UJ.js";import{S as ee}from"./scrollless-number-text-field-U5Bx_xXb.js";import{r as I,d as te}from"./util-qk2aeK8X.js";import{P as re,C as _,L as oe,a as ne}from"./locked-label-settings-0h4-0n-S.js";import{C as ae}from"./color-select-2BKEX7ba.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{L as ie}from"./line-stroke-select-qdZZt3Ej.js";import{g as le,a as se}from"./util-uUQ0jXdL.js";const E=g=>{const{angle:d,onChange:n}=g,[i,f]=Z.useState(I(d).toString());function y(r){f(r),!(isNaN(+r)||r==="")&&n(te(r))}return m(w,{tag:"label",style:F.row,children:["angle (degrees)",t(c,{size:s.xxSmall_6}),t(ee,{value:i,onChange:y,style:F.textField}),t(c,{size:s.xxSmall_6})]})},F=k.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{width:s.xxxLarge_64}});E.__docgenInfo={description:"",methods:[],displayName:"AngleInput",props:{angle:{required:!0,tsType:{name:"number"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(angle: number) => void",signature:{arguments:[{type:{name:"number"},name:"angle"}],return:{name:"void"}}},description:""}}};const q=g=>{const{color:d,fillStyle:n,strokeStyle:i}=g;return t(u,{"aria-label":`${d}, stroke ${i}, fill ${n}`,style:[P.container,{border:`4px ${i} ${$[d]}`}],children:t(u,{style:[P.innerCircle,{backgroundColor:$[d],opacity:n==="white"?0:A[n]}]})})},P=k.StyleSheet.create({container:{outline:`2px solid ${S.offWhite}`,borderRadius:"50%",width:s.xLarge_32,height:s.large_24,backgroundColor:S.white,alignItems:"center",justifyContent:"center"},innerCircle:{width:28,height:20,borderRadius:"50%"}});q.__docgenInfo={description:"",methods:[],displayName:"EllipseSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},fillStyle:{required:!0,tsType:{name:"LockedFigureFillType"},description:""},strokeStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};const{InfoTip:de}=G,z=g=>{var L,v;const{flags:d,center:n,radius:i,angle:f,color:y,labels:r,ariaLabel:R,fillStyle:C,strokeStyle:x,expanded:O,onToggle:j,onChangeProps:p,onMove:B,onRemove:N}=g;function D(){let e="";r&&r.length>0&&(e+=` ${r.map(b=>b.text).join(", ")}`);const a=i[0]===i[1];let o="";a?o+=`Circle${e} with radius ${i[0]}`:o+=`Ellipse${e} with x radius ${i[0]} and y radius ${i[1]}`,o+=`, centered at (${n[0]}, ${n[1]})`,!a&&f!==0&&(o+=`, rotated by ${I(f)} degrees`);const h=se(y,x,C);return o+=h,o}function U(e){const a=e[0]-n[0],o=e[1]-n[1],h={center:e};h.labels=r==null?void 0:r.map(b=>({...b,coord:[b.coord[0]+a,b.coord[1]+o]})),p(h)}function W(e){const a={color:e};a.labels=r==null?void 0:r.map(o=>({...o,color:e})),p(a)}function M(e,a){if(!r)return;const o=[...r];o[a]={...r[a],...e},p({labels:o})}function V(e){if(!r)return;const a=r.filter((o,h)=>h!==e);p({labels:a})}return m(re,{expanded:O,onToggle:j,header:m(u,{style:l.row,children:[t(Q,{children:`Ellipse (${n[0]}, ${n[1]}), radius ${i[0]}, ${i[1]}`}),t(c,{size:s.xSmall_8}),t(q,{color:g.color,fillStyle:C,strokeStyle:x})]}),children:[m(u,{style:l.row,children:[t(_,{coord:n,style:l.spaceUnder,onChange:U}),t(u,{style:l.spaceUnder,children:t(de,{children:"The coordinates for the center of the ellipse."})})]}),t(_,{coord:i,labels:["x radius","y radius"],style:l.spaceUnder,onChange:e=>p({radius:e})}),t(E,{angle:f,onChange:e=>p({angle:e})}),t(c,{size:s.xSmall_8}),m(u,{style:[l.row,l.spaceUnder],children:[t(ae,{selectedValue:y,onChange:W}),t(c,{size:s.medium_16}),m(w,{tag:"label",style:[l.row,l.truncatedWidth],children:["fill",t(c,{size:s.xxSmall_6}),t(J,{selectedValue:C,onChange:e=>p({fillStyle:e}),placeholder:"",children:Object.keys(A).map(e=>t(K,{value:e,label:e},e))})]})]}),t(ie,{selectedValue:x,onChange:e=>p({strokeStyle:e})}),((L=d==null?void 0:d.mafs)==null?void 0:L["locked-figures-aria"])&&m(T,{children:[t(c,{size:s.small_12}),t(u,{style:l.horizontalRule}),t(X,{ariaLabel:R,prePopulatedAriaLabel:D(),onChangeProps:e=>{p(e)}})]}),((v=d==null?void 0:d.mafs)==null?void 0:v["locked-ellipse-labels"])&&m(T,{children:[t(c,{size:s.xxxSmall_4}),t(u,{style:l.horizontalRule}),t(c,{size:s.small_12}),t(w,{children:"Visible labels"}),r==null?void 0:r.map((e,a)=>t(oe,{...e,expanded:!0,onChangeProps:o=>{M(o,a)},onRemove:()=>{V(a)},containerStyle:l.labelContainer})),t(H,{kind:"tertiary",startIcon:Y,onClick:()=>{const e={...le("label"),coord:[n[0],n[1]-((r==null?void 0:r.length)??0)],color:y};p({labels:[...r??[],e]})},style:l.addButton,children:"Add visible label"})]}),t(ne,{figureType:g.type,onMove:B,onRemove:N})]})},l=k.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},spaceUnder:{marginBottom:s.xSmall_8},truncatedWidth:{minWidth:0},addButton:{alignSelf:"start"},labelContainer:{backgroundColor:S.white},horizontalRule:{height:1,backgroundColor:S.offBlack16}}),et=z;z.__docgenInfo={description:"",methods:[],displayName:"LockedEllipseSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:"Called when a movement button (top, up, down, bottom) is pressed."},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Called when the delete button is pressed."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedEllipseType"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (coords, color, etc.) are updated."}}};export{et as L}; diff --git a/assets/locked-ellipse-settings.stories-L-0H2LrB.js b/assets/locked-ellipse-settings.stories-FOobN8-1.js similarity index 82% rename from assets/locked-ellipse-settings.stories-L-0H2LrB.js rename to assets/locked-ellipse-settings.stories-FOobN8-1.js index 145252ed31..6f22369369 100644 --- a/assets/locked-ellipse-settings.stories-L-0H2LrB.js +++ b/assets/locked-ellipse-settings.stories-FOobN8-1.js @@ -1,4 +1,4 @@ -import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as a}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-ellipse-settings-1SgwHhV8.js";import{g as C}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./line-stroke-select-4PBvvozU.js";const Eo={title:"PerseusEditor/Components/Locked Ellipse Settings",component:e},r=i=>d(e,{...i}),c={...C("ellipse"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=c;const o={render:function(){const[t,m]=a.useState(c);return d(e,{...t,onChangeProps:n=>{m({...t,...n})}})}};o.parameters={chromatic:{disableSnapshot:!0}};const p={render:function(){const[t,m]=a.useState(!0),[s,n]=a.useState(c);return d(e,{...s,expanded:t,onToggle:m,onChangeProps:R=>{n({...s,...R})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var l,u,P;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as a}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-ellipse-settings-HAWA-793.js";import{g as C}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./line-stroke-select-qdZZt3Ej.js";const Eo={title:"PerseusEditor/Components/Locked Ellipse Settings",component:e},r=i=>d(e,{...i}),c={...C("ellipse"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=c;const o={render:function(){const[t,m]=a.useState(c);return d(e,{...t,onChangeProps:n=>{m({...t,...n})}})}};o.parameters={chromatic:{disableSnapshot:!0}};const p={render:function(){const[t,m]=a.useState(!0),[s,n]=a.useState(c);return d(e,{...s,expanded:t,onToggle:m,onChangeProps:R=>{n({...s,...R})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var l,u,P;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(P=(u=r.parameters)==null?void 0:u.docs)==null?void 0:P.source}}};var g,f,h;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-figure-aria-TX53Lzuk.js b/assets/locked-figure-aria-9zimbV1k.js similarity index 89% rename from assets/locked-figure-aria-TX53Lzuk.js rename to assets/locked-figure-aria-9zimbV1k.js index 4bbcf0a7a5..17a6384ca9 100644 --- a/assets/locked-figure-aria-TX53Lzuk.js +++ b/assets/locked-figure-aria-9zimbV1k.js @@ -1 +1 @@ -import{a as r,j as e}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{B as u}from"./choice-Bz-ZMhQM.js";import{V as s}from"./index-6h5t6F0w.js";import{a as f}from"./index-QCAhLhLD.js";import{S as i,a as b}from"./index-qUyqkRvh.js";import{c as g,s as t}from"./index-deFLJwr4.js";import{a as h,c as y}from"./index-h_CiYGGb.js";import{l as L}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";const K=""+new URL("plus-circle-MfbD-3cx.svg",import.meta.url).href,x=""+new URL("pencil-circle-IMSnQlOm.svg",import.meta.url).href,{InfoTip:v}=c;function S(l){const{ariaLabel:p,prePopulatedAriaLabel:m,onChangeProps:n}=l,o=`aria-label-${w.useId()}`;return r(s,{children:[e(i,{size:t.xSmall_8}),r(s,{style:a.row,children:[e(h,{tag:"label",htmlFor:o,children:"Aria label"}),e(b,{}),r(v,{children:["Aria label is used by screen readers to describe content to users who may be visually impaired. ",e("br",{}),e("br",{}),"Populating this field will make it so that users can use a screen reader to navigate to this point and hear the description.",e("br",{}),e("br",{}),"If you leave this field blank, the point will be hidden from screen readers. Users will not be able to navigate to this point using a screen reader."]})]}),e(i,{size:t.xxSmall_6}),e(y,{style:a.caption,children:"The figure is hidden from screen readers if this field is left blank."}),e(i,{size:t.xxSmall_6}),e(f,{id:o,value:p??"",onChange:d=>{n({ariaLabel:d||void 0})},placeholder:"Ex. Point at (x, y)",rows:1,resizeType:"vertical"}),e(u,{kind:"tertiary",startIcon:x,style:a.button,onClick:()=>{n({ariaLabel:m})},children:"Auto-generate"})]})}const a=L.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},button:{alignSelf:"start"},caption:{color:g.offBlack64}});S.__docgenInfo={description:"",methods:[],displayName:"LockedFigureAria",props:{ariaLabel:{required:!0,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},prePopulatedAriaLabel:{required:!0,tsType:{name:"string"},description:""},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: {ariaLabel?: string | undefined}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ariaLabel?: string | undefined}",signature:{properties:[{key:"ariaLabel",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!1}}]}},name:"props"}],return:{name:"void"}}},description:""}}};export{S as L,K as p}; +import{a as r,j as e}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{B as u}from"./choice-Bz-ZMhQM.js";import{V as s}from"./index-6h5t6F0w.js";import{a as f}from"./index-QCAhLhLD.js";import{S as i,a as b}from"./index-qUyqkRvh.js";import{c as g,s as t}from"./index-deFLJwr4.js";import{a as h,c as y}from"./index-h_CiYGGb.js";import{l as L}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";const K=""+new URL("plus-circle-MfbD-3cx.svg",import.meta.url).href,x=""+new URL("pencil-circle-IMSnQlOm.svg",import.meta.url).href,{InfoTip:v}=c;function S(l){const{ariaLabel:p,prePopulatedAriaLabel:m,onChangeProps:n}=l,o=`aria-label-${w.useId()}`;return r(s,{children:[e(i,{size:t.xSmall_8}),r(s,{style:a.row,children:[e(h,{tag:"label",htmlFor:o,children:"Aria label"}),e(b,{}),r(v,{children:["Aria label is used by screen readers to describe content to users who may be visually impaired. ",e("br",{}),e("br",{}),"Populating this field will make it so that users can use a screen reader to navigate to this point and hear the description.",e("br",{}),e("br",{}),"If you leave this field blank, the point will be hidden from screen readers. Users will not be able to navigate to this point using a screen reader."]})]}),e(i,{size:t.xxSmall_6}),e(y,{style:a.caption,children:"The figure is hidden from screen readers if this field is left blank."}),e(i,{size:t.xxSmall_6}),e(f,{id:o,value:p??"",onChange:d=>{n({ariaLabel:d||void 0})},placeholder:"Ex. Point at (x, y)",rows:1,resizeType:"vertical"}),e(u,{kind:"tertiary",startIcon:x,style:a.button,onClick:()=>{n({ariaLabel:m})},children:"Auto-generate"})]})}const a=L.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},button:{alignSelf:"start"},caption:{color:g.offBlack64}});S.__docgenInfo={description:"",methods:[],displayName:"LockedFigureAria",props:{ariaLabel:{required:!0,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},prePopulatedAriaLabel:{required:!0,tsType:{name:"string"},description:""},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: {ariaLabel?: string | undefined}) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ariaLabel?: string | undefined}",signature:{properties:[{key:"ariaLabel",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!1}}]}},name:"props"}],return:{name:"void"}}},description:""}}};export{S as L,K as p}; diff --git a/assets/locked-figures-section--2W2zFLn.js b/assets/locked-figures-section-5nPJK5LN.js similarity index 95% rename from assets/locked-figures-section--2W2zFLn.js rename to assets/locked-figures-section-5nPJK5LN.js index 23acdd1ca6..09a761b7cb 100644 --- a/assets/locked-figures-section--2W2zFLn.js +++ b/assets/locked-figures-section-5nPJK5LN.js @@ -1,4 +1,4 @@ -import{j as o,a as m,F as O}from"./jsx-runtime-FVsy8kgq.js";import{B as R}from"./choice-Bz-ZMhQM.js";import{V as y,u as _}from"./index-6h5t6F0w.js";import{S as D}from"./index-qUyqkRvh.js";import{s as h,c as W}from"./index-deFLJwr4.js";import{l as L}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";import{H}from"./heading-8aCiuWUg.js";import{a as $,b as M}from"./answer-choices-mbE4GLUb.js";import{L as B}from"./locked-ellipse-settings-1SgwHhV8.js";import{L as N}from"./locked-function-settings-Aezek1ER.js";import{L as j}from"./locked-label-settings-VSuSSXRz.js";import{L as z}from"./locked-line-settings-W2IW-vhr.js";import{L as U}from"./locked-point-settings-oldygzs_.js";import{L as V}from"./locked-polygon-settings-UUNpZQNY.js";import{L as J}from"./locked-vector-settings-jMV5yoVl.js";import{g as K}from"./util-ve-DcPK7.js";const x=n=>{const{id:g,onChange:s}=n,l=["point","line","vector","ellipse","polygon","function"];return n.showLabelsFlag&&l.push("label"),o(y,{style:b.container,children:o($,{menuText:"Add locked figure",style:b.addElementSelect,children:l.map(d=>o(M,{label:d,onClick:()=>s(d)},`${g}-${d}`))})})},b=L.StyleSheet.create({container:{marginTop:h.xSmall_8},addElementSelect:{backgroundColor:W.fadedBlue8,borderRadius:h.xxxSmall_4}});x.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSelect",props:{showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},id:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};const F=n=>{switch(n.type){case"point":return o(U,{...n});case"line":return o(z,{...n});case"vector":return o(J,{...n});case"ellipse":return o(B,{...n});case"polygon":return o(V,{...n});case"function":return o(N,{...n});case"label":if(n.showLabelsFlag)return o(j,{...n});break}return null};F.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{j as o,a as m,F as O}from"./jsx-runtime-FVsy8kgq.js";import{B as R}from"./choice-Bz-ZMhQM.js";import{V as y,u as _}from"./index-6h5t6F0w.js";import{S as D}from"./index-qUyqkRvh.js";import{s as h,c as W}from"./index-deFLJwr4.js";import{l as L}from"./index-awljIyHI.js";import{r as w}from"./index-TT1qJ6UJ.js";import{H}from"./heading-8aCiuWUg.js";import{a as $,b as M}from"./answer-choices-MQdUvt3_.js";import{L as B}from"./locked-ellipse-settings-HAWA-793.js";import{L as N}from"./locked-function-settings-g4uZKN5j.js";import{L as j}from"./locked-label-settings-0h4-0n-S.js";import{L as z}from"./locked-line-settings-GkAAjhF4.js";import{L as U}from"./locked-point-settings-h--7Y8T_.js";import{L as V}from"./locked-polygon-settings-z_UjOSja.js";import{L as J}from"./locked-vector-settings-zsVG1_TL.js";import{g as K}from"./util-uUQ0jXdL.js";const x=n=>{const{id:g,onChange:s}=n,l=["point","line","vector","ellipse","polygon","function"];return n.showLabelsFlag&&l.push("label"),o(y,{style:b.container,children:o($,{menuText:"Add locked figure",style:b.addElementSelect,children:l.map(d=>o(M,{label:d,onClick:()=>s(d)},`${g}-${d}`))})})},b=L.StyleSheet.create({container:{marginTop:h.xSmall_8},addElementSelect:{backgroundColor:W.fadedBlue8,borderRadius:h.xxxSmall_4}});x.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSelect",props:{showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},id:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};const F=n=>{switch(n.type){case"point":return o(U,{...n});case"line":return o(z,{...n});case"vector":return o(J,{...n});case"ellipse":return o(B,{...n});case"polygon":return o(V,{...n});case"function":return o(N,{...n});case"label":if(n.showLabelsFlag)return o(j,{...n});break}return null};F.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:"Called when a movement button (top, up, down, bottom) is pressed."},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Called when the delete button is pressed."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."}}};const T=n=>{const g=Array((n.figures??[]).length).fill(!1),[s,l]=w.useState(g),[d,S]=w.useState(!0),f=_().get("locked-figures-section"),{figures:t,onChange:u}=n;function q(e){const a={lockedFigures:[...t||[],K(e)]};u(a),l([...s,!0])}function P(e,r){if(e===0&&(r==="back"||r==="backward")||t&&e===t.length-1&&(r==="front"||r==="forward"))return;const i=[...t||[]],p=[...s],[c]=i.splice(e,1);switch(p.splice(e,1),r){case"back":i.unshift(c),p.unshift(!0);break;case"backward":i.splice(e-1,0,c),p.splice(e-1,0,!0);break;case"forward":i.splice(e+1,0,c),p.splice(e+1,0,!0);break;case"front":i.push(c),p.push(!0);break}u({lockedFigures:i}),l(p)}function A(e){if(window.confirm("Are you sure you want to delete this figure?")){const r=t||[];u({lockedFigures:[...r.slice(0,e),...r.slice(e+1)]});const a=[...s];a.splice(e,1),l(a)}}function I(e,r){const a=t||[],i={lockedFigures:[...a.slice(0,e),{...a[e],...r},...a.slice(e+1)]};u(i)}function C(e){l(Array(t==null?void 0:t.length).fill(e))}const k=s.every(e=>!e),E=k?"Expand all":"Collapse all",G=!!(t!=null&&t.length);return m(O,{children:[o(H,{title:"Locked Figures",isOpen:d,onToggle:()=>S(!d),isCollapsible:!0}),d&&m(y,{children:[t==null?void 0:t.map((e,r)=>o(F,{flags:n.flags,showLabelsFlag:n.showLabelsFlag,expanded:s[r],onToggle:a=>{const i=[...s];i[r]=a,l(i)},...e,onChangeProps:a=>I(r,a),onMove:a=>P(r,a),onRemove:()=>A(r)},`${f}-locked-${e}-${r}`)),m(y,{style:v.buttonContainer,children:[o(x,{showLabelsFlag:n.showLabelsFlag,id:`${f}-select`,onChange:q}),o(D,{size:h.small_12}),G&&o(R,{kind:"secondary",onClick:()=>C(k),style:v.button,children:E})]})]})]})},v=L.StyleSheet.create({buttonContainer:{flexDirection:"row",alignItems:"center"},button:{marginTop:h.xSmall_8,flexGrow:1}}),he=T;T.__docgenInfo={description:"",methods:[],displayName:"LockedFiguresSection",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},figures:{required:!1,tsType:{name:"Array",elements:[{name:"LockedFigure"}],raw:"Array"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"signature",type:"object",raw:`{ diff --git a/assets/locked-figures-section.stories-oHGWxnUw.js b/assets/locked-figures-section.stories-_zHUkjRW.js similarity index 77% rename from assets/locked-figures-section.stories-oHGWxnUw.js rename to assets/locked-figures-section.stories-_zHUkjRW.js index e11738cad6..2b42ca7741 100644 --- a/assets/locked-figures-section.stories-oHGWxnUw.js +++ b/assets/locked-figures-section.stories-_zHUkjRW.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{V as y}from"./index-6h5t6F0w.js";import{s as c,c as R}from"./index-deFLJwr4.js";import{l as w}from"./index-awljIyHI.js";import{r as C}from"./index-TT1qJ6UJ.js";import{L as i}from"./locked-figures-section--2W2zFLn.js";import{g as d}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";import"./answer-choices-mbE4GLUb.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./locked-ellipse-settings-1SgwHhV8.js";import"./article-renderer-q7kSP2w4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./locked-figure-aria-TX53Lzuk.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-VSuSSXRz.js";import"./color-select--oRyQ4yX.js";import"./line-stroke-select-4PBvvozU.js";import"./locked-function-settings-Aezek1ER.js";import"./line-swatch-L0x4Ze99.js";import"./locked-line-settings-W2IW-vhr.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";import"./locked-polygon-settings-UUNpZQNY.js";import"./locked-vector-settings-jMV5yoVl.js";const To={title:"PerseusEditor/Components/Locked Figures Section",component:i},r=p=>e(i,{...p});r.args={};const o={render:function(){const[m,s]=C.useState([]);return e(i,{figures:m,onChange:n=>{s(n.lockedFigures)}})}},t={render:function(){const[m,s]=C.useState([d("point"),d("line")]),a=n=>{s(n.lockedFigures)};return e(y,{style:D.prodSizeContainer,children:e(i,{figures:m,onChange:a})})}},U=310,x=10,_=U+2*x,D=w.StyleSheet.create({prodSizeContainer:{width:_,padding:x,marginInlineStart:c.medium_16,border:`1px solid ${R.offBlack32}`,borderRadius:c.xxxSmall_4}});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var u,g,l;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{V as y}from"./index-6h5t6F0w.js";import{s as c,c as R}from"./index-deFLJwr4.js";import{l as w}from"./index-awljIyHI.js";import{r as C}from"./index-TT1qJ6UJ.js";import{L as i}from"./locked-figures-section-5nPJK5LN.js";import{g as d}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./heading-8aCiuWUg.js";import"./index-tFzzSRL2.js";import"./toggleable-caret-lFiCktzo.js";import"./answer-choices-MQdUvt3_.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./locked-ellipse-settings-HAWA-793.js";import"./article-renderer-BOOaW4sB.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./locked-figure-aria-9zimbV1k.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./util-qk2aeK8X.js";import"./locked-label-settings-0h4-0n-S.js";import"./color-select-2BKEX7ba.js";import"./line-stroke-select-qdZZt3Ej.js";import"./locked-function-settings-g4uZKN5j.js";import"./line-swatch-HzvkRHdM.js";import"./locked-line-settings-GkAAjhF4.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";import"./locked-polygon-settings-z_UjOSja.js";import"./locked-vector-settings-zsVG1_TL.js";const To={title:"PerseusEditor/Components/Locked Figures Section",component:i},r=p=>e(i,{...p});r.args={};const o={render:function(){const[m,s]=C.useState([]);return e(i,{figures:m,onChange:n=>{s(n.lockedFigures)}})}},t={render:function(){const[m,s]=C.useState([d("point"),d("line")]),a=n=>{s(n.lockedFigures)};return e(y,{style:D.prodSizeContainer,children:e(i,{figures:m,onChange:a})})}},U=310,x=10,_=U+2*x,D=w.StyleSheet.create({prodSizeContainer:{width:_,padding:x,marginInlineStart:c.medium_16,border:`1px solid ${R.offBlack32}`,borderRadius:c.xxxSmall_4}});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var u,g,l;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(l=(g=r.parameters)==null?void 0:g.docs)==null?void 0:l.source}}};var f,F,S;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-function-settings-Aezek1ER.js b/assets/locked-function-settings-g4uZKN5j.js similarity index 94% rename from assets/locked-function-settings-Aezek1ER.js rename to assets/locked-function-settings-g4uZKN5j.js index f0d2e5cda7..066c6b7941 100644 --- a/assets/locked-function-settings-Aezek1ER.js +++ b/assets/locked-function-settings-g4uZKN5j.js @@ -1,4 +1,4 @@ -import{a as l,j as a,F as $}from"./jsx-runtime-FVsy8kgq.js";import{B as Z}from"./choice-Bz-ZMhQM.js";import{V as u}from"./index-6h5t6F0w.js";import{S as B,O as F}from"./answer-choices-mbE4GLUb.js";import{T as P}from"./index-QCAhLhLD.js";import{P as E,L as ee,a as ae,I as R}from"./locked-label-settings-VSuSSXRz.js";import{S as c}from"./index-qUyqkRvh.js";import{s,c as b}from"./index-deFLJwr4.js";import{L as D,a as C}from"./index-h_CiYGGb.js";import{L as ne,p as oe}from"./locked-figure-aria-TX53Lzuk.js";import{l as I}from"./index-awljIyHI.js";import{r as L}from"./index-TT1qJ6UJ.js";import{C as te}from"./color-select--oRyQ4yX.js";import{L as ie}from"./line-stroke-select-4PBvvozU.js";import{L as re}from"./line-swatch-L0x4Ze99.js";import{g as le,a as se}from"./util-ve-DcPK7.js";const ce=""+new URL("copy-oXFFmXIn.svg",import.meta.url).href,de=""+new URL("note-pencil-qql72tMF.svg",import.meta.url).href,O={linear:["x + 5","1/2x - 2"],polynomial:["1/2x^2 + 3x - 4","(1/3)x^3 - 2x^2 + 3x - 4"],trigonometric:["sin(x) * 3","arctan(2x) + 4"]},W=x=>{var _,A;const{flags:d,color:p,strokeStyle:y,equation:h,directionalAxis:f,domain:t,labels:i,ariaLabel:j,onChangeProps:m,onMove:H,onRemove:V}=x,T=f==="x"?"y=":"x=",G=`Function (${T}${h})`,[v,q]=L.useState([t&&t[0]!==-1/0?t[0].toString():"",t&&t[1]!==1/0?t[1].toString():""]),[w,N]=L.useState("");L.useEffect(()=>{q([t&&t[0]!==-1/0?t[0].toString():"",t&&t[1]!==1/0?t[1].toString():""])},[t]);function U(){let e="";i&&i.length>0&&(e+=` ${i.map(g=>g.text).join(", ")}`);let o=`Function${e} with equation ${T}${h}`;t&&!(t[0]===-1/0&&t[1]===1/0)&&(o+=`, domain from ${t[0]} to ${t[1]}`);const r=se(p,y);return o+=r,o}function S(e,o){const r={};r[e]=o,m(r)}function z(e,o){const r=[...v];r[e]=o,q(r);const g=t?[...t]:[-1/0,1/0];let k=parseFloat(o);o===""&&e===0?k=-1/0:o===""&&e===1&&(k=1/0),g[e]=k,m({domain:g})}const X=Object.keys(O),M=w!=="",Y=M?O[w]:["Select category to see example equations"];function J(e){const o={color:e};o.labels=i==null?void 0:i.map(r=>({...r,color:e})),m(o)}function K(e,o){if(!i)return;const r=[...i];r[o]={...i[o],...e},m({labels:r})}function Q(e){if(!i)return;const o=i.filter((r,g)=>g!==e);m({labels:o})}return l(E,{expanded:x.expanded,onToggle:x.onToggle,header:l(u,{style:n.row,children:[a(D,{style:n.accordionHeader,children:G}),a(c,{size:s.xSmall_8}),a(re,{color:p,lineStyle:y})]}),children:[l(u,{style:[n.row,n.spaceUnder],children:[a(te,{selectedValue:p,onChange:J}),a(c,{size:s.small_12}),a(ie,{selectedValue:y,onChange:e=>{S("strokeStyle",e)}})]}),l(u,{style:[n.row,n.rowSpace],children:[l(B,{selectedValue:f,onChange:e=>{S("directionalAxis",e)},"aria-label":"equation prefix",style:[n.dropdownLabel,n.axisMenu],placeholder:"",children:[a(F,{value:"x",label:"y ="}),a(F,{value:"y",label:"x ="})]}),a(c,{size:s.xSmall_8}),a(P,{type:"text","aria-label":"equation",value:h,onChange:e=>{S("equation",e)},style:[n.textField]})]}),l(u,{style:[n.row,n.rowSpace],children:[l(C,{tag:"label",style:[n.dropdownLabel,n.domainMin],children:["domain min",a(c,{size:s.xxSmall_6}),a(P,{type:"number",style:n.domainMinField,value:v[0],onChange:e=>{z(0,e)}})]}),a(c,{size:s.medium_16}),l(C,{tag:"label","aria-label":"domain max",style:[n.dropdownLabel,n.domainMax],children:["max",a(c,{size:s.xxSmall_6}),a(P,{type:"number",style:n.domainMaxField,value:v[1],onChange:e=>{z(1,e)}})]})]}),l(E,{header:a(D,{children:"Example Functions"}),expanded:!1,containerStyle:n.exampleWorkspace,panelStyle:n.exampleAccordionPanel,children:[l(C,{tag:"label",style:n.dropdownLabel,children:["Choose a category",a(c,{size:s.xxSmall_6}),a(B,{selectedValue:w,onChange:N,placeholder:"examples",children:X.map(e=>a(F,{value:e,label:e},e))})]}),M&&a("ul",{className:I.css(n.exampleContainer),children:Y.map((e,o)=>a(pe,{category:w,example:e,index:o,pasteEquationFn:S},o))})]}),((_=d==null?void 0:d.mafs)==null?void 0:_["locked-figures-aria"])&&l($,{children:[a(c,{size:s.small_12}),a(u,{style:n.horizontalRule}),a(ne,{ariaLabel:j,prePopulatedAriaLabel:U(),onChangeProps:e=>{m(e)}})]}),((A=d==null?void 0:d.mafs)==null?void 0:A["locked-function-labels"])&&l($,{children:[a(c,{size:s.xxxSmall_4}),a(u,{style:n.horizontalRule}),a(c,{size:s.small_12}),a(C,{children:"Visible labels"}),i==null?void 0:i.map((e,o)=>a(ee,{...e,expanded:!0,onChangeProps:r=>{K(r,o)},onRemove:()=>{Q(o)},containerStyle:n.labelContainer},o)),a(Z,{kind:"tertiary",startIcon:oe,onClick:()=>{const e={...le("label"),coord:[0,-((i==null?void 0:i.length)??0)],color:p};m({labels:[...i??[],e]})},style:n.addButton,children:"Add visible label"})]}),a(ae,{figureType:x.type,onMove:H,onRemove:V})]})},pe=x=>{const{category:d,example:p,index:y,pasteEquationFn:h}=x,f=L.useId();return l("li",{className:I.css(n.exampleRow),children:[a(R,{icon:de,"aria-label":"paste example","aria-describedby":f,onClick:()=>h("equation",p),size:"medium",style:n.copyPasteButton}),a(R,{icon:ce,"aria-label":"copy example","aria-describedby":f,onClick:()=>navigator.clipboard.writeText(p),size:"medium",style:n.copyPasteButton}),a(c,{size:s.xxxSmall_4}),a(u,{style:n.exampleContent,id:f,children:p})]},`${d}-${y}`)},n=I.StyleSheet.create({accordionHeader:{textOverflow:"ellipsis",maxWidth:"calc(100% - 64px)",overflow:"hidden",whiteSpace:"nowrap"},axisMenu:{minWidth:"auto"},copyPasteButton:{flexShrink:"0",margin:"0 2px"},domainMin:{justifyContent:"space-between",width:"calc(((100% - 141px) / 2) + 88.7px)",textWrap:"nowrap"},domainMinField:{width:"calc(100% - 88.7px)"},domainMax:{width:"calc(((100% - 141px) / 2) + 36.2px)"},domainMaxField:{width:"calc(100% - 36.2px)"},dropdownLabel:{alignItems:"center",display:"flex"},exampleAccordionPanel:{alignItems:"start",paddingBottom:"12px",flexDirection:"row",flexWrap:"wrap"},exampleContainer:{background:"white",border:`1px solid ${b.fadedOffBlack16}`,borderRadius:"4px",flexGrow:"1",listStyleType:"none",maxHeight:"88px",margin:"8px 0 0 0",overflowY:"scroll",padding:"4px 12px 4px 4px"},exampleContent:{fontFamily:'"Lato", sans-serif',flexGrow:"1",color:b.offBlack},exampleRow:{alignItems:"center",display:"flex",flexDirection:"row",minHeight:"44px"},exampleWorkspace:{background:b.white50},rowSpace:{marginTop:s.xSmall_8},row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{flexGrow:"1"},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:b.offBlack16},labelContainer:{backgroundColor:b.white}}),Ie=W;W.__docgenInfo={description:"",methods:[],displayName:"LockedFunctionSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{a as l,j as a,F as $}from"./jsx-runtime-FVsy8kgq.js";import{B as Z}from"./choice-Bz-ZMhQM.js";import{V as u}from"./index-6h5t6F0w.js";import{S as B,O as F}from"./answer-choices-MQdUvt3_.js";import{T as P}from"./index-QCAhLhLD.js";import{P as E,L as ee,a as ae,I as R}from"./locked-label-settings-0h4-0n-S.js";import{S as c}from"./index-qUyqkRvh.js";import{s,c as b}from"./index-deFLJwr4.js";import{L as D,a as C}from"./index-h_CiYGGb.js";import{L as ne,p as oe}from"./locked-figure-aria-9zimbV1k.js";import{l as I}from"./index-awljIyHI.js";import{r as L}from"./index-TT1qJ6UJ.js";import{C as te}from"./color-select-2BKEX7ba.js";import{L as ie}from"./line-stroke-select-qdZZt3Ej.js";import{L as re}from"./line-swatch-HzvkRHdM.js";import{g as le,a as se}from"./util-uUQ0jXdL.js";const ce=""+new URL("copy-oXFFmXIn.svg",import.meta.url).href,de=""+new URL("note-pencil-qql72tMF.svg",import.meta.url).href,O={linear:["x + 5","1/2x - 2"],polynomial:["1/2x^2 + 3x - 4","(1/3)x^3 - 2x^2 + 3x - 4"],trigonometric:["sin(x) * 3","arctan(2x) + 4"]},W=x=>{var _,A;const{flags:d,color:p,strokeStyle:y,equation:h,directionalAxis:f,domain:t,labels:i,ariaLabel:j,onChangeProps:m,onMove:H,onRemove:V}=x,T=f==="x"?"y=":"x=",G=`Function (${T}${h})`,[v,q]=L.useState([t&&t[0]!==-1/0?t[0].toString():"",t&&t[1]!==1/0?t[1].toString():""]),[w,N]=L.useState("");L.useEffect(()=>{q([t&&t[0]!==-1/0?t[0].toString():"",t&&t[1]!==1/0?t[1].toString():""])},[t]);function U(){let e="";i&&i.length>0&&(e+=` ${i.map(g=>g.text).join(", ")}`);let o=`Function${e} with equation ${T}${h}`;t&&!(t[0]===-1/0&&t[1]===1/0)&&(o+=`, domain from ${t[0]} to ${t[1]}`);const r=se(p,y);return o+=r,o}function S(e,o){const r={};r[e]=o,m(r)}function z(e,o){const r=[...v];r[e]=o,q(r);const g=t?[...t]:[-1/0,1/0];let k=parseFloat(o);o===""&&e===0?k=-1/0:o===""&&e===1&&(k=1/0),g[e]=k,m({domain:g})}const X=Object.keys(O),M=w!=="",Y=M?O[w]:["Select category to see example equations"];function J(e){const o={color:e};o.labels=i==null?void 0:i.map(r=>({...r,color:e})),m(o)}function K(e,o){if(!i)return;const r=[...i];r[o]={...i[o],...e},m({labels:r})}function Q(e){if(!i)return;const o=i.filter((r,g)=>g!==e);m({labels:o})}return l(E,{expanded:x.expanded,onToggle:x.onToggle,header:l(u,{style:n.row,children:[a(D,{style:n.accordionHeader,children:G}),a(c,{size:s.xSmall_8}),a(re,{color:p,lineStyle:y})]}),children:[l(u,{style:[n.row,n.spaceUnder],children:[a(te,{selectedValue:p,onChange:J}),a(c,{size:s.small_12}),a(ie,{selectedValue:y,onChange:e=>{S("strokeStyle",e)}})]}),l(u,{style:[n.row,n.rowSpace],children:[l(B,{selectedValue:f,onChange:e=>{S("directionalAxis",e)},"aria-label":"equation prefix",style:[n.dropdownLabel,n.axisMenu],placeholder:"",children:[a(F,{value:"x",label:"y ="}),a(F,{value:"y",label:"x ="})]}),a(c,{size:s.xSmall_8}),a(P,{type:"text","aria-label":"equation",value:h,onChange:e=>{S("equation",e)},style:[n.textField]})]}),l(u,{style:[n.row,n.rowSpace],children:[l(C,{tag:"label",style:[n.dropdownLabel,n.domainMin],children:["domain min",a(c,{size:s.xxSmall_6}),a(P,{type:"number",style:n.domainMinField,value:v[0],onChange:e=>{z(0,e)}})]}),a(c,{size:s.medium_16}),l(C,{tag:"label","aria-label":"domain max",style:[n.dropdownLabel,n.domainMax],children:["max",a(c,{size:s.xxSmall_6}),a(P,{type:"number",style:n.domainMaxField,value:v[1],onChange:e=>{z(1,e)}})]})]}),l(E,{header:a(D,{children:"Example Functions"}),expanded:!1,containerStyle:n.exampleWorkspace,panelStyle:n.exampleAccordionPanel,children:[l(C,{tag:"label",style:n.dropdownLabel,children:["Choose a category",a(c,{size:s.xxSmall_6}),a(B,{selectedValue:w,onChange:N,placeholder:"examples",children:X.map(e=>a(F,{value:e,label:e},e))})]}),M&&a("ul",{className:I.css(n.exampleContainer),children:Y.map((e,o)=>a(pe,{category:w,example:e,index:o,pasteEquationFn:S},o))})]}),((_=d==null?void 0:d.mafs)==null?void 0:_["locked-figures-aria"])&&l($,{children:[a(c,{size:s.small_12}),a(u,{style:n.horizontalRule}),a(ne,{ariaLabel:j,prePopulatedAriaLabel:U(),onChangeProps:e=>{m(e)}})]}),((A=d==null?void 0:d.mafs)==null?void 0:A["locked-function-labels"])&&l($,{children:[a(c,{size:s.xxxSmall_4}),a(u,{style:n.horizontalRule}),a(c,{size:s.small_12}),a(C,{children:"Visible labels"}),i==null?void 0:i.map((e,o)=>a(ee,{...e,expanded:!0,onChangeProps:r=>{K(r,o)},onRemove:()=>{Q(o)},containerStyle:n.labelContainer},o)),a(Z,{kind:"tertiary",startIcon:oe,onClick:()=>{const e={...le("label"),coord:[0,-((i==null?void 0:i.length)??0)],color:p};m({labels:[...i??[],e]})},style:n.addButton,children:"Add visible label"})]}),a(ae,{figureType:x.type,onMove:H,onRemove:V})]})},pe=x=>{const{category:d,example:p,index:y,pasteEquationFn:h}=x,f=L.useId();return l("li",{className:I.css(n.exampleRow),children:[a(R,{icon:de,"aria-label":"paste example","aria-describedby":f,onClick:()=>h("equation",p),size:"medium",style:n.copyPasteButton}),a(R,{icon:ce,"aria-label":"copy example","aria-describedby":f,onClick:()=>navigator.clipboard.writeText(p),size:"medium",style:n.copyPasteButton}),a(c,{size:s.xxxSmall_4}),a(u,{style:n.exampleContent,id:f,children:p})]},`${d}-${y}`)},n=I.StyleSheet.create({accordionHeader:{textOverflow:"ellipsis",maxWidth:"calc(100% - 64px)",overflow:"hidden",whiteSpace:"nowrap"},axisMenu:{minWidth:"auto"},copyPasteButton:{flexShrink:"0",margin:"0 2px"},domainMin:{justifyContent:"space-between",width:"calc(((100% - 141px) / 2) + 88.7px)",textWrap:"nowrap"},domainMinField:{width:"calc(100% - 88.7px)"},domainMax:{width:"calc(((100% - 141px) / 2) + 36.2px)"},domainMaxField:{width:"calc(100% - 36.2px)"},dropdownLabel:{alignItems:"center",display:"flex"},exampleAccordionPanel:{alignItems:"start",paddingBottom:"12px",flexDirection:"row",flexWrap:"wrap"},exampleContainer:{background:"white",border:`1px solid ${b.fadedOffBlack16}`,borderRadius:"4px",flexGrow:"1",listStyleType:"none",maxHeight:"88px",margin:"8px 0 0 0",overflowY:"scroll",padding:"4px 12px 4px 4px"},exampleContent:{fontFamily:'"Lato", sans-serif',flexGrow:"1",color:b.offBlack},exampleRow:{alignItems:"center",display:"flex",flexDirection:"row",minHeight:"44px"},exampleWorkspace:{background:b.white50},rowSpace:{marginTop:s.xSmall_8},row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{flexGrow:"1"},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:b.offBlack16},labelContainer:{backgroundColor:b.white}}),Ie=W;W.__docgenInfo={description:"",methods:[],displayName:"LockedFunctionSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:"Called when a movement button (top, up, down, bottom) is pressed."},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Called when the delete button is pressed."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedFunctionType"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (points, color, etc.) are updated."}}};export{Ie as L}; diff --git a/assets/locked-function-settings.stories-9-r8DiNY.js b/assets/locked-function-settings.stories-7_yR7EFg.js similarity index 79% rename from assets/locked-function-settings.stories-9-r8DiNY.js rename to assets/locked-function-settings.stories-7_yR7EFg.js index e8d363a58b..e33947bbf6 100644 --- a/assets/locked-function-settings.stories-9-r8DiNY.js +++ b/assets/locked-function-settings.stories-7_yR7EFg.js @@ -1,4 +1,4 @@ -import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as f}from"./index-TT1qJ6UJ.js";import{L as t}from"./locked-function-settings-Aezek1ER.js";import{g as P}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./answer-choices-mbE4GLUb.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-QCAhLhLD.js";import"./locked-label-settings-VSuSSXRz.js";import"./article-renderer-q7kSP2w4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";import"./locked-figure-aria-TX53Lzuk.js";import"./components-v_jsX-d9.js";import"./line-stroke-select-4PBvvozU.js";import"./line-swatch-L0x4Ze99.js";const gr={title:"PerseusEditor/Components/Locked Function Settings",component:t},o=p=>d(t,{...p}),u={...P("function"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};o.args=u;const r={render:function(){const[i,g]=f.useState(u);return d(t,{...i,expanded:!0,onChangeProps:l=>{g({...i,...l})}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var m,e,n;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as f}from"./index-TT1qJ6UJ.js";import{L as t}from"./locked-function-settings-g4uZKN5j.js";import{g as P}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./answer-choices-MQdUvt3_.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-QCAhLhLD.js";import"./locked-label-settings-0h4-0n-S.js";import"./article-renderer-BOOaW4sB.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";import"./locked-figure-aria-9zimbV1k.js";import"./components-v_jsX-d9.js";import"./line-stroke-select-qdZZt3Ej.js";import"./line-swatch-HzvkRHdM.js";const gr={title:"PerseusEditor/Components/Locked Function Settings",component:t},o=p=>d(t,{...p}),u={...P("function"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};o.args=u;const r={render:function(){const[i,g]=f.useState(u);return d(t,{...i,expanded:!0,onChangeProps:l=>{g({...i,...l})}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var m,e,n;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(n=(e=o.parameters)==null?void 0:e.docs)==null?void 0:n.source}}};var s,a,c;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-functions.stories-xGVDvPlx.js b/assets/locked-functions.stories-v2MqOktU.js similarity index 92% rename from assets/locked-functions.stories-xGVDvPlx.js rename to assets/locked-functions.stories-v2MqOktU.js index 08aef312e7..7ed240cd8e 100644 --- a/assets/locked-functions.stories-xGVDvPlx.js +++ b/assets/locked-functions.stories-v2MqOktU.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{R as t}from"./renderer-with-debug-ui-XOCIPmr_.js";import{h as o}from"./interactive-graph.testdata-QKEIR03d.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./interactive-graph-question-builder-Mh2lh4tI.js";const Ct={title:"Perseus/Widgets/Interactive Graph/Locked Functions"},r={apiOptions:{flags:{mafs:{segment:!0}}}},i=s=>e(t,{...r,question:o()}),a=s=>e(t,{...r,question:o("x^2",{color:"green",strokeStyle:"dashed"})}),n=s=>e(t,{...r,question:o("y^2",{directionalAxis:"y"})}),m=s=>e(t,{...r,question:o("sin(x)",{domain:[-5,1/0]})}),c=s=>e(t,{...r,question:o("sin(x)",{domain:[-1/0,5]})}),p=s=>e(t,{...r,question:o("sin(x)",{domain:[-5,5]})}),d=s=>e(t,{...r,question:o("x^2 + 2x + 3")}),u=s=>e(t,{...r,question:o("(1/3)x^3 - 2x^2 + 3x - 4")}),g=s=>e(t,{...r,question:o("tan(x)")}),l=s=>e(t,{...r,question:o("arctan(x)")}),h=s=>e(t,{...r,question:o("log(x)")}),R=s=>e(t,{...r,question:o("e^x")}),f=s=>e(t,{...r,question:o("abs(x)")});i.__docgenInfo={description:"",methods:[],displayName:"DefaultSettings"};a.__docgenInfo={description:"",methods:[],displayName:"StyledSettings"};n.__docgenInfo={description:"",methods:[],displayName:"FunctionOfY"};m.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedMin"};c.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedMax"};p.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedBoth"};d.__docgenInfo={description:"",methods:[],displayName:"Quadratic"};u.__docgenInfo={description:"",methods:[],displayName:"QubicPolynomial"};g.__docgenInfo={description:"",methods:[],displayName:"Tangent"};l.__docgenInfo={description:"",methods:[],displayName:"ArcTangent"};h.__docgenInfo={description:"",methods:[],displayName:"Logarithmic"};R.__docgenInfo={description:"",methods:[],displayName:"Exponent"};f.__docgenInfo={description:"",methods:[],displayName:"AbsoluteValue"};var y,x,S;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(S=(x=i.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var I,W,_;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => e(t,{...r,question:o()}),a=s=>e(t,{...r,question:o("x^2",{color:"green",strokeStyle:"dashed"})}),n=s=>e(t,{...r,question:o("y^2",{directionalAxis:"y"})}),m=s=>e(t,{...r,question:o("sin(x)",{domain:[-5,1/0]})}),c=s=>e(t,{...r,question:o("sin(x)",{domain:[-1/0,5]})}),p=s=>e(t,{...r,question:o("sin(x)",{domain:[-5,5]})}),d=s=>e(t,{...r,question:o("x^2 + 2x + 3")}),u=s=>e(t,{...r,question:o("(1/3)x^3 - 2x^2 + 3x - 4")}),g=s=>e(t,{...r,question:o("tan(x)")}),l=s=>e(t,{...r,question:o("arctan(x)")}),h=s=>e(t,{...r,question:o("log(x)")}),R=s=>e(t,{...r,question:o("e^x")}),f=s=>e(t,{...r,question:o("abs(x)")});i.__docgenInfo={description:"",methods:[],displayName:"DefaultSettings"};a.__docgenInfo={description:"",methods:[],displayName:"StyledSettings"};n.__docgenInfo={description:"",methods:[],displayName:"FunctionOfY"};m.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedMin"};c.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedMax"};p.__docgenInfo={description:"",methods:[],displayName:"DomainRestrictedBoth"};d.__docgenInfo={description:"",methods:[],displayName:"Quadratic"};u.__docgenInfo={description:"",methods:[],displayName:"QubicPolynomial"};g.__docgenInfo={description:"",methods:[],displayName:"Tangent"};l.__docgenInfo={description:"",methods:[],displayName:"ArcTangent"};h.__docgenInfo={description:"",methods:[],displayName:"Logarithmic"};R.__docgenInfo={description:"",methods:[],displayName:"Exponent"};f.__docgenInfo={description:"",methods:[],displayName:"AbsoluteValue"};var y,x,S;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:"(args: StoryArgs): React.ReactElement => ",...(S=(x=i.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var I,W,_;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => `,...(_=(W=a.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var q,D,b;n.parameters={...n.parameters,docs:{...(q=n.parameters)==null?void 0:q.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => {const{coord:e,labels:t,error:r,style:n,onChange:o}=i,[d,l]=a.useState([e[0].toString(),e[1].toString()]);a.useEffect(()=>{l([e[0].toString(),e[1].toString()])},[e]);function h(c,m){const v=[...d];if(v[m]=c,l(v),isNaN(+c)||c==="")return;const f=[...e];f[m]=+c,o(f)}return B(M,{style:[W.row,n],children:[B(re,{tag:"label",style:W.row,children:[t?t[0]:"x coord",g(K,{size:u.xxSmall_6}),g(me,{value:d[0],onChange:c=>h(c,0),style:[W.textField,r?W.errorField:void 0]})]}),g(K,{size:u.medium_16}),B(re,{tag:"label",style:W.row,children:[t?t[1]:"y coord",g(K,{size:u.xxSmall_6}),g(me,{value:d[1],onChange:c=>h(c,1),style:[W.textField,r?W.errorField:void 0]})]})]})},W=R.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{width:u.xxxLarge_64},errorField:{borderColor:s.red,backgroundColor:s.fadedRed8}}),je=xe;xe.__docgenInfo={description:"",methods:[],displayName:"CoordinatePairInput",props:{coord:{required:!0,tsType:{name:"tuple",raw:"[number, number]",elements:[{name:"number"},{name:"number"}]},description:""},labels:{required:!1,tsType:{name:"tuple",raw:"[string, string]",elements:[{name:"string"},{name:"string"}]},description:""},error:{required:!1,tsType:{name:"boolean"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newCoord: Coord) => void",signature:{arguments:[{type:{name:"Coord"},name:"newCoord"}],return:{name:"void"}}},description:""}}};function G(){return G=Object.assign?Object.assign.bind():function(i){for(var e=1;e=0)&&(t[n]=i[n]);return t}const Ve=["children","id","initialExpandedIndex","allowMultipleExpanded","caretPosition","cornerKind","animated","style"],Qe=ne("ul"),Ge=6;a.forwardRef(function(e,t){const{children:r,id:n,initialExpandedIndex:o,allowMultipleExpanded:d=!0,caretPosition:l,cornerKind:h="rounded",animated:c,style:m}=e,v=ke(e,Ve),f=Array(r.length).fill(!1);o!==void 0&&(f[o]=!0);const[w,S]=a.useState(f),p=Array(r.length).fill(null),C=r.length<=Ge,I=(x,b)=>{const k=d?[...w]:Array(r.length).fill(!1),_=!w[x];k[x]=_,S(k),b&&b(_)},F=x=>{var b,k,_,N;const D=p.findIndex($=>$.current===document.activeElement);if(D!==-1)switch(x.key){case"ArrowUp":x.preventDefault();const $=(D+r.length-1)%r.length;(b=p[$].current)==null||b.focus();break;case"ArrowDown":x.preventDefault();const L=(D+1)%r.length;(k=p[L].current)==null||k.focus();break;case"Home":x.preventDefault(),(_=p[0].current)==null||_.focus();break;case"End":x.preventDefault(),(N=p[r.length-1].current)==null||N.focus();break}};return a.createElement(Qe,G({style:[Xe.wrapper,m],onKeyDown:F},v,{ref:t}),r.map((x,b)=>{const{caretPosition:k,cornerKind:_,onToggle:N,animated:D}=x.props,$=a.createRef();p[b]=$;const T=b===0,L=b===r.length-1;return a.createElement("li",{key:b,id:n},a.cloneElement(x,{animated:D??c,caretPosition:k??l,cornerKind:_??h,expanded:w[b],onToggle:()=>I(b,N),isFirstSection:T,isLastSection:L,isRegion:C,ref:$}))}))});const Xe=R.StyleSheet.create({wrapper:{boxSizing:"border-box",listStyle:"none",padding:0,width:"100%"}});function Je(i,e,t,r){switch(i){case"rounded-per-section":return{roundedTop:!0,roundedBottom:!r};case"rounded":return{roundedTop:e,roundedBottom:t&&!r};default:return{roundedTop:!1,roundedBottom:!1}}}const Ye=a.forwardRef(function(e,t){const{id:r,header:n,caretPosition:o,cornerKind:d,collapsible:l=!0,expanded:h,animated:c,onClick:m,sectionContentUniqueId:v,headerStyle:f,tag:w="h2",testId:S,isFirstSection:p,isLastSection:C}=e,I=typeof n=="string",{roundedTop:F,roundedBottom:x}=Je(d,p,C,h);return a.createElement(Me,{tag:w,style:E.heading},a.createElement(Ae,{id:r,"aria-expanded":h,"aria-controls":v,onClick:m,disabled:!l,testId:S?`${S}-header`:void 0,style:[E.headerWrapper,c&&E.headerWrapperWithAnimation,o==="start"&&E.headerWrapperCaretStart,F&&E.roundedTop,x&&E.roundedBottom,f,!l&&E.disabled],ref:t},()=>a.createElement(a.Fragment,null,a.createElement(M,{style:[E.headerContent,I&&E.headerString]},I?a.createElement(M,{style:[o==="end"?E.headerStringCaretEnd:E.headerStringCaretStart]},n):n),l&&a.createElement(le,{icon:Se,color:s.offBlack64,size:"small",style:[c&&E.iconWithAnimation,o==="start"?E.iconStart:E.iconEnd,h&&E.iconExpanded],testId:S?`${S}-caret-icon`:void 0}))))}),J=u.small_12-1,ge="300ms",E=R.StyleSheet.create({heading:{minWidth:0,marginTop:0},headerWrapper:{display:"flex",flexDirection:"row",alignItems:"center",overflow:"hidden",minWidth:"auto",width:"100%",position:"relative",zIndex:1,":active":{outline:`2px solid ${s.activeBlue}`},":hover":{outline:`2px solid ${s.blue}`},":focus":{boxShadow:`0 0 0 2px ${s.blue}`},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":{outline:`2px solid ${s.blue}`}},headerWrapperWithAnimation:{transition:`border-radius ${ge}`},headerWrapperCaretStart:{flexDirection:"row-reverse"},roundedTop:{borderStartStartRadius:J,borderStartEndRadius:J},roundedBottom:{borderEndStartRadius:J,borderEndEndRadius:J},headerContent:{flexGrow:1,textAlign:"start"},headerString:{paddingTop:u.medium_16,paddingBottom:u.medium_16},headerStringCaretEnd:{paddingInlineEnd:u.small_12,paddingInlineStart:u.medium_16},headerStringCaretStart:{paddingInlineEnd:u.medium_16,paddingInlineStart:u.small_12},iconWithAnimation:{transition:`transform ${ge}`},iconExpanded:{transform:"rotate(180deg)"},iconStart:{marginInlineStart:u.medium_16},iconEnd:{marginInlineEnd:u.medium_16},disabled:{pointerEvents:"none",color:"inherit",":focus":{boxShadow:`0 0 0 2px ${s.offBlack32}`},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":{outline:`2px solid ${s.offBlack32}`}}}),Ze=["children","id","header","collapsible","expanded","animated","onToggle","caretPosition","cornerKind","style","headerStyle","tag","testId","isFirstSection","isLastSection","isRegion"],et=a.forwardRef(function(e,t){const{children:r,id:n,header:o,collapsible:d,expanded:l,animated:h=!1,onToggle:c,caretPosition:m="end",cornerKind:v="rounded",style:f,headerStyle:w,tag:S,testId:p,isFirstSection:C=!0,isLastSection:I=!0,isRegion:F=!0}=e,x=ke(e,Ze),[b,k]=a.useState(l??!1),_=l!==void 0&&c,N=Fe(),D=n??N.get("accordion-section"),$=n?`${n}-header`:N.get("accordion-section-header"),T=N.get("accordion-section-content"),L=tt(v,C,I),fe=()=>{_?c(!l):(k(!b),c&&c(!b))};let q;return d===!1?q=!0:q=_?l:b,a.createElement(M,G({id:D,style:[A.wrapper,h&&A.wrapperWithAnimation,L.wrapper,q?A.wrapperExpanded:A.wrapperCollapsed,f],testId:p},x),a.createElement(Ye,{id:$,header:o,caretPosition:m,cornerKind:v,collapsible:d,expanded:q,animated:h,onClick:fe,sectionContentUniqueId:T,headerStyle:w,tag:S,testId:p,isFirstSection:C,isLastSection:I,ref:t}),a.createElement(M,{id:T,role:F?"region":void 0,"aria-labelledby":$,style:[A.contentWrapper,q?A.contentWrapperExpanded:A.conentWrapperCollapsed,L.contentWrapper],testId:p?`${p}-content-panel`:void 0},typeof r=="string"?a.createElement(Pe,{style:A.stringContent},r):r))}),A=R.StyleSheet.create({wrapper:{display:"grid",position:"static",boxSizing:"border-box",backgroundColor:s.white},wrapperWithAnimation:{transition:"grid-template-rows 300ms"},wrapperCollapsed:{gridTemplateRows:"min-content 0fr"},wrapperExpanded:{gridTemplateRows:"min-content 1fr"},contentWrapper:{overflow:"hidden"},conentWrapperCollapsed:{visibility:"hidden"},contentWrapperExpanded:{visibility:"visible"},stringContent:{padding:u.medium_16}}),Y={},tt=(i,e,t)=>{const r=`${i}-${e.toString()}-${t.toString()}`;if(Y[r])return Y[r];let n=Object.freeze({}),o=Object.freeze({}),d=Object.freeze({}),l=Object.freeze({});i==="square"&&(n={border:`1px solid ${s.offBlack16}`,borderBottom:"none",borderRadius:0},t&&(l={borderBottom:`1px solid ${s.offBlack16}`})),i==="rounded"&&(n={border:`1px solid ${s.offBlack16}`,borderBottom:"none"},e&&(d={borderStartStartRadius:u.small_12,borderStartEndRadius:u.small_12}),t&&(l={borderBottom:`1px solid ${s.offBlack16}`,borderEndStartRadius:u.small_12,borderEndEndRadius:u.small_12},o={borderEndEndRadius:u.small_12,borderEndStartRadius:u.small_12})),i==="rounded-per-section"&&(n={border:`1px solid ${s.offBlack16}`,borderRadius:u.small_12,marginBottom:u.medium_16},o={borderEndEndRadius:u.small_12,borderEndStartRadius:u.small_12});const h={wrapper:G({},n,d,l),contentWrapper:o};return Y[r]=R.StyleSheet.create(h),Y[r]},Re=i=>{const{children:e,header:t,expanded:r,containerStyle:n,panelStyle:o,onToggle:d}=i;return g(M,{className:"perseus-editor-accordion",children:g(et,{expanded:r,onToggle:d,style:[se.container,n],headerStyle:se.accordionHeader,header:t,children:g(M,{style:[se.accordionPanel,o],children:e})})})},se=R.StyleSheet.create({container:{backgroundColor:s.fadedBlue8,marginTop:u.xSmall_8},accordionHeader:{padding:u.small_12,paddingInlineEnd:0,height:u.xxLarge_48},accordionPanel:{paddingTop:u.xxSmall_6,paddingBottom:u.xxxSmall_4,paddingLeft:u.small_12,paddingRight:u.small_12}}),rt=Re;Re.__docgenInfo={description:"",methods:[],displayName:"PerseusEditorAccordion",props:{children:{required:!0,tsType:{name:"union",raw:"React.ReactNode | React.ReactNode[]",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"Array",elements:[{name:"ReactReactNode",raw:"React.ReactNode"}],raw:"React.ReactNode[]"}]},description:""},header:{required:!0,tsType:{name:"union",raw:"string | React.ReactElement",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement"}]},description:""},expanded:{required:!1,tsType:{name:"boolean"},description:""},containerStyle:{required:!1,tsType:{name:"StyleType"},description:""},panelStyle:{required:!1,tsType:{name:"StyleType"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:""}}};function Ee(i){const e=[];if(i)if(Array.isArray(i))for(const t of i)e.push(...Ee(t));else e.push(i);else return e;return e}function Ie(i){const e=[],t=[];if(!i)return{style:{},className:""};const r=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Ee(i).forEach(o=>{const d=o._definition;if(d!=null)if(r){const l={};for(const[h,c]of Object.entries(d))l[h.replace(/-[a-z]/g,m=>m[1].toUpperCase())]=c;t.push(l)}else e.push(o);else t.push(o)});const n=Object.assign({},...t);if(t.length>0&&!r){const o=R.StyleSheet.create({inlineStyles:n});e.push(o.inlineStyles)}return{style:r?n:{},className:R.css(...e)}}const nt=["children","style","tag","testId"],ot=/^h[1-6]$/,ye=R.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});a.forwardRef(function(e,t){let{children:r,style:n,tag:o="span",testId:d}=e,l=V(e,nt);const h=ot.test(o),c=Ie([ye.text,h&&ye.header,n]),m=l.className?[l.className,c.className].join(" "):c.className;return a.createElement(o,y({},l,{style:c.style,className:m,"data-testid":d,ref:t}),r)});const it=["className","style"];function O(i,e){return a.forwardRef((t,r)=>{const{className:n,style:o}=t,d=V(t,it),l=typeof i=="string"?at[i]:null,{className:h,style:c}=Ie([l,e,o]);return a.createElement(i,y({},d,{ref:r,className:[h,n].filter(Boolean).join(" "),style:c}))})}const at=R.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),st=["testId","tag"],X=R.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}}),lt=O("div",X.default),dt=O("article",X.default),ct=O("aside",X.default),ut=O("nav",X.default),ht=O("section",X.default);a.forwardRef(function(e,t){const{testId:r,tag:n="div"}=e,o=V(e,st),d=y({},o,{"data-testid":r});switch(n){case"article":return a.createElement(dt,y({},d,{ref:t}));case"aside":return a.createElement(ct,y({},d,{ref:t}));case"nav":return a.createElement(ut,y({},d,{ref:t}));case"section":return a.createElement(ht,y({},d,{ref:t}));case"div":return a.createElement(lt,y({},d,{ref:t}));default:throw Error(`${n} is not an allowed value for the 'tag' prop`)}});let z=function(i){return i.Root="root",i.Initial="initial",i.Standard="standard",i}({});const te=a.createContext(z.Root);te.displayName="RenderStateContext";class ft extends a.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:r}=this.props;return this._isTheRootComponent=!0,e?a.createElement(te.Provider,{value:z.Standard},t()):r?a.createElement(te.Provider,{value:z.Initial},r()):null}_maybeRender(e){const{children:t,fallback:r}=this.props;switch(e){case z.Root:return this._renderAsRootComponent();case z.Initial:return r?r():null;case z.Standard:return t()}{var n;return console.log(`We got a render state we don't understand: "${(n=JSON.stringify(e))!=null?n:""}"`),this._maybeRender(z.Root)}}render(){return a.createElement(te.Consumer,null,e=>this._maybeRender(e))}}class oe{constructor(e){this._uniqueFactoryName=void 0,this.get=r=>{const n=r.toLowerCase();if(!this._hasValidIdChars(r))throw new Error(`Invalid identifier key: ${r}`);return`${this._uniqueFactoryName}-${n}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${oe._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}}oe._factoryUniquenessCounter=0;class de{get(e){return e}}de.Default=new de;var pt=de.Default;class mt extends a.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:r,scope:n}=this.props;return e?r?t(pt):null:(this._idFactory||(this._idFactory=new oe(n)),t(this._idFactory))}render(){return a.createElement(ft,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}}class ce extends a.Component{renderChildren(e){const{id:t,children:r}=this.props,n=e?e.get(ce.defaultId):t;if(!n)throw new Error("Did not get an identifier factory nor a id prop");return r(n)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():a.createElement(mt,{scope:t,mockOnFirstRender:!0},r=>this.renderChildren(r))}}ce.defaultId="wb-id";const be=i=>{switch(i){case"link":return{triggerOnEnter:!0,triggerOnSpace:!1};case"checkbox":case"radio":case"listbox":return{triggerOnEnter:!1,triggerOnSpace:!0};case"button":case"menuitem":case"menu":case"option":default:return{triggerOnEnter:!0,triggerOnSpace:!0}}},gt={onClick:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onMouseDown:()=>{},onMouseUp:()=>{},onTouchStart:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{},onKeyDown:()=>{},onKeyUp:()=>{}},H={enter:13,space:32},ve={hovered:!1,focused:!1,pressed:!1,waiting:!1};class ue extends a.Component{static getDerivedStateFromProps(e,t){return e.disabled?y({},ve,{focused:t.focused}):null}constructor(e){super(e),this.waitingForClick=void 0,this.enterClick=void 0,this.handleClick=t=>{const{onClick:r=void 0,beforeNav:n=void 0,safeWithNav:o=void 0}=this.props;this.enterClick||((r||n||o)&&(this.waitingForClick=!1),this.runCallbackAndMaybeNavigate(t))},this.handleMouseEnter=t=>{this.waitingForClick||this.setState({hovered:!0})},this.handleMouseLeave=()=>{this.waitingForClick||this.setState({hovered:!1,pressed:!1,focused:!1})},this.handleMouseDown=t=>{this.props.onMouseDown&&this.props.onMouseDown(t),this.setState({pressed:!0})},this.handleMouseUp=t=>{this.props.onMouseUp&&this.props.onMouseUp(t),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=t=>{const{onKeyDown:r,role:n}=this.props;r&&r(t);const o=t.which||t.keyCode,{triggerOnEnter:d,triggerOnSpace:l}=be(n);d&&o===H.enter||l&&o===H.space?(t.preventDefault(),this.setState({pressed:!0})):!d&&o===H.enter&&(this.enterClick=!0)},this.handleKeyUp=t=>{const{onKeyUp:r,role:n}=this.props;r&&r(t);const o=t.which||t.keyCode,{triggerOnEnter:d,triggerOnSpace:l}=be(n);d&&o===H.enter||l&&o===H.space?(this.setState({pressed:!1,focused:!0}),this.runCallbackAndMaybeNavigate(t)):!d&&o===H.enter&&(this.enterClick=!1)},this.handleFocus=t=>{const{onFocus:r}=this.props;this.setState({focused:!0},()=>{r&&r(t)})},this.handleBlur=t=>{this.setState({focused:!1,pressed:!1})},this.state=ve,this.waitingForClick=!1,this.enterClick=!1}navigateOrReset(e){if(e){const{history:t,href:r,skipClientNav:n,target:o=void 0}=this.props;r&&(o==="_blank"?(window.open(r,"_blank"),this.setState({waiting:!1})):t&&!n?(t.push(r),this.setState({waiting:!1})):window.location.assign(r))}else this.setState({waiting:!1})}handleSafeWithNav(e,t){const{skipClientNav:r,history:n}=this.props;return n&&!r||this.props.target==="_blank"?(e(),this.navigateOrReset(t),Promise.resolve()):(this.state.waiting||this.setState({waiting:!0}),e().then(()=>{this.state.waiting||this.setState({waiting:!0})}).catch(o=>{}).finally(()=>{this.navigateOrReset(t)}))}runCallbackAndMaybeNavigate(e){const{onClick:t=void 0,beforeNav:r=void 0,safeWithNav:n=void 0,href:o,type:d}=this.props;let l=!0,h=!0;if(t&&t(e),e.defaultPrevented&&(l=!1,h=!1),e.preventDefault(),!o&&d==="submit"&&h){let c=e.currentTarget;for(;c;){if(c instanceof window.HTMLFormElement){const m=new window.Event("submit",{bubbles:!0,cancelable:!0});c.dispatchEvent(m);break}c=c.parentElement}}if(r)this.setState({waiting:!0}),r().then(()=>n?this.handleSafeWithNav(n,l):this.navigateOrReset(l)).catch(()=>{});else{if(n)return this.handleSafeWithNav(n,l);this.navigateOrReset(l)}}render(){const e=this.props.rel||(this.props.target==="_blank"?"noopener noreferrer":void 0),t=this.props.disabled?y({},gt,{onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex,rel:e}):{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,rel:e},{children:r}=this.props;return r&&r(this.state,t)}}ue.defaultProps={disabled:!1};const he=i=>typeof i!="string"?!1:!/^(https?:)?\/\//i.test(i)&&!/^([^#]*#[\w-]*|[\w\-.]+:)/.test(i),yt=ze(ue);function bt(i,e,t){return t&&e!==!0&&i&&he(i)?yt:ue}const vt=["href","onClick","skipClientNav","beforeNav","safeWithNav","style","target","testId","onFocus","onKeyDown","onKeyUp","onMouseDown","onMouseUp","hideDefaultFocusRing","light","disabled","tabIndex"],St=O("a"),wt=O("button"),Ct=O(Ce),xt=a.forwardRef(function(e,t){const r=(o,d,l)=>{const h=e.href&&!e.disabled,c=d&&!e.skipClientNav&&he(e.href||"");return h&&c&&e.href?a.createElement(Ct,y({},l,{to:e.href,role:e.role,target:e.target||void 0,"aria-disabled":e.disabled?"true":"false",ref:t}),e.children(o)):h&&!c?a.createElement(St,y({},l,{href:e.href,role:e.role,target:e.target||void 0,"aria-disabled":e.disabled?"true":"false",ref:t}),e.children(o)):a.createElement(wt,y({},l,{type:"button","aria-disabled":e.disabled,ref:t}),e.children(o))},n=o=>{const{href:d,onClick:l,skipClientNav:h,beforeNav:c=void 0,safeWithNav:m=void 0,style:v,target:f=void 0,testId:w,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,hideDefaultFocusRing:x,light:b,disabled:k,tabIndex:_}=e,N=V(e,vt),D=bt(d,h,o),$=T=>[Q.reset,Q.link,!x&&T.focused&&(b?Q.focusedLight:Q.focused),k&&Q.disabled,v];return c?a.createElement(D,{href:d,onClick:l,beforeNav:c,safeWithNav:m,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,disabled:k,tabIndex:_},(T,L)=>r(T,o,y({},N,{"data-testid":w,style:$(T)},L))):a.createElement(D,{href:d,onClick:l,safeWithNav:m,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,target:f,disabled:k,tabIndex:_},(T,L)=>r(T,o,y({},N,{"data-testid":w,style:$(T)},L)))};return a.createElement(we.Consumer,null,o=>n(o))});xt.defaultProps={light:!1,disabled:!1};const Q=R.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 ${s.blue}`}},focusedLight:{outline:`solid 2px ${s.white}`},disabled:{color:s.offBlack32,cursor:"not-allowed",":focus":{outline:"none"},":focus-visible":{outline:`solid 2px ${s.blue}`}}}),kt=i=>{switch(i){case"xsmall":return"small";case"small":return"medium";case"medium":return"medium";case"large":return"medium"}},Rt=i=>({xsmall:24,small:32,medium:40,large:48})[i],ie={color:{bg:{hovered:"transparent",active:"transparent",disabled:"transparent",filled:{action:{hovered:"transparent",active:"transparent"},critical:{hovered:"transparent",active:"transparent"}}},stroke:{disabled:{default:s.offBlack32,inverse:s.white50},inverse:s.white,action:{default:s.blue,active:s.activeBlue,inverse:s.fadedBlue},critical:{default:s.red,active:s.activeRed,inverse:s.fadedRed},primary:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed},inverse:{default:s.white,hovered:s.white}},secondary:{default:s.offBlack},tertiary:{default:s.offBlack64},filled:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed}}}},border:{width:{default:U.width.thin,active:U.width.none,hovered:U.width.thin,hoveredInverse:U.width.thin},radius:{default:U.radius.medium_4}}},Et=Ue(ie,{color:{bg:{hovered:s.white,active:s.white64,filled:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed}}},stroke:{action:{inverse:s.eggplant},critical:{inverse:s.eggplant},primary:{action:{hovered:s.eggplant,active:s.eggplant},critical:{hovered:s.eggplant,active:s.eggplant},inverse:{hovered:s.eggplant}},filled:{action:{hovered:s.white,active:s.white},critical:{hovered:s.white,active:s.white}}}},border:{width:{hovered:U.width.none,hoveredInverse:U.width.none}}}),It={default:ie,khanmigo:Et},_e=Ke(ie);function _t(i){var e;const t=a.useContext(He),r=(e=It[t])!=null?e:ie;return a.createElement(_e.Provider,{value:r},i.children)}const Tt=["color","disabled","href","icon","kind","light","size","skipClientNav","style","testId"];function $t({icon:i,size:e}){switch(kt(e)){case"small":return a.createElement(le,{size:"small",color:"currentColor",icon:i});case"medium":default:return a.createElement(le,{size:"medium",color:"currentColor",icon:i})}}const Bt=ne("a"),Ft=ne("button"),Nt=ne(Ce),Dt=a.forwardRef(function(e,t){const{color:r,disabled:n,href:o,icon:d,kind:l="primary",light:h=!1,size:c="medium",skipClientNav:m,style:v,testId:f}=e,w=V(e,Tt),{theme:S,themeName:p}=qe(_e),C=I=>{const F=Pt(r,l,h,c,S,p),x=[Lt.shared,F.default,n&&F.disabled],b=a.createElement($t,{size:c,icon:d}),k=y({"data-testid":f,style:[x,v]},w);return o&&!n?I&&!m&&he(o)?a.createElement(Nt,y({},k,{to:o,ref:t}),b):a.createElement(Bt,y({},k,{href:o,ref:t}),b):a.createElement(Ft,y({type:"button"},k,{onClick:n?void 0:w.onClick,"aria-disabled":n,ref:t}),b)};return a.createElement(we.Consumer,null,I=>C(I))}),Lt=R.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation"}}),Z={};function Mt(i,e,t,r,n){switch(i){case"primary":const o=n==="destructive"?e.color.stroke.primary.critical.hovered:e.color.stroke.primary.action.hovered;return{":hover":{backgroundColor:e.color.bg.hovered,color:r?e.color.stroke.primary.inverse.hovered:o,outlineColor:r?e.color.stroke.inverse:t,outlineOffset:1,outlineStyle:"solid",outlineWidth:r?e.border.width.hoveredInverse:e.border.width.hovered},":active":{backgroundColor:e.color.bg.active}};case"secondary":case"tertiary":return{":hover":{backgroundColor:n==="destructive"?e.color.bg.filled.critical.hovered:e.color.bg.filled.action.hovered,color:n==="destructive"?e.color.stroke.filled.critical.hovered:e.color.stroke.filled.action.hovered,outlineWidth:e.border.width.active},":active":{backgroundColor:n==="destructive"?e.color.bg.filled.critical.active:e.color.bg.filled.action.active,color:n==="destructive"?e.color.stroke.filled.critical.active:e.color.stroke.filled.action.active,outlineWidth:e.border.width.active}};default:return{":focus-visible":{},":hover":{},":active":{}}}}const Pt=(i="default",e,t,r,n,o)=>{const d=i==="destructive"?n.color.stroke.critical.default:n.color.stroke.action.default,l=`${d}-${e}-${t}-${r}-${o}`;if(Z[l])return Z[l];if(t&&e!=="primary")throw new Error("Light is only supported for primary IconButtons");const h=(()=>{switch(e){case"primary":return t?n.color.stroke.primary.inverse.default:d;case"secondary":return n.color.stroke.secondary.default;case"tertiary":return n.color.stroke.tertiary.default;default:throw new Error("IconButton kind not recognized")}})(),c=Rt(r),m=Mt(e,n,d,t,i),v=i==="destructive"?n.color.stroke.critical.inverse:n.color.stroke.action.inverse,f=i==="destructive"?n.color.stroke.critical.active:n.color.stroke.action.active,w=t?n.color.stroke.inverse:d,S=t?n.color.stroke.disabled.inverse:n.color.stroke.disabled.default,p={backgroundColor:n.color.bg.disabled,color:S,outlineColor:S},C={default:{height:c,width:c,color:h,borderRadius:n.border.radius.default,":hover":y({boxShadow:"none",color:w,borderRadius:n.border.radius.default,outlineWidth:n.border.width.default},m[":hover"]),"@media not (hover: hover)":{":hover":{boxShadow:"none",color:h,borderRadius:n.border.radius.default,outline:"none",backgroundColor:"transparent"}},":focus":{boxShadow:`0 0 0 ${n.border.width.default}px ${w}`,borderRadius:n.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":y({boxShadow:"none",outlineWidth:n.border.width.default,outlineColor:w,outlineOffset:1,outlineStyle:"solid",borderRadius:n.border.radius.default},m[":focus-visible"]),":active":y({color:t?v:f,outlineWidth:n.border.width.default,outlineColor:t?v:f,outlineOffset:1,outlineStyle:"solid",borderRadius:n.border.radius.default},m[":active"])},disabled:{color:S,cursor:"not-allowed",":hover":y({},p,{outline:"none"}),":active":y({},p,{outline:"none"}),":focus":{boxShadow:`0 0 0 ${n.border.width.default}px ${S}`,borderRadius:n.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":p}};return Z[l]=R.StyleSheet.create(C),Z[l]},At=["color","disabled","href","kind","light","size","skipClientNav","tabIndex","target"],ee=a.forwardRef(function(e,t){const{color:r="default",disabled:n=!1,href:o,kind:d="primary",light:l=!1,size:h="medium",skipClientNav:c,tabIndex:m,target:v}=e,f=V(e,At);function w(p){const C=p.key;!o&&(C==="Enter"||C==="Space")&&p.preventDefault()}function S(p){const C=p.key;!o&&(C==="Enter"||C==="Space")&&f.onClick&&f.onClick(p)}return a.createElement(_t,null,a.createElement(Dt,y({},f,{color:r,disabled:n,href:o,kind:d,light:l,ref:t,skipClientNav:c,size:h,target:v,tabIndex:m,onKeyDown:w,onKeyUp:S})))}),Ot=""+new URL("caret-double-down-bold-XepWuyCn.svg",import.meta.url).href,Wt=""+new URL("caret-double-up-bold-10VQDgxI.svg",import.meta.url).href,zt=""+new URL("caret-up-bold-0QYBH_hJ.svg",import.meta.url).href,Ut=""+new URL("trash-bold-rak1tQ6r.svg",import.meta.url).href,Te=i=>{const{figureType:e,onMove:t,onRemove:r}=i;return B(M,{style:j.container,children:[g(We,{startIcon:Ut,"aria-label":`Delete locked ${e}`,onClick:r,kind:"tertiary",style:j.deleteButton,children:"Delete"}),t&&B($e,{children:[g(Le,{}),g(ee,{icon:Wt,size:"small","aria-label":`Move locked ${e} to the back`,onClick:()=>t("back"),style:j.iconButton}),g(ee,{icon:zt,size:"small","aria-label":`Move locked ${e} backward`,onClick:()=>t("backward"),style:j.iconButton}),g(ee,{icon:Se,size:"small","aria-label":`Move locked ${e} forward`,onClick:()=>t("forward"),style:j.iconButton}),g(ee,{icon:Ot,size:"small","aria-label":`Move locked ${e} to the front`,onClick:()=>t("front"),style:j.iconButton})]})]})},j=R.StyleSheet.create({container:{width:"100%",flexDirection:"row",alignItems:"center",marginTop:u.xxxSmall_4},deleteButton:{marginInlineStart:-u.xxxSmall_4},iconButton:{margin:0}}),Kt=Te;Te.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSettingsActions",props:{figureType:{required:!0,tsType:{name:"LockedFigureType"},description:""},onMove:{required:!1,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{a as B,j as g,F as $e}from"./jsx-runtime-FVsy8kgq.js";import{l as Be}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{V as M,b as ne,u as Fe,a as V,_ as y}from"./index-6h5t6F0w.js";import{c as Se,S as Ne,O as ae}from"./answer-choices-MQdUvt3_.js";import{T as De}from"./index-QCAhLhLD.js";import{S as K,a as Le}from"./index-qUyqkRvh.js";import{s as u,c as s,b as U}from"./index-deFLJwr4.js";import{a as re,H as Me,B as Pe,L as pe}from"./index-h_CiYGGb.js";import{l as R}from"./index-awljIyHI.js";import{r as a}from"./index-TT1qJ6UJ.js";import{S as me}from"./scrollless-number-text-field-U5Bx_xXb.js";import{C as Ae}from"./index-o3wWn3Y5.js";import{P as le}from"./index-xuPsLuPk.js";import{C as Oe}from"./color-select-2BKEX7ba.js";import{B as We}from"./choice-Bz-ZMhQM.js";import{w as ze,c as we,L as Ce}from"./react-router-dom-W_e8xVUu.js";import{m as Ue,c as Ke,u as qe,T as He}from"./index-rfN0X25E.js";const xe=i=>{const{coord:e,labels:t,error:r,style:n,onChange:o}=i,[d,l]=a.useState([e[0].toString(),e[1].toString()]);a.useEffect(()=>{l([e[0].toString(),e[1].toString()])},[e]);function h(c,m){const v=[...d];if(v[m]=c,l(v),isNaN(+c)||c==="")return;const f=[...e];f[m]=+c,o(f)}return B(M,{style:[W.row,n],children:[B(re,{tag:"label",style:W.row,children:[t?t[0]:"x coord",g(K,{size:u.xxSmall_6}),g(me,{value:d[0],onChange:c=>h(c,0),style:[W.textField,r?W.errorField:void 0]})]}),g(K,{size:u.medium_16}),B(re,{tag:"label",style:W.row,children:[t?t[1]:"y coord",g(K,{size:u.xxSmall_6}),g(me,{value:d[1],onChange:c=>h(c,1),style:[W.textField,r?W.errorField:void 0]})]})]})},W=R.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},textField:{width:u.xxxLarge_64},errorField:{borderColor:s.red,backgroundColor:s.fadedRed8}}),je=xe;xe.__docgenInfo={description:"",methods:[],displayName:"CoordinatePairInput",props:{coord:{required:!0,tsType:{name:"tuple",raw:"[number, number]",elements:[{name:"number"},{name:"number"}]},description:""},labels:{required:!1,tsType:{name:"tuple",raw:"[string, string]",elements:[{name:"string"},{name:"string"}]},description:""},error:{required:!1,tsType:{name:"boolean"},description:""},style:{required:!1,tsType:{name:"StyleType"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newCoord: Coord) => void",signature:{arguments:[{type:{name:"Coord"},name:"newCoord"}],return:{name:"void"}}},description:""}}};function G(){return G=Object.assign?Object.assign.bind():function(i){for(var e=1;e=0)&&(t[n]=i[n]);return t}const Ve=["children","id","initialExpandedIndex","allowMultipleExpanded","caretPosition","cornerKind","animated","style"],Qe=ne("ul"),Ge=6;a.forwardRef(function(e,t){const{children:r,id:n,initialExpandedIndex:o,allowMultipleExpanded:d=!0,caretPosition:l,cornerKind:h="rounded",animated:c,style:m}=e,v=ke(e,Ve),f=Array(r.length).fill(!1);o!==void 0&&(f[o]=!0);const[w,S]=a.useState(f),p=Array(r.length).fill(null),C=r.length<=Ge,I=(x,b)=>{const k=d?[...w]:Array(r.length).fill(!1),_=!w[x];k[x]=_,S(k),b&&b(_)},F=x=>{var b,k,_,N;const D=p.findIndex($=>$.current===document.activeElement);if(D!==-1)switch(x.key){case"ArrowUp":x.preventDefault();const $=(D+r.length-1)%r.length;(b=p[$].current)==null||b.focus();break;case"ArrowDown":x.preventDefault();const L=(D+1)%r.length;(k=p[L].current)==null||k.focus();break;case"Home":x.preventDefault(),(_=p[0].current)==null||_.focus();break;case"End":x.preventDefault(),(N=p[r.length-1].current)==null||N.focus();break}};return a.createElement(Qe,G({style:[Xe.wrapper,m],onKeyDown:F},v,{ref:t}),r.map((x,b)=>{const{caretPosition:k,cornerKind:_,onToggle:N,animated:D}=x.props,$=a.createRef();p[b]=$;const T=b===0,L=b===r.length-1;return a.createElement("li",{key:b,id:n},a.cloneElement(x,{animated:D??c,caretPosition:k??l,cornerKind:_??h,expanded:w[b],onToggle:()=>I(b,N),isFirstSection:T,isLastSection:L,isRegion:C,ref:$}))}))});const Xe=R.StyleSheet.create({wrapper:{boxSizing:"border-box",listStyle:"none",padding:0,width:"100%"}});function Je(i,e,t,r){switch(i){case"rounded-per-section":return{roundedTop:!0,roundedBottom:!r};case"rounded":return{roundedTop:e,roundedBottom:t&&!r};default:return{roundedTop:!1,roundedBottom:!1}}}const Ye=a.forwardRef(function(e,t){const{id:r,header:n,caretPosition:o,cornerKind:d,collapsible:l=!0,expanded:h,animated:c,onClick:m,sectionContentUniqueId:v,headerStyle:f,tag:w="h2",testId:S,isFirstSection:p,isLastSection:C}=e,I=typeof n=="string",{roundedTop:F,roundedBottom:x}=Je(d,p,C,h);return a.createElement(Me,{tag:w,style:E.heading},a.createElement(Ae,{id:r,"aria-expanded":h,"aria-controls":v,onClick:m,disabled:!l,testId:S?`${S}-header`:void 0,style:[E.headerWrapper,c&&E.headerWrapperWithAnimation,o==="start"&&E.headerWrapperCaretStart,F&&E.roundedTop,x&&E.roundedBottom,f,!l&&E.disabled],ref:t},()=>a.createElement(a.Fragment,null,a.createElement(M,{style:[E.headerContent,I&&E.headerString]},I?a.createElement(M,{style:[o==="end"?E.headerStringCaretEnd:E.headerStringCaretStart]},n):n),l&&a.createElement(le,{icon:Se,color:s.offBlack64,size:"small",style:[c&&E.iconWithAnimation,o==="start"?E.iconStart:E.iconEnd,h&&E.iconExpanded],testId:S?`${S}-caret-icon`:void 0}))))}),J=u.small_12-1,ge="300ms",E=R.StyleSheet.create({heading:{minWidth:0,marginTop:0},headerWrapper:{display:"flex",flexDirection:"row",alignItems:"center",overflow:"hidden",minWidth:"auto",width:"100%",position:"relative",zIndex:1,":active":{outline:`2px solid ${s.activeBlue}`},":hover":{outline:`2px solid ${s.blue}`},":focus":{boxShadow:`0 0 0 2px ${s.blue}`},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":{outline:`2px solid ${s.blue}`}},headerWrapperWithAnimation:{transition:`border-radius ${ge}`},headerWrapperCaretStart:{flexDirection:"row-reverse"},roundedTop:{borderStartStartRadius:J,borderStartEndRadius:J},roundedBottom:{borderEndStartRadius:J,borderEndEndRadius:J},headerContent:{flexGrow:1,textAlign:"start"},headerString:{paddingTop:u.medium_16,paddingBottom:u.medium_16},headerStringCaretEnd:{paddingInlineEnd:u.small_12,paddingInlineStart:u.medium_16},headerStringCaretStart:{paddingInlineEnd:u.medium_16,paddingInlineStart:u.small_12},iconWithAnimation:{transition:`transform ${ge}`},iconExpanded:{transform:"rotate(180deg)"},iconStart:{marginInlineStart:u.medium_16},iconEnd:{marginInlineEnd:u.medium_16},disabled:{pointerEvents:"none",color:"inherit",":focus":{boxShadow:`0 0 0 2px ${s.offBlack32}`},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":{outline:`2px solid ${s.offBlack32}`}}}),Ze=["children","id","header","collapsible","expanded","animated","onToggle","caretPosition","cornerKind","style","headerStyle","tag","testId","isFirstSection","isLastSection","isRegion"],et=a.forwardRef(function(e,t){const{children:r,id:n,header:o,collapsible:d,expanded:l,animated:h=!1,onToggle:c,caretPosition:m="end",cornerKind:v="rounded",style:f,headerStyle:w,tag:S,testId:p,isFirstSection:C=!0,isLastSection:I=!0,isRegion:F=!0}=e,x=ke(e,Ze),[b,k]=a.useState(l??!1),_=l!==void 0&&c,N=Fe(),D=n??N.get("accordion-section"),$=n?`${n}-header`:N.get("accordion-section-header"),T=N.get("accordion-section-content"),L=tt(v,C,I),fe=()=>{_?c(!l):(k(!b),c&&c(!b))};let q;return d===!1?q=!0:q=_?l:b,a.createElement(M,G({id:D,style:[A.wrapper,h&&A.wrapperWithAnimation,L.wrapper,q?A.wrapperExpanded:A.wrapperCollapsed,f],testId:p},x),a.createElement(Ye,{id:$,header:o,caretPosition:m,cornerKind:v,collapsible:d,expanded:q,animated:h,onClick:fe,sectionContentUniqueId:T,headerStyle:w,tag:S,testId:p,isFirstSection:C,isLastSection:I,ref:t}),a.createElement(M,{id:T,role:F?"region":void 0,"aria-labelledby":$,style:[A.contentWrapper,q?A.contentWrapperExpanded:A.conentWrapperCollapsed,L.contentWrapper],testId:p?`${p}-content-panel`:void 0},typeof r=="string"?a.createElement(Pe,{style:A.stringContent},r):r))}),A=R.StyleSheet.create({wrapper:{display:"grid",position:"static",boxSizing:"border-box",backgroundColor:s.white},wrapperWithAnimation:{transition:"grid-template-rows 300ms"},wrapperCollapsed:{gridTemplateRows:"min-content 0fr"},wrapperExpanded:{gridTemplateRows:"min-content 1fr"},contentWrapper:{overflow:"hidden"},conentWrapperCollapsed:{visibility:"hidden"},contentWrapperExpanded:{visibility:"visible"},stringContent:{padding:u.medium_16}}),Y={},tt=(i,e,t)=>{const r=`${i}-${e.toString()}-${t.toString()}`;if(Y[r])return Y[r];let n=Object.freeze({}),o=Object.freeze({}),d=Object.freeze({}),l=Object.freeze({});i==="square"&&(n={border:`1px solid ${s.offBlack16}`,borderBottom:"none",borderRadius:0},t&&(l={borderBottom:`1px solid ${s.offBlack16}`})),i==="rounded"&&(n={border:`1px solid ${s.offBlack16}`,borderBottom:"none"},e&&(d={borderStartStartRadius:u.small_12,borderStartEndRadius:u.small_12}),t&&(l={borderBottom:`1px solid ${s.offBlack16}`,borderEndStartRadius:u.small_12,borderEndEndRadius:u.small_12},o={borderEndEndRadius:u.small_12,borderEndStartRadius:u.small_12})),i==="rounded-per-section"&&(n={border:`1px solid ${s.offBlack16}`,borderRadius:u.small_12,marginBottom:u.medium_16},o={borderEndEndRadius:u.small_12,borderEndStartRadius:u.small_12});const h={wrapper:G({},n,d,l),contentWrapper:o};return Y[r]=R.StyleSheet.create(h),Y[r]},Re=i=>{const{children:e,header:t,expanded:r,containerStyle:n,panelStyle:o,onToggle:d}=i;return g(M,{className:"perseus-editor-accordion",children:g(et,{expanded:r,onToggle:d,style:[se.container,n],headerStyle:se.accordionHeader,header:t,children:g(M,{style:[se.accordionPanel,o],children:e})})})},se=R.StyleSheet.create({container:{backgroundColor:s.fadedBlue8,marginTop:u.xSmall_8},accordionHeader:{padding:u.small_12,paddingInlineEnd:0,height:u.xxLarge_48},accordionPanel:{paddingTop:u.xxSmall_6,paddingBottom:u.xxxSmall_4,paddingLeft:u.small_12,paddingRight:u.small_12}}),rt=Re;Re.__docgenInfo={description:"",methods:[],displayName:"PerseusEditorAccordion",props:{children:{required:!0,tsType:{name:"union",raw:"React.ReactNode | React.ReactNode[]",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"Array",elements:[{name:"ReactReactNode",raw:"React.ReactNode"}],raw:"React.ReactNode[]"}]},description:""},header:{required:!0,tsType:{name:"union",raw:"string | React.ReactElement",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement"}]},description:""},expanded:{required:!1,tsType:{name:"boolean"},description:""},containerStyle:{required:!1,tsType:{name:"StyleType"},description:""},panelStyle:{required:!1,tsType:{name:"StyleType"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:""}}};function Ee(i){const e=[];if(i)if(Array.isArray(i))for(const t of i)e.push(...Ee(t));else e.push(i);else return e;return e}function Ie(i){const e=[],t=[];if(!i)return{style:{},className:""};const r=typeof global<"u"&&global.SNAPSHOT_INLINE_APHRODITE;Ee(i).forEach(o=>{const d=o._definition;if(d!=null)if(r){const l={};for(const[h,c]of Object.entries(d))l[h.replace(/-[a-z]/g,m=>m[1].toUpperCase())]=c;t.push(l)}else e.push(o);else t.push(o)});const n=Object.assign({},...t);if(t.length>0&&!r){const o=R.StyleSheet.create({inlineStyles:n});e.push(o.inlineStyles)}return{style:r?n:{},className:R.css(...e)}}const nt=["children","style","tag","testId"],ot=/^h[1-6]$/,ye=R.StyleSheet.create({text:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},header:{marginTop:0,marginBottom:0}});a.forwardRef(function(e,t){let{children:r,style:n,tag:o="span",testId:d}=e,l=V(e,nt);const h=ot.test(o),c=Ie([ye.text,h&&ye.header,n]),m=l.className?[l.className,c.className].join(" "):c.className;return a.createElement(o,y({},l,{style:c.style,className:m,"data-testid":d,ref:t}),r)});const it=["className","style"];function O(i,e){return a.forwardRef((t,r)=>{const{className:n,style:o}=t,d=V(t,it),l=typeof i=="string"?at[i]:null,{className:h,style:c}=Ie([l,e,o]);return a.createElement(i,y({},d,{ref:r,className:[h,n].filter(Boolean).join(" "),style:c}))})}const at=R.StyleSheet.create({button:{margin:0,"::-moz-focus-inner":{border:0}}}),st=["testId","tag"],X=R.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}}),lt=O("div",X.default),dt=O("article",X.default),ct=O("aside",X.default),ut=O("nav",X.default),ht=O("section",X.default);a.forwardRef(function(e,t){const{testId:r,tag:n="div"}=e,o=V(e,st),d=y({},o,{"data-testid":r});switch(n){case"article":return a.createElement(dt,y({},d,{ref:t}));case"aside":return a.createElement(ct,y({},d,{ref:t}));case"nav":return a.createElement(ut,y({},d,{ref:t}));case"section":return a.createElement(ht,y({},d,{ref:t}));case"div":return a.createElement(lt,y({},d,{ref:t}));default:throw Error(`${n} is not an allowed value for the 'tag' prop`)}});let z=function(i){return i.Root="root",i.Initial="initial",i.Standard="standard",i}({});const te=a.createContext(z.Root);te.displayName="RenderStateContext";class ft extends a.Component{constructor(...e){super(...e),this.state={mounted:!1},this._isTheRootComponent=!1}componentDidMount(){this._isTheRootComponent&&this.setState({mounted:!0})}_renderAsRootComponent(){const{mounted:e}=this.state,{children:t,fallback:r}=this.props;return this._isTheRootComponent=!0,e?a.createElement(te.Provider,{value:z.Standard},t()):r?a.createElement(te.Provider,{value:z.Initial},r()):null}_maybeRender(e){const{children:t,fallback:r}=this.props;switch(e){case z.Root:return this._renderAsRootComponent();case z.Initial:return r?r():null;case z.Standard:return t()}{var n;return console.log(`We got a render state we don't understand: "${(n=JSON.stringify(e))!=null?n:""}"`),this._maybeRender(z.Root)}}render(){return a.createElement(te.Consumer,null,e=>this._maybeRender(e))}}class oe{constructor(e){this._uniqueFactoryName=void 0,this.get=r=>{const n=r.toLowerCase();if(!this._hasValidIdChars(r))throw new Error(`Invalid identifier key: ${r}`);return`${this._uniqueFactoryName}-${n}`},e=typeof e=="string"?e:"";const t=e.toLowerCase();if(!this._hasValidIdChars(t))throw new Error(`Invalid factory scope: ${e}`);this._uniqueFactoryName=`uid-${t}-${oe._factoryUniquenessCounter++}`}_hasValidIdChars(e){return typeof e=="string"?!/\s/.test(e):!1}}oe._factoryUniquenessCounter=0;class de{get(e){return e}}de.Default=new de;var pt=de.Default;class mt extends a.Component{constructor(...e){super(...e),this._idFactory=void 0}_performRender(e){const{children:t,mockOnFirstRender:r,scope:n}=this.props;return e?r?t(pt):null:(this._idFactory||(this._idFactory=new oe(n)),t(this._idFactory))}render(){return a.createElement(ft,{fallback:()=>this._performRender(!0)},()=>this._performRender(!1))}}class ce extends a.Component{renderChildren(e){const{id:t,children:r}=this.props,n=e?e.get(ce.defaultId):t;if(!n)throw new Error("Did not get an identifier factory nor a id prop");return r(n)}render(){const{id:e,scope:t}=this.props;return e?this.renderChildren():a.createElement(mt,{scope:t,mockOnFirstRender:!0},r=>this.renderChildren(r))}}ce.defaultId="wb-id";const be=i=>{switch(i){case"link":return{triggerOnEnter:!0,triggerOnSpace:!1};case"checkbox":case"radio":case"listbox":return{triggerOnEnter:!1,triggerOnSpace:!0};case"button":case"menuitem":case"menu":case"option":default:return{triggerOnEnter:!0,triggerOnSpace:!0}}},gt={onClick:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onMouseDown:()=>{},onMouseUp:()=>{},onTouchStart:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{},onKeyDown:()=>{},onKeyUp:()=>{}},H={enter:13,space:32},ve={hovered:!1,focused:!1,pressed:!1,waiting:!1};class ue extends a.Component{static getDerivedStateFromProps(e,t){return e.disabled?y({},ve,{focused:t.focused}):null}constructor(e){super(e),this.waitingForClick=void 0,this.enterClick=void 0,this.handleClick=t=>{const{onClick:r=void 0,beforeNav:n=void 0,safeWithNav:o=void 0}=this.props;this.enterClick||((r||n||o)&&(this.waitingForClick=!1),this.runCallbackAndMaybeNavigate(t))},this.handleMouseEnter=t=>{this.waitingForClick||this.setState({hovered:!0})},this.handleMouseLeave=()=>{this.waitingForClick||this.setState({hovered:!1,pressed:!1,focused:!1})},this.handleMouseDown=t=>{this.props.onMouseDown&&this.props.onMouseDown(t),this.setState({pressed:!0})},this.handleMouseUp=t=>{this.props.onMouseUp&&this.props.onMouseUp(t),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=t=>{const{onKeyDown:r,role:n}=this.props;r&&r(t);const o=t.which||t.keyCode,{triggerOnEnter:d,triggerOnSpace:l}=be(n);d&&o===H.enter||l&&o===H.space?(t.preventDefault(),this.setState({pressed:!0})):!d&&o===H.enter&&(this.enterClick=!0)},this.handleKeyUp=t=>{const{onKeyUp:r,role:n}=this.props;r&&r(t);const o=t.which||t.keyCode,{triggerOnEnter:d,triggerOnSpace:l}=be(n);d&&o===H.enter||l&&o===H.space?(this.setState({pressed:!1,focused:!0}),this.runCallbackAndMaybeNavigate(t)):!d&&o===H.enter&&(this.enterClick=!1)},this.handleFocus=t=>{const{onFocus:r}=this.props;this.setState({focused:!0},()=>{r&&r(t)})},this.handleBlur=t=>{this.setState({focused:!1,pressed:!1})},this.state=ve,this.waitingForClick=!1,this.enterClick=!1}navigateOrReset(e){if(e){const{history:t,href:r,skipClientNav:n,target:o=void 0}=this.props;r&&(o==="_blank"?(window.open(r,"_blank"),this.setState({waiting:!1})):t&&!n?(t.push(r),this.setState({waiting:!1})):window.location.assign(r))}else this.setState({waiting:!1})}handleSafeWithNav(e,t){const{skipClientNav:r,history:n}=this.props;return n&&!r||this.props.target==="_blank"?(e(),this.navigateOrReset(t),Promise.resolve()):(this.state.waiting||this.setState({waiting:!0}),e().then(()=>{this.state.waiting||this.setState({waiting:!0})}).catch(o=>{}).finally(()=>{this.navigateOrReset(t)}))}runCallbackAndMaybeNavigate(e){const{onClick:t=void 0,beforeNav:r=void 0,safeWithNav:n=void 0,href:o,type:d}=this.props;let l=!0,h=!0;if(t&&t(e),e.defaultPrevented&&(l=!1,h=!1),e.preventDefault(),!o&&d==="submit"&&h){let c=e.currentTarget;for(;c;){if(c instanceof window.HTMLFormElement){const m=new window.Event("submit",{bubbles:!0,cancelable:!0});c.dispatchEvent(m);break}c=c.parentElement}}if(r)this.setState({waiting:!0}),r().then(()=>n?this.handleSafeWithNav(n,l):this.navigateOrReset(l)).catch(()=>{});else{if(n)return this.handleSafeWithNav(n,l);this.navigateOrReset(l)}}render(){const e=this.props.rel||(this.props.target==="_blank"?"noopener noreferrer":void 0),t=this.props.disabled?y({},gt,{onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:this.props.tabIndex,rel:e}):{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,rel:e},{children:r}=this.props;return r&&r(this.state,t)}}ue.defaultProps={disabled:!1};const he=i=>typeof i!="string"?!1:!/^(https?:)?\/\//i.test(i)&&!/^([^#]*#[\w-]*|[\w\-.]+:)/.test(i),yt=ze(ue);function bt(i,e,t){return t&&e!==!0&&i&&he(i)?yt:ue}const vt=["href","onClick","skipClientNav","beforeNav","safeWithNav","style","target","testId","onFocus","onKeyDown","onKeyUp","onMouseDown","onMouseUp","hideDefaultFocusRing","light","disabled","tabIndex"],St=O("a"),wt=O("button"),Ct=O(Ce),xt=a.forwardRef(function(e,t){const r=(o,d,l)=>{const h=e.href&&!e.disabled,c=d&&!e.skipClientNav&&he(e.href||"");return h&&c&&e.href?a.createElement(Ct,y({},l,{to:e.href,role:e.role,target:e.target||void 0,"aria-disabled":e.disabled?"true":"false",ref:t}),e.children(o)):h&&!c?a.createElement(St,y({},l,{href:e.href,role:e.role,target:e.target||void 0,"aria-disabled":e.disabled?"true":"false",ref:t}),e.children(o)):a.createElement(wt,y({},l,{type:"button","aria-disabled":e.disabled,ref:t}),e.children(o))},n=o=>{const{href:d,onClick:l,skipClientNav:h,beforeNav:c=void 0,safeWithNav:m=void 0,style:v,target:f=void 0,testId:w,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,hideDefaultFocusRing:x,light:b,disabled:k,tabIndex:_}=e,N=V(e,vt),D=bt(d,h,o),$=T=>[Q.reset,Q.link,!x&&T.focused&&(b?Q.focusedLight:Q.focused),k&&Q.disabled,v];return c?a.createElement(D,{href:d,onClick:l,beforeNav:c,safeWithNav:m,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,disabled:k,tabIndex:_},(T,L)=>r(T,o,y({},N,{"data-testid":w,style:$(T)},L))):a.createElement(D,{href:d,onClick:l,safeWithNav:m,onFocus:S,onKeyDown:p,onKeyUp:C,onMouseDown:I,onMouseUp:F,target:f,disabled:k,tabIndex:_},(T,L)=>r(T,o,y({},N,{"data-testid":w,style:$(T)},L)))};return a.createElement(we.Consumer,null,o=>n(o))});xt.defaultProps={light:!1,disabled:!1};const Q=R.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 ${s.blue}`}},focusedLight:{outline:`solid 2px ${s.white}`},disabled:{color:s.offBlack32,cursor:"not-allowed",":focus":{outline:"none"},":focus-visible":{outline:`solid 2px ${s.blue}`}}}),kt=i=>{switch(i){case"xsmall":return"small";case"small":return"medium";case"medium":return"medium";case"large":return"medium"}},Rt=i=>({xsmall:24,small:32,medium:40,large:48})[i],ie={color:{bg:{hovered:"transparent",active:"transparent",disabled:"transparent",filled:{action:{hovered:"transparent",active:"transparent"},critical:{hovered:"transparent",active:"transparent"}}},stroke:{disabled:{default:s.offBlack32,inverse:s.white50},inverse:s.white,action:{default:s.blue,active:s.activeBlue,inverse:s.fadedBlue},critical:{default:s.red,active:s.activeRed,inverse:s.fadedRed},primary:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed},inverse:{default:s.white,hovered:s.white}},secondary:{default:s.offBlack},tertiary:{default:s.offBlack64},filled:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed}}}},border:{width:{default:U.width.thin,active:U.width.none,hovered:U.width.thin,hoveredInverse:U.width.thin},radius:{default:U.radius.medium_4}}},Et=Ue(ie,{color:{bg:{hovered:s.white,active:s.white64,filled:{action:{hovered:s.blue,active:s.activeBlue},critical:{hovered:s.red,active:s.activeRed}}},stroke:{action:{inverse:s.eggplant},critical:{inverse:s.eggplant},primary:{action:{hovered:s.eggplant,active:s.eggplant},critical:{hovered:s.eggplant,active:s.eggplant},inverse:{hovered:s.eggplant}},filled:{action:{hovered:s.white,active:s.white},critical:{hovered:s.white,active:s.white}}}},border:{width:{hovered:U.width.none,hoveredInverse:U.width.none}}}),It={default:ie,khanmigo:Et},_e=Ke(ie);function _t(i){var e;const t=a.useContext(He),r=(e=It[t])!=null?e:ie;return a.createElement(_e.Provider,{value:r},i.children)}const Tt=["color","disabled","href","icon","kind","light","size","skipClientNav","style","testId"];function $t({icon:i,size:e}){switch(kt(e)){case"small":return a.createElement(le,{size:"small",color:"currentColor",icon:i});case"medium":default:return a.createElement(le,{size:"medium",color:"currentColor",icon:i})}}const Bt=ne("a"),Ft=ne("button"),Nt=ne(Ce),Dt=a.forwardRef(function(e,t){const{color:r,disabled:n,href:o,icon:d,kind:l="primary",light:h=!1,size:c="medium",skipClientNav:m,style:v,testId:f}=e,w=V(e,Tt),{theme:S,themeName:p}=qe(_e),C=I=>{const F=Pt(r,l,h,c,S,p),x=[Lt.shared,F.default,n&&F.disabled],b=a.createElement($t,{size:c,icon:d}),k=y({"data-testid":f,style:[x,v]},w);return o&&!n?I&&!m&&he(o)?a.createElement(Nt,y({},k,{to:o,ref:t}),b):a.createElement(Bt,y({},k,{href:o,ref:t}),b):a.createElement(Ft,y({type:"button"},k,{onClick:n?void 0:w.onClick,"aria-disabled":n,ref:t}),b)};return a.createElement(we.Consumer,null,I=>C(I))}),Lt=R.StyleSheet.create({shared:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",padding:0,cursor:"pointer",border:"none",outline:"none",textDecoration:"none",background:"none",margin:-8,touchAction:"manipulation"}}),Z={};function Mt(i,e,t,r,n){switch(i){case"primary":const o=n==="destructive"?e.color.stroke.primary.critical.hovered:e.color.stroke.primary.action.hovered;return{":hover":{backgroundColor:e.color.bg.hovered,color:r?e.color.stroke.primary.inverse.hovered:o,outlineColor:r?e.color.stroke.inverse:t,outlineOffset:1,outlineStyle:"solid",outlineWidth:r?e.border.width.hoveredInverse:e.border.width.hovered},":active":{backgroundColor:e.color.bg.active}};case"secondary":case"tertiary":return{":hover":{backgroundColor:n==="destructive"?e.color.bg.filled.critical.hovered:e.color.bg.filled.action.hovered,color:n==="destructive"?e.color.stroke.filled.critical.hovered:e.color.stroke.filled.action.hovered,outlineWidth:e.border.width.active},":active":{backgroundColor:n==="destructive"?e.color.bg.filled.critical.active:e.color.bg.filled.action.active,color:n==="destructive"?e.color.stroke.filled.critical.active:e.color.stroke.filled.action.active,outlineWidth:e.border.width.active}};default:return{":focus-visible":{},":hover":{},":active":{}}}}const Pt=(i="default",e,t,r,n,o)=>{const d=i==="destructive"?n.color.stroke.critical.default:n.color.stroke.action.default,l=`${d}-${e}-${t}-${r}-${o}`;if(Z[l])return Z[l];if(t&&e!=="primary")throw new Error("Light is only supported for primary IconButtons");const h=(()=>{switch(e){case"primary":return t?n.color.stroke.primary.inverse.default:d;case"secondary":return n.color.stroke.secondary.default;case"tertiary":return n.color.stroke.tertiary.default;default:throw new Error("IconButton kind not recognized")}})(),c=Rt(r),m=Mt(e,n,d,t,i),v=i==="destructive"?n.color.stroke.critical.inverse:n.color.stroke.action.inverse,f=i==="destructive"?n.color.stroke.critical.active:n.color.stroke.action.active,w=t?n.color.stroke.inverse:d,S=t?n.color.stroke.disabled.inverse:n.color.stroke.disabled.default,p={backgroundColor:n.color.bg.disabled,color:S,outlineColor:S},C={default:{height:c,width:c,color:h,borderRadius:n.border.radius.default,":hover":y({boxShadow:"none",color:w,borderRadius:n.border.radius.default,outlineWidth:n.border.width.default},m[":hover"]),"@media not (hover: hover)":{":hover":{boxShadow:"none",color:h,borderRadius:n.border.radius.default,outline:"none",backgroundColor:"transparent"}},":focus":{boxShadow:`0 0 0 ${n.border.width.default}px ${w}`,borderRadius:n.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":y({boxShadow:"none",outlineWidth:n.border.width.default,outlineColor:w,outlineOffset:1,outlineStyle:"solid",borderRadius:n.border.radius.default},m[":focus-visible"]),":active":y({color:t?v:f,outlineWidth:n.border.width.default,outlineColor:t?v:f,outlineOffset:1,outlineStyle:"solid",borderRadius:n.border.radius.default},m[":active"])},disabled:{color:S,cursor:"not-allowed",":hover":y({},p,{outline:"none"}),":active":y({},p,{outline:"none"}),":focus":{boxShadow:`0 0 0 ${n.border.width.default}px ${S}`,borderRadius:n.border.radius.default},":focus:not(:focus-visible)":{boxShadow:"none"},":focus-visible":p}};return Z[l]=R.StyleSheet.create(C),Z[l]},At=["color","disabled","href","kind","light","size","skipClientNav","tabIndex","target"],ee=a.forwardRef(function(e,t){const{color:r="default",disabled:n=!1,href:o,kind:d="primary",light:l=!1,size:h="medium",skipClientNav:c,tabIndex:m,target:v}=e,f=V(e,At);function w(p){const C=p.key;!o&&(C==="Enter"||C==="Space")&&p.preventDefault()}function S(p){const C=p.key;!o&&(C==="Enter"||C==="Space")&&f.onClick&&f.onClick(p)}return a.createElement(_t,null,a.createElement(Dt,y({},f,{color:r,disabled:n,href:o,kind:d,light:l,ref:t,skipClientNav:c,size:h,target:v,tabIndex:m,onKeyDown:w,onKeyUp:S})))}),Ot=""+new URL("caret-double-down-bold-XepWuyCn.svg",import.meta.url).href,Wt=""+new URL("caret-double-up-bold-10VQDgxI.svg",import.meta.url).href,zt=""+new URL("caret-up-bold-0QYBH_hJ.svg",import.meta.url).href,Ut=""+new URL("trash-bold-rak1tQ6r.svg",import.meta.url).href,Te=i=>{const{figureType:e,onMove:t,onRemove:r}=i;return B(M,{style:j.container,children:[g(We,{startIcon:Ut,"aria-label":`Delete locked ${e}`,onClick:r,kind:"tertiary",style:j.deleteButton,children:"Delete"}),t&&B($e,{children:[g(Le,{}),g(ee,{icon:Wt,size:"small","aria-label":`Move locked ${e} to the back`,onClick:()=>t("back"),style:j.iconButton}),g(ee,{icon:zt,size:"small","aria-label":`Move locked ${e} backward`,onClick:()=>t("backward"),style:j.iconButton}),g(ee,{icon:Se,size:"small","aria-label":`Move locked ${e} forward`,onClick:()=>t("forward"),style:j.iconButton}),g(ee,{icon:Ot,size:"small","aria-label":`Move locked ${e} to the front`,onClick:()=>t("front"),style:j.iconButton})]})]})},j=R.StyleSheet.create({container:{width:"100%",flexDirection:"row",alignItems:"center",marginTop:u.xxxSmall_4},deleteButton:{marginInlineStart:-u.xxxSmall_4},iconButton:{margin:0}}),Kt=Te;Te.__docgenInfo={description:"",methods:[],displayName:"LockedFigureSettingsActions",props:{figureType:{required:!0,tsType:{name:"LockedFigureType"},description:""},onMove:{required:!1,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:""},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};function qt(i){const{type:e,coord:t,color:r,size:n,text:o,expanded:d,onChangeProps:l,onMove:h,onRemove:c,onToggle:m,containerStyle:v}=i;return B(rt,{expanded:d,onToggle:m,header:B(M,{style:[P.row,P.accordionHeaderContainer],children:[B(pe,{children:["Label (",t[0],", ",t[1],")"]}),g(K,{size:u.xSmall_8}),o!==""&&g(pe,{style:[{backgroundColor:s.white,color:Be[r]},P.accordionHeader],children:o})]}),containerStyle:v,children:[g(je,{coord:t,onChange:f=>{l({coord:f})},style:P.spaceUnder}),B(re,{tag:"label",style:[P.row,P.spaceUnder],children:["TeX",g(K,{size:u.xSmall_8}),g(De,{value:o,placeholder:"ex. x^2 or \\frac{1}{2}",onChange:f=>l({text:f})})]}),B(M,{style:P.row,children:[g(Oe,{selectedValue:r,onChange:f=>{l({color:f})},style:P.spaceUnder}),g(K,{size:u.medium_16}),B(re,{tag:"label",style:P.row,children:["size",g(K,{size:u.xSmall_8}),B(Ne,{selectedValue:n,onChange:f=>l({size:f}),placeholder:"",children:[g(ae,{value:"small",label:"small"}),g(ae,{value:"medium",label:"medium"}),g(ae,{value:"large",label:"large"})]})]})]}),g(Kt,{figureType:e,onMove:h,onRemove:c})]})}const P=R.StyleSheet.create({accordionHeaderContainer:{whiteSpace:"nowrap"},accordionHeader:{padding:u.xxxSmall_4,marginInlineEnd:u.xSmall_8,borderRadius:u.xxxSmall_4,textOverflow:"ellipsis",overflow:"hidden"},row:{display:"flex",flexDirection:"row",alignItems:"center",minWidth:0},spaceUnder:{marginBottom:u.xSmall_8}});qt.__docgenInfo={description:"",methods:[],displayName:"LockedLabelSettings",props:{onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedFigure"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (coord, color, etc.) are updated."},onMove:{required:!1,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" diff --git a/assets/locked-label-settings.stories-ud2D2oZq.js b/assets/locked-label-settings.stories-mX9xGo2c.js similarity index 81% rename from assets/locked-label-settings.stories-ud2D2oZq.js rename to assets/locked-label-settings.stories-mX9xGo2c.js index 648d30e40d..e04dab4e84 100644 --- a/assets/locked-label-settings.stories-ud2D2oZq.js +++ b/assets/locked-label-settings.stories-mX9xGo2c.js @@ -1,4 +1,4 @@ -import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{r as P}from"./index-TT1qJ6UJ.js";import{L as t}from"./locked-label-settings-VSuSSXRz.js";import{g as f}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";const so={title:"PerseusEditor/Components/Locked Label Settings",component:t},r=p=>c(t,{...p}),u={...f("label"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=u;const o={render:function(){const[m,l]=P.useState(u);return c(t,{...m,expanded:!0,onChangeProps:g=>{l({...m,...g})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,e,s;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{r as P}from"./index-TT1qJ6UJ.js";import{L as t}from"./locked-label-settings-0h4-0n-S.js";import{g as f}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";const so={title:"PerseusEditor/Components/Locked Label Settings",component:t},r=p=>c(t,{...p}),u={...f("label"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=u;const o={render:function(){const[m,l]=P.useState(u);return c(t,{...m,expanded:!0,onChangeProps:g=>{l({...m,...g})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var i,e,s;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(s=(e=r.parameters)==null?void 0:e.docs)==null?void 0:s.source}}};var n,a,d;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-line-settings-W2IW-vhr.js b/assets/locked-line-settings-GkAAjhF4.js similarity index 91% rename from assets/locked-line-settings-W2IW-vhr.js rename to assets/locked-line-settings-GkAAjhF4.js index 78ab39bd29..3d14e355e3 100644 --- a/assets/locked-line-settings-W2IW-vhr.js +++ b/assets/locked-line-settings-GkAAjhF4.js @@ -1,4 +1,4 @@ -import{a as u,j as o,F as q}from"./jsx-runtime-FVsy8kgq.js";import"./util-F8-MDmsT.js";import{e as Z}from"./svg-image-QKR8YXWf.js";import{B as G}from"./choice-Bz-ZMhQM.js";import{V as y}from"./index-6h5t6F0w.js";import{S as H,O as S}from"./answer-choices-mbE4GLUb.js";import{S as h}from"./index-qUyqkRvh.js";import{s as g,c as x}from"./index-deFLJwr4.js";import{L as J,a as C}from"./index-h_CiYGGb.js";import{L as Q,p as X}from"./locked-figure-aria-TX53Lzuk.js";import{l as Y}from"./index-awljIyHI.js";import{v as f}from"./index-IIMKO4_x.js";import{P as ee,L as oe,a as ne}from"./locked-label-settings-VSuSSXRz.js";import{C as te}from"./color-select--oRyQ4yX.js";import{L as re}from"./line-stroke-select-4PBvvozU.js";import{L as ae}from"./line-swatch-L0x4Ze99.js";import{L as R}from"./locked-point-settings-oldygzs_.js";import{g as ie,a as le}from"./util-ve-DcPK7.js";const T="The line cannot have length 0.",B=b=>{var A,z;const{flags:s,kind:w,points:m,color:L,lineStyle:v="solid",showPoint1:I,showPoint2:M,labels:n,ariaLabel:V,onChangeProps:a,onMove:j,onRemove:O}=b,[d,c]=m,$=w.charAt(0).toUpperCase()+w.slice(1),D=`${$} (${d.coord[0]}, +import{a as u,j as o,F as q}from"./jsx-runtime-FVsy8kgq.js";import"./util-F8-MDmsT.js";import{e as Z}from"./svg-image-QKR8YXWf.js";import{B as G}from"./choice-Bz-ZMhQM.js";import{V as y}from"./index-6h5t6F0w.js";import{S as H,O as S}from"./answer-choices-MQdUvt3_.js";import{S as h}from"./index-qUyqkRvh.js";import{s as g,c as x}from"./index-deFLJwr4.js";import{L as J,a as C}from"./index-h_CiYGGb.js";import{L as Q,p as X}from"./locked-figure-aria-9zimbV1k.js";import{l as Y}from"./index-awljIyHI.js";import{v as f}from"./index-IIMKO4_x.js";import{P as ee,L as oe,a as ne}from"./locked-label-settings-0h4-0n-S.js";import{C as te}from"./color-select-2BKEX7ba.js";import{L as re}from"./line-stroke-select-qdZZt3Ej.js";import{L as ae}from"./line-swatch-HzvkRHdM.js";import{L as R}from"./locked-point-settings-h--7Y8T_.js";import{g as ie,a as le}from"./util-uUQ0jXdL.js";const T="The line cannot have length 0.",B=b=>{var A,z;const{flags:s,kind:w,points:m,color:L,lineStyle:v="solid",showPoint1:I,showPoint2:M,labels:n,ariaLabel:V,onChangeProps:a,onMove:j,onRemove:O}=b,[d,c]=m,$=w.charAt(0).toUpperCase()+w.slice(1),D=`${$} (${d.coord[0]}, ${d.coord[1]}), (${c.coord[0]}, ${c.coord[1]})`,P=Z(d.coord,c.coord);function U(){let e="";n&&n.length>0&&(e+=` ${n.map(i=>i.text).join(", ")}`);let t=`${$}${e} from (${d.coord[0]}, ${d.coord[1]}) to (${c.coord[0]}, ${c.coord[1]})`;const r=le(L,v);return t+=r,t}function F(e,t){const r=[...m];r[t]={...m[t],...e};const i=f.midpoint(m[0].coord,m[1].coord),p=f.midpoint(r[0].coord,r[1].coord),_=[p[0]-i[0],p[1]-i[1]],W=n==null?void 0:n.map((k,se)=>({...k,coord:[k.coord[0]+_[0],k.coord[1]+_[1]]}));a({points:r,labels:W})}function E(e){var r,i;const t=n==null?void 0:n.map(p=>({...p,color:e}));a({color:e,points:[{...d,color:e,labels:(r=d.labels)==null?void 0:r.map(p=>({...p,color:e}))},{...c,color:e,labels:(i=c.labels)==null?void 0:i.map(p=>({...p,color:e}))}],labels:t})}function K(e,t){if(!n)return;const r=[...n];r[t]={...n[t],...e},a({labels:r})}function N(e){if(!n)return;const t=n.filter((r,i)=>i!==e);a({labels:t})}return u(ee,{expanded:b.expanded,onToggle:b.onToggle,header:u(y,{style:l.row,children:[o(J,{children:D}),o(h,{size:g.xSmall_8}),o(ae,{color:L,lineStyle:v})]}),children:[u(C,{tag:"label",style:[l.row,l.spaceUnder],children:["kind",o(h,{size:g.xxxSmall_4}),u(H,{selectedValue:w,onChange:e=>a({kind:e}),placeholder:"",children:[o(S,{value:"line",label:"line"}),o(S,{value:"ray",label:"ray"}),o(S,{value:"segment",label:"segment"})]})]}),u(y,{style:l.row,children:[o(te,{selectedValue:L,onChange:E}),o(h,{size:g.small_12}),o(re,{selectedValue:v,onChange:e=>a({lineStyle:e})})]}),P&&o(C,{style:l.errorText,children:T}),o(R,{flags:s,headerLabel:"Point 1",expanded:!0,showPoint:I,error:P?T:null,...d,onTogglePoint:e=>a({showPoint1:e}),onChangeProps:e=>F(e,0)}),o(R,{flags:s,headerLabel:"Point 2",expanded:!0,showPoint:M,error:P?T:null,...c,onTogglePoint:e=>a({showPoint2:e}),onChangeProps:e=>F(e,1)}),((A=s==null?void 0:s.mafs)==null?void 0:A["locked-figures-aria"])&&u(q,{children:[o(h,{size:g.small_12}),o(y,{style:l.horizontalRule}),o(Q,{ariaLabel:V,prePopulatedAriaLabel:U(),onChangeProps:e=>{a(e)}})]}),((z=s==null?void 0:s.mafs)==null?void 0:z["locked-line-labels"])&&u(q,{children:[o(h,{size:g.xxxSmall_4}),o(y,{style:l.horizontalRule}),o(h,{size:g.small_12}),o(C,{children:"Visible labels"}),n==null?void 0:n.map((e,t)=>o(oe,{...e,expanded:!0,onChangeProps:r=>{K(r,t)},onRemove:()=>{N(t)},containerStyle:l.labelContainer})),o(G,{kind:"tertiary",startIcon:X,onClick:()=>{const e=[0,-1],t=f.add(f.scale(e,(n==null?void 0:n.length)??0),f.midpoint(m[0].coord,m[1].coord)),r={...ie("label"),coord:t,color:L};a({labels:[...n??[],r]})},style:l.addButton,children:"Add visible label"})]}),o(ne,{figureType:b.type,onMove:j,onRemove:O})]})},l=Y.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},spaceUnder:{marginBottom:g.xSmall_8},errorText:{color:x.red},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:x.offBlack16},labelContainer:{backgroundColor:x.white}}),Te=B;B.__docgenInfo={description:"",methods:[],displayName:"LockedLineSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" diff --git a/assets/locked-line-settings.stories-UZZNfW31.js b/assets/locked-line-settings.stories-0suwPK3p.js similarity index 86% rename from assets/locked-line-settings.stories-UZZNfW31.js rename to assets/locked-line-settings.stories-0suwPK3p.js index 69171c11c4..ca14b6ae7e 100644 --- a/assets/locked-line-settings.stories-UZZNfW31.js +++ b/assets/locked-line-settings.stories-0suwPK3p.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{r as n}from"./index-TT1qJ6UJ.js";import{L as s}from"./locked-line-settings-W2IW-vhr.js";import{g}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./index-dnMhQZ-1.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./index-7vsPyIck.js";import"./index-J2t_5nK1.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./answer-choices-mbE4GLUb.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./locked-figure-aria-TX53Lzuk.js";import"./article-renderer-q7kSP2w4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-VSuSSXRz.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";import"./line-stroke-select-4PBvvozU.js";import"./line-swatch-L0x4Ze99.js";import"./locked-point-settings-oldygzs_.js";import"./labeled-switch-w5N_drxc.js";const Dt={title:"PerseusEditor/Components/Locked Line Settings",component:s},p=i=>m(s,{...i}),c={...g("line"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};p.args=c;const d={render:function(){const[e,r]=n.useState(c);return m(s,{...e,onChangeProps:o=>{r({...e,...o})}})}};d.parameters={chromatic:{disableSnapshot:!0}};const a={render:function(){const[e,r]=n.useState(c),t=o=>{r({...e,...o})};return m(s,{...e,points:[g("point"),g("point")],expanded:!0,onChangeProps:t})}},u={render:function(){const[e,r]=n.useState(!0),[t,o]=n.useState(c);return m(s,{...t,expanded:e,onToggle:r,onChangeProps:P=>{o({...t,...P})}})}},l={render:function(){const[e,r]=n.useState(!0),[t,o]=n.useState({...c,kind:"segment",color:"green",lineStyle:"dashed"});return m(s,{...t,expanded:e,onToggle:r,onChangeProps:P=>{o({...t,...P})}})}};p.__docgenInfo={description:"",methods:[],displayName:"Default"};var h,f,S;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{r as n}from"./index-TT1qJ6UJ.js";import{L as s}from"./locked-line-settings-GkAAjhF4.js";import{g}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./index-dnMhQZ-1.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./index-7vsPyIck.js";import"./index-J2t_5nK1.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./answer-choices-MQdUvt3_.js";import"./minus-bold-ONmDo3Ve.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./locked-figure-aria-9zimbV1k.js";import"./article-renderer-BOOaW4sB.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-0h4-0n-S.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";import"./line-stroke-select-qdZZt3Ej.js";import"./line-swatch-HzvkRHdM.js";import"./locked-point-settings-h--7Y8T_.js";import"./labeled-switch-rQlH1T-w.js";const Dt={title:"PerseusEditor/Components/Locked Line Settings",component:s},p=i=>m(s,{...i}),c={...g("line"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};p.args=c;const d={render:function(){const[e,r]=n.useState(c);return m(s,{...e,onChangeProps:o=>{r({...e,...o})}})}};d.parameters={chromatic:{disableSnapshot:!0}};const a={render:function(){const[e,r]=n.useState(c),t=o=>{r({...e,...o})};return m(s,{...e,points:[g("point"),g("point")],expanded:!0,onChangeProps:t})}},u={render:function(){const[e,r]=n.useState(!0),[t,o]=n.useState(c);return m(s,{...t,expanded:e,onToggle:r,onChangeProps:P=>{o({...t,...P})}})}},l={render:function(){const[e,r]=n.useState(!0),[t,o]=n.useState({...c,kind:"segment",color:"green",lineStyle:"dashed"});return m(s,{...t,expanded:e,onToggle:r,onChangeProps:P=>{o({...t,...P})}})}};p.__docgenInfo={description:"",methods:[],displayName:"Default"};var h,f,S;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(S=(f=p.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var x,R,L;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-point-settings-oldygzs_.js b/assets/locked-point-settings-h--7Y8T_.js similarity index 92% rename from assets/locked-point-settings-oldygzs_.js rename to assets/locked-point-settings-h--7Y8T_.js index 6fa56dc257..6c1f521ec3 100644 --- a/assets/locked-point-settings-oldygzs_.js +++ b/assets/locked-point-settings-h--7Y8T_.js @@ -1,4 +1,4 @@ -import{a as m,j as o,F as b}from"./jsx-runtime-FVsy8kgq.js";import{B as j}from"./choice-Bz-ZMhQM.js";import{V as P}from"./index-6h5t6F0w.js";import{S as g}from"./index-qUyqkRvh.js";import{s,c as w}from"./index-deFLJwr4.js";import{L as I,a as M}from"./index-h_CiYGGb.js";import{L as U,p as E}from"./locked-figure-aria-TX53Lzuk.js";import{l as W}from"./index-awljIyHI.js";import{P as N,C as G,L as H,a as J}from"./locked-label-settings-VSuSSXRz.js";import{C as K}from"./color-select--oRyQ4yX.js";import{C as Q,g as X,a as Y}from"./util-ve-DcPK7.js";import{L as _}from"./labeled-switch-w5N_drxc.js";const q=L=>{var x,S,T;const{flags:i,headerLabel:A,coord:l,color:u,filled:C=!0,labels:n,ariaLabel:B,onChangeProps:d,onMove:v,onRemove:h,showPoint:f,expanded:F,onTogglePoint:k,onToggle:R}=L,c=!v&&!h;function $(){let e="";n&&n.length>0&&(e+=` ${n.map(p=>p.text).join(", ")}`);let a=`Point${e} at (${l[0]}, ${l[1]})`;const t=Y(u);return a+=t,a}function z(e){const a={color:e};n&&(a.labels=n.map(t=>({...t,color:e}))),d(a)}function O(e){const a=e[0]-l[0],t=e[1]-l[1],p={coord:e};n&&(p.labels=n.map(y=>({...y,coord:[y.coord[0]+a,y.coord[1]+t]}))),d(p)}function D(e,a){if(!n)return;const t=[...n];t[a]={...n[a],...e},d({labels:t})}function V(e){if(!n)return;const a=n.filter((t,p)=>p!==e);d({labels:a})}return m(N,{expanded:F,onToggle:R,containerStyle:c?r.definingContainer:void 0,panelStyle:c?r.definingPanel:void 0,header:m(P,{style:r.row,children:[o(I,{children:`${A||"Point"} (${l[0]}, ${l[1]})`}),o(g,{size:s.xSmall_8}),o(Q,{color:u,filled:C})]}),children:[o(G,{coord:l,style:r.spaceUnder,onChange:O}),k&&o(_,{label:"show point on graph",checked:!!f,style:f&&r.spaceUnder,onChange:k}),(!c||f)&&m(b,{children:[o(K,{selectedValue:u,onChange:z,style:r.spaceUnder}),o(_,{label:"open point",checked:!C,onChange:e=>{d({filled:!e})}})]}),!c&&((x=i==null?void 0:i.mafs)==null?void 0:x["locked-figures-aria"])&&m(b,{children:[o(g,{size:s.small_12}),o(P,{style:r.horizontalRule}),o(U,{ariaLabel:B,prePopulatedAriaLabel:$(),onChangeProps:e=>{d(e)}})]}),(!c&&((S=i==null?void 0:i.mafs)==null?void 0:S["locked-point-labels"])||c&&((T=i==null?void 0:i.mafs)==null?void 0:T["locked-line-labels"]))&&m(b,{children:[o(g,{size:s.xxxSmall_4}),o(P,{style:r.horizontalRule}),o(g,{size:s.small_12}),o(M,{children:"Visible labels"}),n==null?void 0:n.map((e,a)=>o(H,{...e,containerStyle:!c&&r.lockedPointLabelContainer,expanded:!0,onChangeProps:t=>{D(t,a)},onRemove:()=>{V(a)}})),o(j,{kind:"tertiary",startIcon:E,onClick:()=>{const e={...X("label"),coord:[l[0]+.5,l[1]-1*((n==null?void 0:n.length)??0)],color:u};d({labels:[...n??[],e]})},style:r.addButton,children:"Add visible label"})]}),h&&o(J,{figureType:L.type,onMove:v,onRemove:h})]})},r=W.StyleSheet.create({definingContainer:{marginTop:s.xSmall_8,marginBottom:0,marginLeft:-s.xxxSmall_4,marginRight:-s.xxxSmall_4,backgroundColor:w.white},definingPanel:{paddingBottom:s.xxSmall_6},lockedPointLabelContainer:{backgroundColor:w.white},row:{flexDirection:"row",alignItems:"center"},spaceUnder:{marginBottom:s.xSmall_8},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:w.offBlack16}}),pe=q;q.__docgenInfo={description:"",methods:[],displayName:"LockedPointSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:"Optional flags to determine which features are enabled."},headerLabel:{required:!1,tsType:{name:"string"},description:`Optional label for the point to display in the header summary. +import{a as m,j as o,F as b}from"./jsx-runtime-FVsy8kgq.js";import{B as j}from"./choice-Bz-ZMhQM.js";import{V as P}from"./index-6h5t6F0w.js";import{S as g}from"./index-qUyqkRvh.js";import{s,c as w}from"./index-deFLJwr4.js";import{L as I,a as M}from"./index-h_CiYGGb.js";import{L as U,p as E}from"./locked-figure-aria-9zimbV1k.js";import{l as W}from"./index-awljIyHI.js";import{P as N,C as G,L as H,a as J}from"./locked-label-settings-0h4-0n-S.js";import{C as K}from"./color-select-2BKEX7ba.js";import{C as Q,g as X,a as Y}from"./util-uUQ0jXdL.js";import{L as _}from"./labeled-switch-rQlH1T-w.js";const q=L=>{var x,S,T;const{flags:i,headerLabel:A,coord:l,color:u,filled:C=!0,labels:n,ariaLabel:B,onChangeProps:d,onMove:v,onRemove:h,showPoint:f,expanded:F,onTogglePoint:k,onToggle:R}=L,c=!v&&!h;function $(){let e="";n&&n.length>0&&(e+=` ${n.map(p=>p.text).join(", ")}`);let a=`Point${e} at (${l[0]}, ${l[1]})`;const t=Y(u);return a+=t,a}function z(e){const a={color:e};n&&(a.labels=n.map(t=>({...t,color:e}))),d(a)}function O(e){const a=e[0]-l[0],t=e[1]-l[1],p={coord:e};n&&(p.labels=n.map(y=>({...y,coord:[y.coord[0]+a,y.coord[1]+t]}))),d(p)}function D(e,a){if(!n)return;const t=[...n];t[a]={...n[a],...e},d({labels:t})}function V(e){if(!n)return;const a=n.filter((t,p)=>p!==e);d({labels:a})}return m(N,{expanded:F,onToggle:R,containerStyle:c?r.definingContainer:void 0,panelStyle:c?r.definingPanel:void 0,header:m(P,{style:r.row,children:[o(I,{children:`${A||"Point"} (${l[0]}, ${l[1]})`}),o(g,{size:s.xSmall_8}),o(Q,{color:u,filled:C})]}),children:[o(G,{coord:l,style:r.spaceUnder,onChange:O}),k&&o(_,{label:"show point on graph",checked:!!f,style:f&&r.spaceUnder,onChange:k}),(!c||f)&&m(b,{children:[o(K,{selectedValue:u,onChange:z,style:r.spaceUnder}),o(_,{label:"open point",checked:!C,onChange:e=>{d({filled:!e})}})]}),!c&&((x=i==null?void 0:i.mafs)==null?void 0:x["locked-figures-aria"])&&m(b,{children:[o(g,{size:s.small_12}),o(P,{style:r.horizontalRule}),o(U,{ariaLabel:B,prePopulatedAriaLabel:$(),onChangeProps:e=>{d(e)}})]}),(!c&&((S=i==null?void 0:i.mafs)==null?void 0:S["locked-point-labels"])||c&&((T=i==null?void 0:i.mafs)==null?void 0:T["locked-line-labels"]))&&m(b,{children:[o(g,{size:s.xxxSmall_4}),o(P,{style:r.horizontalRule}),o(g,{size:s.small_12}),o(M,{children:"Visible labels"}),n==null?void 0:n.map((e,a)=>o(H,{...e,containerStyle:!c&&r.lockedPointLabelContainer,expanded:!0,onChangeProps:t=>{D(t,a)},onRemove:()=>{V(a)}})),o(j,{kind:"tertiary",startIcon:E,onClick:()=>{const e={...X("label"),coord:[l[0]+.5,l[1]-1*((n==null?void 0:n.length)??0)],color:u};d({labels:[...n??[],e]})},style:r.addButton,children:"Add visible label"})]}),h&&o(J,{figureType:L.type,onMove:v,onRemove:h})]})},r=W.StyleSheet.create({definingContainer:{marginTop:s.xSmall_8,marginBottom:0,marginLeft:-s.xxxSmall_4,marginRight:-s.xxxSmall_4,backgroundColor:w.white},definingPanel:{paddingBottom:s.xxSmall_6},lockedPointLabelContainer:{backgroundColor:w.white},row:{flexDirection:"row",alignItems:"center"},spaceUnder:{marginBottom:s.xSmall_8},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:w.offBlack16}}),pe=q;q.__docgenInfo={description:"",methods:[],displayName:"LockedPointSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:"Optional flags to determine which features are enabled."},headerLabel:{required:!1,tsType:{name:"string"},description:`Optional label for the point to display in the header summary. Defaults to "Point".`},showPoint:{required:!1,tsType:{name:"boolean"},description:"Whether the extra point settings are toggled open."},error:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"Optional error message to display."},onTogglePoint:{required:!1,tsType:{name:"signature",type:"function",raw:"(newValue) => void",signature:{arguments:[{name:"newValue"}],return:{name:"void"}}},description:"Called when the extra settings toggle switch is changed."},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedPointType"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (coords, color, etc.) are updated."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."},onMove:{required:!1,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" diff --git a/assets/locked-point-settings.stories-U8Batb_s.js b/assets/locked-point-settings.stories-NPMsjsgj.js similarity index 83% rename from assets/locked-point-settings.stories-U8Batb_s.js rename to assets/locked-point-settings.stories-NPMsjsgj.js index 0a65bcea21..f836bd3d7d 100644 --- a/assets/locked-point-settings.stories-U8Batb_s.js +++ b/assets/locked-point-settings.stories-NPMsjsgj.js @@ -1,4 +1,4 @@ -import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{r as s}from"./index-TT1qJ6UJ.js";import{L as i}from"./locked-point-settings-oldygzs_.js";import{g as T}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./locked-figure-aria-TX53Lzuk.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-VSuSSXRz.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";import"./labeled-switch-w5N_drxc.js";const Ur={title:"PerseusEditor/Components/Locked Point Settings",component:i},t=a=>c(i,{...a}),u={...T("point"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};t.args=u;const n={render:function(){const[o,e]=s.useState(u);return c(i,{...o,onChangeProps:p=>{e({...o,...p})}})}};n.parameters={chromatic:{disableSnapshot:!0}};const m={render:function(){const[o,e]=s.useState(!0),[r,p]=s.useState(u);return c(i,{...r,expanded:o,onToggle:e,onChangeProps:P=>{p({...r,...P})}})}},d={render:function(){const[o,e]=s.useState(!0),[r,p]=s.useState(u);return c(i,{...r,expanded:o,onToggle:e,onChangeProps:P=>{p({...r,...P})}})}};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var l,g,f;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as c}from"./jsx-runtime-FVsy8kgq.js";import{r as s}from"./index-TT1qJ6UJ.js";import{L as i}from"./locked-point-settings-h--7Y8T_.js";import{g as T}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./locked-figure-aria-9zimbV1k.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-0h4-0n-S.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";import"./labeled-switch-rQlH1T-w.js";const Ur={title:"PerseusEditor/Components/Locked Point Settings",component:i},t=a=>c(i,{...a}),u={...T("point"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};t.args=u;const n={render:function(){const[o,e]=s.useState(u);return c(i,{...o,onChangeProps:p=>{e({...o,...p})}})}};n.parameters={chromatic:{disableSnapshot:!0}};const m={render:function(){const[o,e]=s.useState(!0),[r,p]=s.useState(u);return c(i,{...r,expanded:o,onToggle:e,onChangeProps:P=>{p({...r,...P})}})}},d={render:function(){const[o,e]=s.useState(!0),[r,p]=s.useState(u);return c(i,{...r,expanded:o,onToggle:e,onChangeProps:P=>{p({...r,...P})}})}};t.__docgenInfo={description:"",methods:[],displayName:"Default"};var l,g,f;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(f=(g=t.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};var h,x,S;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-polygon-settings-UUNpZQNY.js b/assets/locked-polygon-settings-z_UjOSja.js similarity index 91% rename from assets/locked-polygon-settings-UUNpZQNY.js rename to assets/locked-polygon-settings-z_UjOSja.js index d57398debb..222eb4fde0 100644 --- a/assets/locked-polygon-settings-UUNpZQNY.js +++ b/assets/locked-polygon-settings-z_UjOSja.js @@ -1,4 +1,4 @@ -import{j as o,a as s,F as P}from"./jsx-runtime-FVsy8kgq.js";import{l as x,f as I}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{B as F}from"./choice-Bz-ZMhQM.js";import{V as m}from"./index-6h5t6F0w.js";import{S as X,O as G}from"./answer-choices-mbE4GLUb.js";import{P as T,C as H,I as y,L as J,a as K}from"./locked-label-settings-VSuSSXRz.js";import{S as h,a as Q}from"./index-qUyqkRvh.js";import{c as f,s as c}from"./index-deFLJwr4.js";import{L as S,a as A}from"./index-h_CiYGGb.js";import{p as $,L as Y}from"./locked-figure-aria-TX53Lzuk.js";import{l as z}from"./index-awljIyHI.js";import{C as Z}from"./color-select--oRyQ4yX.js";import{L as ee}from"./labeled-switch-w5N_drxc.js";import{L as oe}from"./line-stroke-select-4PBvvozU.js";import{g as te,a as ne}from"./util-ve-DcPK7.js";const re=""+new URL("arrow-fat-down-X5ut-FGw.svg",import.meta.url).href,ie=""+new URL("arrow-fat-left-LxuHjYfJ.svg",import.meta.url).href,ae=""+new URL("arrow-fat-right-CxkbbISx.svg",import.meta.url).href,le=""+new URL("arrow-fat-up-ah2eaaIR.svg",import.meta.url).href,se=""+new URL("minus-circle-9EKbQa8X.svg",import.meta.url).href,B=u=>{const{color:d,fillStyle:a,strokeStyle:g}=u;return o(m,{"aria-label":`${d}, stroke ${g}, fill ${a}`,style:[_.container,{border:`4px ${g} ${x[d]}`}],children:o(m,{style:[_.innerSquare,{backgroundColor:x[d],opacity:a==="white"?0:I[a]}]})})},_=z.StyleSheet.create({container:{outline:`2px solid ${f.offWhite}`,width:c.large_24,height:c.large_24,backgroundColor:f.white,alignItems:"center",justifyContent:"center"},innerSquare:{width:20,height:20}});B.__docgenInfo={description:"",methods:[],displayName:"PolygonSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},fillStyle:{required:!0,tsType:{name:"LockedFigureFillType"},description:""},strokeStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};const R=u=>{var v,L;const{flags:d,points:a,color:g,showVertices:q,fillStyle:k,strokeStyle:b,labels:t,ariaLabel:U,expanded:M,onToggle:j,onChangeProps:l,onMove:V,onRemove:D}=u;function W(){let n="";t&&t.length>0&&(n+=` ${t.map(p=>p.text).join(", ")}`);let e=`Polygon${n} with ${a.length} sides, vertices at `;e+=a.map(([p,C])=>`(${p}, ${C})`).join(", ");const i=ne(g,b,k);return e+=i,e}function O(n){const e={color:n};e.labels=t==null?void 0:t.map(i=>({...i,color:n})),l(e)}function w(n){switch(n){case"up":l({points:a.map(([e,i])=>[e,i+1]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0],e.coord[1]+1]}))});break;case"down":l({points:a.map(([e,i])=>[e,i-1]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0],e.coord[1]-1]}))});break;case"left":l({points:a.map(([e,i])=>[e-1,i]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0]-1,e.coord[1]]}))});break;case"right":l({points:a.map(([e,i])=>[e+1,i]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0]+1,e.coord[1]]}))});break}}function E(n,e){if(!t)return;const i=[...t];i[e]={...t[e],...n},l({labels:i})}function N(n){if(!t)return;const e=t.filter((i,p)=>p!==n);l({labels:e})}return s(T,{expanded:M,onToggle:j,header:s(m,{style:r.row,children:[o(S,{children:`Polygon, ${a.length} sides`}),o(h,{size:c.xSmall_8}),o(B,{color:g,fillStyle:k,strokeStyle:b})]}),children:[s(m,{style:[r.row,r.spaceUnder],children:[o(Z,{selectedValue:g,onChange:O}),o(h,{size:c.medium_16}),s(A,{tag:"label",style:[r.row,r.truncatedWidth],children:["fill",o(h,{size:c.xxSmall_6}),o(X,{selectedValue:k,onChange:n=>l({fillStyle:n}),placeholder:"",children:Object.keys(I).map(n=>o(G,{value:n,label:n},n))})]})]}),o(oe,{selectedValue:b,onChange:n=>l({strokeStyle:n})}),o(ee,{label:"show vertices",checked:q,onChange:n=>l({showVertices:n}),style:r.spaceUnder}),s(T,{header:o(S,{children:"Points"}),expanded:!0,containerStyle:r.pointAccordionContainer,panelStyle:r.pointAccordionPanel,children:[a.map((n,e)=>{const i=String.fromCharCode(65+e);return s(m,{style:[r.row,r.spaceUnder],children:[o(S,{children:`${i}:`}),o(h,{size:c.medium_16}),o(H,{coord:n,labels:["x","y"],onChange:p=>{const C=[...a];C[e]=p,u.onChangeProps({points:C})}}),a.length>3&&o(y,{"aria-label":`Delete polygon point ${i}`,icon:se,color:"destructive",onClick:()=>{const p=[...a];p.splice(e,1),u.onChangeProps({points:p})},style:r.icon})]},`locked-polygon-point-index-${e}`)}),s(m,{style:[r.row,r.polygonActionsContainer],children:[o(F,{kind:"tertiary",startIcon:$,onClick:()=>{u.onChangeProps({points:[...a,[0,0]]})},children:"Add point"}),o(Q,{}),s(m,{style:r.movementButtonsContainer,children:[o(y,{"aria-label":"Move polygon up",style:r.iconButton,size:"small",icon:le,onClick:()=>w("up")}),s(m,{style:r.row,children:[o(y,{"aria-label":"Move polygon left",style:r.iconButton,size:"small",icon:ie,onClick:()=>w("left")}),o(y,{"aria-label":"Move polygon down",style:r.iconButton,size:"small",icon:re,onClick:()=>w("down")}),o(y,{"aria-label":"Move polygon right",style:r.iconButton,size:"small",icon:ae,onClick:()=>w("right")})]})]})]})]}),((v=d==null?void 0:d.mafs)==null?void 0:v["locked-figures-aria"])&&s(P,{children:[o(h,{size:c.small_12}),o(m,{style:r.horizontalRule}),o(Y,{ariaLabel:U,prePopulatedAriaLabel:W(),onChangeProps:n=>{l(n)}})]}),((L=d==null?void 0:d.mafs)==null?void 0:L["locked-polygon-labels"])&&s(P,{children:[o(h,{size:c.xxxSmall_4}),o(m,{style:r.horizontalRule}),o(h,{size:c.small_12}),o(A,{children:"Visible labels"}),t==null?void 0:t.map((n,e)=>o(J,{...n,expanded:!0,onChangeProps:i=>{E(i,e)},onRemove:()=>{N(e)},containerStyle:r.labelContainer})),o(F,{kind:"tertiary",startIcon:$,onClick:()=>{const n={...te("label"),coord:[a[0][0],a[0][1]-((t==null?void 0:t.length)??0)],color:g};l({labels:[...t??[],n]})},style:r.addButton,children:"Add visible label"})]}),o(K,{figureType:u.type,onMove:V,onRemove:D})]})},r=z.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},pointAccordionContainer:{backgroundColor:f.white},pointAccordionPanel:{alignItems:"start"},icon:{marginInlineStart:c.xxxSmall_4},polygonActionsContainer:{width:"100%"},iconButton:{margin:0},movementButtonsContainer:{display:"flex",flexDirection:"column",alignItems:"center",minWidth:"fit-content"},spaceUnder:{marginBottom:c.xSmall_8},truncatedWidth:{minWidth:0},addButton:{alignSelf:"start"},labelContainer:{backgroundColor:f.white},horizontalRule:{height:1,backgroundColor:f.offBlack16}}),Ke=R;R.__docgenInfo={description:"",methods:[],displayName:"LockedPolygonSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{j as o,a as s,F as P}from"./jsx-runtime-FVsy8kgq.js";import{l as x,f as I}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{B as F}from"./choice-Bz-ZMhQM.js";import{V as m}from"./index-6h5t6F0w.js";import{S as X,O as G}from"./answer-choices-MQdUvt3_.js";import{P as T,C as H,I as y,L as J,a as K}from"./locked-label-settings-0h4-0n-S.js";import{S as h,a as Q}from"./index-qUyqkRvh.js";import{c as f,s as c}from"./index-deFLJwr4.js";import{L as S,a as A}from"./index-h_CiYGGb.js";import{p as $,L as Y}from"./locked-figure-aria-9zimbV1k.js";import{l as z}from"./index-awljIyHI.js";import{C as Z}from"./color-select-2BKEX7ba.js";import{L as ee}from"./labeled-switch-rQlH1T-w.js";import{L as oe}from"./line-stroke-select-qdZZt3Ej.js";import{g as te,a as ne}from"./util-uUQ0jXdL.js";const re=""+new URL("arrow-fat-down-X5ut-FGw.svg",import.meta.url).href,ie=""+new URL("arrow-fat-left-LxuHjYfJ.svg",import.meta.url).href,ae=""+new URL("arrow-fat-right-CxkbbISx.svg",import.meta.url).href,le=""+new URL("arrow-fat-up-ah2eaaIR.svg",import.meta.url).href,se=""+new URL("minus-circle-9EKbQa8X.svg",import.meta.url).href,B=u=>{const{color:d,fillStyle:a,strokeStyle:g}=u;return o(m,{"aria-label":`${d}, stroke ${g}, fill ${a}`,style:[_.container,{border:`4px ${g} ${x[d]}`}],children:o(m,{style:[_.innerSquare,{backgroundColor:x[d],opacity:a==="white"?0:I[a]}]})})},_=z.StyleSheet.create({container:{outline:`2px solid ${f.offWhite}`,width:c.large_24,height:c.large_24,backgroundColor:f.white,alignItems:"center",justifyContent:"center"},innerSquare:{width:20,height:20}});B.__docgenInfo={description:"",methods:[],displayName:"PolygonSwatch",props:{color:{required:!0,tsType:{name:"LockedFigureColor"},description:""},fillStyle:{required:!0,tsType:{name:"LockedFigureFillType"},description:""},strokeStyle:{required:!0,tsType:{name:"union",raw:'"solid" | "dashed"',elements:[{name:"literal",value:'"solid"'},{name:"literal",value:'"dashed"'}]},description:""}}};const R=u=>{var v,L;const{flags:d,points:a,color:g,showVertices:q,fillStyle:k,strokeStyle:b,labels:t,ariaLabel:U,expanded:M,onToggle:j,onChangeProps:l,onMove:V,onRemove:D}=u;function W(){let n="";t&&t.length>0&&(n+=` ${t.map(p=>p.text).join(", ")}`);let e=`Polygon${n} with ${a.length} sides, vertices at `;e+=a.map(([p,C])=>`(${p}, ${C})`).join(", ");const i=ne(g,b,k);return e+=i,e}function O(n){const e={color:n};e.labels=t==null?void 0:t.map(i=>({...i,color:n})),l(e)}function w(n){switch(n){case"up":l({points:a.map(([e,i])=>[e,i+1]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0],e.coord[1]+1]}))});break;case"down":l({points:a.map(([e,i])=>[e,i-1]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0],e.coord[1]-1]}))});break;case"left":l({points:a.map(([e,i])=>[e-1,i]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0]-1,e.coord[1]]}))});break;case"right":l({points:a.map(([e,i])=>[e+1,i]),labels:t==null?void 0:t.map(e=>({...e,coord:[e.coord[0]+1,e.coord[1]]}))});break}}function E(n,e){if(!t)return;const i=[...t];i[e]={...t[e],...n},l({labels:i})}function N(n){if(!t)return;const e=t.filter((i,p)=>p!==n);l({labels:e})}return s(T,{expanded:M,onToggle:j,header:s(m,{style:r.row,children:[o(S,{children:`Polygon, ${a.length} sides`}),o(h,{size:c.xSmall_8}),o(B,{color:g,fillStyle:k,strokeStyle:b})]}),children:[s(m,{style:[r.row,r.spaceUnder],children:[o(Z,{selectedValue:g,onChange:O}),o(h,{size:c.medium_16}),s(A,{tag:"label",style:[r.row,r.truncatedWidth],children:["fill",o(h,{size:c.xxSmall_6}),o(X,{selectedValue:k,onChange:n=>l({fillStyle:n}),placeholder:"",children:Object.keys(I).map(n=>o(G,{value:n,label:n},n))})]})]}),o(oe,{selectedValue:b,onChange:n=>l({strokeStyle:n})}),o(ee,{label:"show vertices",checked:q,onChange:n=>l({showVertices:n}),style:r.spaceUnder}),s(T,{header:o(S,{children:"Points"}),expanded:!0,containerStyle:r.pointAccordionContainer,panelStyle:r.pointAccordionPanel,children:[a.map((n,e)=>{const i=String.fromCharCode(65+e);return s(m,{style:[r.row,r.spaceUnder],children:[o(S,{children:`${i}:`}),o(h,{size:c.medium_16}),o(H,{coord:n,labels:["x","y"],onChange:p=>{const C=[...a];C[e]=p,u.onChangeProps({points:C})}}),a.length>3&&o(y,{"aria-label":`Delete polygon point ${i}`,icon:se,color:"destructive",onClick:()=>{const p=[...a];p.splice(e,1),u.onChangeProps({points:p})},style:r.icon})]},`locked-polygon-point-index-${e}`)}),s(m,{style:[r.row,r.polygonActionsContainer],children:[o(F,{kind:"tertiary",startIcon:$,onClick:()=>{u.onChangeProps({points:[...a,[0,0]]})},children:"Add point"}),o(Q,{}),s(m,{style:r.movementButtonsContainer,children:[o(y,{"aria-label":"Move polygon up",style:r.iconButton,size:"small",icon:le,onClick:()=>w("up")}),s(m,{style:r.row,children:[o(y,{"aria-label":"Move polygon left",style:r.iconButton,size:"small",icon:ie,onClick:()=>w("left")}),o(y,{"aria-label":"Move polygon down",style:r.iconButton,size:"small",icon:re,onClick:()=>w("down")}),o(y,{"aria-label":"Move polygon right",style:r.iconButton,size:"small",icon:ae,onClick:()=>w("right")})]})]})]})]}),((v=d==null?void 0:d.mafs)==null?void 0:v["locked-figures-aria"])&&s(P,{children:[o(h,{size:c.small_12}),o(m,{style:r.horizontalRule}),o(Y,{ariaLabel:U,prePopulatedAriaLabel:W(),onChangeProps:n=>{l(n)}})]}),((L=d==null?void 0:d.mafs)==null?void 0:L["locked-polygon-labels"])&&s(P,{children:[o(h,{size:c.xxxSmall_4}),o(m,{style:r.horizontalRule}),o(h,{size:c.small_12}),o(A,{children:"Visible labels"}),t==null?void 0:t.map((n,e)=>o(J,{...n,expanded:!0,onChangeProps:i=>{E(i,e)},onRemove:()=>{N(e)},containerStyle:r.labelContainer})),o(F,{kind:"tertiary",startIcon:$,onClick:()=>{const n={...te("label"),coord:[a[0][0],a[0][1]-((t==null?void 0:t.length)??0)],color:g};l({labels:[...t??[],n]})},style:r.addButton,children:"Add visible label"})]}),o(K,{figureType:u.type,onMove:V,onRemove:D})]})},r=z.StyleSheet.create({row:{display:"flex",flexDirection:"row",alignItems:"center"},pointAccordionContainer:{backgroundColor:f.white},pointAccordionPanel:{alignItems:"start"},icon:{marginInlineStart:c.xxxSmall_4},polygonActionsContainer:{width:"100%"},iconButton:{margin:0},movementButtonsContainer:{display:"flex",flexDirection:"column",alignItems:"center",minWidth:"fit-content"},spaceUnder:{marginBottom:c.xSmall_8},truncatedWidth:{minWidth:0},addButton:{alignSelf:"start"},labelContainer:{backgroundColor:f.white},horizontalRule:{height:1,backgroundColor:f.offBlack16}}),Ke=R;R.__docgenInfo={description:"",methods:[],displayName:"LockedPolygonSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:"Called when a movement button (top, up, down, bottom) is pressed."},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Called when the delete button is pressed."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedPolygonType"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (coords, color, etc.) are updated."}}};export{Ke as L}; diff --git a/assets/locked-polygon-settings.stories-EuiMkbg4.js b/assets/locked-polygon-settings.stories-FwEdjPQl.js similarity index 82% rename from assets/locked-polygon-settings.stories-EuiMkbg4.js rename to assets/locked-polygon-settings.stories-FwEdjPQl.js index 76073e0784..c9c5abf3bd 100644 --- a/assets/locked-polygon-settings.stories-EuiMkbg4.js +++ b/assets/locked-polygon-settings.stories-FwEdjPQl.js @@ -1,4 +1,4 @@ -import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as a}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-polygon-settings-UUNpZQNY.js";import{g as E}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./locked-label-settings-VSuSSXRz.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";import"./locked-figure-aria-TX53Lzuk.js";import"./components-v_jsX-d9.js";import"./labeled-switch-w5N_drxc.js";import"./line-stroke-select-4PBvvozU.js";const xr={title:"PerseusEditor/Components/Locked Polygon Settings",component:e},o=i=>d(e,{...i}),c={...E("polygon"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};o.args=c;const r={render:function(){const[t,m]=a.useState(c);return d(e,{...t,onChangeProps:s=>{m({...t,...s})}})}};r.parameters={chromatic:{disableSnapshot:!0}};const p={render:function(){const[t,m]=a.useState(!0),[n,s]=a.useState(c);return d(e,{...n,expanded:t,onToggle:m,onChangeProps:y=>{s({...n,...y})}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var u,l,P;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{r as a}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-polygon-settings-z_UjOSja.js";import{g as E}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./locked-label-settings-0h4-0n-S.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";import"./locked-figure-aria-9zimbV1k.js";import"./components-v_jsX-d9.js";import"./labeled-switch-rQlH1T-w.js";import"./line-stroke-select-qdZZt3Ej.js";const xr={title:"PerseusEditor/Components/Locked Polygon Settings",component:e},o=i=>d(e,{...i}),c={...E("polygon"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};o.args=c;const r={render:function(){const[t,m]=a.useState(c);return d(e,{...t,onChangeProps:s=>{m({...t,...s})}})}};r.parameters={chromatic:{disableSnapshot:!0}};const p={render:function(){const[t,m]=a.useState(!0),[n,s]=a.useState(c);return d(e,{...n,expanded:t,onToggle:m,onChangeProps:y=>{s({...n,...y})}})}};o.__docgenInfo={description:"",methods:[],displayName:"Default"};var u,l,P;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(P=(l=o.parameters)==null?void 0:l.docs)==null?void 0:P.source}}};var g,f,h;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/locked-vector-settings-jMV5yoVl.js b/assets/locked-vector-settings-zsVG1_TL.js similarity index 94% rename from assets/locked-vector-settings-jMV5yoVl.js rename to assets/locked-vector-settings-zsVG1_TL.js index dc0ffea37c..cd746b3f1f 100644 --- a/assets/locked-vector-settings-jMV5yoVl.js +++ b/assets/locked-vector-settings-zsVG1_TL.js @@ -1,4 +1,4 @@ -import{a as f,j as e,F as T}from"./jsx-runtime-FVsy8kgq.js";import"./util-F8-MDmsT.js";import{e as O}from"./svg-image-QKR8YXWf.js";import{B as N}from"./choice-Bz-ZMhQM.js";import{V as m}from"./index-6h5t6F0w.js";import{S as b}from"./index-qUyqkRvh.js";import{s,c as y}from"./index-deFLJwr4.js";import{L as w,a as $}from"./index-h_CiYGGb.js";import{L as U,p as W}from"./locked-figure-aria-TX53Lzuk.js";import{l as G}from"./index-awljIyHI.js";import{v as d}from"./index-IIMKO4_x.js";import{P as v,C as F,L as H,a as J}from"./locked-label-settings-VSuSSXRz.js";import{C as K}from"./color-select--oRyQ4yX.js";import{L as Q}from"./line-swatch-L0x4Ze99.js";import{g as X,a as Y}from"./util-ve-DcPK7.js";const Z="The vector cannot have length 0.",_=g=>{var S,k;const{flags:c,points:x,color:h,labels:n,ariaLabel:A,onChangeProps:p,onMove:V,onRemove:q}=g,[i,l]=x,R=`Vector (${i[0]}, ${i[1]}), (${l[0]}, ${l[1]})`,L=O(i,l);function z(){let o="";n&&n.length>0&&(o+=` ${n.map(u=>u.text).join(", ")}`);let r=`Vector${o} from (${i[0]}, ${i[1]}) to (${l[0]}, ${l[1]})`;const t=Y(h);return r+=t,r}function C(o,r){if(typeof o<"u"){const t=[...x];t[r]=[...o];const u=d.midpoint(i,l),j=d.midpoint(t[0],t[1]),D=d.sub(j,u),E=n==null?void 0:n.map(P=>({...P,coord:d.add(P.coord,D)}));p({points:t,labels:E})}}function B(o){const r={color:o};r.labels=n==null?void 0:n.map(t=>({...t,color:o})),p(r)}function M(o,r){if(!n)return;const t=[...n];t[r]={...n[r],...o},p({labels:t})}function I(o){if(!n)return;const r=n.filter((t,u)=>u!==o);p({labels:r})}return f(v,{expanded:g.expanded,onToggle:g.onToggle,header:f(m,{style:a.row,children:[e(w,{children:R}),e(b,{size:s.xSmall_8}),e(Q,{color:h,lineStyle:"solid"})]}),children:[e(m,{style:[a.row,a.spaceUnder],children:e(K,{selectedValue:h,onChange:B})}),L&&e($,{style:a.errorText,children:Z}),e(v,{expanded:!0,containerStyle:a.container,panelStyle:a.accordionPanel,header:e(m,{style:a.row,children:e(w,{children:`Tail (${i[0]}, ${i[1]})`})}),children:e(F,{coord:i,error:L,onChange:o=>{C(o,0)}})}),e(v,{expanded:!0,containerStyle:a.container,panelStyle:a.accordionPanel,header:e(m,{style:a.row,children:e(w,{children:`Tip (${l[0]}, ${l[1]})`})}),children:e(F,{coord:l,error:L,onChange:o=>{C(o,1)}})}),((S=c==null?void 0:c.mafs)==null?void 0:S["locked-figures-aria"])&&f(T,{children:[e(b,{size:s.small_12}),e(m,{style:a.horizontalRule}),e(U,{ariaLabel:A,prePopulatedAriaLabel:z(),onChangeProps:o=>{p(o)}})]}),((k=c==null?void 0:c.mafs)==null?void 0:k["locked-vector-labels"])&&f(T,{children:[e(b,{size:s.xxxSmall_4}),e(m,{style:a.horizontalRule}),e(b,{size:s.small_12}),e($,{children:"Visible labels"}),n==null?void 0:n.map((o,r)=>e(H,{...o,expanded:!0,onChangeProps:t=>{M(t,r)},onRemove:()=>{I(r)},containerStyle:a.labelContainer})),e(N,{kind:"tertiary",startIcon:W,onClick:()=>{const o=[0,-1],r=d.add(d.scale(o,(n==null?void 0:n.length)??0),d.midpoint(i,l)),t={...X("label"),coord:r,color:h};p({labels:[...n??[],t]})},style:a.addButton,children:"Add visible label"})]}),e(J,{figureType:g.type,onMove:V,onRemove:q})]})},a=G.StyleSheet.create({accordionPanel:{paddingBottom:s.medium_16},container:{marginTop:s.xSmall_8,marginBottom:0,marginLeft:-s.xxxSmall_4,marginRight:-s.xxxSmall_4,backgroundColor:y.white},errorText:{color:y.red,marginTop:s.xSmall_8},row:{flexDirection:"row",alignItems:"center"},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:y.offBlack16},labelContainer:{backgroundColor:y.white}}),he=_;_.__docgenInfo={description:"",methods:[],displayName:"LockedVectorSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" +import{a as f,j as e,F as T}from"./jsx-runtime-FVsy8kgq.js";import"./util-F8-MDmsT.js";import{e as O}from"./svg-image-QKR8YXWf.js";import{B as N}from"./choice-Bz-ZMhQM.js";import{V as m}from"./index-6h5t6F0w.js";import{S as b}from"./index-qUyqkRvh.js";import{s,c as y}from"./index-deFLJwr4.js";import{L as w,a as $}from"./index-h_CiYGGb.js";import{L as U,p as W}from"./locked-figure-aria-9zimbV1k.js";import{l as G}from"./index-awljIyHI.js";import{v as d}from"./index-IIMKO4_x.js";import{P as v,C as F,L as H,a as J}from"./locked-label-settings-0h4-0n-S.js";import{C as K}from"./color-select-2BKEX7ba.js";import{L as Q}from"./line-swatch-HzvkRHdM.js";import{g as X,a as Y}from"./util-uUQ0jXdL.js";const Z="The vector cannot have length 0.",_=g=>{var S,k;const{flags:c,points:x,color:h,labels:n,ariaLabel:A,onChangeProps:p,onMove:V,onRemove:q}=g,[i,l]=x,R=`Vector (${i[0]}, ${i[1]}), (${l[0]}, ${l[1]})`,L=O(i,l);function z(){let o="";n&&n.length>0&&(o+=` ${n.map(u=>u.text).join(", ")}`);let r=`Vector${o} from (${i[0]}, ${i[1]}) to (${l[0]}, ${l[1]})`;const t=Y(h);return r+=t,r}function C(o,r){if(typeof o<"u"){const t=[...x];t[r]=[...o];const u=d.midpoint(i,l),j=d.midpoint(t[0],t[1]),D=d.sub(j,u),E=n==null?void 0:n.map(P=>({...P,coord:d.add(P.coord,D)}));p({points:t,labels:E})}}function B(o){const r={color:o};r.labels=n==null?void 0:n.map(t=>({...t,color:o})),p(r)}function M(o,r){if(!n)return;const t=[...n];t[r]={...n[r],...o},p({labels:t})}function I(o){if(!n)return;const r=n.filter((t,u)=>u!==o);p({labels:r})}return f(v,{expanded:g.expanded,onToggle:g.onToggle,header:f(m,{style:a.row,children:[e(w,{children:R}),e(b,{size:s.xSmall_8}),e(Q,{color:h,lineStyle:"solid"})]}),children:[e(m,{style:[a.row,a.spaceUnder],children:e(K,{selectedValue:h,onChange:B})}),L&&e($,{style:a.errorText,children:Z}),e(v,{expanded:!0,containerStyle:a.container,panelStyle:a.accordionPanel,header:e(m,{style:a.row,children:e(w,{children:`Tail (${i[0]}, ${i[1]})`})}),children:e(F,{coord:i,error:L,onChange:o=>{C(o,0)}})}),e(v,{expanded:!0,containerStyle:a.container,panelStyle:a.accordionPanel,header:e(m,{style:a.row,children:e(w,{children:`Tip (${l[0]}, ${l[1]})`})}),children:e(F,{coord:l,error:L,onChange:o=>{C(o,1)}})}),((S=c==null?void 0:c.mafs)==null?void 0:S["locked-figures-aria"])&&f(T,{children:[e(b,{size:s.small_12}),e(m,{style:a.horizontalRule}),e(U,{ariaLabel:A,prePopulatedAriaLabel:z(),onChangeProps:o=>{p(o)}})]}),((k=c==null?void 0:c.mafs)==null?void 0:k["locked-vector-labels"])&&f(T,{children:[e(b,{size:s.xxxSmall_4}),e(m,{style:a.horizontalRule}),e(b,{size:s.small_12}),e($,{children:"Visible labels"}),n==null?void 0:n.map((o,r)=>e(H,{...o,expanded:!0,onChangeProps:t=>{M(t,r)},onRemove:()=>{I(r)},containerStyle:a.labelContainer})),e(N,{kind:"tertiary",startIcon:W,onClick:()=>{const o=[0,-1],r=d.add(d.scale(o,(n==null?void 0:n.length)??0),d.midpoint(i,l)),t={...X("label"),coord:r,color:h};p({labels:[...n??[],t]})},style:a.addButton,children:"Add visible label"})]}),e(J,{figureType:g.type,onMove:V,onRemove:q})]})},a=G.StyleSheet.create({accordionPanel:{paddingBottom:s.medium_16},container:{marginTop:s.xSmall_8,marginBottom:0,marginLeft:-s.xxxSmall_4,marginRight:-s.xxxSmall_4,backgroundColor:y.white},errorText:{color:y.red,marginTop:s.xSmall_8},row:{flexDirection:"row",alignItems:"center"},addButton:{alignSelf:"start"},horizontalRule:{height:1,backgroundColor:y.offBlack16},labelContainer:{backgroundColor:y.white}}),he=_;_.__docgenInfo={description:"",methods:[],displayName:"LockedVectorSettings",props:{flags:{required:!1,tsType:{name:'APIOptions["flags"]',raw:'APIOptions["flags"]'},description:""},showLabelsFlag:{required:!1,tsType:{name:"boolean"},description:""},onMove:{required:!0,tsType:{name:"signature",type:"function",raw:"(movement: LockedFigureSettingsMovementType) => void",signature:{arguments:[{type:{name:"union",raw:`| "back" | "backward" | "forward" | "front"`,elements:[{name:"literal",value:'"back"'},{name:"literal",value:'"backward"'},{name:"literal",value:'"forward"'},{name:"literal",value:'"front"'}]},name:"movement"}],return:{name:"void"}}},description:"Called when a movement button (top, up, down, bottom) is pressed."},onRemove:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Called when the delete button is pressed."},expanded:{required:!1,tsType:{name:"boolean"},description:"Whether this accordion is expanded."},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(expanded: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"expanded"}],return:{name:"void"}}},description:"Called when the accordion is expanded or collapsed."},onChangeProps:{required:!0,tsType:{name:"signature",type:"function",raw:"(newProps: Partial) => void",signature:{arguments:[{type:{name:"Partial",elements:[{name:"LockedFigure"}],raw:"Partial"},name:"newProps"}],return:{name:"void"}}},description:"Called when the props (points, color, etc.) are updated."}}};export{he as L}; diff --git a/assets/locked-vector-settings.stories-ndprWg6C.js b/assets/locked-vector-settings.stories-vB7kXvw8.js similarity index 81% rename from assets/locked-vector-settings.stories-ndprWg6C.js rename to assets/locked-vector-settings.stories-vB7kXvw8.js index e0ef0932f9..30bfbcc75c 100644 --- a/assets/locked-vector-settings.stories-ndprWg6C.js +++ b/assets/locked-vector-settings.stories-vB7kXvw8.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-FVsy8kgq.js";import{r as R}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-vector-settings-jMV5yoVl.js";import{g as k}from"./util-ve-DcPK7.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./index-dnMhQZ-1.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./index-7vsPyIck.js";import"./index-J2t_5nK1.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./locked-figure-aria-TX53Lzuk.js";import"./article-renderer-q7kSP2w4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-VSuSSXRz.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select--oRyQ4yX.js";import"./line-swatch-L0x4Ze99.js";const ft={title:"PerseusEditor/Components/Locked Vector Settings",component:e},r=i=>n(e,{...i}),a={...k("vector"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=a;const p={render:function(){const[t,s]=R.useState(a);return n(e,{...t,expanded:!0,onChangeProps:m=>{s({...t,...m})}})}},o={render:function(){const[t,s]=R.useState(a);return n(e,{...t,points:[[0,0],[0,0]],expanded:!0,onChangeProps:m=>{s({...t,...m})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var d,c,u;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`(args): React.ReactElement => { +import{j as n}from"./jsx-runtime-FVsy8kgq.js";import{r as R}from"./index-TT1qJ6UJ.js";import{L as e}from"./locked-vector-settings-zsVG1_TL.js";import{g as k}from"./util-uUQ0jXdL.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./svg-image-QKR8YXWf.js";import"./index-awljIyHI.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./index-dnMhQZ-1.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./index-7vsPyIck.js";import"./index-J2t_5nK1.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./media-queries-gbofTbz-.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./locked-figure-aria-9zimbV1k.js";import"./article-renderer-BOOaW4sB.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./locked-label-settings-0h4-0n-S.js";import"./scrollless-number-text-field-U5Bx_xXb.js";import"./color-select-2BKEX7ba.js";import"./line-swatch-HzvkRHdM.js";const ft={title:"PerseusEditor/Components/Locked Vector Settings",component:e},r=i=>n(e,{...i}),a={...k("vector"),onChangeProps:()=>{},onMove:()=>{},onRemove:()=>{}};r.args=a;const p={render:function(){const[t,s]=R.useState(a);return n(e,{...t,expanded:!0,onChangeProps:m=>{s({...t,...m})}})}},o={render:function(){const[t,s]=R.useState(a);return n(e,{...t,points:[[0,0],[0,0]],expanded:!0,onChangeProps:m=>{s({...t,...m})}})}};r.__docgenInfo={description:"",methods:[],displayName:"Default"};var d,c,u;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`(args): React.ReactElement => { return ; }`,...(u=(c=r.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var l,P,g;p.parameters={...p.parameters,docs:{...(l=p.parameters)==null?void 0:l.docs,source:{originalSource:`{ render: function Render() { diff --git a/assets/marker-sWpCqokp.js b/assets/marker-eGjo-yed.js similarity index 96% rename from assets/marker-sWpCqokp.js rename to assets/marker-eGjo-yed.js index d5f4629140..c4fe33fc4e 100644 --- a/assets/marker-sWpCqokp.js +++ b/assets/marker-eGjo-yed.js @@ -1,4 +1,4 @@ -import{a as b,j as a,F as S}from"./jsx-runtime-FVsy8kgq.js";import{g as k}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import{z as D}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as s}from"./index-awljIyHI.js";import{r as u}from"./index-TT1qJ6UJ.js";import{c as x}from"./components-v_jsX-d9.js";import{R as E}from"./index-7vsPyIck.js";import{f as T}from"./util-qk2aeK8X.js";import{F as A}from"./form-wrapped-text-field-1CYfAYqR.js";const{Icon:M}=x,{colors:g}=k,N=h=>{const e=E.findDOMNode(h);e.focus&&T(e)},q=`M10,3.8C10,4,9.9,4.2,9.8,4.3L5.1,8.9L4.3,9.8C4.2,9.9,4,10,3.8,10 +import{a as b,j as a,F as S}from"./jsx-runtime-FVsy8kgq.js";import{g as k}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import{z as D}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as s}from"./index-awljIyHI.js";import{r as u}from"./index-TT1qJ6UJ.js";import{c as x}from"./components-v_jsX-d9.js";import{R as E}from"./index-7vsPyIck.js";import{f as T}from"./util-qk2aeK8X.js";import{F as A}from"./form-wrapped-text-field-DQhkgIBa.js";const{Icon:M}=x,{colors:g}=k,N=h=>{const e=E.findDOMNode(h);e.focus&&T(e)},q=`M10,3.8C10,4,9.9,4.2,9.8,4.3L5.1,8.9L4.3,9.8C4.2,9.9,4,10,3.8,10 S3.5,9.9,3.4,9.8L2.5,8.9L0.2,6.6C0.1,6.5,0,6.3,0,6.2s0.1-0.3,0.2-0.4 l0.9-0.9c0.1-0.1,0.3-0.2,0.4-0.2s0.3,0.1,0.4,0.2l1.9,1.9l4.2-4.2c0.1 -0.1,0.3-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2l0.9,0.9C9.9,3.5,10,3.7, diff --git a/assets/marker-I4xoHdfy.js b/assets/marker-lsO23jIU.js similarity index 98% rename from assets/marker-I4xoHdfy.js rename to assets/marker-lsO23jIU.js index 50c504a622..bf79141768 100644 --- a/assets/marker-I4xoHdfy.js +++ b/assets/marker-lsO23jIU.js @@ -1,3 +1,3 @@ -import{j as d,a as w,F as k}from"./jsx-runtime-FVsy8kgq.js";import{V as b}from"./index-6h5t6F0w.js";import{c as r}from"./index-deFLJwr4.js";import{l as g}from"./index-awljIyHI.js";import{r as x}from"./index-TT1qJ6UJ.js";import{P as C}from"./i18n-context-P7VpLqM1.js";import{I as v}from"./icon-YuYiVxsK.js";import{i as I,a as S,b as A}from"./icon-paths-AuJwhOz7.js";import{A as T}from"./answer-pill-J67mzuP8.js";function q(){if(typeof window.matchMedia!="function")return!0;const y=window.matchMedia("(prefers-reduced-motion: reduce)");return!y||y.matches}const t=24,m=class m extends x.Component{constructor(){super(...arguments),this._mounted=!1}componentDidMount(){this._mounted=!0}componentWillUnmount(){this._mounted=!1}renderIcon(){const{selected:c,showCorrectness:i,showSelected:u,showPulsate:a}=this.props,s=u,l=c;let n;const p={path:"",height:1,width:1};let o={size:t,color:r.white,icon:p};return i?(n=[e.markerGraded,i==="correct"?e.markerCorrect:e.markerIncorrect,s&&e.markerSelected],o={...o,icon:i==="correct"?I:S}):l&&l.length>0?n=[e.markerFilled,s&&e.markerSelected]:s?(n=[e.markerSelected],o={...o,icon:A,size:8}):a&&(n=[e.markerPulsateBase,this._mounted&&q()?a&&e.markerUnfilledPulsateOnce:a&&e.markerUnfilledPulsateInfinite]),d(b,{style:[e.markerIcon,n],ref:f=>this._icon=f,children:d(v,{...o})})}render(){const{showCorrectness:c,selected:i,showAnswer:u,answerSide:a,answerStyles:s,hovered:l,focused:n,label:p}=this.props,o=c==="correct",f=l||n;return w(k,{children:[d(b,{style:[e.marker,f&&!o&&e.markerActive],"aria-label":o?this.context.strings.correctExcited:p,children:this.renderIcon()}),!!i&&u&&d(T,{selectedAnswers:i,showCorrectness:c,side:a,style:s,markerRef:this._icon??void 0,hovered:l,focused:n})]})}};m.contextType=C,m.defaultProps={selected:[]};let h=m;const e=g.StyleSheet.create({marker:{position:"absolute",backgroundColor:r.white,borderRadius:t,width:t,height:t,marginLeft:t/-2,marginTop:t/-2,boxShadow:`0 8px 8px ${r.offBlack8}`},markerIcon:{display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",width:t,height:t,border:`2px solid ${r.offBlack64}`,borderRadius:t},markerPulsateBase:{animationName:{"0%":{transform:"scale(1)",backgroundColor:r.blue},"100%":{transform:"scale(1.3)",backgroundColor:r.blue}},animationDirection:"alternate",animationDuration:"0.8s",animationTimingFunction:"ease-in",transformOrigin:"50% 50%",animationIterationCount:"0"},markerUnfilledPulsateInfinite:{animationIterationCount:"infinite"},markerUnfilledPulsateOnce:{animationIterationCount:"2"},markerActive:{outline:`2px solid ${r.blue}`,outlineOffset:2},markerSelected:{boxShadow:`0 8px 8px ${r.offBlack8}`,border:`solid 4px ${r.white}`,backgroundColor:r.blue,borderRadius:t,transform:"rotate(180deg)"},markerFilled:{backgroundColor:"#ECF3FE",border:`4px solid ${r.blue}`},markerGraded:{width:t,height:t,justifyContent:"center",alignItems:"center",border:`2px solid ${r.white}`},markerCorrect:{background:"#00880b"},markerIncorrect:{background:r.offBlack64}});h.__docgenInfo={description:"",methods:[{name:"renderIcon",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Marker",props:{answers:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},label:{required:!0,tsType:{name:"string"},description:""},x:{required:!0,tsType:{name:"number"},description:""},y:{required:!0,tsType:{name:"number"},description:""},selected:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},showCorrectness:{required:!1,tsType:{name:"union",raw:'"correct" | "incorrect"',elements:[{name:"literal",value:'"correct"'},{name:"literal",value:'"incorrect"'}]},description:""},focused:{required:!0,tsType:{name:"boolean"},description:""},showSelected:{required:!0,tsType:{name:"boolean"},description:""},showPulsate:{required:!0,tsType:{name:"boolean"},description:""},answerSide:{required:!0,tsType:{name:"union",raw:'"top" | "bottom" | "left" | "right"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},answerStyles:{required:!1,tsType:{name:"CSSProperties"},description:""},showAnswer:{required:!1,tsType:{name:"boolean"},description:""},analytics:{required:!1,tsType:{name:"signature",type:"object",raw:`{ +import{j as d,a as w,F as k}from"./jsx-runtime-FVsy8kgq.js";import{V as b}from"./index-6h5t6F0w.js";import{c as r}from"./index-deFLJwr4.js";import{l as g}from"./index-awljIyHI.js";import{r as x}from"./index-TT1qJ6UJ.js";import{P as C}from"./i18n-context-P7VpLqM1.js";import{I as v}from"./icon-YuYiVxsK.js";import{i as I,a as S,b as A}from"./icon-paths-AuJwhOz7.js";import{A as T}from"./answer-pill-Ps6fTJR6.js";function q(){if(typeof window.matchMedia!="function")return!0;const y=window.matchMedia("(prefers-reduced-motion: reduce)");return!y||y.matches}const t=24,m=class m extends x.Component{constructor(){super(...arguments),this._mounted=!1}componentDidMount(){this._mounted=!0}componentWillUnmount(){this._mounted=!1}renderIcon(){const{selected:c,showCorrectness:i,showSelected:u,showPulsate:a}=this.props,s=u,l=c;let n;const p={path:"",height:1,width:1};let o={size:t,color:r.white,icon:p};return i?(n=[e.markerGraded,i==="correct"?e.markerCorrect:e.markerIncorrect,s&&e.markerSelected],o={...o,icon:i==="correct"?I:S}):l&&l.length>0?n=[e.markerFilled,s&&e.markerSelected]:s?(n=[e.markerSelected],o={...o,icon:A,size:8}):a&&(n=[e.markerPulsateBase,this._mounted&&q()?a&&e.markerUnfilledPulsateOnce:a&&e.markerUnfilledPulsateInfinite]),d(b,{style:[e.markerIcon,n],ref:f=>this._icon=f,children:d(v,{...o})})}render(){const{showCorrectness:c,selected:i,showAnswer:u,answerSide:a,answerStyles:s,hovered:l,focused:n,label:p}=this.props,o=c==="correct",f=l||n;return w(k,{children:[d(b,{style:[e.marker,f&&!o&&e.markerActive],"aria-label":o?this.context.strings.correctExcited:p,children:this.renderIcon()}),!!i&&u&&d(T,{selectedAnswers:i,showCorrectness:c,side:a,style:s,markerRef:this._icon??void 0,hovered:l,focused:n})]})}};m.contextType=C,m.defaultProps={selected:[]};let h=m;const e=g.StyleSheet.create({marker:{position:"absolute",backgroundColor:r.white,borderRadius:t,width:t,height:t,marginLeft:t/-2,marginTop:t/-2,boxShadow:`0 8px 8px ${r.offBlack8}`},markerIcon:{display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",width:t,height:t,border:`2px solid ${r.offBlack64}`,borderRadius:t},markerPulsateBase:{animationName:{"0%":{transform:"scale(1)",backgroundColor:r.blue},"100%":{transform:"scale(1.3)",backgroundColor:r.blue}},animationDirection:"alternate",animationDuration:"0.8s",animationTimingFunction:"ease-in",transformOrigin:"50% 50%",animationIterationCount:"0"},markerUnfilledPulsateInfinite:{animationIterationCount:"infinite"},markerUnfilledPulsateOnce:{animationIterationCount:"2"},markerActive:{outline:`2px solid ${r.blue}`,outlineOffset:2},markerSelected:{boxShadow:`0 8px 8px ${r.offBlack8}`,border:`solid 4px ${r.white}`,backgroundColor:r.blue,borderRadius:t,transform:"rotate(180deg)"},markerFilled:{backgroundColor:"#ECF3FE",border:`4px solid ${r.blue}`},markerGraded:{width:t,height:t,justifyContent:"center",alignItems:"center",border:`2px solid ${r.white}`},markerCorrect:{background:"#00880b"},markerIncorrect:{background:r.offBlack64}});h.__docgenInfo={description:"",methods:[{name:"renderIcon",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Marker",props:{answers:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},label:{required:!0,tsType:{name:"string"},description:""},x:{required:!0,tsType:{name:"number"},description:""},y:{required:!0,tsType:{name:"number"},description:""},selected:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[]",computed:!1}},showCorrectness:{required:!1,tsType:{name:"union",raw:'"correct" | "incorrect"',elements:[{name:"literal",value:'"correct"'},{name:"literal",value:'"incorrect"'}]},description:""},focused:{required:!0,tsType:{name:"boolean"},description:""},showSelected:{required:!0,tsType:{name:"boolean"},description:""},showPulsate:{required:!0,tsType:{name:"boolean"},description:""},answerSide:{required:!0,tsType:{name:"union",raw:'"top" | "bottom" | "left" | "right"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},answerStyles:{required:!1,tsType:{name:"CSSProperties"},description:""},showAnswer:{required:!1,tsType:{name:"boolean"},description:""},analytics:{required:!1,tsType:{name:"signature",type:"object",raw:`{ onAnalyticsEvent: AnalyticsEventHandlerFn; }`,signature:{properties:[{key:"onAnalyticsEvent",value:{name:"AnalyticsEventHandlerFn",required:!0}}]}},description:""},hovered:{required:!0,tsType:{name:"boolean"},description:""}}};export{h as M}; diff --git a/assets/marker.stories-32PIg75M.js b/assets/marker.stories-DT5R6-4k.js similarity index 96% rename from assets/marker.stories-32PIg75M.js rename to assets/marker.stories-DT5R6-4k.js index 6f592ebe66..c8adc030c2 100644 --- a/assets/marker.stories-32PIg75M.js +++ b/assets/marker.stories-DT5R6-4k.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{l as L}from"./index-awljIyHI.js";import{M as O}from"./marker-I4xoHdfy.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./icon-paths-AuJwhOz7.js";import"./answer-pill-J67mzuP8.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./index-7vsPyIck.js";import"./renderer-ULNOY64X.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const _e={title:"Perseus/Widgets/Label Image/Marker"},q=L.StyleSheet.create({wrapper:{position:"relative",width:32,height:32}}),s=r=>e("div",{className:L.css(q.wrapper),children:e(O,{...r})}),t=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),n=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!0,onClick:()=>{},onKeyDown:()=>{}}}),a=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),c=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),l=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),p=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showCorrectness:"incorrect",showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),i=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showCorrectness:"incorrect",showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),d=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["BMW","Ferrari"],label:"Automotive",x:50,y:50,showCorrectness:"correct",showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),m=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["BMW","Ferrari"],label:"Automotive",x:50,y:50,showCorrectness:"correct",showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}});t.__docgenInfo={description:"",methods:[],displayName:"Unfilled"};n.__docgenInfo={description:"",methods:[],displayName:"UnfilledPulsate"};a.__docgenInfo={description:"",methods:[],displayName:"UnfilledSelected"};c.__docgenInfo={description:"",methods:[],displayName:"Filled"};l.__docgenInfo={description:"",methods:[],displayName:"FilledSelected"};p.__docgenInfo={description:"",methods:[],displayName:"Incorrect"};i.__docgenInfo={description:"",methods:[],displayName:"IncorrectSelected"};d.__docgenInfo={description:"",methods:[],displayName:"Correct"};m.__docgenInfo={description:"",methods:[],displayName:"CorrectSelected"};var u,w,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{l as L}from"./index-awljIyHI.js";import{M as O}from"./marker-lsO23jIU.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./icon-paths-AuJwhOz7.js";import"./answer-pill-Ps6fTJR6.js";import"./index-o3wWn3Y5.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./index-7vsPyIck.js";import"./renderer-dyWsFSUA.js";import"./version-akiLXZts.js";import"./util-F8-MDmsT.js";import"./jquery-yG1GhClm.js";import"./invariant-bu5zBsRS.js";import"./index-J2t_5nK1.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";const _e={title:"Perseus/Widgets/Label Image/Marker"},q=L.StyleSheet.create({wrapper:{position:"relative",width:32,height:32}}),s=r=>e("div",{className:L.css(q.wrapper),children:e(O,{...r})}),t=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),n=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!0,onClick:()=>{},onKeyDown:()=>{}}}),a=r=>e(s,{...{answers:["BMW","Ferrari"],selected:[],label:"Automotive",x:50,y:50,showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),c=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),l=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),p=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showCorrectness:"incorrect",showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),i=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["Fiat"],label:"Automotive",x:50,y:50,showCorrectness:"incorrect",showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),d=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["BMW","Ferrari"],label:"Automotive",x:50,y:50,showCorrectness:"correct",showSelected:!1,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}}),m=r=>e(s,{...{answers:["BMW","Ferrari"],selected:["BMW","Ferrari"],label:"Automotive",x:50,y:50,showCorrectness:"correct",showSelected:!0,showPulsate:!1,onClick:()=>{},onKeyDown:()=>{}}});t.__docgenInfo={description:"",methods:[],displayName:"Unfilled"};n.__docgenInfo={description:"",methods:[],displayName:"UnfilledPulsate"};a.__docgenInfo={description:"",methods:[],displayName:"UnfilledSelected"};c.__docgenInfo={description:"",methods:[],displayName:"Filled"};l.__docgenInfo={description:"",methods:[],displayName:"FilledSelected"};p.__docgenInfo={description:"",methods:[],displayName:"Incorrect"};i.__docgenInfo={description:"",methods:[],displayName:"IncorrectSelected"};d.__docgenInfo={description:"",methods:[],displayName:"Correct"};m.__docgenInfo={description:"",methods:[],displayName:"CorrectSelected"};var u,w,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const props = ({ answers: ["BMW", "Ferrari"], selected: [], diff --git a/assets/marker.stories-Cf99UVKp.js b/assets/marker.stories-w78QarNx.js similarity index 84% rename from assets/marker.stories-Cf99UVKp.js rename to assets/marker.stories-w78QarNx.js index a17a182dbc..4ebdb4e634 100644 --- a/assets/marker.stories-Cf99UVKp.js +++ b/assets/marker.stories-w78QarNx.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as h}from"./index-awljIyHI.js";import{M as u}from"./marker-sWpCqokp.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./util-qk2aeK8X.js";import"./form-wrapped-text-field-1CYfAYqR.js";const ao={title:"PerseusEditor/Widgets/Label Image/Marker"},y=h.StyleSheet.create({wrapper:{marginTop:150,position:"relative",width:32,height:32}}),l=m=>i("div",{className:h.css(y.wrapper),children:i(u,{...m})}),o=m=>i(l,{...{answers:[],choices:[],label:"",onChange:(...r)=>{p("onChange")(...r)},onRemove:(...r)=>{p("onRemove")(...r)},x:50,y:50}}),t=m=>i(l,{...{answers:["BMW","Ferrari"],choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],label:"Automotive",onChange:(...r)=>{p("onChange")(...r)},onRemove:(...r)=>{p("onRemove")(...r)},x:50,y:50}});o.__docgenInfo={description:"",methods:[],displayName:"Empty"};t.__docgenInfo={description:"",methods:[],displayName:"WithAnswers"};var e,s,n;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as i}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{l as h}from"./index-awljIyHI.js";import{M as u}from"./marker-eGjo-yed.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./util-qk2aeK8X.js";import"./form-wrapped-text-field-DQhkgIBa.js";const ao={title:"PerseusEditor/Widgets/Label Image/Marker"},y=h.StyleSheet.create({wrapper:{marginTop:150,position:"relative",width:32,height:32}}),l=m=>i("div",{className:h.css(y.wrapper),children:i(u,{...m})}),o=m=>i(l,{...{answers:[],choices:[],label:"",onChange:(...r)=>{p("onChange")(...r)},onRemove:(...r)=>{p("onRemove")(...r)},x:50,y:50}}),t=m=>i(l,{...{answers:["BMW","Ferrari"],choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],label:"Automotive",onChange:(...r)=>{p("onChange")(...r)},onRemove:(...r)=>{p("onRemove")(...r)},x:50,y:50}});o.__docgenInfo={description:"",methods:[],displayName:"Empty"};t.__docgenInfo={description:"",methods:[],displayName:"WithAnswers"};var e,s,n;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const props = ({ answers: [], choices: [], diff --git a/assets/matcher-editor-ddeBtjTD.js b/assets/matcher-editor-N7TyLdO7.js similarity index 91% rename from assets/matcher-editor-ddeBtjTD.js rename to assets/matcher-editor-N7TyLdO7.js index ede908bf84..612346e19b 100644 --- a/assets/matcher-editor-ddeBtjTD.js +++ b/assets/matcher-editor-N7TyLdO7.js @@ -1 +1 @@ -import{a as t,j as e}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import{_ as p}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{C as d}from"./index-QCAhLhLD.js";import{P as i}from"./index-0C4KXdeC.js";import{r as m}from"./index-TT1qJ6UJ.js";const{InfoTip:o,TextListEditor:h}=c,s=class s extends m.Component{constructor(){super(...arguments),this.onLabelChange=(r,a)=>{const l=p.clone(this.props.labels);l[r]=a.target.value,this.props.onChange({labels:l})},this.getSaveWarnings=()=>this.props.left.length!==this.props.right.length?["The two halves of the matcher have different numbers of cards."]:[],this.serialize=()=>p.pick(this.props,"left","right","labels","orderMatters","padding")}render(){return t("div",{className:"perseus-matcher-editor",children:[t("div",{children:[" ","Correct answer:"," ",e(o,{children:e("p",{children:"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."})})]}),t("div",{className:"perseus-clearfix",children:[e(h,{options:this.props.left,onChange:(r,a)=>{this.props.onChange({left:r},a)},layout:"vertical"}),e(h,{options:this.props.right,onChange:(r,a)=>{this.props.onChange({right:r},a)},layout:"vertical"})]}),t("span",{children:[" ","Labels:"," ",e(o,{children:e("p",{children:"These are entirely optional."})})]}),t("div",{children:[e("input",{type:"text",defaultValue:this.props.labels[0],onChange:this.onLabelChange.bind(this,0)}),e("input",{type:"text",defaultValue:this.props.labels[1],onChange:this.onLabelChange.bind(this,1)})]}),t("div",{children:[e(d,{label:"Order of the matched pairs matters:",checked:this.props.orderMatters,onChange:r=>{this.props.onChange({orderMatters:r})}}),t(o,{children:[e("p",{children:"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."}),e("p",{children:"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."})]})]}),t("div",{children:[e(d,{label:"Padding:",checked:this.props.padding,onChange:r=>{this.props.onChange({padding:r})}}),e(o,{children:e("p",{children:"Padding is good for text, but not needed for images."})})]})]})}};s.propTypes={left:i.array,right:i.array,labels:i.array,orderMatters:i.bool,padding:i.bool},s.widgetName="matcher",s.defaultProps={left:["$x$","$y$","$z$"],right:["$1$","$2$","$3$"],labels:["test","label"],orderMatters:!1,padding:!0};let n=s;n.__docgenInfo={description:"",methods:[{name:"onLabelChange",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MatcherEditor",props:{left:{defaultValue:{value:'["$x$", "$y$", "$z$"]',computed:!1},description:"",type:{name:"array"},required:!1},right:{defaultValue:{value:'["$1$", "$2$", "$3$"]',computed:!1},description:"",type:{name:"array"},required:!1},labels:{defaultValue:{value:'["test", "label"]',computed:!1},description:"",type:{name:"array"},required:!1},orderMatters:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},padding:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1}}};export{n as M}; +import{a as t,j as e}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import{_ as p}from"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{C as d}from"./index-QCAhLhLD.js";import{P as i}from"./index-k-0mNqHS.js";import{r as m}from"./index-TT1qJ6UJ.js";const{InfoTip:o,TextListEditor:h}=c,s=class s extends m.Component{constructor(){super(...arguments),this.onLabelChange=(r,a)=>{const l=p.clone(this.props.labels);l[r]=a.target.value,this.props.onChange({labels:l})},this.getSaveWarnings=()=>this.props.left.length!==this.props.right.length?["The two halves of the matcher have different numbers of cards."]:[],this.serialize=()=>p.pick(this.props,"left","right","labels","orderMatters","padding")}render(){return t("div",{className:"perseus-matcher-editor",children:[t("div",{children:[" ","Correct answer:"," ",e(o,{children:e("p",{children:"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."})})]}),t("div",{className:"perseus-clearfix",children:[e(h,{options:this.props.left,onChange:(r,a)=>{this.props.onChange({left:r},a)},layout:"vertical"}),e(h,{options:this.props.right,onChange:(r,a)=>{this.props.onChange({right:r},a)},layout:"vertical"})]}),t("span",{children:[" ","Labels:"," ",e(o,{children:e("p",{children:"These are entirely optional."})})]}),t("div",{children:[e("input",{type:"text",defaultValue:this.props.labels[0],onChange:this.onLabelChange.bind(this,0)}),e("input",{type:"text",defaultValue:this.props.labels[1],onChange:this.onLabelChange.bind(this,1)})]}),t("div",{children:[e(d,{label:"Order of the matched pairs matters:",checked:this.props.orderMatters,onChange:r=>{this.props.onChange({orderMatters:r})}}),t(o,{children:[e("p",{children:"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."}),e("p",{children:"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."})]})]}),t("div",{children:[e(d,{label:"Padding:",checked:this.props.padding,onChange:r=>{this.props.onChange({padding:r})}}),e(o,{children:e("p",{children:"Padding is good for text, but not needed for images."})})]})]})}};s.propTypes={left:i.array,right:i.array,labels:i.array,orderMatters:i.bool,padding:i.bool},s.widgetName="matcher",s.defaultProps={left:["$x$","$y$","$z$"],right:["$1$","$2$","$3$"],labels:["test","label"],orderMatters:!1,padding:!0};let n=s;n.__docgenInfo={description:"",methods:[{name:"onLabelChange",docblock:null,modifiers:[],params:[{name:"index",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MatcherEditor",props:{left:{defaultValue:{value:'["$x$", "$y$", "$z$"]',computed:!1},description:"",type:{name:"array"},required:!1},right:{defaultValue:{value:'["$1$", "$2$", "$3$"]',computed:!1},description:"",type:{name:"array"},required:!1},labels:{defaultValue:{value:'["test", "label"]',computed:!1},description:"",type:{name:"array"},required:!1},orderMatters:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},padding:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1}}};export{n as M}; diff --git a/assets/matcher-editor.stories-4VOp-1_e.js b/assets/matcher-editor.stories-_Xi3dL3N.js similarity index 78% rename from assets/matcher-editor.stories-4VOp-1_e.js rename to assets/matcher-editor.stories-_Xi3dL3N.js index d6c0e2152e..b05e8f4bb5 100644 --- a/assets/matcher-editor.stories-4VOp-1_e.js +++ b/assets/matcher-editor.stories-_Xi3dL3N.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{M as e}from"./matcher-editor-ddeBtjTD.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";const $r={title:"PerseusEditor/Widgets/Matcher Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{M as e}from"./matcher-editor-N7TyLdO7.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";const $r={title:"PerseusEditor/Widgets/Matcher Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(o=r.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const rt=["Default"];export{r as Default,rt as __namedExportsOrder,$r as default}; diff --git a/assets/matcher.stories-QzSxlNmr.js b/assets/matcher.stories-x6y9SzTd.js similarity index 82% rename from assets/matcher.stories-QzSxlNmr.js rename to assets/matcher.stories-x6y9SzTd.js index 5b4f64b817..27bcced5f6 100644 --- a/assets/matcher.stories-QzSxlNmr.js +++ b/assets/matcher.stories-x6y9SzTd.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const p={content:`**Match each claim with its supporting evidence.** +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{R as m}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const p={content:`**Match each claim with its supporting evidence.** [[☃ 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 "]}}}},Xt={title:"Perseus/Widgets/Matcher"},t=a=>e(m,{question:p});t.__docgenInfo={description:"",methods:[],displayName:"Question1"};var r,i,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/matrix.stories-Jnd-2aB5.js b/assets/matrix.stories-GWRmysMy.js similarity index 80% rename from assets/matrix.stories-Jnd-2aB5.js rename to assets/matrix.stories-GWRmysMy.js index 65f15b362f..70364cc7df 100644 --- a/assets/matrix.stories-Jnd-2aB5.js +++ b/assets/matrix.stories-GWRmysMy.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const e={content:`**Perform the row operation, $R_3 \\leftrightarrow R_2$, on the following matrix.** +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const e={content:`**Perform the row operation, $R_3 \\leftrightarrow R_2$, on the following matrix.** $\\left[\\begin{array} {ccc} 5 & -2 & 1 & 1 \\\\ diff --git a/assets/multi-items-jv5EEkvP.js b/assets/multi-items-zj8FdTl_.js similarity index 88% rename from assets/multi-items-jv5EEkvP.js rename to assets/multi-items-zj8FdTl_.js index 904a40f49f..a3e5449da0 100644 --- a/assets/multi-items-jv5EEkvP.js +++ b/assets/multi-items-zj8FdTl_.js @@ -1 +1 @@ -import{M as s,s as p,b as a,f,a as u,i as y}from"./multi-renderer--3S3VYBz.js";import"./version-akiLXZts.js";import{P as c,E as m}from"./util-F8-MDmsT.js";import{P as e}from"./index-k-0mNqHS.js";function d(t){return e.oneOfType([e.shape({_multi:n(t)}),e.oneOf([null,void 0])])}function n(t){if(t.type==="content")return e.shape({__type:e.oneOf(["content","item"]).isRequired,content:e.string,images:e.objectOf(e.any),widgets:e.objectOf(e.any)});if(t.type==="hint")return e.shape({__type:e.oneOf(["hint"]).isRequired,content:e.string,images:e.objectOf(e.any),widgets:e.objectOf(e.any),replace:e.bool});if(t.type==="tags")return e.arrayOf(e.string.isRequired);if(t.type==="array"){const r=n(t.elementShape);return e.arrayOf(r.isRequired)}if(t.type==="object"){const r=t.shape,o={};return Object.keys(r).forEach(i=>{o[i]=n(r[i]).isRequired}),e.shape(o)}throw new c(`unexpected shape type ${t.type}`,m.InvalidInput)}const I={MultiRenderer:s,shapes:p,buildPropTypeForShape:d,buildEmptyItemForShape:a,findContentNodesInItem:f,findHintNodesInItem:u,inferItemShape:y};export{I as M}; +import{M as s,s as p,b as a,f,a as u,i as y}from"./multi-renderer-own7mR8u.js";import"./version-akiLXZts.js";import{P as c,E as m}from"./util-F8-MDmsT.js";import{P as e}from"./index-0C4KXdeC.js";function d(t){return e.oneOfType([e.shape({_multi:n(t)}),e.oneOf([null,void 0])])}function n(t){if(t.type==="content")return e.shape({__type:e.oneOf(["content","item"]).isRequired,content:e.string,images:e.objectOf(e.any),widgets:e.objectOf(e.any)});if(t.type==="hint")return e.shape({__type:e.oneOf(["hint"]).isRequired,content:e.string,images:e.objectOf(e.any),widgets:e.objectOf(e.any),replace:e.bool});if(t.type==="tags")return e.arrayOf(e.string.isRequired);if(t.type==="array"){const r=n(t.elementShape);return e.arrayOf(r.isRequired)}if(t.type==="object"){const r=t.shape,o={};return Object.keys(r).forEach(i=>{o[i]=n(r[i]).isRequired}),e.shape(o)}throw new c(`unexpected shape type ${t.type}`,m.InvalidInput)}const I={MultiRenderer:s,shapes:p,buildPropTypeForShape:d,buildEmptyItemForShape:a,findContentNodesInItem:f,findHintNodesInItem:u,inferItemShape:y};export{I as M}; diff --git a/assets/multi-renderer--3S3VYBz.js b/assets/multi-renderer-own7mR8u.js similarity index 99% rename from assets/multi-renderer--3S3VYBz.js rename to assets/multi-renderer-own7mR8u.js index 2a89678e17..412fea6e0f 100644 --- a/assets/multi-renderer--3S3VYBz.js +++ b/assets/multi-renderer-own7mR8u.js @@ -1,4 +1,4 @@ -import{a as M}from"./version-akiLXZts.js";import{w as D}from"./article-renderer-q7kSP2w4.js";import{r as H,k as V,l as G,R as N,p as E}from"./renderer-ULNOY64X.js";import{j as u,a as K}from"./jsx-runtime-FVsy8kgq.js";import{l as R}from"./index-awljIyHI.js";import{r as A}from"./index-TT1qJ6UJ.js";import{_ as j}from"./jquery-yG1GhClm.js";import{c as B}from"./asset-context-I7yIqWki.js";import{P as _}from"./i18n-context-P7VpLqM1.js";import{D as L}from"./dependencies-8XILypbq.js";import{H as W}from"./hints-renderer-HbOOlLb6.js";import{A as Q}from"./perseus-api-mOiZT07d.js";import{U as h,P as g,E as y}from"./util-F8-MDmsT.js";import{L as Z}from"./svg-image-QKR8YXWf.js";const J="@khanacademy/perseus",X="__lib_version__";M(J,X);const Y={major:0,minor:1};H(D);const ee=V();ee["::renderer::"]=Y;const re={onRendered:t=>{}},te=A.createContext(re),T=class T extends A.Component{constructor(e){super(e),this._handleFocusChange=(r,n)=>{r!=null?this._setCurrentFocus(r):this._onRendererBlur(n)},this.handleInteractWithWidget=r=>{var a,i;const n=j.difference(this.state.questionHighlightedWidgets,[r]);this.setState({questionCompleted:!1,questionHighlightedWidgets:n}),(i=(a=this.props.apiOptions)==null?void 0:a.interactionCallback)==null||i.call(a,this.questionRenderer.getUserInputMap())},this.setAssetStatus=(r,n)=>{const a={...this.state.assetStatuses,[r]:n};this.setState({assetStatuses:a})},this.state={questionCompleted:!1,questionHighlightedWidgets:[],assetStatuses:{}},this._fullyRendered=!1}componentDidMount(){this._currentFocus=null,this._fullyRendered=!1}UNSAFE_componentWillReceiveProps(e){this.setState({questionHighlightedWidgets:[]})}componentDidUpdate(e,r){if(this.props.apiOptions.answerableCallback){const n=this.questionRenderer.emptyWidgets().length===0,{answerableCallback:a}=this.props.apiOptions;a&&a(n)}this._fullyRendered||Object.values(this.state.assetStatuses).every(Boolean)&&(this._fullyRendered=!0,this.props.onRendered(!0))}componentWillUnmount(){this.blurTimeoutID!=null&&(clearTimeout(this.blurTimeoutID),this.blurTimeoutID=null)}_setCurrentFocus(e){const{apiOptions:{isMobile:r,onFocusChange:n},keypadElement:a}=this.props,i=this._currentFocus;this._currentFocus=e;const s=this.getInputPaths(),o=this._currentFocus&&s.some(d=>h.inputPathsEqual(d,this._currentFocus));n!=null&&setTimeout(()=>{const d=a==null?void 0:a.getDOMNode(),w=d&&o?d.getBoundingClientRect().height:0;n(this._currentFocus,i,w,o&&this.questionRenderer.getDOMNodeForPath(e))},0),a&&r&&(o?a.activate():a.dismiss())}_onRendererBlur(e){const r=this._currentFocus;j.isEqual(e,r)&&(this.blurTimeoutID=setTimeout(()=>{j.isEqual(this._currentFocus,r)&&this._setCurrentFocus(null)},0))}_setWidgetProps(e,r,n){this.questionRenderer._setWidgetProps(e,r,n)}setInputValue(e,r,n){return this.questionRenderer.setInputValue(e,r,n)}focusPath(e){return this.questionRenderer.focusPath(e)}blurPath(e){return this.questionRenderer.blurPath(e)}getDOMNodeForPath(e){return this.questionRenderer.getDOMNodeForPath(e)}getGrammarTypeForPath(e){return this.questionRenderer.getGrammarTypeForPath(e)}getInputPaths(){return this.questionRenderer.getInputPaths()}focus(){return this.questionRenderer.focus()}blur(){this._currentFocus&&this.blurPath(this._currentFocus)}getNumHints(){return this.props.item.hints.length}scoreInput(){const e=this.questionRenderer.guessAndScore(),r=e[0],n=e[1],a=[r,[]],i=h.keScoreFromPerseusScore(n,a,this.questionRenderer.getSerializedState()),s=this.questionRenderer.emptyWidgets();return this.setState({questionCompleted:i.correct,questionHighlightedWidgets:s}),i}getWidgetIds(){return this.questionRenderer.getWidgetIds()}getSerializedState(){return{question:this.questionRenderer.getSerializedState(),hints:this.hintsRenderer.getSerializedState()}}restoreSerializedState(e,r){let n=2;const a=()=>{--n,r&&n===0&&r()};this.questionRenderer.restoreSerializedState(e.question,a),this.hintsRenderer.restoreSerializedState(e.hints,a)}showRationalesForCurrentlySelectedChoices(){this.questionRenderer.showRationalesForCurrentlySelectedChoices()}deselectIncorrectSelectedChoices(){this.questionRenderer.deselectIncorrectSelectedChoices()}render(){const e={...Q.defaults,...this.props.apiOptions,onFocusChange:this._handleFocusChange},r={assetStatuses:this.state.assetStatuses,setAssetStatus:this.setAssetStatus},n=u(B.Provider,{value:r,children:u(N,{keypadElement:this.props.keypadElement,problemNum:this.props.problemNum,onInteractWithWidget:this.handleInteractWithWidget,highlightedWidgets:this.state.questionHighlightedWidgets,apiOptions:e,questionCompleted:this.state.questionCompleted,reviewMode:this.props.reviewMode,showSolutions:this.props.showSolutions,ref:i=>{i!=null&&(this.questionRenderer=i)},content:this.props.item.question.content,widgets:this.props.item.question.widgets,images:this.props.item.question.images,linterContext:E(this.props.linterContext,"question"),strings:this.context.strings,...this.props.dependencies})}),a=u(W,{hints:this.props.item.hints,hintsVisible:this.props.hintsVisible,apiOptions:e,ref:i=>this.hintsRenderer=i,linterContext:E(this.props.linterContext,"hints"),strings:this.context.strings});return u(L.Provider,{value:this.props.dependencies,children:K("div",{children:[u("div",{children:n}),u("div",{className:e.isMobile?void 0:R.css(ne.hintsContainer),children:a})]})})}};T.contextType=_,T.defaultProps={apiOptions:{},linterContext:G,onRendered:e=>{}};let k=T;const ne=R.StyleSheet.create({hintsContainer:{marginLeft:50}}),ae=A.forwardRef((t,e)=>u(te.Consumer,{children:({onRendered:r})=>u(k,{...t,onRendered:r,ref:e})}));k.__docgenInfo={description:"",methods:[{name:"_handleFocusChange",docblock:null,modifiers:[],params:[{name:"newFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}},{name:"oldFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_setCurrentFocus",docblock:null,modifiers:[],params:[{name:"newFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_onRendererBlur",docblock:null,modifiers:[],params:[{name:"blurPath",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_setWidgetProps",docblock:`Accepts a question area widgetId, or an answer area widgetId of +import{a as M}from"./version-akiLXZts.js";import{w as D}from"./article-renderer-BOOaW4sB.js";import{r as H,k as V,l as G,R as N,p as E}from"./renderer-dyWsFSUA.js";import{j as u,a as K}from"./jsx-runtime-FVsy8kgq.js";import{l as R}from"./index-awljIyHI.js";import{r as A}from"./index-TT1qJ6UJ.js";import{_ as j}from"./jquery-yG1GhClm.js";import{c as B}from"./asset-context-I7yIqWki.js";import{P as _}from"./i18n-context-P7VpLqM1.js";import{D as L}from"./dependencies-8XILypbq.js";import{H as W}from"./hints-renderer-rWnJ078P.js";import{A as Q}from"./perseus-api-mOiZT07d.js";import{U as h,P as g,E as y}from"./util-F8-MDmsT.js";import{L as Z}from"./svg-image-QKR8YXWf.js";const J="@khanacademy/perseus",X="__lib_version__";M(J,X);const Y={major:0,minor:1};H(D);const ee=V();ee["::renderer::"]=Y;const re={onRendered:t=>{}},te=A.createContext(re),T=class T extends A.Component{constructor(e){super(e),this._handleFocusChange=(r,n)=>{r!=null?this._setCurrentFocus(r):this._onRendererBlur(n)},this.handleInteractWithWidget=r=>{var a,i;const n=j.difference(this.state.questionHighlightedWidgets,[r]);this.setState({questionCompleted:!1,questionHighlightedWidgets:n}),(i=(a=this.props.apiOptions)==null?void 0:a.interactionCallback)==null||i.call(a,this.questionRenderer.getUserInputMap())},this.setAssetStatus=(r,n)=>{const a={...this.state.assetStatuses,[r]:n};this.setState({assetStatuses:a})},this.state={questionCompleted:!1,questionHighlightedWidgets:[],assetStatuses:{}},this._fullyRendered=!1}componentDidMount(){this._currentFocus=null,this._fullyRendered=!1}UNSAFE_componentWillReceiveProps(e){this.setState({questionHighlightedWidgets:[]})}componentDidUpdate(e,r){if(this.props.apiOptions.answerableCallback){const n=this.questionRenderer.emptyWidgets().length===0,{answerableCallback:a}=this.props.apiOptions;a&&a(n)}this._fullyRendered||Object.values(this.state.assetStatuses).every(Boolean)&&(this._fullyRendered=!0,this.props.onRendered(!0))}componentWillUnmount(){this.blurTimeoutID!=null&&(clearTimeout(this.blurTimeoutID),this.blurTimeoutID=null)}_setCurrentFocus(e){const{apiOptions:{isMobile:r,onFocusChange:n},keypadElement:a}=this.props,i=this._currentFocus;this._currentFocus=e;const s=this.getInputPaths(),o=this._currentFocus&&s.some(d=>h.inputPathsEqual(d,this._currentFocus));n!=null&&setTimeout(()=>{const d=a==null?void 0:a.getDOMNode(),w=d&&o?d.getBoundingClientRect().height:0;n(this._currentFocus,i,w,o&&this.questionRenderer.getDOMNodeForPath(e))},0),a&&r&&(o?a.activate():a.dismiss())}_onRendererBlur(e){const r=this._currentFocus;j.isEqual(e,r)&&(this.blurTimeoutID=setTimeout(()=>{j.isEqual(this._currentFocus,r)&&this._setCurrentFocus(null)},0))}_setWidgetProps(e,r,n){this.questionRenderer._setWidgetProps(e,r,n)}setInputValue(e,r,n){return this.questionRenderer.setInputValue(e,r,n)}focusPath(e){return this.questionRenderer.focusPath(e)}blurPath(e){return this.questionRenderer.blurPath(e)}getDOMNodeForPath(e){return this.questionRenderer.getDOMNodeForPath(e)}getGrammarTypeForPath(e){return this.questionRenderer.getGrammarTypeForPath(e)}getInputPaths(){return this.questionRenderer.getInputPaths()}focus(){return this.questionRenderer.focus()}blur(){this._currentFocus&&this.blurPath(this._currentFocus)}getNumHints(){return this.props.item.hints.length}scoreInput(){const e=this.questionRenderer.guessAndScore(),r=e[0],n=e[1],a=[r,[]],i=h.keScoreFromPerseusScore(n,a,this.questionRenderer.getSerializedState()),s=this.questionRenderer.emptyWidgets();return this.setState({questionCompleted:i.correct,questionHighlightedWidgets:s}),i}getWidgetIds(){return this.questionRenderer.getWidgetIds()}getSerializedState(){return{question:this.questionRenderer.getSerializedState(),hints:this.hintsRenderer.getSerializedState()}}restoreSerializedState(e,r){let n=2;const a=()=>{--n,r&&n===0&&r()};this.questionRenderer.restoreSerializedState(e.question,a),this.hintsRenderer.restoreSerializedState(e.hints,a)}showRationalesForCurrentlySelectedChoices(){this.questionRenderer.showRationalesForCurrentlySelectedChoices()}deselectIncorrectSelectedChoices(){this.questionRenderer.deselectIncorrectSelectedChoices()}render(){const e={...Q.defaults,...this.props.apiOptions,onFocusChange:this._handleFocusChange},r={assetStatuses:this.state.assetStatuses,setAssetStatus:this.setAssetStatus},n=u(B.Provider,{value:r,children:u(N,{keypadElement:this.props.keypadElement,problemNum:this.props.problemNum,onInteractWithWidget:this.handleInteractWithWidget,highlightedWidgets:this.state.questionHighlightedWidgets,apiOptions:e,questionCompleted:this.state.questionCompleted,reviewMode:this.props.reviewMode,showSolutions:this.props.showSolutions,ref:i=>{i!=null&&(this.questionRenderer=i)},content:this.props.item.question.content,widgets:this.props.item.question.widgets,images:this.props.item.question.images,linterContext:E(this.props.linterContext,"question"),strings:this.context.strings,...this.props.dependencies})}),a=u(W,{hints:this.props.item.hints,hintsVisible:this.props.hintsVisible,apiOptions:e,ref:i=>this.hintsRenderer=i,linterContext:E(this.props.linterContext,"hints"),strings:this.context.strings});return u(L.Provider,{value:this.props.dependencies,children:K("div",{children:[u("div",{children:n}),u("div",{className:e.isMobile?void 0:R.css(ne.hintsContainer),children:a})]})})}};T.contextType=_,T.defaultProps={apiOptions:{},linterContext:G,onRendered:e=>{}};let k=T;const ne=R.StyleSheet.create({hintsContainer:{marginLeft:50}}),ae=A.forwardRef((t,e)=>u(te.Consumer,{children:({onRendered:r})=>u(k,{...t,onRendered:r,ref:e})}));k.__docgenInfo={description:"",methods:[{name:"_handleFocusChange",docblock:null,modifiers:[],params:[{name:"newFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}},{name:"oldFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_setCurrentFocus",docblock:null,modifiers:[],params:[{name:"newFocus",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_onRendererBlur",docblock:null,modifiers:[],params:[{name:"blurPath",optional:!1,type:{name:"union",raw:"ReadonlyArray | null | undefined",elements:[{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},{name:"null"},{name:"undefined"}],alias:"FocusPath"}}],returns:null},{name:"_setWidgetProps",docblock:`Accepts a question area widgetId, or an answer area widgetId of the form "answer-input-number 1", or the string "answer-area" for the whole answer area (if the answer area is a single widget).`,modifiers:[],params:[{name:"widgetId",optional:!1,type:{name:"string"}},{name:"newProps",optional:!1,type:{name:"intersection",raw:"SharedRendererProps & OwnProps & HOCProps",elements:[{name:"signature",type:"object",raw:`{ apiOptions: APIOptions; diff --git a/assets/multi-renderer.stories-loCGM1pB.js b/assets/multi-renderer.stories-B8VCbdoY.js similarity index 99% rename from assets/multi-renderer.stories-loCGM1pB.js rename to assets/multi-renderer.stories-B8VCbdoY.js index 78b6e09008..be4123e478 100644 --- a/assets/multi-renderer.stories-loCGM1pB.js +++ b/assets/multi-renderer.stories-B8VCbdoY.js @@ -1,4 +1,4 @@ -import{j as e,a as i,F as f}from"./jsx-runtime-FVsy8kgq.js";import{V as t}from"./index-6h5t6F0w.js";import{H as d}from"./index-h_CiYGGb.js";import{l as k}from"./index-awljIyHI.js";import{B as q}from"./choice-Bz-ZMhQM.js";import{r as g}from"./index-TT1qJ6UJ.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import{s as l}from"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{M as T}from"./multi-items-jv5EEkvP.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{K as R}from"./ke-score-ui-VwVxZMGJ.js";import{S as A}from"./side-by-side-kGWaKY6T.js";import{s as O}from"./test-dependencies-BYssWPiu.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-k-0mNqHS.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./shared-4TdECMLk.js";import"./answer-choices-mbE4GLUb.js";import"./minus-bold-ONmDo3Ve.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const j=l.shape({blurb:l.content,question:l.content,hints:l.hints}),h={_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$: +import{j as e,a as i,F as f}from"./jsx-runtime-FVsy8kgq.js";import{V as t}from"./index-6h5t6F0w.js";import{H as d}from"./index-h_CiYGGb.js";import{l as k}from"./index-awljIyHI.js";import{B as q}from"./choice-Bz-ZMhQM.js";import{r as g}from"./index-TT1qJ6UJ.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import{s as l}from"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{M as T}from"./multi-items-zj8FdTl_.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{K as R}from"./ke-score-ui-VwVxZMGJ.js";import{S as A}from"./side-by-side-kGWaKY6T.js";import{s as O}from"./test-dependencies-6YNLO4fV.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-0C4KXdeC.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./shared-4TdECMLk.js";import"./answer-choices-MQdUvt3_.js";import"./minus-bold-ONmDo3Ve.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const j=l.shape({blurb:l.content,question:l.content,hints:l.hints}),h={_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$: * 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$ ? diff --git a/assets/number-input-7sNeIRmO.js b/assets/number-input-7sNeIRmO.js index 7d2cfbe570..8aba832e8b 100644 --- a/assets/number-input-7sNeIRmO.js +++ b/assets/number-input-7sNeIRmO.js @@ -1 +1 @@ -import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{e as h,U as f,K as c}from"./util-F8-MDmsT.js";import{c as y}from"./index-dnMhQZ-1.js";import{_ as o,$ as g}from"./jquery-yG1GhClm.js";import{P as s}from"./index-k-0mNqHS.js";import{r as V}from"./index-TT1qJ6UJ.js";import{R as n}from"./index-7vsPyIck.js";import{P as v}from"./i18n-context-P7VpLqM1.js";const{firstNumericalParse:u,captureScratchpadTouchStart:k}=f,p=c.toNumericString,_=c.getNumericFormat,a=class a extends V.Component{constructor(){super(...arguments),this.state={format:this.props.format},this.getValue=()=>this.parseInputValue(n.findDOMNode(this.refs.input).value),this.getStringValue=()=>n.findDOMNode(this.refs.input).value.toString(),this.parseInputValue=e=>{if(e===""){const l=this.props.placeholder;return o.isFinite(l)?+l:null}const t=u(e,this.context.strings);return o.isFinite(t)?t:this.props.value},this.focus=()=>{n.findDOMNode(this.refs.input).focus(),this._handleFocus()},this.blur=()=>{n.findDOMNode(this.refs.input).blur(),this._handleBlur()},this.setSelectionRange=(e,t)=>{n.findDOMNode(this).setSelectionRange(e,t)},this.getSelectionStart=()=>n.findDOMNode(this).selectionStart,this.getSelectionEnd=()=>n.findDOMNode(this).selectionEnd,this._checkValidity=e=>{if(e==null)return!0;const t=u(e,this.context.strings),l=this.props.checkValidity;return o.isFinite(t)&&l(t)},this._handleChange=e=>{const t=e.target.value,l=this.parseInputValue(t),r=_(t);this.props.onChange(l),r&&(this.props.onFormatChange(l,r),this.setState({format:r}))},this._handleFocus=()=>{this.props.onFocus&&this.props.onFocus()},this._handleBlur=e=>{e&&e.type==="keypress"&&e.keyCode!==13||(this._setValue(this.props.value,this.state.format),this.props.onBlur&&this.props.onBlur())},this._onKeyDown=e=>{if(this.props.onKeyDown&&this.props.onKeyDown(e),!this.props.useArrowKeys||!o.contains(["ArrowUp","ArrowDown"],e.key))return;let t=this.getValue();t===Math.floor(t)&&(e.key==="ArrowUp"?t=t+1:e.key==="ArrowDown"&&(t=t-1),this._checkValidity(t)&&this.props.onChange(t))},this._setValue=(e,t)=>{g(n.findDOMNode(this.refs.input)).val(p(e,t))}}componentDidUpdate(e){h(this.getValue(),this.props.value)||this._setValue(this.props.value,this.state.format)}render(){let e=y({"number-input":!0,"invalid-input":!this._checkValidity(this.props.value),mini:this.props.size==="mini",small:this.props.size==="small",normal:this.props.size==="normal"});this.props.className!=null&&(e=e+" "+this.props.className);const{onFormatChange:t,checkValidity:l,useArrowKeys:r,...m}=this.props;return d("input",{...m,className:e,type:"text",ref:"input",onChange:this._handleChange,onFocus:this._handleFocus,onBlur:this._handleBlur,onKeyPress:this._handleBlur,onKeyDown:this._onKeyDown,onTouchStart:k,defaultValue:p(this.props.value,this.state.format),value:void 0})}};a.contextType=v,a.propTypes={value:s.number,format:s.string,placeholder:s.oneOfType([s.string,s.number]),onChange:s.func.isRequired,onFormatChange:s.func,checkValidity:s.func,size:s.string,label:s.oneOf(["put your labels outside your inputs!"])},a.defaultProps={value:null,placeholder:null,format:null,onFormatChange:()=>null,checkValidity:()=>!0,useArrowKeys:!1};let i=a;i.__docgenInfo={description:"",methods:[{name:"getValue",docblock:null,modifiers:[],params:[],returns:null},{name:"getStringValue",docblock:null,modifiers:[],params:[],returns:null},{name:"parseInputValue",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null},{name:"setSelectionRange",docblock:null,modifiers:[],params:[{name:"selectionStart",optional:!1,type:null},{name:"selectionEnd",optional:!1,type:null}],returns:null},{name:"getSelectionStart",docblock:null,modifiers:[],params:[],returns:null},{name:"getSelectionEnd",docblock:null,modifiers:[],params:[],returns:null},{name:"_checkValidity",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"_handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_handleFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleBlur",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_onKeyDown",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_setValue",docblock:null,modifiers:[],params:[{name:"val",optional:!1,type:null},{name:"format",optional:!1,type:null}],returns:null}],displayName:"NumberInput",props:{value:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},placeholder:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},format:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},onFormatChange:{defaultValue:{value:"() => null",computed:!1},description:"",type:{name:"func"},required:!1},checkValidity:{defaultValue:{value:"() => true",computed:!1},description:"",type:{name:"func"},required:!1},useArrowKeys:{defaultValue:{value:"false",computed:!1},required:!1},onChange:{description:"",type:{name:"func"},required:!0},size:{description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"enum",value:[{value:'"put your labels outside your inputs!"',computed:!1}]},required:!1}}};export{i as N}; +import{j as d}from"./jsx-runtime-FVsy8kgq.js";import{e as h,U as f,K as c}from"./util-F8-MDmsT.js";import{c as y}from"./index-dnMhQZ-1.js";import{_ as o,$ as g}from"./jquery-yG1GhClm.js";import{P as s}from"./index-0C4KXdeC.js";import{r as V}from"./index-TT1qJ6UJ.js";import{R as n}from"./index-7vsPyIck.js";import{P as v}from"./i18n-context-P7VpLqM1.js";const{firstNumericalParse:u,captureScratchpadTouchStart:k}=f,p=c.toNumericString,_=c.getNumericFormat,a=class a extends V.Component{constructor(){super(...arguments),this.state={format:this.props.format},this.getValue=()=>this.parseInputValue(n.findDOMNode(this.refs.input).value),this.getStringValue=()=>n.findDOMNode(this.refs.input).value.toString(),this.parseInputValue=e=>{if(e===""){const l=this.props.placeholder;return o.isFinite(l)?+l:null}const t=u(e,this.context.strings);return o.isFinite(t)?t:this.props.value},this.focus=()=>{n.findDOMNode(this.refs.input).focus(),this._handleFocus()},this.blur=()=>{n.findDOMNode(this.refs.input).blur(),this._handleBlur()},this.setSelectionRange=(e,t)=>{n.findDOMNode(this).setSelectionRange(e,t)},this.getSelectionStart=()=>n.findDOMNode(this).selectionStart,this.getSelectionEnd=()=>n.findDOMNode(this).selectionEnd,this._checkValidity=e=>{if(e==null)return!0;const t=u(e,this.context.strings),l=this.props.checkValidity;return o.isFinite(t)&&l(t)},this._handleChange=e=>{const t=e.target.value,l=this.parseInputValue(t),r=_(t);this.props.onChange(l),r&&(this.props.onFormatChange(l,r),this.setState({format:r}))},this._handleFocus=()=>{this.props.onFocus&&this.props.onFocus()},this._handleBlur=e=>{e&&e.type==="keypress"&&e.keyCode!==13||(this._setValue(this.props.value,this.state.format),this.props.onBlur&&this.props.onBlur())},this._onKeyDown=e=>{if(this.props.onKeyDown&&this.props.onKeyDown(e),!this.props.useArrowKeys||!o.contains(["ArrowUp","ArrowDown"],e.key))return;let t=this.getValue();t===Math.floor(t)&&(e.key==="ArrowUp"?t=t+1:e.key==="ArrowDown"&&(t=t-1),this._checkValidity(t)&&this.props.onChange(t))},this._setValue=(e,t)=>{g(n.findDOMNode(this.refs.input)).val(p(e,t))}}componentDidUpdate(e){h(this.getValue(),this.props.value)||this._setValue(this.props.value,this.state.format)}render(){let e=y({"number-input":!0,"invalid-input":!this._checkValidity(this.props.value),mini:this.props.size==="mini",small:this.props.size==="small",normal:this.props.size==="normal"});this.props.className!=null&&(e=e+" "+this.props.className);const{onFormatChange:t,checkValidity:l,useArrowKeys:r,...m}=this.props;return d("input",{...m,className:e,type:"text",ref:"input",onChange:this._handleChange,onFocus:this._handleFocus,onBlur:this._handleBlur,onKeyPress:this._handleBlur,onKeyDown:this._onKeyDown,onTouchStart:k,defaultValue:p(this.props.value,this.state.format),value:void 0})}};a.contextType=v,a.propTypes={value:s.number,format:s.string,placeholder:s.oneOfType([s.string,s.number]),onChange:s.func.isRequired,onFormatChange:s.func,checkValidity:s.func,size:s.string,label:s.oneOf(["put your labels outside your inputs!"])},a.defaultProps={value:null,placeholder:null,format:null,onFormatChange:()=>null,checkValidity:()=>!0,useArrowKeys:!1};let i=a;i.__docgenInfo={description:"",methods:[{name:"getValue",docblock:null,modifiers:[],params:[],returns:null},{name:"getStringValue",docblock:null,modifiers:[],params:[],returns:null},{name:"parseInputValue",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null},{name:"setSelectionRange",docblock:null,modifiers:[],params:[{name:"selectionStart",optional:!1,type:null},{name:"selectionEnd",optional:!1,type:null}],returns:null},{name:"getSelectionStart",docblock:null,modifiers:[],params:[],returns:null},{name:"getSelectionEnd",docblock:null,modifiers:[],params:[],returns:null},{name:"_checkValidity",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"_handleChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_handleFocus",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleBlur",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_onKeyDown",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_setValue",docblock:null,modifiers:[],params:[{name:"val",optional:!1,type:null},{name:"format",optional:!1,type:null}],returns:null}],displayName:"NumberInput",props:{value:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},placeholder:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},format:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},onFormatChange:{defaultValue:{value:"() => null",computed:!1},description:"",type:{name:"func"},required:!1},checkValidity:{defaultValue:{value:"() => true",computed:!1},description:"",type:{name:"func"},required:!1},useArrowKeys:{defaultValue:{value:"false",computed:!1},required:!1},onChange:{description:"",type:{name:"func"},required:!0},size:{description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"enum",value:[{value:'"put your labels outside your inputs!"',computed:!1}]},required:!1}}};export{i as N}; diff --git a/assets/number-input.stories-OwWBq5td.js b/assets/number-input.stories-OwWBq5td.js index 64a15df24d..8efe629c9a 100644 --- a/assets/number-input.stories-OwWBq5td.js +++ b/assets/number-input.stories-OwWBq5td.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{N as r}from"./number-input-7sNeIRmO.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./index-dnMhQZ-1.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";const a={onChange:()=>{}},F={title:"Perseus/Components/Number Input"},o=t=>e(r,{...a}),s=t=>e(r,{...a,value:1234567890}),c=t=>e(r,{...a,placeholder:"Sample placeholder"}),m=t=>e(r,{...a,placeholder:"Sample placeholder"}),n=t=>e(r,{...a,size:"small"}),p=t=>e(r,{...a,size:"normal"});o.__docgenInfo={description:"",methods:[],displayName:"EmptyPropsObject"};s.__docgenInfo={description:"",methods:[],displayName:"SampleValue"};c.__docgenInfo={description:"",methods:[],displayName:"Placeholder"};m.__docgenInfo={description:"",methods:[],displayName:"SizeMini"};n.__docgenInfo={description:"",methods:[],displayName:"SizeSmall"};p.__docgenInfo={description:"",methods:[],displayName:"SizeNormal"};var l,d,i;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{N as r}from"./number-input-7sNeIRmO.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./index-dnMhQZ-1.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";const a={onChange:()=>{}},F={title:"Perseus/Components/Number Input"},o=t=>e(r,{...a}),s=t=>e(r,{...a,value:1234567890}),c=t=>e(r,{...a,placeholder:"Sample placeholder"}),m=t=>e(r,{...a,placeholder:"Sample placeholder"}),n=t=>e(r,{...a,size:"small"}),p=t=>e(r,{...a,size:"normal"});o.__docgenInfo={description:"",methods:[],displayName:"EmptyPropsObject"};s.__docgenInfo={description:"",methods:[],displayName:"SampleValue"};c.__docgenInfo={description:"",methods:[],displayName:"Placeholder"};m.__docgenInfo={description:"",methods:[],displayName:"SizeMini"};n.__docgenInfo={description:"",methods:[],displayName:"SizeSmall"};p.__docgenInfo={description:"",methods:[],displayName:"SizeNormal"};var l,d,i;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(d=o.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var u,g,S;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/number-line-editor-Vp7BYsbR.js b/assets/number-line-editor-QFYtkNpd.js similarity index 96% rename from assets/number-line-editor-Vp7BYsbR.js rename to assets/number-line-editor-QFYtkNpd.js index 7d12acf3d6..403a0963ef 100644 --- a/assets/number-line-editor-Vp7BYsbR.js +++ b/assets/number-line-editor-QFYtkNpd.js @@ -1 +1 @@ -import{a as l,j as i}from"./jsx-runtime-FVsy8kgq.js";import{i as k}from"./util-F8-MDmsT.js";import"./article-renderer-q7kSP2w4.js";import{_ as C}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as w}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as R}from"./editor-jsonify-Bbv2loDC.js";import{C as m}from"./index-QCAhLhLD.js";import{P as a}from"./index-0C4KXdeC.js";import{r as S}from"./index-TT1qJ6UJ.js";const{ButtonGroup:q,InfoTip:p,NumberInput:r,RangeInput:T}=w,N=(b,e,n)=>Math.min(Math.max(b,e),n),V="–",c=class c extends S.Component{constructor(){super(...arguments),this.onRangeChange=e=>{this.props.onChange({range:e})},this.onLabelRangeChange=(e,n)=>{let s=this.props.labelRange.slice();const o=s[1-e];n==null||o==null?s[e]=n:s=[Math.min(n,o),Math.max(n,o)],this.props.onChange({labelRange:s})},this.onDivisionRangeChange=e=>{let n=this.props.numDivisions;n=N(n,e[0],e[1]),this.props.onChange({divisionRange:e,numDivisions:n})},this.onNumChange=(e,n)=>{const s={};s[e]=n,this.props.onChange(s)},this.onNumDivisionsChange=e=>{const n=this.props.divisionRange.slice();e=C.isFinite(e)?Math.round(e):0,e=e<0?e*-1:e,e&&(e=Math.min(n[1],Math.max(n[0],e)),this.props.onChange({tickStep:null,divisionRange:n,numDivisions:e}))},this.onTickStepChange=e=>{this.props.onChange({numDivisions:null,tickStep:e})},this.onChangeRelation=e=>{const n=e.target.value;this.props.onChange({correctRel:n,isInequality:n!=="eq"})},this.onLabelStyleChange=e=>{this.props.onChange({labelStyle:e})},this.serialize=()=>R.serialize.call(this)}render(){const e=this.props.range,n=this.props.labelRange,s=this.props.divisionRange;e[0]=+e[0],e[1]=+e[1];const o=e[1]-e[0],y=this.props.numDivisions,u=this.props.snapDivisions,g=this.props.tickStep,d=this.props.isTickCtrl;let h;d?h=null:h=g?g/u:o/y/u;const v=[{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"}];return l("div",{className:"perseus-widget-number-line-editor",children:[l("div",{className:"perseus-widget-row",children:["Correct x"," ",l("select",{value:this.props.correctRel,onChange:this.onChangeRelation,"aria-label":"Select relationship",children:[i("option",{value:"eq","aria-label":"Equal",children:"="}),i("option",{value:"lt","aria-label":"Less than",children:"<"}),i("option",{value:"gt","aria-label":"Greater than",children:">"}),i("option",{value:"le","aria-label":"Less than or equal",children:"≤"}),i("option",{value:"ge","aria-label":"Greater than or equal",children:"≥"})]})," ",i(r,{value:this.props.correctX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"correctX"),checkValidity:t=>t>=e[0]&&t<=e[1]&&(!h||k((t-e[0])/h)),placeholder:"answer",size:"normal",useArrowKeys:!0}),i(p,{children:i("p",{children:"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 (=, <, >, ≤, ≥)."})})]}),l("div",{className:"perseus-widget-row",children:[this.props.static?i("label",{children:"Range:"}):l("label",{children:["Position:"," ",i(r,{value:this.props.initialX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"initialX"),placeholder:e[0],checkValidity:t=>t>=e[0]&&t<=e[1],useArrowKeys:!0})," ∈ "]}),i(T,{value:e,onChange:this.onRangeChange,format:this.props.labelStyle,useArrowKeys:!0}),l(p,{children:[l("p",{children:["This controls the initial position of the point along the number line and the",i("strong",{children:"range"}),", the position of the endpoints of the number line. Setting the range constrains the position of the answer and the labels."]}),i("p",{children:"In static mode, the initial position of the point is determined by Correct x instead of position."})]})]}),i("div",{className:"perseus-widget-row",children:l("div",{className:"perseus-widget-left-col",children:["Labels:"," ",i(r,{value:n[0],placeholder:e[0],format:this.props.labelStyle,checkValidity:t=>t>=e[0]&&t<=e[1],onChange:this.onLabelRangeChange.bind(this,0),useArrowKeys:!0}),i("span",{children:" & "}),i(r,{value:n[1],placeholder:e[1],format:this.props.labelStyle,checkValidity:t=>t>=e[0]&&t<=e[1],onChange:this.onLabelRangeChange.bind(this,1),useArrowKeys:!0}),i(p,{children:l("p",{children:["This controls the position of the left / right labels. By default, the labels are set by the range ",i("br",{}),i("strong",{children:"Note:"})," Ensure that the labels line up with the tick marks, or it may be confusing for users."]})})]})}),l("div",{className:"perseus-widget-row",children:["Style:"," ",i(q,{allowEmpty:!1,value:this.props.labelStyle,buttons:v,onChange:this.onLabelStyleChange}),i(p,{children:i("p",{children:"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."})})]}),l("div",{className:"perseus-widget-row",children:[!this.props.static&&i("div",{className:"perseus-widget-left-col",children:i(m,{label:"Show tick controller",checked:this.props.isTickCtrl,onChange:t=>{this.props.onChange({isTickCtrl:t})}})}),i("div",{className:"perseus-widget-right-col",children:i(m,{label:"Show label ticks",checked:this.props.labelTicks,onChange:t=>{this.props.onChange({labelTicks:t})}})})]}),i("div",{className:"perseus-widget-row",children:!this.props.static&&i(m,{label:"Show tooltips",checked:this.props.showTooltips,onChange:t=>{this.props.onChange({showTooltips:t})}})}),l("div",{className:"perseus-widget-row",children:[d&&l("span",{children:[l("label",{children:["Start num divisions at"," ",i(r,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:t=>t>=s[0]&&t<=s[1],placeholder:o/this.props.tickStep,useArrowKeys:!0})]}),i(p,{children:l("p",{children:["This controls the number (and position) of the tick marks. The number of divisions is constrained to"," "+s[0]+V+s[1],".",i("br",{}),i("strong",{children:"Note:"})," The user will be able to specify the number of divisions in a number input."]})})]}),!d&&l("span",{children:[l("label",{children:["Num divisions:"," ",i(r,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:t=>t>=s[0]&&t<=s[1],placeholder:o/this.props.tickStep,useArrowKeys:!0})]})," ",l("label",{children:["or tick step:"," ",i(r,{value:this.props.tickStep||null,format:this.props.labelStyle,onChange:this.onTickStepChange,checkValidity:t=>t>0&&t<=o,placeholder:o/this.props.numDivisions,useArrowKeys:!0})]}),i(p,{children:l("p",{children:["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."," ",i("br",{}),i("strong",{children:"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."]})})]})]}),l("div",{className:"perseus-widget-row",children:[l("label",{children:["Snap increments per tick:"," ",i(r,{value:u,checkValidity:t=>t>0,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"snapDivisions"),useArrowKeys:!0})]}),i(p,{children:l("p",{children:["This determines the number of different places the point will snap between two adjacent tick marks."," ",i("br",{}),i("strong",{children:"Note:"}),"Ensure the required number of snap increments is provided to answer the question."]})})]})]})}};c.propTypes={range:a.arrayOf(a.number).isRequired,labelRange:a.arrayOf(a.number).isRequired,labelStyle:a.string.isRequired,labelTicks:a.bool,divisionRange:a.arrayOf(a.number).isRequired,numDivisions:a.number.isRequired,snapDivisions:a.number,tickStep:a.number,correctRel:a.oneOf(["lt","gt","le","ge","eq"]),correctX:a.number,initialX:a.number,isTickCtrl:a.bool,onChange:a.func.isRequired,static:a.bool,showTooltips:a.bool},c.widgetName="number-line",c.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};let f=c;f.__docgenInfo={description:"",methods:[{name:"onRangeChange",docblock:null,modifiers:[],params:[{name:"range",optional:!1,type:null}],returns:null},{name:"onLabelRangeChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"num",optional:!1,type:null}],returns:null},{name:"onDivisionRangeChange",docblock:null,modifiers:[],params:[{name:"divisionRange",optional:!1,type:null}],returns:null},{name:"onNumChange",docblock:null,modifiers:[],params:[{name:"key",optional:!1,type:null},{name:"value",optional:!1,type:null}],returns:null},{name:"onNumDivisionsChange",docblock:null,modifiers:[],params:[{name:"numDivisions",optional:!1,type:null}],returns:null},{name:"onTickStepChange",docblock:null,modifiers:[],params:[{name:"tickStep",optional:!1,type:null}],returns:null},{name:"onChangeRelation",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onLabelStyleChange",docblock:null,modifiers:[],params:[{name:"labelStyle",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"NumberLineEditor",props:{range:{defaultValue:{value:"[0, 10]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},labelRange:{defaultValue:{value:"[null, null]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},labelStyle:{defaultValue:{value:'"decimal"',computed:!1},description:"",type:{name:"string"},required:!1},labelTicks:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},divisionRange:{defaultValue:{value:"[1, 12]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},numDivisions:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},snapDivisions:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},tickStep:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},correctRel:{defaultValue:{value:'"eq"',computed:!1},description:"",type:{name:"enum",value:[{value:'"lt"',computed:!1},{value:'"gt"',computed:!1},{value:'"le"',computed:!1},{value:'"ge"',computed:!1},{value:'"eq"',computed:!1}]},required:!1},correctX:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},initialX:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},showTooltips:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isTickCtrl:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},static:{description:"",type:{name:"bool"},required:!1}}};export{f as N}; +import{a as l,j as i}from"./jsx-runtime-FVsy8kgq.js";import{i as k}from"./util-F8-MDmsT.js";import"./article-renderer-BOOaW4sB.js";import{_ as C}from"./jquery-yG1GhClm.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as w}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as R}from"./editor-jsonify-tQINrEL4.js";import{C as m}from"./index-QCAhLhLD.js";import{P as a}from"./index-k-0mNqHS.js";import{r as S}from"./index-TT1qJ6UJ.js";const{ButtonGroup:q,InfoTip:p,NumberInput:r,RangeInput:T}=w,N=(b,e,n)=>Math.min(Math.max(b,e),n),V="–",c=class c extends S.Component{constructor(){super(...arguments),this.onRangeChange=e=>{this.props.onChange({range:e})},this.onLabelRangeChange=(e,n)=>{let s=this.props.labelRange.slice();const o=s[1-e];n==null||o==null?s[e]=n:s=[Math.min(n,o),Math.max(n,o)],this.props.onChange({labelRange:s})},this.onDivisionRangeChange=e=>{let n=this.props.numDivisions;n=N(n,e[0],e[1]),this.props.onChange({divisionRange:e,numDivisions:n})},this.onNumChange=(e,n)=>{const s={};s[e]=n,this.props.onChange(s)},this.onNumDivisionsChange=e=>{const n=this.props.divisionRange.slice();e=C.isFinite(e)?Math.round(e):0,e=e<0?e*-1:e,e&&(e=Math.min(n[1],Math.max(n[0],e)),this.props.onChange({tickStep:null,divisionRange:n,numDivisions:e}))},this.onTickStepChange=e=>{this.props.onChange({numDivisions:null,tickStep:e})},this.onChangeRelation=e=>{const n=e.target.value;this.props.onChange({correctRel:n,isInequality:n!=="eq"})},this.onLabelStyleChange=e=>{this.props.onChange({labelStyle:e})},this.serialize=()=>R.serialize.call(this)}render(){const e=this.props.range,n=this.props.labelRange,s=this.props.divisionRange;e[0]=+e[0],e[1]=+e[1];const o=e[1]-e[0],y=this.props.numDivisions,u=this.props.snapDivisions,g=this.props.tickStep,d=this.props.isTickCtrl;let h;d?h=null:h=g?g/u:o/y/u;const v=[{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"}];return l("div",{className:"perseus-widget-number-line-editor",children:[l("div",{className:"perseus-widget-row",children:["Correct x"," ",l("select",{value:this.props.correctRel,onChange:this.onChangeRelation,"aria-label":"Select relationship",children:[i("option",{value:"eq","aria-label":"Equal",children:"="}),i("option",{value:"lt","aria-label":"Less than",children:"<"}),i("option",{value:"gt","aria-label":"Greater than",children:">"}),i("option",{value:"le","aria-label":"Less than or equal",children:"≤"}),i("option",{value:"ge","aria-label":"Greater than or equal",children:"≥"})]})," ",i(r,{value:this.props.correctX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"correctX"),checkValidity:t=>t>=e[0]&&t<=e[1]&&(!h||k((t-e[0])/h)),placeholder:"answer",size:"normal",useArrowKeys:!0}),i(p,{children:i("p",{children:"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 (=, <, >, ≤, ≥)."})})]}),l("div",{className:"perseus-widget-row",children:[this.props.static?i("label",{children:"Range:"}):l("label",{children:["Position:"," ",i(r,{value:this.props.initialX,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"initialX"),placeholder:e[0],checkValidity:t=>t>=e[0]&&t<=e[1],useArrowKeys:!0})," ∈ "]}),i(T,{value:e,onChange:this.onRangeChange,format:this.props.labelStyle,useArrowKeys:!0}),l(p,{children:[l("p",{children:["This controls the initial position of the point along the number line and the",i("strong",{children:"range"}),", the position of the endpoints of the number line. Setting the range constrains the position of the answer and the labels."]}),i("p",{children:"In static mode, the initial position of the point is determined by Correct x instead of position."})]})]}),i("div",{className:"perseus-widget-row",children:l("div",{className:"perseus-widget-left-col",children:["Labels:"," ",i(r,{value:n[0],placeholder:e[0],format:this.props.labelStyle,checkValidity:t=>t>=e[0]&&t<=e[1],onChange:this.onLabelRangeChange.bind(this,0),useArrowKeys:!0}),i("span",{children:" & "}),i(r,{value:n[1],placeholder:e[1],format:this.props.labelStyle,checkValidity:t=>t>=e[0]&&t<=e[1],onChange:this.onLabelRangeChange.bind(this,1),useArrowKeys:!0}),i(p,{children:l("p",{children:["This controls the position of the left / right labels. By default, the labels are set by the range ",i("br",{}),i("strong",{children:"Note:"})," Ensure that the labels line up with the tick marks, or it may be confusing for users."]})})]})}),l("div",{className:"perseus-widget-row",children:["Style:"," ",i(q,{allowEmpty:!1,value:this.props.labelStyle,buttons:v,onChange:this.onLabelStyleChange}),i(p,{children:i("p",{children:"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."})})]}),l("div",{className:"perseus-widget-row",children:[!this.props.static&&i("div",{className:"perseus-widget-left-col",children:i(m,{label:"Show tick controller",checked:this.props.isTickCtrl,onChange:t=>{this.props.onChange({isTickCtrl:t})}})}),i("div",{className:"perseus-widget-right-col",children:i(m,{label:"Show label ticks",checked:this.props.labelTicks,onChange:t=>{this.props.onChange({labelTicks:t})}})})]}),i("div",{className:"perseus-widget-row",children:!this.props.static&&i(m,{label:"Show tooltips",checked:this.props.showTooltips,onChange:t=>{this.props.onChange({showTooltips:t})}})}),l("div",{className:"perseus-widget-row",children:[d&&l("span",{children:[l("label",{children:["Start num divisions at"," ",i(r,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:t=>t>=s[0]&&t<=s[1],placeholder:o/this.props.tickStep,useArrowKeys:!0})]}),i(p,{children:l("p",{children:["This controls the number (and position) of the tick marks. The number of divisions is constrained to"," "+s[0]+V+s[1],".",i("br",{}),i("strong",{children:"Note:"})," The user will be able to specify the number of divisions in a number input."]})})]}),!d&&l("span",{children:[l("label",{children:["Num divisions:"," ",i(r,{value:this.props.numDivisions||null,format:"decimal",onChange:this.onNumDivisionsChange,checkValidity:t=>t>=s[0]&&t<=s[1],placeholder:o/this.props.tickStep,useArrowKeys:!0})]})," ",l("label",{children:["or tick step:"," ",i(r,{value:this.props.tickStep||null,format:this.props.labelStyle,onChange:this.onTickStepChange,checkValidity:t=>t>0&&t<=o,placeholder:o/this.props.numDivisions,useArrowKeys:!0})]}),i(p,{children:l("p",{children:["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."," ",i("br",{}),i("strong",{children:"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."]})})]})]}),l("div",{className:"perseus-widget-row",children:[l("label",{children:["Snap increments per tick:"," ",i(r,{value:u,checkValidity:t=>t>0,format:this.props.labelStyle,onChange:this.onNumChange.bind(this,"snapDivisions"),useArrowKeys:!0})]}),i(p,{children:l("p",{children:["This determines the number of different places the point will snap between two adjacent tick marks."," ",i("br",{}),i("strong",{children:"Note:"}),"Ensure the required number of snap increments is provided to answer the question."]})})]})]})}};c.propTypes={range:a.arrayOf(a.number).isRequired,labelRange:a.arrayOf(a.number).isRequired,labelStyle:a.string.isRequired,labelTicks:a.bool,divisionRange:a.arrayOf(a.number).isRequired,numDivisions:a.number.isRequired,snapDivisions:a.number,tickStep:a.number,correctRel:a.oneOf(["lt","gt","le","ge","eq"]),correctX:a.number,initialX:a.number,isTickCtrl:a.bool,onChange:a.func.isRequired,static:a.bool,showTooltips:a.bool},c.widgetName="number-line",c.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};let f=c;f.__docgenInfo={description:"",methods:[{name:"onRangeChange",docblock:null,modifiers:[],params:[{name:"range",optional:!1,type:null}],returns:null},{name:"onLabelRangeChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"num",optional:!1,type:null}],returns:null},{name:"onDivisionRangeChange",docblock:null,modifiers:[],params:[{name:"divisionRange",optional:!1,type:null}],returns:null},{name:"onNumChange",docblock:null,modifiers:[],params:[{name:"key",optional:!1,type:null},{name:"value",optional:!1,type:null}],returns:null},{name:"onNumDivisionsChange",docblock:null,modifiers:[],params:[{name:"numDivisions",optional:!1,type:null}],returns:null},{name:"onTickStepChange",docblock:null,modifiers:[],params:[{name:"tickStep",optional:!1,type:null}],returns:null},{name:"onChangeRelation",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onLabelStyleChange",docblock:null,modifiers:[],params:[{name:"labelStyle",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"NumberLineEditor",props:{range:{defaultValue:{value:"[0, 10]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},labelRange:{defaultValue:{value:"[null, null]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},labelStyle:{defaultValue:{value:'"decimal"',computed:!1},description:"",type:{name:"string"},required:!1},labelTicks:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},divisionRange:{defaultValue:{value:"[1, 12]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},numDivisions:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},snapDivisions:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},tickStep:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},correctRel:{defaultValue:{value:'"eq"',computed:!1},description:"",type:{name:"enum",value:[{value:'"lt"',computed:!1},{value:'"gt"',computed:!1},{value:'"le"',computed:!1},{value:'"ge"',computed:!1},{value:'"eq"',computed:!1}]},required:!1},correctX:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},initialX:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},showTooltips:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isTickCtrl:{description:"",type:{name:"bool"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},static:{description:"",type:{name:"bool"},required:!1}}};export{f as N}; diff --git a/assets/number-line-editor.stories-LIglpj8P.js b/assets/number-line-editor.stories-KSKm_8fr.js similarity index 78% rename from assets/number-line-editor.stories-LIglpj8P.js rename to assets/number-line-editor.stories-KSKm_8fr.js index fd974bec54..a449540b3c 100644 --- a/assets/number-line-editor.stories-LIglpj8P.js +++ b/assets/number-line-editor.stories-KSKm_8fr.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{N as e}from"./number-line-editor-Vp7BYsbR.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./article-renderer-q7kSP2w4.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./index-0C4KXdeC.js";const ro={title:"PerseusEditor/Widgets/Number Line Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{N as e}from"./number-line-editor-QFYtkNpd.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./article-renderer-BOOaW4sB.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./index-k-0mNqHS.js";const ro={title:"PerseusEditor/Widgets/Number Line Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const oo=["Default"];export{r as Default,oo as __namedExportsOrder,ro as default}; diff --git a/assets/number-line.stories-0j1gBKye.js b/assets/number-line.stories-wApZF08S.js similarity index 86% rename from assets/number-line.stories-0j1gBKye.js rename to assets/number-line.stories-wApZF08S.js index 1b92ec48ff..eee6c324ae 100644 --- a/assets/number-line.stories-0j1gBKye.js +++ b/assets/number-line.stories-wApZF08S.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{a as q}from"./mobile-keypad-3f7ONcH2.js";import{R as m}from"./renderer-with-debug-ui-XOCIPmr_.js";import{S as C}from"./server-item-renderer-with-debug-ui-nisHQFqK.js";import{T as k}from"./test-keypad-context-wrapper-SbDTc7Od.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./choice-Bz-ZMhQM.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./ke-score-ui-VwVxZMGJ.js";import"./test-dependencies-BYssWPiu.js";import"./chunk-WFFRPTHA-zlNDxfrq.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";const T={content:`$E=2.5$ +import{j as e}from"./jsx-runtime-FVsy8kgq.js";import{a as q}from"./mobile-keypad-3f7ONcH2.js";import{R as m}from"./renderer-with-debug-ui-kTjob79J.js";import{S as C}from"./server-item-renderer-with-debug-ui-b5CqN-Cf.js";import{T as k}from"./test-keypad-context-wrapper-SbDTc7Od.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./choice-Bz-ZMhQM.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./ke-score-ui-VwVxZMGJ.js";import"./test-dependencies-6YNLO4fV.js";import"./chunk-WFFRPTHA-zlNDxfrq.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";const T={content:`$E=2.5$ **Move the dot to $-E$ on the number line.** diff --git a/assets/numeric-input-editor-hj1H66L1.js b/assets/numeric-input-editor-Hm-vjISp.js similarity index 96% rename from assets/numeric-input-editor-hj1H66L1.js rename to assets/numeric-input-editor-Hm-vjISp.js index e22b97b758..b0a1d25f1f 100644 --- a/assets/numeric-input-editor-hj1H66L1.js +++ b/assets/numeric-input-editor-Hm-vjISp.js @@ -1,4 +1,4 @@ -import{a,j as e}from"./jsx-runtime-FVsy8kgq.js";import{c as E}from"./article-renderer-q7kSP2w4.js";import{_ as o}from"./jquery-yG1GhClm.js";import{U as F}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as O}from"./components-v_jsX-d9.js";import{I as D}from"./icon-paths-AuJwhOz7.js";import"./index-k-0mNqHS.js";import{P as I}from"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as z}from"./editor-jsonify-Bbv2loDC.js";import{C as y}from"./index-QCAhLhLD.js";import{r as P}from"./index-TT1qJ6UJ.js";import{E as R}from"./editor-IYGRa35D.js";const{ButtonGroup:A,InfoTip:d,InlineIcon:N,MultiButtonGroup:M,NumberInput:v,TextInput:j}=O,{iconGear:U,iconTrash:V}=D,{firstNumericalParse:k}=F,W=[{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:"π"}],b=T=>({value:null,status:T,message:"",simplify:"required",answerForms:[],strict:!1,maxError:null}),m=class m extends P.Component{constructor(p){super(p),this.change=(...t)=>E.apply(this,t),this.onToggleOptions=t=>{const r=this.state.showOptions.slice();r[t]=!r[t],this.setState({showOptions:r})},this.onTrashAnswer=t=>{if(t>=0&&t{t.key===" "&&(t.preventDefault(),r.apply(this,l))},this.onStatusChange=t=>{const r=["wrong","ungraded","correct"],l=this.props.answers,c=o.indexOf(r,l[t].status),u=r[(c+1)%r.length];this.updateAnswer(t,{status:u,simplify:u==="correct"?"required":"accepted"})},this.updateAnswer=(t,r)=>{if(!o.isObject(r))return o.partial((c,u,w)=>{const h={};h[u]=w,this.updateAnswer(c,h)},t,r);let l=[...this.props.answers];if(t===l.length){const c=b(this.state.lastStatus);l=l.concat(c)}l[t]=o.extend({},l[t],r),this.props.onChange({answers:l})},this.addAnswer=()=>{const t=b(this.state.lastStatus),r=this.props.answers.concat(t);this.props.onChange({answers:r})},this.getSaveWarnings=()=>{const t=[];return o.contains(o.pluck(this.props.answers,"value"),"")&&t.push("One or more answers is empty"),this.props.answers.forEach((r,l)=>{r.strict&&(!r.answerForms||r.answerForms.length===0)&&t.push(`Answer ${l+1} is set to string format matching, but no format was selected`)}),t},this.serialize=()=>z.serialize.call(this),this.state={lastStatus:"wrong",showOptions:o.map(this.props.answers,()=>!1)}}render(){const p=this.props.answers,t=n=>a("div",{className:"perseus-widget-row",children:[e("label",{children:"Unsimplified answers are"}),e(A,{value:p[n].simplify,allowEmpty:!1,buttons:[{value:"required",content:"ungraded"},{value:"optional",content:"accepted"},{value:"enforced",content:"wrong"}],onChange:this.updateAnswer(n,"simplify")||(()=>{})}),a(d,{children:[e("p",{children:'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)'}),e("p",{children:'Select "accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'}),a("p",{children:['Select "wrong" ',e("em",{children:"only"})," if we are specifically assessing the ability to simplify."]})]})]}),r=n=>a("div",{children:[a("div",{className:"perseus-widget-row",children:[e("label",{children:"Choose the suggested answer formats"}),e(M,{buttons:W,values:p[n].answerForms,onChange:this.updateAnswer(n,"answerForms")||(()=>{})}),a(d,{children:[e("p",{children:'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.'}),a("p",{children:["To restrict the answer to ",e("em",{children:"only"}),' an improper fraction (i.e. 7/4), select the improper fraction and toggle "strict" to true. This ',e("b",{children:"will not"})," ","accept 1.75 as an answer."," "]}),e("p",{children:"Unless you are testing that specific skill, please do not restrict the answer format."})]})]}),e("div",{className:"perseus-widget-row",children:e(y,{label:"Strictly match only these formats",checked:p[n].strict,onChange:i=>{this.updateAnswer.bind(this,n)({strict:i})}})})]}),l=n=>e("div",{className:"perseus-widget-row",children:a("label",{children:["Max error"," ",e(v,{className:"max-error",value:p[n].maxError,onChange:this.updateAnswer(n,"maxError"),placeholder:"0"})]})}),c=a("div",{className:"perseus-widget-row",children:[e("label",{children:"Width: "}),e(A,{value:this.props.size,allowEmpty:!1,buttons:[{value:"normal",content:"Normal (80px)"},{value:"small",content:"Small (40px)"}],onChange:this.change("size")}),e(d,{children:e("p",{children:'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.'})})]}),u=e("div",{className:"perseus-widget-row",children:e(y,{label:"Right alignment",checked:this.props.rightAlign,onChange:n=>{this.props.onChange({rightAlign:n})}})}),w=a("div",{className:"perseus-widget-row",children:[a("label",{children:["Aria label",e(j,{value:this.props.labelText,onChange:this.change("labelText")})]}),e(d,{children:e("p",{children:"Text to describe this input. This will be shown to users using screenreaders."})})]}),h=e("div",{children:a("div",{className:"perseus-widget-row",children:[e(y,{label:"Coefficient",checked:this.props.coefficient,onChange:n=>{this.props.onChange({coefficient:n})}}),e(d,{children:e("p",{children:"A coefficient style number allows the student to use - for -1 and an empty string to mean 1."})})]})}),C=e("div",{children:e("a",{href:"#",className:"simple-button orange",onClick:n=>{n.preventDefault(),this.addAnswer()},onKeyDown:n=>this.onSpace(n,this.addAnswer),children:e("span",{children:"Add new answer"})})}),q={wrong:"(address the mistake/misconception)",ungraded:"(explain in detail to avoid confusion)",correct:"(reinforce the user's understanding)"};return a("div",{className:"perseus-input-number-editor",children:[e("div",{className:"ui-title",children:"User input"}),e("div",{className:"msg-title",children:"Message shown to user on attempt"}),p.map((n,i)=>{const S=e(R,{apiOptions:this.props.apiOptions,content:n.message||"",placeholder:"Why is this answer "+n.status+"? "+q[n.status],widgetEnabled:!1,onChange:s=>{"content"in s&&this.updateAnswer(i,{message:s.content})}});return a("div",{className:"perseus-widget-row",children:[a("div",{className:"input-answer-editor-value-container"+(n.maxError?" with-max-error":""),children:[e(v,{value:n.value,className:"numeric-input-value",placeholder:"answer",format:o.last(n.answerForms||[]),onFormatChange:(s,f)=>{let g;f==="pi"?g=["pi"]:f==="mixed"?g=["proper","mixed"]:(f==="proper"||f==="improper")&&(g=["proper","improper"]),this.updateAnswer(i,{value:k(s,this.context.strings),answerForms:g})},onChange:s=>{this.updateAnswer(i,{value:k(s,this.context.strings)})}}),n.strict&&e("div",{className:"is-strict-indicator",title:"strictly equivalent to",children:"≡"}),n.simplify!=="required"&&n.status==="correct"&&e("div",{className:"simplify-indicator "+n.simplify,title:"accepts unsimplified answers",children:"‰"}),n.maxError?a("div",{className:"max-error-container",children:[e("div",{className:"max-error-plusmn",children:"±"}),e(v,{placeholder:0,value:p[i].maxError,format:o.last(n.answerForms||[]),onChange:this.updateAnswer(i,"maxError")})]}):null,e("div",{className:"value-divider"}),e("a",{href:"#",className:"answer-status "+n.status,onClick:s=>{s.preventDefault(),this.onStatusChange(i)},onKeyDown:s=>this.onSpace(s,this.onStatusChange),children:n.status}),e("a",{href:"#",className:"answer-trash","aria-label":"Delete answer",onClick:s=>{s.preventDefault(),this.onTrashAnswer(i)},onKeyDown:s=>this.onSpace(s,this.onTrashAnswer),children:e(N,{...V})}),e("a",{href:"#",className:"options-toggle","aria-label":"Toggle options",onClick:s=>{s.preventDefault(),this.onToggleOptions(i)},onKeyDown:s=>this.onSpace(s,this.onToggleOptions),children:e(N,{...U})})]}),e("div",{className:"input-answer-editor-message",children:S}),this.state.showOptions[i]&&a("div",{className:"options-container",children:[l(i),n.status==="correct"&&t(i),r(i)]})]},i)}),C,c,u,h,w]})}};m.contextType=I,m.widgetName="numeric-input",m.displayName="NumericInputEditor",m.defaultProps={answers:[b("correct")],size:"normal",coefficient:!1,labelText:"",rightAlign:!1};let x=m;x.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onToggleOptions",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onTrashAnswer",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onSpace",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null},{name:"callback",optional:!1,type:null},{name:"...args",optional:!1,type:null}],returns:null},{name:"onStatusChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"updateAnswer",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"update",optional:!1,type:null}],returns:null},{name:"addAnswer",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"NumericInputEditor",props:{answers:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"signature",type:"object",raw:`{ +import{a,j as e}from"./jsx-runtime-FVsy8kgq.js";import{c as E}from"./article-renderer-BOOaW4sB.js";import{_ as o}from"./jquery-yG1GhClm.js";import{U as F}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as O}from"./components-v_jsX-d9.js";import{I as D}from"./icon-paths-AuJwhOz7.js";import"./index-0C4KXdeC.js";import{P as I}from"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{E as z}from"./editor-jsonify-tQINrEL4.js";import{C as y}from"./index-QCAhLhLD.js";import{r as P}from"./index-TT1qJ6UJ.js";import{E as R}from"./editor-AA_-Ksmn.js";const{ButtonGroup:A,InfoTip:d,InlineIcon:N,MultiButtonGroup:M,NumberInput:v,TextInput:j}=O,{iconGear:U,iconTrash:V}=D,{firstNumericalParse:k}=F,W=[{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:"π"}],b=T=>({value:null,status:T,message:"",simplify:"required",answerForms:[],strict:!1,maxError:null}),m=class m extends P.Component{constructor(p){super(p),this.change=(...t)=>E.apply(this,t),this.onToggleOptions=t=>{const r=this.state.showOptions.slice();r[t]=!r[t],this.setState({showOptions:r})},this.onTrashAnswer=t=>{if(t>=0&&t{t.key===" "&&(t.preventDefault(),r.apply(this,l))},this.onStatusChange=t=>{const r=["wrong","ungraded","correct"],l=this.props.answers,c=o.indexOf(r,l[t].status),u=r[(c+1)%r.length];this.updateAnswer(t,{status:u,simplify:u==="correct"?"required":"accepted"})},this.updateAnswer=(t,r)=>{if(!o.isObject(r))return o.partial((c,u,w)=>{const h={};h[u]=w,this.updateAnswer(c,h)},t,r);let l=[...this.props.answers];if(t===l.length){const c=b(this.state.lastStatus);l=l.concat(c)}l[t]=o.extend({},l[t],r),this.props.onChange({answers:l})},this.addAnswer=()=>{const t=b(this.state.lastStatus),r=this.props.answers.concat(t);this.props.onChange({answers:r})},this.getSaveWarnings=()=>{const t=[];return o.contains(o.pluck(this.props.answers,"value"),"")&&t.push("One or more answers is empty"),this.props.answers.forEach((r,l)=>{r.strict&&(!r.answerForms||r.answerForms.length===0)&&t.push(`Answer ${l+1} is set to string format matching, but no format was selected`)}),t},this.serialize=()=>z.serialize.call(this),this.state={lastStatus:"wrong",showOptions:o.map(this.props.answers,()=>!1)}}render(){const p=this.props.answers,t=n=>a("div",{className:"perseus-widget-row",children:[e("label",{children:"Unsimplified answers are"}),e(A,{value:p[n].simplify,allowEmpty:!1,buttons:[{value:"required",content:"ungraded"},{value:"optional",content:"accepted"},{value:"enforced",content:"wrong"}],onChange:this.updateAnswer(n,"simplify")||(()=>{})}),a(d,{children:[e("p",{children:'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)'}),e("p",{children:'Select "accepted" only if the user is not expected to know how to simplify fractions yet. (Anything prior to 5th grade)'}),a("p",{children:['Select "wrong" ',e("em",{children:"only"})," if we are specifically assessing the ability to simplify."]})]})]}),r=n=>a("div",{children:[a("div",{className:"perseus-widget-row",children:[e("label",{children:"Choose the suggested answer formats"}),e(M,{buttons:W,values:p[n].answerForms,onChange:this.updateAnswer(n,"answerForms")||(()=>{})}),a(d,{children:[e("p",{children:'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.'}),a("p",{children:["To restrict the answer to ",e("em",{children:"only"}),' an improper fraction (i.e. 7/4), select the improper fraction and toggle "strict" to true. This ',e("b",{children:"will not"})," ","accept 1.75 as an answer."," "]}),e("p",{children:"Unless you are testing that specific skill, please do not restrict the answer format."})]})]}),e("div",{className:"perseus-widget-row",children:e(y,{label:"Strictly match only these formats",checked:p[n].strict,onChange:i=>{this.updateAnswer.bind(this,n)({strict:i})}})})]}),l=n=>e("div",{className:"perseus-widget-row",children:a("label",{children:["Max error"," ",e(v,{className:"max-error",value:p[n].maxError,onChange:this.updateAnswer(n,"maxError"),placeholder:"0"})]})}),c=a("div",{className:"perseus-widget-row",children:[e("label",{children:"Width: "}),e(A,{value:this.props.size,allowEmpty:!1,buttons:[{value:"normal",content:"Normal (80px)"},{value:"small",content:"Small (40px)"}],onChange:this.change("size")}),e(d,{children:e("p",{children:'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.'})})]}),u=e("div",{className:"perseus-widget-row",children:e(y,{label:"Right alignment",checked:this.props.rightAlign,onChange:n=>{this.props.onChange({rightAlign:n})}})}),w=a("div",{className:"perseus-widget-row",children:[a("label",{children:["Aria label",e(j,{value:this.props.labelText,onChange:this.change("labelText")})]}),e(d,{children:e("p",{children:"Text to describe this input. This will be shown to users using screenreaders."})})]}),h=e("div",{children:a("div",{className:"perseus-widget-row",children:[e(y,{label:"Coefficient",checked:this.props.coefficient,onChange:n=>{this.props.onChange({coefficient:n})}}),e(d,{children:e("p",{children:"A coefficient style number allows the student to use - for -1 and an empty string to mean 1."})})]})}),C=e("div",{children:e("a",{href:"#",className:"simple-button orange",onClick:n=>{n.preventDefault(),this.addAnswer()},onKeyDown:n=>this.onSpace(n,this.addAnswer),children:e("span",{children:"Add new answer"})})}),q={wrong:"(address the mistake/misconception)",ungraded:"(explain in detail to avoid confusion)",correct:"(reinforce the user's understanding)"};return a("div",{className:"perseus-input-number-editor",children:[e("div",{className:"ui-title",children:"User input"}),e("div",{className:"msg-title",children:"Message shown to user on attempt"}),p.map((n,i)=>{const S=e(R,{apiOptions:this.props.apiOptions,content:n.message||"",placeholder:"Why is this answer "+n.status+"? "+q[n.status],widgetEnabled:!1,onChange:s=>{"content"in s&&this.updateAnswer(i,{message:s.content})}});return a("div",{className:"perseus-widget-row",children:[a("div",{className:"input-answer-editor-value-container"+(n.maxError?" with-max-error":""),children:[e(v,{value:n.value,className:"numeric-input-value",placeholder:"answer",format:o.last(n.answerForms||[]),onFormatChange:(s,f)=>{let g;f==="pi"?g=["pi"]:f==="mixed"?g=["proper","mixed"]:(f==="proper"||f==="improper")&&(g=["proper","improper"]),this.updateAnswer(i,{value:k(s,this.context.strings),answerForms:g})},onChange:s=>{this.updateAnswer(i,{value:k(s,this.context.strings)})}}),n.strict&&e("div",{className:"is-strict-indicator",title:"strictly equivalent to",children:"≡"}),n.simplify!=="required"&&n.status==="correct"&&e("div",{className:"simplify-indicator "+n.simplify,title:"accepts unsimplified answers",children:"‰"}),n.maxError?a("div",{className:"max-error-container",children:[e("div",{className:"max-error-plusmn",children:"±"}),e(v,{placeholder:0,value:p[i].maxError,format:o.last(n.answerForms||[]),onChange:this.updateAnswer(i,"maxError")})]}):null,e("div",{className:"value-divider"}),e("a",{href:"#",className:"answer-status "+n.status,onClick:s=>{s.preventDefault(),this.onStatusChange(i)},onKeyDown:s=>this.onSpace(s,this.onStatusChange),children:n.status}),e("a",{href:"#",className:"answer-trash","aria-label":"Delete answer",onClick:s=>{s.preventDefault(),this.onTrashAnswer(i)},onKeyDown:s=>this.onSpace(s,this.onTrashAnswer),children:e(N,{...V})}),e("a",{href:"#",className:"options-toggle","aria-label":"Toggle options",onClick:s=>{s.preventDefault(),this.onToggleOptions(i)},onKeyDown:s=>this.onSpace(s,this.onToggleOptions),children:e(N,{...U})})]}),e("div",{className:"input-answer-editor-message",children:S}),this.state.showOptions[i]&&a("div",{className:"options-container",children:[l(i),n.status==="correct"&&t(i),r(i)]})]},i)}),C,c,u,h,w]})}};m.contextType=I,m.widgetName="numeric-input",m.displayName="NumericInputEditor",m.defaultProps={answers:[b("correct")],size:"normal",coefficient:!1,labelText:"",rightAlign:!1};let x=m;x.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onToggleOptions",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onTrashAnswer",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"onSpace",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null},{name:"callback",optional:!1,type:null},{name:"...args",optional:!1,type:null}],returns:null},{name:"onStatusChange",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null}],returns:null},{name:"updateAnswer",docblock:null,modifiers:[],params:[{name:"choiceIndex",optional:!1,type:null},{name:"update",optional:!1,type:null}],returns:null},{name:"addAnswer",docblock:null,modifiers:[],params:[],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"NumericInputEditor",props:{answers:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"signature",type:"object",raw:`{ message: string; value: number; status: string; diff --git a/assets/numeric-input-editor.stories-muehzAbx.js b/assets/numeric-input-editor.stories-CMExpbGD.js similarity index 76% rename from assets/numeric-input-editor.stories-muehzAbx.js rename to assets/numeric-input-editor.stories-CMExpbGD.js index 8be8b46a87..7a9e3b25c6 100644 --- a/assets/numeric-input-editor.stories-muehzAbx.js +++ b/assets/numeric-input-editor.stories-CMExpbGD.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{N as e}from"./numeric-input-editor-hj1H66L1.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-Bbv2loDC.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-0C4KXdeC.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const at={title:"PerseusEditor/Widgets/NumericInput Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{N as e}from"./numeric-input-editor-Hm-vjISp.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./editor-jsonify-tQINrEL4.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-k-0mNqHS.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const at={title:"PerseusEditor/Widgets/NumericInput Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var t,o,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(o=r.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const st=["Default"];export{r as Default,st as __namedExportsOrder,at as default}; diff --git a/assets/numeric-input.stories-xo4xkmIv.js b/assets/numeric-input.stories-6pYiMh_c.js similarity index 90% rename from assets/numeric-input.stories-xo4xkmIv.js rename to assets/numeric-input.stories-6pYiMh_c.js index 42cc65ca2b..0fdeb15306 100644 --- a/assets/numeric-input.stories-xo4xkmIv.js +++ b/assets/numeric-input.stories-6pYiMh_c.js @@ -1,4 +1,4 @@ -import{j as i,a as t}from"./jsx-runtime-FVsy8kgq.js";import{a as o}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{R as A}from"./renderer-with-debug-ui-XOCIPmr_.js";import{N as p}from"./article-renderer-q7kSP2w4.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./side-by-side-kGWaKY6T.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer--3S3VYBz.js";import"./renderer-ULNOY64X.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-HbOOlLb6.js";import"./shared-4TdECMLk.js";import"./base-radio-NUDOhlSE.js";import"./choice-none-above-7sZgmnsx.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./enums-x5qaTru7.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-mbE4GLUb.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";const N={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"}}};function l(r){return{...{alignment:"",answers:[],containerSizeClass:"medium",isLastUsedWidget:!0,coefficient:!1,currentValue:"",problemNum:0,rightAlign:!1,size:"normal",static:!1,widgetId:"widgetId",findWidgets:o("findWidgets"),onBlur:o("onBlur"),onChange:o("onChange"),onFocus:o("onFocus"),trackInteraction:o("trackInteraction")},...r}}const be={title:"Perseus/Widgets/NumericInput",args:{coefficient:!1,currentValue:"8675309",rightAlign:!1},argTypes:{size:{options:["normal","small"],control:{type:"radio"},defaultValue:"normal"}}},n=()=>i(A,{question:N}),s=r=>{const e=l(r);return i(p,{...e})},m=r=>{const e=l({...r,size:"small"}),c=l({...r,size:"normal"});return t("div",{children:[t("label",{children:["Small:",i(p,{...e})]}),t("label",{children:["Normal:",i(p,{...c})]})]})},a=r=>{const e=l({...r,rightAlign:!1}),c=l({...r,rightAlign:!0});return t("div",{children:[t("label",{children:["Left:",i(p,{...e})]}),t("label",{children:["Right:",i(p,{...c})]})]})};n.__docgenInfo={description:"",methods:[],displayName:"Question1"};s.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};m.__docgenInfo={description:"",methods:[],displayName:"Sizes",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};a.__docgenInfo={description:"",methods:[],displayName:"TextAlignment",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};var u,d,g;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`(): React.ReactElement => { +import{j as i,a as t}from"./jsx-runtime-FVsy8kgq.js";import{a as o}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{R as A}from"./renderer-with-debug-ui-kTjob79J.js";import{N as p}from"./article-renderer-BOOaW4sB.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./side-by-side-kGWaKY6T.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./dependencies-8XILypbq.js";import"./multi-renderer-own7mR8u.js";import"./renderer-dyWsFSUA.js";import"./index-J2t_5nK1.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./hints-renderer-rWnJ078P.js";import"./shared-4TdECMLk.js";import"./base-radio-jqxXuHNO.js";import"./choice-none-above-NXvpeqY4.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./enums-x5qaTru7.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./answer-choices-MQdUvt3_.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";const N={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"}}};function l(r){return{...{alignment:"",answers:[],containerSizeClass:"medium",isLastUsedWidget:!0,coefficient:!1,currentValue:"",problemNum:0,rightAlign:!1,size:"normal",static:!1,widgetId:"widgetId",findWidgets:o("findWidgets"),onBlur:o("onBlur"),onChange:o("onChange"),onFocus:o("onFocus"),trackInteraction:o("trackInteraction")},...r}}const be={title:"Perseus/Widgets/NumericInput",args:{coefficient:!1,currentValue:"8675309",rightAlign:!1},argTypes:{size:{options:["normal","small"],control:{type:"radio"},defaultValue:"normal"}}},n=()=>i(A,{question:N}),s=r=>{const e=l(r);return i(p,{...e})},m=r=>{const e=l({...r,size:"small"}),c=l({...r,size:"normal"});return t("div",{children:[t("label",{children:["Small:",i(p,{...e})]}),t("label",{children:["Normal:",i(p,{...c})]})]})},a=r=>{const e=l({...r,rightAlign:!1}),c=l({...r,rightAlign:!0});return t("div",{children:[t("label",{children:["Left:",i(p,{...e})]}),t("label",{children:["Right:",i(p,{...c})]})]})};n.__docgenInfo={description:"",methods:[],displayName:"Question1"};s.__docgenInfo={description:"",methods:[],displayName:"Interactive",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};m.__docgenInfo={description:"",methods:[],displayName:"Sizes",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};a.__docgenInfo={description:"",methods:[],displayName:"TextAlignment",props:{coefficient:{required:!0,tsType:{name:"boolean"},description:""},currentValue:{required:!0,tsType:{name:"string"},description:""},rightAlign:{required:!0,tsType:{name:"boolean"},description:""},size:{required:!0,tsType:{name:"union",raw:'"normal" | "small"',elements:[{name:"literal",value:'"normal"'},{name:"literal",value:'"small"'}]},description:""}}};var u,d,g;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`(): React.ReactElement => { return ; }`,...(g=(d=n.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var f,h,b;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const props = generateProps(args); diff --git a/assets/orderer.stories-Zfd4UMev.js b/assets/orderer.stories-u0hi1v89.js similarity index 85% rename from assets/orderer.stories-Zfd4UMev.js rename to assets/orderer.stories-u0hi1v89.js index 7603f20b06..041a6eff13 100644 --- a/assets/orderer.stories-Zfd4UMev.js +++ b/assets/orderer.stories-u0hi1v89.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{R as n}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const g={content:`**Without using a calculator, put the numbers in order from least to greatest.** +import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{R as n}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const g={content:`**Without using a calculator, put the numbers in order from least to greatest.** [[☃ 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"}}}},c={content:`**Put $6$ flowers in the box.** diff --git a/assets/passage-ref.stories-tgWhqLop.js b/assets/passage-ref.stories-4qHRA4pC.js similarity index 91% rename from assets/passage-ref.stories-tgWhqLop.js rename to assets/passage-ref.stories-4qHRA4pC.js index b95271b494..d530a30cf0 100644 --- a/assets/passage-ref.stories-tgWhqLop.js +++ b/assets/passage-ref.stories-4qHRA4pC.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{V as d}from"./index-6h5t6F0w.js";import{R as l}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const u={content:`[[☃ passage 1]] +import{j as o}from"./jsx-runtime-FVsy8kgq.js";import{V as d}from"./index-6h5t6F0w.js";import{R as l}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const u={content:`[[☃ passage 1]] We can see the word “promotes” is used in [[☃ passage-ref 1]] diff --git a/assets/passage.stories--nhS9LKr.js b/assets/passage.stories-84phwz-c.js similarity index 93% rename from assets/passage.stories--nhS9LKr.js rename to assets/passage.stories-84phwz-c.js index 42d8f11419..c396284ea3 100644 --- a/assets/passage.stories--nhS9LKr.js +++ b/assets/passage.stories-84phwz-c.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{V as g}from"./index-6h5t6F0w.js";import{R as f}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const y={content:`[[☃ passage 1]] +import{j as a}from"./jsx-runtime-FVsy8kgq.js";import{V as g}from"./index-6h5t6F0w.js";import{R as f}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const y={content:`[[☃ passage 1]] `,images:{},widgets:{"passage 1":{alignment:"default",graded:!0,options:{footnotes:"",passageText:`Sociologists study folktales because they provide a means of understanding the distinctive values of a culture. However, the folktales in almost all cultures are adaptations of the same ancient narratives to the local milieu. `,passageTitle:"",showLineNumbers:!1,static:!1},static:!1,type:"passage",version:{major:0,minor:0}}}},v={content:`>Select text to highlight it. *(Laptop/desktop only)* diff --git a/assets/perseus-api-mOiZT07d.js b/assets/perseus-api-mOiZT07d.js index 4aaa7e411f..756daeb389 100644 --- a/assets/perseus-api-mOiZT07d.js +++ b/assets/perseus-api-mOiZT07d.js @@ -1 +1 @@ -import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{P as e}from"./index-k-0mNqHS.js";import{S as o}from"./stub-tag-editor-Hmby24Jq.js";const t={propTypes:e.shape({isArticle:e.bool.isRequired,onFocusChange:e.func.isRequired,GroupMetadataEditor:e.func.isRequired,showAlignmentOptions:e.bool.isRequired,readOnly:e.bool.isRequired,answerableCallback:e.func,getAnotherHint:e.func,interactionCallback:e.func,groupAnnotator:e.func.isRequired,imagePlaceholder:e.node,widgetPlaceholder:e.node,baseElements:e.shape({Link:e.func}),imagePreloader:e.func,trackInteraction:e.func,customKeypad:e.bool,nativeKeypadProxy:e.func,isMobile:e.bool,setDrawingAreaAvailable:e.func,hintProgressColor:e.string,canScrollPage:e.bool,crossOutEnabled:e.bool,editorChangeDelay:e.number}).isRequired,defaults:{isArticle:!1,isMobile:!1,onFocusChange:function(){},GroupMetadataEditor:o,showAlignmentOptions:!1,readOnly:!1,groupAnnotator:function(){return null},baseElements:{Link:r=>s("a",{...r})},setDrawingAreaAvailable:function(){},canScrollPage:!1,crossOutEnabled:!1,editorChangeDelay:0}},l={RENDERER:"perseus-renderer",TWO_COLUMN_RENDERER:"perseus-renderer-two-columns",RESPONSIVE_RENDERER:"perseus-renderer-responsive",INPUT:"perseus-input",FOCUSED:"perseus-focused",RADIO:{OPTION:"perseus-radio-option",SELECTED:"perseus-radio-selected",OPTION_CONTENT:"perseus-radio-option-content"},INTERACTIVE:"perseus-interactive",CORRECT:"perseus-correct",INCORRECT:"perseus-incorrect",UNANSWERED:"perseus-unanswered",MOBILE:"perseus-mobile"};export{t as A,l as C}; +import{j as s}from"./jsx-runtime-FVsy8kgq.js";import{P as e}from"./index-0C4KXdeC.js";import{S as o}from"./stub-tag-editor-Hmby24Jq.js";const t={propTypes:e.shape({isArticle:e.bool.isRequired,onFocusChange:e.func.isRequired,GroupMetadataEditor:e.func.isRequired,showAlignmentOptions:e.bool.isRequired,readOnly:e.bool.isRequired,answerableCallback:e.func,getAnotherHint:e.func,interactionCallback:e.func,groupAnnotator:e.func.isRequired,imagePlaceholder:e.node,widgetPlaceholder:e.node,baseElements:e.shape({Link:e.func}),imagePreloader:e.func,trackInteraction:e.func,customKeypad:e.bool,nativeKeypadProxy:e.func,isMobile:e.bool,setDrawingAreaAvailable:e.func,hintProgressColor:e.string,canScrollPage:e.bool,crossOutEnabled:e.bool,editorChangeDelay:e.number}).isRequired,defaults:{isArticle:!1,isMobile:!1,onFocusChange:function(){},GroupMetadataEditor:o,showAlignmentOptions:!1,readOnly:!1,groupAnnotator:function(){return null},baseElements:{Link:r=>s("a",{...r})},setDrawingAreaAvailable:function(){},canScrollPage:!1,crossOutEnabled:!1,editorChangeDelay:0}},l={RENDERER:"perseus-renderer",TWO_COLUMN_RENDERER:"perseus-renderer-two-columns",RESPONSIVE_RENDERER:"perseus-renderer-responsive",INPUT:"perseus-input",FOCUSED:"perseus-focused",RADIO:{OPTION:"perseus-radio-option",SELECTED:"perseus-radio-selected",OPTION_CONTENT:"perseus-radio-option-content"},INTERACTIVE:"perseus-interactive",CORRECT:"perseus-correct",INCORRECT:"perseus-incorrect",UNANSWERED:"perseus-unanswered",MOBILE:"perseus-mobile"};export{t as A,l as C}; diff --git a/assets/phet-simulation-editor-nb_VHx1Q.js b/assets/phet-simulation-editor-X79Q74Bn.js similarity index 91% rename from assets/phet-simulation-editor-nb_VHx1Q.js rename to assets/phet-simulation-editor-X79Q74Bn.js index 82b3ab6b8a..5c03fbd933 100644 --- a/assets/phet-simulation-editor-nb_VHx1Q.js +++ b/assets/phet-simulation-editor-X79Q74Bn.js @@ -1,4 +1,4 @@ -import{a as o,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import{m as p}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as s}from"./index-QCAhLhLD.js";import{s as n}from"./index-deFLJwr4.js";import{r as a}from"./index-TT1qJ6UJ.js";const r=class r extends a.Component{constructor(){super(...arguments),this.getSaveWarnings=()=>p(this.props.url,"en")===null?["Please enter a URL from the PhET domain."]:[]}serialize(){return{url:this.props.url,description:this.props.description}}render(){return o("div",{children:[t(s,{label:"URL",value:this.props.url,onChange:e=>this.props.onChange({url:e}),style:{marginBottom:n.large_24}}),t(s,{label:"Description",value:this.props.description,onChange:e=>this.props.onChange({description:e})})]})}};r.defaultProps={url:"",description:""},r.widgetName="phet-simulation";let i=r;i.__docgenInfo={description:"",methods:[{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"PerseusPhetSimulationWidgetOptions"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PhetSimulationEditor",props:{url:{required:!1,tsType:{name:'PerseusPhetSimulationWidgetOptions["url"]',raw:'PerseusPhetSimulationWidgetOptions["url"]'},description:"",defaultValue:{value:'""',computed:!1}},description:{required:!1,tsType:{name:'PerseusPhetSimulationWidgetOptions["description"]',raw:'PerseusPhetSimulationWidgetOptions["description"]'},description:"",defaultValue:{value:'""',computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(arg1: { +import{a as o,j as t}from"./jsx-runtime-FVsy8kgq.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import{m as p}from"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as s}from"./index-QCAhLhLD.js";import{s as n}from"./index-deFLJwr4.js";import{r as a}from"./index-TT1qJ6UJ.js";const r=class r extends a.Component{constructor(){super(...arguments),this.getSaveWarnings=()=>p(this.props.url,"en")===null?["Please enter a URL from the PhET domain."]:[]}serialize(){return{url:this.props.url,description:this.props.description}}render(){return o("div",{children:[t(s,{label:"URL",value:this.props.url,onChange:e=>this.props.onChange({url:e}),style:{marginBottom:n.large_24}}),t(s,{label:"Description",value:this.props.description,onChange:e=>this.props.onChange({description:e})})]})}};r.defaultProps={url:"",description:""},r.widgetName="phet-simulation";let i=r;i.__docgenInfo={description:"",methods:[{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"PerseusPhetSimulationWidgetOptions"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PhetSimulationEditor",props:{url:{required:!1,tsType:{name:'PerseusPhetSimulationWidgetOptions["url"]',raw:'PerseusPhetSimulationWidgetOptions["url"]'},description:"",defaultValue:{value:'""',computed:!1}},description:{required:!1,tsType:{name:'PerseusPhetSimulationWidgetOptions["description"]',raw:'PerseusPhetSimulationWidgetOptions["description"]'},description:"",defaultValue:{value:'""',computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(arg1: { url?: Props["url"]; description?: Props["description"]; }) => void`,signature:{arguments:[{type:{name:"signature",type:"object",raw:`{ diff --git a/assets/phet-simulation-editor.stories-EbaCBuHK.js b/assets/phet-simulation-editor.stories-9JeBJf8m.js similarity index 78% rename from assets/phet-simulation-editor.stories-EbaCBuHK.js rename to assets/phet-simulation-editor.stories-9JeBJf8m.js index 4c39b085c8..58761f40fc 100644 --- a/assets/phet-simulation-editor.stories-EbaCBuHK.js +++ b/assets/phet-simulation-editor.stories-9JeBJf8m.js @@ -1,4 +1,4 @@ -import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{P as p}from"./phet-simulation-editor-nb_VHx1Q.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./jsx-runtime-FVsy8kgq.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";const Vr={component:p,title:"PerseusEditor/Widgets/PhET Simulation Editor"},r={args:{onChange:m("onChange")}};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{a as m}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{P as p}from"./phet-simulation-editor-X79Q74Bn.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./jsx-runtime-FVsy8kgq.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";const Vr={component:p,title:"PerseusEditor/Widgets/PhET Simulation Editor"},r={args:{onChange:m("onChange")}};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { onChange: action("onChange") } diff --git a/assets/plotter.stories-7uyAk3jk.js b/assets/plotter.stories-lOX-0MSv.js similarity index 82% rename from assets/plotter.stories-7uyAk3jk.js rename to assets/plotter.stories-lOX-0MSv.js index 58ce130791..9a1f2ef5db 100644 --- a/assets/plotter.stories-7uyAk3jk.js +++ b/assets/plotter.stories-lOX-0MSv.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{V as m}from"./index-6h5t6F0w.js";import{R as s}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const a={content:`The elementary school principal asked teachers to report the number of students absent in each grade during the past week. +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{V as m}from"./index-6h5t6F0w.js";import{R as s}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./choice-Bz-ZMhQM.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const a={content:`The elementary school principal asked teachers to report the number of students absent in each grade during the past week. **Create a bar graph to show how many students were absent in each grade.** diff --git a/assets/preview-55ddxCaG.js b/assets/preview-QbtadSHV.js similarity index 75% rename from assets/preview-55ddxCaG.js rename to assets/preview-QbtadSHV.js index 26156d81bb..4a690adadf 100644 --- a/assets/preview-55ddxCaG.js +++ b/assets/preview-QbtadSHV.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{c as i}from"./index-deFLJwr4.js";import{R as p}from"./index-6h5t6F0w.js";import"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{D as m,s as e}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{s,a}from"./test-dependencies-BYssWPiu.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-rhtpDeH1.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-mbE4GLUb.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-7sZgmnsx.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";e(a);const Xo={decorators:[o=>r(p,{children:r(m.Provider,{value:s,children:r(o,{})})})],parameters:{options:{storySort:{order:["Perseus","PerseusEditor","Math-Input","*"],includeNames:!0}},actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},backgrounds:{values:Object.entries(i).map(([o,t])=>({name:o,value:t}))}}};export{Xo as default}; +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{c as i}from"./index-deFLJwr4.js";import{R as p}from"./index-6h5t6F0w.js";import"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{D as m,s as e}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{s,a}from"./test-dependencies-6YNLO4fV.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-awljIyHI.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./index-h_CiYGGb.js";import"./index-dnMhQZ-1.js";import"./input-with-examples-mVJrYO9s.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./icon-paths-AuJwhOz7.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./shared-4TdECMLk.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./Popper-kGnKOid7.js";import"./answer-choices-MQdUvt3_.js";import"./index-xuPsLuPk.js";import"./minus-bold-ONmDo3Ve.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./asset-context-I7yIqWki.js";import"./tiny-invariant-bHgPayXn.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./video-transcript-link-44eQkwGl.js";import"./arrow-square-out-bold-090vdhrx.js";import"./stub-tag-editor-Hmby24Jq.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./choice-none-above-NXvpeqY4.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./index-QCAhLhLD.js";import"./bundle.esm-7jAAHVxW.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";e(a);const Xo={decorators:[o=>r(p,{children:r(m.Provider,{value:s,children:r(o,{})})})],parameters:{options:{storySort:{order:["Perseus","PerseusEditor","Math-Input","*"],includeNames:!0}},actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},backgrounds:{values:Object.entries(i).map(([o,t])=>({name:o,value:t}))}}};export{Xo as default}; diff --git a/assets/preview-cbBBOkg1.js b/assets/preview-fLe-8iGo.js similarity index 68% rename from assets/preview-cbBBOkg1.js rename to assets/preview-fLe-8iGo.js index 89bdb093c4..e56df43c2e 100644 --- a/assets/preview-cbBBOkg1.js +++ b/assets/preview-fLe-8iGo.js @@ -1,7 +1,7 @@ -import{_ as t}from"./iframe-xdwevnfV.js";import"../sb-preview/runtime.js";var _={docs:{renderer:async()=>{let{DocsRenderer:r}=await t(()=>import("./DocsRenderer-NNNQARDV-NO3RKp5V.js").then(e=>e.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new r}}};export{_ as parameters}; +import{_ as t}from"./iframe-l_JfZPJj.js";import"../sb-preview/runtime.js";var _={docs:{renderer:async()=>{let{DocsRenderer:r}=await t(()=>import("./DocsRenderer-NNNQARDV-18cxjryr.js").then(e=>e.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new r}}};export{_ as parameters}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-NO3RKp5V.js","./iframe-xdwevnfV.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./react-18-N0svEjlN.js","./client-rbWgHzHN.js","./index-7vsPyIck.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./bundle.esm-7jAAHVxW.js","./index-ogXoivrg.js","./_getPrototype-bjD8Yebc.js","./index-PPLHz8o0.js"] + __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-18cxjryr.js","./iframe-l_JfZPJj.js","./index-TT1qJ6UJ.js","./_commonjsHelpers-4gQjN7DL.js","./react-18-N0svEjlN.js","./client-rbWgHzHN.js","./index-7vsPyIck.js","./_commonjs-dynamic-modules-h-SxKiO4.js","./bundle.esm-7jAAHVxW.js","./index-ogXoivrg.js","./_getPrototype-bjD8Yebc.js","./index-PPLHz8o0.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } diff --git a/assets/preview-cIgB17wL.js b/assets/preview-m1WgW61n.js similarity index 94% rename from assets/preview-cIgB17wL.js rename to assets/preview-m1WgW61n.js index 1706251430..1957d6e5c6 100644 --- a/assets/preview-cIgB17wL.js +++ b/assets/preview-m1WgW61n.js @@ -1,4 +1,4 @@ -import{_ as N}from"./iframe-xdwevnfV.js";import"../sb-preview/runtime.js";const{global:T}=__STORYBOOK_MODULE_GLOBAL__,{addons:y}=__STORYBOOK_MODULE_PREVIEW_API__;var n="storybook/a11y",U=`${n}/result`,f=`${n}/request`,g=`${n}/running`,p=`${n}/error`,w=`${n}/manual`,a={RESULT:U,REQUEST:f,RUNNING:g,ERROR:p,MANUAL:w},{document:L,window:d}=T,r=y.getChannel(),o=!1,_,A=async t=>{let{manual:e}=await s(t);e||await l(t)},l=async t=>{_=t;try{let e=await s(t);if(!o){o=!0,r.emit(a.RUNNING);let i=(await N(()=>import("./axe-5GIt4bd5.js").then(S=>S.a),__vite__mapDeps([0,1]),import.meta.url)).default,{element:u="#storybook-root",config:O,options:E={}}=e,R=L.querySelector(u);if(!R)return;i.reset(),O&&i.configure(O);let m=await i.run(R,E),c=JSON.parse(JSON.stringify(m));_===t?r.emit(a.RESULT,c):(o=!1,l(_))}}catch(e){r.emit(a.ERROR,e)}finally{o=!1}},s=async t=>{let{parameters:e}=await d.__STORYBOOK_STORY_STORE__.loadStory({storyId:t})||{};return e.a11y||{config:{},options:{}}};r.on(a.REQUEST,A);r.on(a.MANUAL,l); +import{_ as N}from"./iframe-l_JfZPJj.js";import"../sb-preview/runtime.js";const{global:T}=__STORYBOOK_MODULE_GLOBAL__,{addons:y}=__STORYBOOK_MODULE_PREVIEW_API__;var n="storybook/a11y",U=`${n}/result`,f=`${n}/request`,g=`${n}/running`,p=`${n}/error`,w=`${n}/manual`,a={RESULT:U,REQUEST:f,RUNNING:g,ERROR:p,MANUAL:w},{document:L,window:d}=T,r=y.getChannel(),o=!1,_,A=async t=>{let{manual:e}=await s(t);e||await l(t)},l=async t=>{_=t;try{let e=await s(t);if(!o){o=!0,r.emit(a.RUNNING);let i=(await N(()=>import("./axe-5GIt4bd5.js").then(S=>S.a),__vite__mapDeps([0,1]),import.meta.url)).default,{element:u="#storybook-root",config:O,options:E={}}=e,R=L.querySelector(u);if(!R)return;i.reset(),O&&i.configure(O);let m=await i.run(R,E),c=JSON.parse(JSON.stringify(m));_===t?r.emit(a.RESULT,c):(o=!1,l(_))}}catch(e){r.emit(a.ERROR,e)}finally{o=!1}},s=async t=>{let{parameters:e}=await d.__STORYBOOK_STORY_STORE__.loadStory({storyId:t})||{};return e.a11y||{config:{},options:{}}};r.on(a.REQUEST,A);r.on(a.MANUAL,l); function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { __vite__mapDeps.viteFileDeps = ["./axe-5GIt4bd5.js","./_commonjsHelpers-4gQjN7DL.js"] diff --git a/assets/python-program-editor-ajdp68zf.js b/assets/python-program-editor-ozsQsOdO.js similarity index 87% rename from assets/python-program-editor-ajdp68zf.js rename to assets/python-program-editor-ozsQsOdO.js index 99e4f43ccd..b81d757c05 100644 --- a/assets/python-program-editor-ajdp68zf.js +++ b/assets/python-program-editor-ozsQsOdO.js @@ -1 +1 @@ -import{a as i,j as s}from"./jsx-runtime-FVsy8kgq.js";import{c as p}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import{c as n}from"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as m}from"./index-TT1qJ6UJ.js";const{NumberInput:h,TextInput:l}=n;function u(a,r){const t=[];return r===""&&t.push("The program ID is required."),(!Number.isInteger(a)||a<1)&&t.push("The height must be a positive integer."),t}const e=class e extends m.Component{constructor(){super(...arguments),this.change=(...r)=>p.apply(this,r),this.getSaveWarnings=()=>u(this.props.height,this.props.programID)}serialize(){return{programID:this.props.programID,height:this.props.height}}render(){return i("div",{children:[i("label",{children:["User Program ID:"," ",s(l,{value:this.props.programID,onChange:this.change("programID"),placeholder:"123"})]}),s("br",{}),i("label",{children:["Height:"," ",s(h,{value:this.props.height,onChange:this.change("height"),placeholder:"400"})]})]})}};e.widgetName="python-program",e.defaultProps={programID:"",height:400};let o=e;o.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"PerseusPythonProgramWidgetOptions"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PythonProgramEditor",props:{programID:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};export{o as P}; +import{a as i,j as s}from"./jsx-runtime-FVsy8kgq.js";import{c as p}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import{c as n}from"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./index-IIMKO4_x.js";import{r as m}from"./index-TT1qJ6UJ.js";const{NumberInput:h,TextInput:l}=n;function u(a,r){const t=[];return r===""&&t.push("The program ID is required."),(!Number.isInteger(a)||a<1)&&t.push("The height must be a positive integer."),t}const e=class e extends m.Component{constructor(){super(...arguments),this.change=(...r)=>p.apply(this,r),this.getSaveWarnings=()=>u(this.props.height,this.props.programID)}serialize(){return{programID:this.props.programID,height:this.props.height}}render(){return i("div",{children:[i("label",{children:["User Program ID:"," ",s(l,{value:this.props.programID,onChange:this.change("programID"),placeholder:"123"})]}),s("br",{}),i("label",{children:["Height:"," ",s(h,{value:this.props.height,onChange:this.change("height"),placeholder:"400"})]})]})}};e.widgetName="python-program",e.defaultProps={programID:"",height:400};let o=e;o.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"PerseusPythonProgramWidgetOptions"}}},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PythonProgramEditor",props:{programID:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'""',computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};export{o as P}; diff --git a/assets/python-program-editor.stories-PM5kUFfS.js b/assets/python-program-editor.stories-dPLWiqQY.js similarity index 79% rename from assets/python-program-editor.stories-PM5kUFfS.js rename to assets/python-program-editor.stories-dPLWiqQY.js index 21fdfcb3a1..a1cb5f8d9d 100644 --- a/assets/python-program-editor.stories-PM5kUFfS.js +++ b/assets/python-program-editor.stories-dPLWiqQY.js @@ -1,3 +1,3 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{P as e}from"./python-program-editor-ajdp68zf.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";const Zr={title:"PerseusEditor/Widgets/Python Program Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{a as p}from"./chunk-WFFRPTHA-zlNDxfrq.js";import{P as e}from"./python-program-editor-ozsQsOdO.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./preview-errors-7FWlPnjy.js";import"./index-PPLHz8o0.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-awljIyHI.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";const Zr={title:"PerseusEditor/Widgets/Python Program Editor"},r=a=>m(e,{onChange:p("onChange")});r.__docgenInfo={description:"",methods:[],displayName:"Default"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; }`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const $r=["Default"];export{r as Default,$r as __namedExportsOrder,Zr as default}; diff --git a/assets/python-program.stories-cHlC7_o1.js b/assets/python-program.stories-PlFNoGRe.js similarity index 78% rename from assets/python-program.stories-cHlC7_o1.js rename to assets/python-program.stories-PlFNoGRe.js index 89dac6bf56..34e3496877 100644 --- a/assets/python-program.stories-cHlC7_o1.js +++ b/assets/python-program.stories-PlFNoGRe.js @@ -1,4 +1,4 @@ -import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-XOCIPmr_.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const e={content:`[[☃ python-program 1]] +import{j as m}from"./jsx-runtime-FVsy8kgq.js";import{R as p}from"./renderer-with-debug-ui-kTjob79J.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const e={content:`[[☃ python-program 1]] `,images:{},widgets:{"python-program 1":{version:{major:0,minor:0},static:!1,type:"python-program",options:{height:400,programID:"5207287069147136"},alignment:"block"}}},Xr={title:"Perseus/Widgets/Python Program"},r=s=>m(p,{question:e});r.__docgenInfo={description:"",methods:[],displayName:"Question1"};var o,t,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return ; diff --git a/assets/question-markers-eMZk-A-8.js b/assets/question-markers-5Y-gUSFk.js similarity index 92% rename from assets/question-markers-eMZk-A-8.js rename to assets/question-markers-5Y-gUSFk.js index abdc8c2b13..ee223166a6 100644 --- a/assets/question-markers-eMZk-A-8.js +++ b/assets/question-markers-5Y-gUSFk.js @@ -1 +1 @@ -import{a as d,j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as y}from"./index-TT1qJ6UJ.js";import{g as k}from"./article-renderer-q7kSP2w4.js";import"./jquery-yG1GhClm.js";import{U as b}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{g as f}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as i}from"./index-awljIyHI.js";import{M}from"./marker-sWpCqokp.js";const{colors:u,typography:g}=k;class R extends y.Component{constructor(){super(...arguments),this._markers=[],this.handleImageDoubleClick=r=>{r.preventDefault();const e=r.currentTarget.getBoundingClientRect(),t=Math.round((r.clientX-e.left)/e.width*1e3)/10,l=Math.round((r.clientY-e.top)/e.height*1e3)/10,{markers:a,onChange:n}=this.props;n([...a,{answers:[],label:"",x:t,y:l}])}}openDropdownForMarkerIndices(r){r.forEach(e=>{var t;this._markers[e]&&((t=this._markers[e])==null||t.openDropdown())})}render(){const{choices:r,imageUrl:e,imageWidth:t,imageHeight:l,markers:a,onChange:n}=this.props,h=f().staticUrl;return d("div",{children:[s("div",{className:i.css(m.title),children:"Markers"}),s("div",{className:i.css(m.subtitle),children:e?d("span",{children:["Double-click on the image to add a marker.",s("br",{}),s("br",{}),"Markers are read by screen readers in the order that you add them here, so add in a logical order for the learner (e.g. sequentially, clockwise). You can test order by using keyboard tabbing."]}):"Upload an image to place markers."}),e&&d("div",{className:i.css(m.markersCanvas),style:{maxWidth:t,maxHeight:l},children:[s("img",{alt:"",className:i.css(m.image),src:h(b.getRealImageUrl(e)),onDoubleClick:this.handleImageDoubleClick}),a.map((p,o)=>y.createElement(M,{...p,choices:r,key:`${p.x}.${p.y}`,onChange:c=>n([...a.slice(0,o),c,...a.slice(o+1)]),onRemove:()=>n([...a.slice(0,o),...a.slice(o+1)]),ref:c=>this._markers[o]=c}))]})]})}}const m=i.StyleSheet.create({title:{...g.bodyXsmallBold,marginBottom:6,color:u.gray17},subtitle:{...g.labelSmall,marginBottom:12,color:u.gray68},markersCanvas:{position:"relative",border:"solid 1px rgba(33, 36, 44, 0.16)"},image:{display:"block",maxWidth:"100%"}});R.__docgenInfo={description:"",methods:[{name:"openDropdownForMarkerIndices",docblock:null,modifiers:[],params:[{name:"indices",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleImageDoubleClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",alias:"React.MouseEvent"}}],returns:null}],displayName:"QuestionMarkers",props:{choices:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},imageUrl:{required:!0,tsType:{name:"string"},description:""},imageWidth:{required:!0,tsType:{name:"number"},description:""},imageHeight:{required:!0,tsType:{name:"number"},description:""},markers:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(markers: ReadonlyArray) => void",signature:{arguments:[{type:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},name:"markers"}],return:{name:"void"}}},description:""}}};export{R as Q}; +import{a as d,j as s}from"./jsx-runtime-FVsy8kgq.js";import{r as y}from"./index-TT1qJ6UJ.js";import{g as k}from"./article-renderer-BOOaW4sB.js";import"./jquery-yG1GhClm.js";import{U as b}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{g as f}from"./dependencies-8XILypbq.js";import"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./svg-image-QKR8YXWf.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{l as i}from"./index-awljIyHI.js";import{M}from"./marker-eGjo-yed.js";const{colors:u,typography:g}=k;class R extends y.Component{constructor(){super(...arguments),this._markers=[],this.handleImageDoubleClick=r=>{r.preventDefault();const e=r.currentTarget.getBoundingClientRect(),t=Math.round((r.clientX-e.left)/e.width*1e3)/10,l=Math.round((r.clientY-e.top)/e.height*1e3)/10,{markers:a,onChange:n}=this.props;n([...a,{answers:[],label:"",x:t,y:l}])}}openDropdownForMarkerIndices(r){r.forEach(e=>{var t;this._markers[e]&&((t=this._markers[e])==null||t.openDropdown())})}render(){const{choices:r,imageUrl:e,imageWidth:t,imageHeight:l,markers:a,onChange:n}=this.props,h=f().staticUrl;return d("div",{children:[s("div",{className:i.css(m.title),children:"Markers"}),s("div",{className:i.css(m.subtitle),children:e?d("span",{children:["Double-click on the image to add a marker.",s("br",{}),s("br",{}),"Markers are read by screen readers in the order that you add them here, so add in a logical order for the learner (e.g. sequentially, clockwise). You can test order by using keyboard tabbing."]}):"Upload an image to place markers."}),e&&d("div",{className:i.css(m.markersCanvas),style:{maxWidth:t,maxHeight:l},children:[s("img",{alt:"",className:i.css(m.image),src:h(b.getRealImageUrl(e)),onDoubleClick:this.handleImageDoubleClick}),a.map((p,o)=>y.createElement(M,{...p,choices:r,key:`${p.x}.${p.y}`,onChange:c=>n([...a.slice(0,o),c,...a.slice(o+1)]),onRemove:()=>n([...a.slice(0,o),...a.slice(o+1)]),ref:c=>this._markers[o]=c}))]})]})}}const m=i.StyleSheet.create({title:{...g.bodyXsmallBold,marginBottom:6,color:u.gray17},subtitle:{...g.labelSmall,marginBottom:12,color:u.gray68},markersCanvas:{position:"relative",border:"solid 1px rgba(33, 36, 44, 0.16)"},image:{display:"block",maxWidth:"100%"}});R.__docgenInfo={description:"",methods:[{name:"openDropdownForMarkerIndices",docblock:null,modifiers:[],params:[{name:"indices",optional:!1,type:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray",alias:"ReadonlyArray"}}],returns:null},{name:"handleImageDoubleClick",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:{name:"ReactMouseEvent",raw:"React.MouseEvent",alias:"React.MouseEvent"}}],returns:null}],displayName:"QuestionMarkers",props:{choices:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"string"}],raw:"ReadonlyArray"},description:""},imageUrl:{required:!0,tsType:{name:"string"},description:""},imageWidth:{required:!0,tsType:{name:"number"},description:""},imageHeight:{required:!0,tsType:{name:"number"},description:""},markers:{required:!0,tsType:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(markers: ReadonlyArray) => void",signature:{arguments:[{type:{name:"ReadonlyArray",elements:[{name:"MarkerType"}],raw:"ReadonlyArray"},name:"markers"}],return:{name:"void"}}},description:""}}};export{R as Q}; diff --git a/assets/question-markers.stories-O4Ct01nw.js b/assets/question-markers.stories-2d4tak_p.js similarity index 84% rename from assets/question-markers.stories-O4Ct01nw.js rename to assets/question-markers.stories-2d4tak_p.js index 0b1bb054ca..b88c682575 100644 --- a/assets/question-markers.stories-O4Ct01nw.js +++ b/assets/question-markers.stories-2d4tak_p.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{l as p}from"./index-awljIyHI.js";import{r as W}from"./index-TT1qJ6UJ.js";import{Q as b}from"./question-markers-eMZk-A-8.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./marker-sWpCqokp.js";import"./components-v_jsX-d9.js";import"./util-qk2aeK8X.js";import"./form-wrapped-text-field-1CYfAYqR.js";const dt={title:"PerseusEditor/Widgets/Label Image/Question Markers"},f=p.StyleSheet.create({wrapper:{width:338}}),k=t=>r("div",{className:p.css(f.wrapper),children:r(b,{...t})});class w extends W.Component{constructor(){super(...arguments),this.state={markers:[{answers:[],label:"",x:50,y:50}]}}render(){const{markers:m}=this.state;return r("div",{className:p.css(f.wrapper),children:r(b,{choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:m,onChange:y=>this.setState({markers:y})})})}}const o=t=>r(k,{...{choices:[],imageUrl:"",imageWidth:0,imageHeight:0,markers:[],onChange:()=>{}}}),e=t=>r(k,{...{choices:[],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:[{answers:[],label:"",x:50,y:50}],onChange:()=>{}}}),i=t=>r(w,{});o.__docgenInfo={description:"",methods:[],displayName:"Empty"};e.__docgenInfo={description:"",methods:[],displayName:"Filled"};i.__docgenInfo={description:"",methods:[],displayName:"Interactive"};var s,a,n;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{l as p}from"./index-awljIyHI.js";import{r as W}from"./index-TT1qJ6UJ.js";import{Q as b}from"./question-markers-5Y-gUSFk.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./marker-eGjo-yed.js";import"./components-v_jsX-d9.js";import"./util-qk2aeK8X.js";import"./form-wrapped-text-field-DQhkgIBa.js";const dt={title:"PerseusEditor/Widgets/Label Image/Question Markers"},f=p.StyleSheet.create({wrapper:{width:338}}),k=t=>r("div",{className:p.css(f.wrapper),children:r(b,{...t})});class w extends W.Component{constructor(){super(...arguments),this.state={markers:[{answers:[],label:"",x:50,y:50}]}}render(){const{markers:m}=this.state;return r("div",{className:p.css(f.wrapper),children:r(b,{choices:["Lamborghini","BMW","Volkswagen","Fiat","Porsche","Ferrari"],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:m,onChange:y=>this.setState({markers:y})})})}}const o=t=>r(k,{...{choices:[],imageUrl:"",imageWidth:0,imageHeight:0,markers:[],onChange:()=>{}}}),e=t=>r(k,{...{choices:[],imageUrl:"https://ka-perseus-images.s3.amazonaws.com/2ee5fc32e35c5178373b39fd304b325b2994c913.png",imageWidth:1280,imageHeight:1024,markers:[{answers:[],label:"",x:50,y:50}],onChange:()=>{}}}),i=t=>r(w,{});o.__docgenInfo={description:"",methods:[],displayName:"Empty"};e.__docgenInfo={description:"",methods:[],displayName:"Filled"};i.__docgenInfo={description:"",methods:[],displayName:"Interactive"};var s,a,n;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { const props = ({ choices: [], imageUrl: "", diff --git a/assets/radio-editor.stories-pwi4e6Cf.js b/assets/radio-editor.stories-YBLn-XkG.js similarity index 81% rename from assets/radio-editor.stories-pwi4e6Cf.js rename to assets/radio-editor.stories-YBLn-XkG.js index 3a5f86daf5..4b79ea1c12 100644 --- a/assets/radio-editor.stories-pwi4e6Cf.js +++ b/assets/radio-editor.stories-YBLn-XkG.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{l as m}from"./index-awljIyHI.js";import{r as a}from"./index-TT1qJ6UJ.js";import{R as n}from"./editor-H-qXwzEE.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./components-v_jsX-d9.js";import"./index-0C4KXdeC.js";import"./editor-IYGRa35D.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-ntmvBOuR.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const ao={title:"PerseusEditor/Widgets/Radio Editor"},l=m.StyleSheet.create({wrapper:{width:338}}),c={content:`Which of the following values of $x$ satisfies the equation $\\sqrt{64}=x$ ? +import{j as r}from"./jsx-runtime-FVsy8kgq.js";import{l as m}from"./index-awljIyHI.js";import{r as a}from"./index-TT1qJ6UJ.js";import{R as n}from"./editor-_spdqNG4.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-7vsPyIck.js";import"./index-CkAxGj88.js";import"./index-J2t_5nK1.js";import"./index-6h5t6F0w.js";import"./index-deFLJwr4.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./invariant-bu5zBsRS.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./index-dnMhQZ-1.js";import"./asset-context-I7yIqWki.js";import"./i18n-context-P7VpLqM1.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./constants-iPV6vHZm.js";import"./client-rbWgHzHN.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./index-xuPsLuPk.js";import"./index-YCTzZMik.js";import"./index-rfN0X25E.js";import"./index-o3wWn3Y5.js";import"./index-h_CiYGGb.js";import"./Popper-kGnKOid7.js";import"./math-input-2pyBSGzU.js";import"./index-WNT3sUKf.js";import"./index-BPSWBbj5.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./media-queries-gbofTbz-.js";import"./shared-4TdECMLk.js";import"./choice-Bz-ZMhQM.js";import"./index-ngddCaVG.js";import"./index-qUyqkRvh.js";import"./icon-YuYiVxsK.js";import"./choice-icon-j3kQahUD.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./components-v_jsX-d9.js";import"./index-k-0mNqHS.js";import"./editor-AA_-Ksmn.js";import"./index-fuycm_QE.js";import"./index-SM3muJE2.js";import"./section-control-button-0qlF-d0b.js";import"./index-tFzzSRL2.js";import"./tex-error-view-Y2BSLjwB.js";import"./toggleable-caret-lFiCktzo.js";const ao={title:"PerseusEditor/Widgets/Radio Editor"},l=m.StyleSheet.create({wrapper:{width:338}}),c={content:`Which of the following values of $x$ satisfies the equation $\\sqrt{64}=x$ ? [[☃ radio 1]] diff --git a/assets/radio.stories-SDbIScn4.js b/assets/radio.stories-Y0R3KV3e.js similarity index 84% rename from assets/radio.stories-SDbIScn4.js rename to assets/radio.stories-Y0R3KV3e.js index 00b2842bfc..d4510d1993 100644 --- a/assets/radio.stories-SDbIScn4.js +++ b/assets/radio.stories-Y0R3KV3e.js @@ -1,4 +1,4 @@ -import{j as M}from"./jsx-runtime-FVsy8kgq.js";import{R as O}from"./renderer-with-debug-ui-XOCIPmr_.js";import{q as w,c as b,m as I,a as y}from"./radio.testdata-sITJ8lxE.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-q7kSP2w4.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-ULNOY64X.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-rhtpDeH1.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-NUDOhlSE.js";import"./shared-4TdECMLk.js";import"./choice-none-above-7sZgmnsx.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-mbE4GLUb.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-I4xoHdfy.js";import"./answer-pill-J67mzuP8.js";import"./sortable-whqqG2TO.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import"./register-all-widgets-for-testing-rGHzs9Ac.js";const wo={title:"Perseus/Widgets/Radio",args:{static:!1,crossOutEnabled:!1,reviewMode:!1,showSolutions:"none",question:w},argTypes:{showSolutions:{options:["none","all","selected"],control:{type:"select"}}},render:t=>M(O,{question:C(t),apiOptions:E(t),reviewMode:t.reviewMode,showSolutions:t.showSolutions})},C=t=>{const m={...t.question,widgets:{}};for(const[f,W]of Object.entries(t.question.widgets))m.widgets[f]={...W,static:t.static};return m},E=t=>({crossOutEnabled:t.crossOutEnabled}),o={args:{question:w}},i={args:{question:b}},r={args:{question:I}},e={args:{question:y}};var p,s,a;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as M}from"./jsx-runtime-FVsy8kgq.js";import{R as O}from"./renderer-with-debug-ui-kTjob79J.js";import{q as w,c as b,m as I,a as y}from"./radio.testdata-sITJ8lxE.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./choice-Bz-ZMhQM.js";import"./index-6h5t6F0w.js";import"./index-awljIyHI.js";import"./react-router-dom-W_e8xVUu.js";import"./index-tvtfaFq4.js";import"./index-o3wWn3Y5.js";import"./index-deFLJwr4.js";import"./index-h_CiYGGb.js";import"./index-ngddCaVG.js";import"./index-rfN0X25E.js";import"./index-xuPsLuPk.js";import"./index-WNT3sUKf.js";import"./index-qUyqkRvh.js";import"./index-BPSWBbj5.js";import"./index-7vsPyIck.js";import"./index-YCTzZMik.js";import"./index-CkAxGj88.js";import"./Popper-kGnKOid7.js";import"./index-dnMhQZ-1.js";import"./i18n-context-P7VpLqM1.js";import"./icon-YuYiVxsK.js";import"./perseus-api-mOiZT07d.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./stub-tag-editor-Hmby24Jq.js";import"./text-list-editor-pe7AGDAl.js";import"./jquery-yG1GhClm.js";import"./media-queries-gbofTbz-.js";import"./constants-iPV6vHZm.js";import"./choice-icon-j3kQahUD.js";import"./inline-icon-tKY1iMkH.js";import"./icon-paths-AuJwhOz7.js";import"./focus-ring-22L_uhmX.js";import"./option-status-vrNywrR6.js";import"./article-renderer-BOOaW4sB.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./prop-types-n-SFl0Bz.js";import"./mobile-keypad-3f7ONcH2.js";import"./index-J2t_5nK1.js";import"./tabbar-WYCYDof0.js";import"./item-X9tjzx12.js";import"./index-2dmvOE3q.js";import"./button-assets-txIojR3b.js";import"./keypad-button-rKskH7oM.js";import"./operators-page-C_EsmjPW.js";import"./navigation-pad-ss7r0FKW.js";import"./key-translator-g-rPb6Kc.js";import"./_commonjs-dynamic-modules-h-SxKiO4.js";import"./enums-x5qaTru7.js";import"./renderer-dyWsFSUA.js";import"./asset-context-I7yIqWki.js";import"./svg-image-QKR8YXWf.js";import"./dependencies-8XILypbq.js";import"./fixed-to-responsive-AkRQxH3P.js";import"./client-rbWgHzHN.js";import"./image-loader-mgyZcN0j.js";import"./tex-VP4hirbI.js";import"./zoomable-CA1NzpZD.js";import"./zoomable-tex-MZi7Hqbp.js";import"./lint--ywkTlk8.js";import"./index-K9BSJPWl.js";import"./math-input-2pyBSGzU.js";import"./input-with-examples-mVJrYO9s.js";import"./text-input-15gEhfDF.js";import"./index-QCAhLhLD.js";import"./minus-bold-ONmDo3Ve.js";import"./tooltip-S_hcgkAT.js";import"./simple-keypad-input-jZGN23LY.js";import"./base-radio-jqxXuHNO.js";import"./shared-4TdECMLk.js";import"./choice-none-above-NXvpeqY4.js";import"./phet-simulation-LQRU0vOo.js";import"./arrow-square-out-bold-090vdhrx.js";import"./answer-choices-MQdUvt3_.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./index-IIMKO4_x.js";import"./tiny-invariant-bHgPayXn.js";import"./bundle.esm-7jAAHVxW.js";import"./hud-WFKWq8xK.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./marker-lsO23jIU.js";import"./answer-pill-Ps6fTJR6.js";import"./sortable-7jf323dV.js";import"./video-transcript-link-44eQkwGl.js";import"./side-by-side-kGWaKY6T.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import"./register-all-widgets-for-testing-Ui4NBXsw.js";const wo={title:"Perseus/Widgets/Radio",args:{static:!1,crossOutEnabled:!1,reviewMode:!1,showSolutions:"none",question:w},argTypes:{showSolutions:{options:["none","all","selected"],control:{type:"select"}}},render:t=>M(O,{question:C(t),apiOptions:E(t),reviewMode:t.reviewMode,showSolutions:t.showSolutions})},C=t=>{const m={...t.question,widgets:{}};for(const[f,W]of Object.entries(t.question.widgets))m.widgets[f]={...W,static:t.static};return m},E=t=>({crossOutEnabled:t.crossOutEnabled}),o={args:{question:w}},i={args:{question:b}},r={args:{question:I}},e={args:{question:y}};var p,s,a;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { question: questionWithPassage } diff --git a/assets/range-input-wtuw2vYt.js b/assets/range-input-wtuw2vYt.js index 76aa70a9f6..7bf7478290 100644 --- a/assets/range-input-wtuw2vYt.js +++ b/assets/range-input-wtuw2vYt.js @@ -1 +1 @@ -import{a as l,j as o}from"./jsx-runtime-FVsy8kgq.js";import{P as s}from"./index-k-0mNqHS.js";import{r as p}from"./index-TT1qJ6UJ.js";import{N as n}from"./number-input-7sNeIRmO.js";const c=()=>!0,t=class t extends p.Component{constructor(){super(...arguments),this.onChange=(e,r)=>{const a=this.props.value;e===0?this.props.onChange([r,a[1]]):this.props.onChange([a[0],r])}}render(){const e=this.props.value,r=this.props.checkValidity||c;return l("div",{className:"range-input",children:[o(n,{...this.props,value:e[0],checkValidity:a=>r([a,e[1]]),onChange:this.onChange.bind(this,0),placeholder:this.props.placeholder[0]}),o(n,{...this.props,value:e[1],checkValidity:a=>r([e[0],a]),onChange:this.onChange.bind(this,1),placeholder:this.props.placeholder[1]})]})}};t.propTypes={value:s.array.isRequired,onChange:s.func.isRequired,placeholder:s.array,checkValidity:s.func},t.defaultProps={placeholder:[null,null]};let i=t;i.__docgenInfo={description:"",methods:[{name:"onChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"newVal",optional:!1,type:null}],returns:null}],displayName:"RangeInput",props:{placeholder:{defaultValue:{value:"[null, null]",computed:!1},description:"",type:{name:"array"},required:!1},value:{description:"",type:{name:"array"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},checkValidity:{description:"",type:{name:"func"},required:!1}}};export{i as R}; +import{a as l,j as o}from"./jsx-runtime-FVsy8kgq.js";import{P as s}from"./index-0C4KXdeC.js";import{r as p}from"./index-TT1qJ6UJ.js";import{N as n}from"./number-input-7sNeIRmO.js";const c=()=>!0,t=class t extends p.Component{constructor(){super(...arguments),this.onChange=(e,r)=>{const a=this.props.value;e===0?this.props.onChange([r,a[1]]):this.props.onChange([a[0],r])}}render(){const e=this.props.value,r=this.props.checkValidity||c;return l("div",{className:"range-input",children:[o(n,{...this.props,value:e[0],checkValidity:a=>r([a,e[1]]),onChange:this.onChange.bind(this,0),placeholder:this.props.placeholder[0]}),o(n,{...this.props,value:e[1],checkValidity:a=>r([e[0],a]),onChange:this.onChange.bind(this,1),placeholder:this.props.placeholder[1]})]})}};t.propTypes={value:s.array.isRequired,onChange:s.func.isRequired,placeholder:s.array,checkValidity:s.func},t.defaultProps={placeholder:[null,null]};let i=t;i.__docgenInfo={description:"",methods:[{name:"onChange",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"newVal",optional:!1,type:null}],returns:null}],displayName:"RangeInput",props:{placeholder:{defaultValue:{value:"[null, null]",computed:!1},description:"",type:{name:"array"},required:!1},value:{description:"",type:{name:"array"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},checkValidity:{description:"",type:{name:"func"},required:!1}}};export{i as R}; diff --git a/assets/range-input.stories-bIh5QzHn.js b/assets/range-input.stories-bIh5QzHn.js index 5871003ae5..a7f9dbc872 100644 --- a/assets/range-input.stories-bIh5QzHn.js +++ b/assets/range-input.stories-bIh5QzHn.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-FVsy8kgq.js";import{R as o}from"./range-input-wtuw2vYt.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-k-0mNqHS.js";import"./invariant-bu5zBsRS.js";import"./number-input-7sNeIRmO.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";const x={title:"Perseus/Components/Range Input"},e=s=>t(o,{onChange:()=>{},value:[]}),r=s=>t(o,{onChange:()=>{},value:[-10,10]}),a=s=>t(o,{onChange:()=>{},placeholder:["?","!"],value:[]});e.__docgenInfo={description:"",methods:[],displayName:"EmptyValueArray"};r.__docgenInfo={description:"",methods:[],displayName:"SimpleWithSmallValueRanges"};a.__docgenInfo={description:"",methods:[],displayName:"Placeholders"};var n,p,m;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { +import{j as t}from"./jsx-runtime-FVsy8kgq.js";import{R as o}from"./range-input-wtuw2vYt.js";import"./index-TT1qJ6UJ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./index-0C4KXdeC.js";import"./invariant-bu5zBsRS.js";import"./number-input-7sNeIRmO.js";import"./util-F8-MDmsT.js";import"./version-akiLXZts.js";import"./jquery-yG1GhClm.js";import"./index-dnMhQZ-1.js";import"./index-7vsPyIck.js";import"./i18n-context-P7VpLqM1.js";const x={title:"Perseus/Components/Range Input"},e=s=>t(o,{onChange:()=>{},value:[]}),r=s=>t(o,{onChange:()=>{},value:[-10,10]}),a=s=>t(o,{onChange:()=>{},placeholder:["?","!"],value:[]});e.__docgenInfo={description:"",methods:[],displayName:"EmptyValueArray"};r.__docgenInfo={description:"",methods:[],displayName:"SimpleWithSmallValueRanges"};a.__docgenInfo={description:"",methods:[],displayName:"Placeholders"};var n,p,m;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return {}} value={[]} />; }`,...(m=(p=e.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var l,c,i;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`(args: StoryArgs): React.ReactElement => { return {}} value={[-10, 10]} />; diff --git a/assets/register-all-widgets-and-editors-for-testing-1GD7joYI.js b/assets/register-all-widgets-and-editors-for-testing-bm4rnPfQ.js similarity index 97% rename from assets/register-all-widgets-and-editors-for-testing-1GD7joYI.js rename to assets/register-all-widgets-and-editors-for-testing-bm4rnPfQ.js index 45e2880eb1..15dacb9629 100644 --- a/assets/register-all-widgets-and-editors-for-testing-1GD7joYI.js +++ b/assets/register-all-widgets-and-editors-for-testing-bm4rnPfQ.js @@ -1 +1 @@ -import{j as t,a}from"./jsx-runtime-FVsy8kgq.js";import{c as $e}from"./index-fuycm_QE.js";import{_ as l,$ as Fe}from"./jquery-yG1GhClm.js";import{c as h,p as c,G as Be,v as He,M as je,x as Ke,y as Ye,T as Ge,w as Je}from"./article-renderer-q7kSP2w4.js";import{E as Xe,U as de,r as Ze}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{L as Ee}from"./svg-image-QKR8YXWf.js";import{A as we}from"./perseus-api-mOiZT07d.js";import"./multi-renderer--3S3VYBz.js";import"./hints-renderer-HbOOlLb6.js";import{S as Qe,r as et,b as tt,a as st,c as at}from"./renderer-ULNOY64X.js";import"./base-radio-NUDOhlSE.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{g as We}from"./dependencies-8XILypbq.js";import"./index-k-0mNqHS.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as u}from"./index-TT1qJ6UJ.js";import{C as rt}from"./categorizer-editor-CqdPTbQO.js";import{c as f}from"./components-v_jsX-d9.js";import{E as g}from"./editor-jsonify-Bbv2loDC.js";import{C as w}from"./index-QCAhLhLD.js";import{P as n}from"./index-0C4KXdeC.js";import{B as y}from"./blur-input-hjJsfoK9.js";import{D as nt}from"./definition-editor-xQPJ0VBq.js";import{D as it}from"./dropdown-editor-7F745Gol.js";import{E as lt}from"./explanation-editor-OsL6fZN2.js";import{E as ot}from"./expression-editor-oXvZYZPt.js";import{I as pt}from"./icon-paths-AuJwhOz7.js";import{l as $}from"./index-awljIyHI.js";import{E as b}from"./editor-IYGRa35D.js";import{G as ut}from"./graph-settings-biSSNAI_.js";import{I as ht}from"./image-editor-Vkk6KVZI.js";import{I as ct}from"./input-number-editor-kdZwFnVv.js";import{I as dt}from"./index-2zQZ4npR.js";import{I as mt}from"./interactive-graph-editor-uSKTluyD.js";import{L as gt}from"./label-image-editor-8fdLVXi_.js";import{M as ft}from"./matcher-editor-ddeBtjTD.js";import{N as yt}from"./number-line-editor-Vp7BYsbR.js";import{N as bt}from"./numeric-input-editor-hj1H66L1.js";import{P as vt}from"./phet-simulation-editor-nb_VHx1Q.js";import{R as oe}from"./index-7vsPyIck.js";import{P as wt}from"./python-program-editor-ajdp68zf.js";import{R as Ct}from"./editor-H-qXwzEE.js";import{S as Tt}from"./sorter-editor-JLDcQk8S.js";const ha=$e({displayName:"JsonEditor",getInitialState:function(){return{currentValue:JSON.stringify(this.props.value,null,4),valid:!0}},UNSAFE_componentWillReceiveProps:function(o){(!this.state.valid||!l.isEqual(o.value,JSON.parse(this.state.currentValue)))&&this.setState(this.getInitialState())},handleKeyDown:function(o){if(o.key==="Tab"){const e=o.target.selectionStart,s=o.target.value,r=s.substring(0,e),i=s.substring(e,s.length);o.target.value=r+" "+i,o.target.selectionStart=r.length+4,o.target.selectionEnd=r.length+4,o.preventDefault(),this.handleChange(o)}},handleChange:function(o){const e=o.target.value;try{let s=JSON.parse(e);l.isString(s)&&(s=JSON.parse(s)),this.setState({currentValue:e,valid:!0},function(){this.props.onChange(s)})}catch{this.setState({currentValue:e,valid:!1})}},handleBlur:function(o){const e=o.target.value;try{let s=JSON.parse(e);l.isString(s)&&(s=JSON.parse(s)),this.setState({currentValue:JSON.stringify(s,null,4),valid:!0},function(){this.props.onChange(s)})}catch{this.setState({currentValue:JSON.stringify(this.props.value,null,4),valid:!0})}},render:function(){const o="perseus-json-editor "+(this.state.valid?"valid":"invalid");return t("textarea",{className:o,value:this.state.currentValue,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur})}});let Ne=0;const me={},ge={};window.iframeDataStore={};window.addEventListener("message",o=>{if(typeof o.data=="string"){const e=me[o.data];e&&e()}else o.data.id&&(o.data.height!==void 0?ge[o.data.id](o.data.height):o.data.lintWarnings&&Ee.log("LINTER REPORT",{lintWarnings:JSON.stringify(o.data.lintWarnings)}))});class xt extends u.Component{constructor(){super(...arguments),this.container=u.createRef()}componentDidMount(){this._isMounted=!0,this.iframeID=Ne,Ne++,this._prepareFrame(),me[this.iframeID]=()=>{this.sendNewData(this._lastData)},ge[this.iframeID]=e=>{this._lastHeight=e,this._isMounted&&this.props.seamless&&this.container.current&&(this.container.current.style.height=e+"px")}}shouldComponentUpdate(e){return e.datasetValue!==this.props.datasetValue||e.seamless!==this.props.seamless}componentDidUpdate(e){this.container.current&&(this.props.seamless?this.container.current.style.height=this._lastHeight+"px":this.container.current.style.height="100%"),e.datasetValue!==this.props.datasetValue&&this._prepareFrame()}componentWillUnmount(){me[this.iframeID]=null,ge[this.iframeID]=null,this._isMounted=!1}_prepareFrame(){var s,r;this._frame&&((s=this.container.current)==null||s.removeChild(this._frame));const e=document.createElement("iframe");e.style.width="100%",e.style.height="100%",e.src=this.props.url,this.props.datasetKey&&(e.dataset[this.props.datasetKey]=this.props.datasetValue),e.dataset.id=String(this.iframeID),this.props.seamless&&(e.dataset.lintGutter="true"),(r=this.container.current)==null||r.appendChild(e),this._frame=e}sendNewData(e){const s=this._frame;this._isMounted&&e&&(s!=null&&s.contentWindow)&&(this._lastData=e,window.iframeDataStore[this.iframeID]=e,s.contentWindow.postMessage(this.iframeID,"*"))}render(){return t("div",{ref:this.container,style:{width:"100%",height:"100%"}})}}xt.__docgenInfo={description:"",methods:[{name:"_prepareFrame",docblock:null,modifiers:[],params:[],returns:null},{name:"sendNewData",docblock:null,modifiers:[],params:[{name:"data",optional:!1,type:{name:"any"}}],returns:null}],displayName:"IframeContentRenderer",props:{url:{required:!0,tsType:{name:"string"},description:""},datasetKey:{required:!0,tsType:{name:"string"},description:""},datasetValue:{required:!0,tsType:{name:"any"},description:""},seamless:{required:!0,tsType:{name:"boolean"},description:""}}};const{InfoTip:Se}=f,Ie=400,Oe=400;var T;let kt=(T=class extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("fieldset",{className:"pair-editor",children:[a("label",{children:["Name:"," ",t(y,{value:this.props.name,onChange:this.change("name")})]}),a("label",{children:[" ","Value:"," ",t(y,{value:this.props.value,onChange:this.change("value")})]})]})}},T.propTypes={...c,name:n.string,value:n.string},T.defaultProps={name:"",value:""},T);var M;let Nt=(M=class extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handlePairChange=(e,s)=>{const r=this.props.pairs.slice();r[e]=s;const i=r[r.length-1];i.name&&i.value&&r.push({name:"",value:""}),this.change("pairs",r)},this.serialize=()=>g.serialize.call(this)}render(){const e=l.map(this.props.pairs,(s,r)=>t(kt,{name:s.name,value:s.value,onChange:this.handlePairChange.bind(this,r)},r));return t("div",{children:e})}},M.propTypes={...c,pairs:n.arrayOf(n.shape({name:n.string,value:n.string})).isRequired},M);const St=/khanacademy\.org\/computer-programming\/[^\/]+\/(\d+)/;function It(o){const e=St.exec(o);return e&&(o=e[1]),o}const k=class k extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this._handleSettingsChange=e=>{this.change({settings:e.pairs})},this._handleProgramIDChange=e=>{e=It(e);const{isDevServer:s,InitialRequestUrl:r}=We(),p=`${s?r.origin:"https://www.khanacademy.org"}/api/internal/scratchpads/${e}`;Fe.getJSON(p).done(m=>{const d=m.userAuthoredContentType;this.change({width:m.width,height:m.height,programID:e,programType:d})}).fail((m,d,v)=>{Ee.error("Error retrieving scratchpad info for program ID ",Xe.TransientService,{cause:v,loggedMetadata:{textStatus:d,programID:e}}),this.change({width:Ie,height:Oe,programID:e,programType:null})})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[a("label",{children:["Url or Program ID:"," ",t(y,{value:this.props.programID,onChange:this._handleProgramIDChange})]}),t("br",{}),t(w,{label:"Show Editor",checked:this.props.showEditor,onChange:e=>{this.props.onChange({showEditor:e})}}),t(Se,{children:'If you show the editor, you should use the "full-width" alignment to make room for the width of the editor.'}),t("br",{}),t(w,{label:"Show Buttons",checked:this.props.showButtons,onChange:e=>{this.props.onChange({showButtons:e})}}),t("br",{}),a("label",{children:["Settings:",t(Nt,{name:"settings",pairs:this.props.settings,onChange:this._handleSettingsChange}),a(Se,{children:["Settings that you add here are available to the program as an object returned by ",t("code",{children:"Program.settings()"})]})]})]})}};k.propTypes={...c},k.widgetName="cs-program",k.defaultProps={programID:"",programType:null,settings:[{name:"",value:""}],showEditor:!1,showButtons:!1,width:Ie,height:Oe};let F=k;F.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"_handleSettingsChange",docblock:null,modifiers:[],params:[{name:"settings",optional:!1,type:null}],returns:null},{name:"_handleProgramIDChange",docblock:null,modifiers:[],params:[{name:"programID",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"CSProgramEditor",props:{programID:{defaultValue:{value:'""',computed:!1},required:!1},programType:{defaultValue:{value:"null",computed:!1},required:!1},settings:{defaultValue:{value:'[{name: "", value: ""}]',computed:!1},required:!1},showEditor:{defaultValue:{value:"false",computed:!1},required:!1},showButtons:{defaultValue:{value:"false",computed:!1},required:!1},width:{defaultValue:{value:"400",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1}},composes:["@khanacademy/perseus"]};const Ce=class Ce extends u.Component{serialize(){return g.serialize.call(this)}render(){return a("div",{children:[t("p",{children:"This widget has been deprecated and removed"}),t("p",{children:"Learners will see a message and they will not be graded on this part. Please replace this widget with a supported one."})]})}};Ce.widgetName="deprecated-standin";let B=Ce;B.__docgenInfo={description:"",methods:[{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}}],displayName:"DeprecatedStandinEditor",props:{onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(options: any) => void",signature:{arguments:[{type:{name:"any"},name:"options"}],return:{name:"void"}}},description:""}}};const{InlineIcon:qe,TextInput:Ot}=f,{iconPlus:qt,iconTrash:zt}=pt,N=class N extends u.Component{constructor(){super(...arguments),this.editor=u.createRef(),this.hintEditor=u.createRef(),this.change=(...e)=>h.apply(this,e),this.handleAddHint=()=>{const e={content:""};this.props.onChange({hint:e},()=>{var s;(s=this.hintEditor.current)==null||s.focus()})},this.handleRemoveHint=e=>{this.props.onChange({hint:null})},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=()=>{var e,s;return{title:this.props.title,...(e=this.editor.current)==null?void 0:e.serialize(),hint:(s=this.hintEditor.current)==null?void 0:s.serialize()}}}render(){return a("div",{className:"perseus-group-editor",children:[t("div",{className:"perseus-widget-row",children:a("label",{className:$.css(pe.title),children:["Title:"," ",t(Ot,{value:this.props.title,className:$.css(pe.input),onChange:this.change("title")})]})}),t(b,{ref:this.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&&a("button",{type:"button",style:{marginTop:10},className:"add-hint simple-button orange",onClick:this.handleAddHint,children:[t(qe,{...qt})," Add a hint"]}),this.props.hint&&a("div",{className:"perseus-hint-editor",children:[t("div",{className:$.css(pe.hintsTitle),children:"Hint"}),t(b,{ref:this.hintEditor,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:e=>{this.change("hint",Object.assign({},this.props.hint,e))}}),a("button",{type:"button",className:"remove-hint simple-button orange",onClick:this.handleRemoveHint,children:[t(qe,{...zt})," Remove this hint"]})]})]})}};N.propTypes={...c,title:n.string,content:n.string,widgets:n.object,images:n.object,apiOptions:we.propTypes},N.widgetName="graded-group",N.defaultProps={title:"",content:"",widgets:{},images:{},hint:null};let C=N;const pe=$.StyleSheet.create({title:{fontSize:18,fontWeight:"bold"},input:{fontSize:18},hintsTitle:{marginTop:10,fontSize:"110%",fontWeight:"bold"}});C.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleAddHint",docblock:null,modifiers:[],params:[],returns:null},{name:"handleRemoveHint",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GradedGroupEditor",props:{title:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},widgets:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},images:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},hint:{defaultValue:{value:"null",computed:!1},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};const S=class S extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.getSaveWarnings=()=>[].concat(...this._editors.map(e=>e?e.getSaveWarnings():[])),this.serialize=()=>({gradedGroups:this.props.gradedGroups}),this.renderGroups=()=>this.props.gradedGroups?this.props.gradedGroups.map((e,s)=>t(C,{ref:r=>this._editors[s]=r,...e,apiOptions:this.props.apiOptions,widgetEnabled:!0,immutableWidgets:!1,onChange:r=>this.change("gradedGroups",Rt(this.props.gradedGroups,s,{...this.props.gradedGroups[s],...r}))},s)):null,this.addGroup=()=>{const e=this.props.gradedGroups||[];this.change("gradedGroups",e.concat([C.defaultProps]))}}UNSAFE_componentWillMount(){this._editors=[]}render(){return a("div",{className:"perseus-group-editor",children:[this.renderGroups(),t("button",{onClick:this.addGroup,children:"Add group"})]})}};S.propTypes={...c,apiOptions:we.propTypes,gradedGroups:n.array,onChange:n.func.isRequired},S.widgetName="graded-group-set",S.defaultProps={gradedGroups:[]};let H=S;const Rt=(o,e,s)=>[...o.slice(0,e),s,...o.slice(e+1)];H.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null},{name:"renderGroups",docblock:null,modifiers:[],params:[],returns:null},{name:"addGroup",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GradedGroupSetEditor",props:{gradedGroups:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"array"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1},onChange:{description:"",type:{name:"func"},required:!0}},composes:["@khanacademy/perseus"]};const{InfoTip:Vt,MultiButtonGroup:At}=f,{containerSizeClass:Pt,getInteractiveBoxFromSizeClass:Lt}=Qe,Ut=Be.widget,{DEFAULT_GRAPHER_PROPS:ue,allTypes:Dt,chooseType:Mt,defaultPlotProps:_t,getEquationString:Et,typeToButton:Wt}=He,I=class I extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleAvailableTypesChange=e=>{let s=this.props.correct;if(!l.contains(e,this.props.correct.type)){const r=this.props.graph,i=Mt(e);s=_t(i,r)}this.props.onChange({availableTypes:e,correct:s})},this.serialize=()=>l.chain(this.props).pick("correct","availableTypes").extend({graph:l.omit(this.props.graph,"box")}).value()}render(){const e=Pt.SMALL;let s,r;if(this.props.graph.valid===!0){const i={graph:this.props.graph,plot:this.props.correct,availableTypes:this.props.availableTypes,onChange:(p,m)=>{var v;let d=this.props.correct;d.type===((v=p.plot)==null?void 0:v.type)?d=l.extend({},d,p.plot):d=p.plot,this.props.onChange({correct:d},m)},trackInteraction:function(){}};r=t(Ut,{...i,apiOptions:this.props.apiOptions,containerSizeClass:e}),s=Et(i)}else r=t("div",{className:"perseus-error",children:this.props.graph.valid});return a("div",{children:[a("div",{children:["Correct answer"," ",t(Vt,{children:t("p",{children:"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."})})," ",": ",s]}),t(ut,{editableSettings:["graph","snap","image"],box:Lt(e),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")}),a("div",{className:"perseus-widget-row",children:[t("label",{children:"Available functions: "}),t(At,{allowEmpty:!1,values:this.props.availableTypes,buttons:l.map(Dt,Wt),onChange:this.handleAvailableTypesChange})]}),r]})}};I.propTypes={...c},I.widgetName="grapher",I.defaultProps={correct:ue.plot,graph:ue.graph,availableTypes:ue.availableTypes};let j=I;j.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleAvailableTypesChange",docblock:null,modifiers:[],params:[{name:"newAvailableTypes",optional:!1,type:{name:"Array",elements:[{name:"any"}],raw:"Array",alias:"Array"}}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GrapherEditor",props:{correct:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.plot",computed:!0},required:!1},graph:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.graph",computed:!0},required:!1},availableTypes:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.availableTypes",computed:!0},required:!1}},composes:["@khanacademy/perseus"]};const O=class O extends u.Component{constructor(){super(...arguments),this.editor=u.createRef(),this._renderMetadataEditor=()=>{const e=this.props.apiOptions.GroupMetadataEditor;return t(e,{value:this.props.metadata,onChange:this.change("metadata")})},this.change=(...e)=>h.apply(this,e),this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=()=>{var e;return l.extend({},(e=this.editor.current)==null?void 0:e.serialize(),{metadata:this.props.metadata})}}render(){return a("div",{className:"perseus-group-editor",children:[t("div",{children:this._renderMetadataEditor()}),t(b,{ref:this.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})]})}};O.propTypes={...c,content:n.string,widgets:n.object,images:n.object,metadata:n.any,apiOptions:we.propTypes},O.widgetName="group",O.defaultProps={content:"",widgets:{},images:{},metadata:void 0};let K=O;K.__docgenInfo={description:"",methods:[{name:"_renderMetadataEditor",docblock:null,modifiers:[],params:[],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GroupEditor",props:{content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},widgets:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},images:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},metadata:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"any"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};const ne=class ne extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("fieldset",{children:[a("label",{children:["Name:",t(y,{value:this.props.name,onChange:this.change("name")})]}),a("label",{children:["Value:",t(y,{value:this.props.value,onChange:this.change("value")})]})]})}};ne.propTypes={...c,name:n.string,value:n.string},ne.defaultProps={name:"",value:""};let fe=ne;const Te=class Te extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handlePairChange=(e,s)=>{const r=this.props.pairs.slice();r[e]=s;const i=r[r.length-1];i.name&&i.value&&r.push({name:"",value:""}),this.change("pairs",r)},this.serialize=()=>g.serialize.call(this)}render(){const e=l.map(this.props.pairs,(s,r)=>t(fe,{name:s.name,value:s.value,onChange:this.handlePairChange.bind(this,r)},r));return t("div",{children:e})}};Te.propTypes={...c,pairs:n.arrayOf(n.shape({name:n.string,value:n.string})).isRequired};let ye=Te;const q=class q extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleSettingsChange=e=>{this.change({settings:e.pairs})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[a("div",{style:{fontWeight:"bold",textAlign:"center"},children:["This widget is deprecated! ",t("br",{}),"Try using the Video or CS Program widgets instead."]}),a("label",{children:["Url or Program ID:",t(y,{value:this.props.url,onChange:this.change("url")})]}),t("br",{}),a("label",{children:["Settings:",t(ye,{name:"settings",pairs:this.props.settings,onChange:this.handleSettingsChange})]}),t("br",{}),a("label",{children:["Width:",t(y,{value:this.props.width,onChange:this.change("width")})]}),a("label",{children:["Height:",t(y,{value:this.props.height,onChange:this.change("height")})]}),t(w,{label:"Allow full screen",checked:this.props.allowFullScreen,onChange:e=>{this.props.onChange({allowFullScreen:e})}}),t("br",{}),t(w,{label:"Allow iframe content to redirect the page",checked:this.props.allowTopNavigation,onChange:e=>{this.props.onChange({allowTopNavigation:e})}})]})}};q.propTypes={...c},q.widgetName="iframe",q.defaultProps={url:"",settings:[{name:"",value:""}],width:"400",height:"400",allowFullScreen:!1,allowTopNavigation:!1};let Y=q;Y.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleSettingsChange",docblock:null,modifiers:[],params:[{name:"settings",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"IframeEditor",props:{url:{defaultValue:{value:'""',computed:!1},required:!1},settings:{defaultValue:{value:'[{name: "", value: ""}]',computed:!1},required:!1},width:{defaultValue:{value:'"400"',computed:!1},required:!1},height:{defaultValue:{value:'"400"',computed:!1},required:!1},allowFullScreen:{defaultValue:{value:"false",computed:!1},required:!1},allowTopNavigation:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["@khanacademy/perseus"]};const{RangeInput:$t}=f,Ft=je.widget,ze=6,Bt=function(o){const e=[1,1];return l(o).each((s,r)=>{let i=0;l(s).each((p,m)=>{p!=null&&p.toString().length&&(i=m+1)}),e[1]=Math.max(e[1],i),i>0&&(e[0]=Math.max(e[0],r+1))}),e},z=class z extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.onMatrixBoardSizeChange=e=>{const s=Bt(this.props.answers);if(e[0]!==null&&e[1]!==null){e=[Math.round(Math.min(Math.max(e[0],1),ze)),Math.round(Math.min(Math.max(e[1],1),ze))];const r=l(Math.min(e[0],s[0])).times(i=>l(Math.min(e[1],s[1])).times(p=>this.props.answers[i][p]));this.props.onChange({matrixBoardSize:e,answers:r})}},this.serialize=()=>g.serialize.call(this)}render(){const e=l.extend({numericInput:!0,onBlur:()=>{},onFocus:()=>{},trackInteraction:()=>{}},this.props);return a("div",{className:"perseus-matrix-editor",children:[a("div",{className:"perseus-widget-row",children:[" ","Max matrix size:"," ",t($t,{value:this.props.matrixBoardSize,onChange:this.onMatrixBoardSizeChange,format:this.props.labelStyle,useArrowKeys:!0})]}),t("div",{className:"perseus-widget-row",children:t(Ft,{...e})}),a("div",{className:"perseus-widget-row",children:[" ","Matrix prefix:"," ",t(b,{ref:"prefix",apiOptions:this.props.apiOptions,content:this.props.prefix,widgetEnabled:!1,onChange:s=>{this.change({prefix:s.content})}})]}),a("div",{className:"perseus-widget-row",children:[" ","Matrix suffix:"," ",t(b,{ref:"suffix",apiOptions:this.props.apiOptions,content:this.props.suffix,widgetEnabled:!1,onChange:s=>{this.change({suffix:s.content})}})]})]})}};z.propTypes={...c,matrixBoardSize:n.arrayOf(n.number).isRequired,answers:n.arrayOf(n.arrayOf(n.number)),prefix:n.string,suffix:n.string,cursorPosition:n.arrayOf(n.number)},z.widgetName="matrix",z.defaultProps={matrixBoardSize:[3,3],answers:[[]],prefix:"",suffix:"",cursorPosition:[0,0]};let G=z;G.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onMatrixBoardSizeChange",docblock:null,modifiers:[],params:[{name:"range",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MatrixEditor",props:{matrixBoardSize:{defaultValue:{value:"[3, 3]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},answers:{defaultValue:{value:"[[]]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"number"}}},required:!1},prefix:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},suffix:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},cursorPosition:{defaultValue:{value:"[0, 0]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:Ht,NumberInput:_,RangeInput:jt}=f,Kt={url:null,top:0,left:0},R=class R extends u.Component{constructor(){super(...arguments),this.className="perseus-widget-measurer",this.change=(...e)=>h.apply(this,e),this._changeUrl=e=>{this._changeImage("url",e.target.value)},this._changeTop=e=>{this._changeImage("top",e)},this._changeLeft=e=>{this._changeImage("left",e)},this._changeImage=(e,s)=>{const r=l.clone(this.props.image);r[e]=s,this.change("image",r)},this.renderLabelChoices=e=>l.map(e,function(s){const[r,i]=s;return t("option",{value:i,children:r},i)}),this.serialize=()=>g.serialize.call(this)}render(){const e=l.extend({},Kt,this.props.image);return a("div",{className:"perseus-widget-measurer",children:[t("div",{children:"Image displayed under protractor and/or ruler:"}),a("div",{children:["URL:"," ",t("input",{type:"text",className:"perseus-widget-measurer-url",ref:"image-url",defaultValue:e.url,onChange:this._changeUrl}),t(Ht,{children:t("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]}),e.url&&a("div",{className:"perseus-widget-row",children:[a("label",{className:"perseus-widget-left-col",children:["Pixels from top:"," ",t(_,{placeholder:0,onChange:this._changeTop,value:e.top,useArrowKeys:!0})]}),a("label",{className:"perseus-widget-right-col",children:["Pixels from left:"," ",t(_,{placeholder:0,onChange:this._changeLeft,value:e.left,useArrowKeys:!0})]})]}),a("div",{children:["Containing area [width, height]:"," ",t(jt,{onChange:this.change("box"),value:this.props.box,useArrowKeys:!0})]}),a("div",{className:"perseus-widget-row",children:[t("div",{className:"perseus-widget-left-col",children:t(w,{label:"Show ruler",checked:this.props.showRuler,onChange:s=>{this.props.onChange({showRuler:s})}})}),t("div",{className:"perseus-widget-right-col",children:t(w,{label:"Show protractor",checked:this.props.showProtractor,onChange:s=>{this.props.onChange({showProtractor:s})}})})]}),this.props.showRuler&&a("div",{children:[t("div",{children:a("label",{children:[" ","Ruler label:"," ",a("select",{onChange:s=>this.change("rulerLabel",s.target.value),value:this.props.rulerLabel,children:[t("option",{value:"",children:"None"}),t("optgroup",{label:"Metric",children:this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])}),t("optgroup",{label:"Imperial",children:this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]])})]})]})}),t("div",{children:a("label",{children:[" ","Ruler ticks:"," ",t("select",{onChange:s=>this.change("rulerTicks",+s.target.value),value:this.props.rulerTicks,children:l.map([1,2,4,8,10,16],function(s){return t("option",{value:s,children:s},s)})})]})}),t("div",{children:a("label",{children:["Ruler pixels per unit:"," ",t(_,{placeholder:40,onChange:this.change("rulerPixels"),value:this.props.rulerPixels,useArrowKeys:!0})]})}),t("div",{children:a("label",{children:["Ruler length in units:"," ",t(_,{placeholder:10,onChange:this.change("rulerLength"),value:this.props.rulerLength,useArrowKeys:!0})]})})]})]})}};R.widgetName="measurer",R.propTypes={...c,box:n.arrayOf(n.number),image:n.shape({url:n.string,top:n.number,left:n.number}),showProtractor:n.bool,showRuler:n.bool,rulerLabel:n.string,rulerTicks:n.number,rulerPixels:n.number,rulerLength:n.number},R.defaultProps={box:[480,480],image:{},showProtractor:!0,showRuler:!1,rulerLabel:"",rulerTicks:10,rulerPixels:40,rulerLength:10};let J=R;J.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"_changeUrl",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_changeTop",docblock:null,modifiers:[],params:[{name:"newTop",optional:!1,type:null}],returns:null},{name:"_changeLeft",docblock:null,modifiers:[],params:[{name:"newLeft",optional:!1,type:null}],returns:null},{name:"_changeImage",docblock:null,modifiers:[],params:[{name:"subProp",optional:!1,type:null},{name:"newValue",optional:!1,type:null}],returns:null},{name:"renderLabelChoices",docblock:null,modifiers:[],params:[{name:"choices",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MeasurerEditor",props:{box:{defaultValue:{value:"[480, 480]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},image:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{url:{name:"string",required:!1},top:{name:"number",required:!1},left:{name:"number",required:!1}}},required:!1},showProtractor:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showRuler:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rulerLabel:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},rulerTicks:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1},rulerPixels:{defaultValue:{value:"40",computed:!1},description:"",type:{name:"number"},required:!1},rulerLength:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1}},composes:["@khanacademy/perseus"]};const{NumberInput:Yt,TextInput:Gt}=f,ie=class ie extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.updateMolecule=e=>{this.change({smiles:e})},this.updateRotation=e=>{this.change({rotationAngle:e})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[t("div",{children:a("label",{children:["SMILES: ",t(Gt,{onChange:this.updateMolecule,value:this.props.smiles})]})}),t("div",{children:a("label",{children:["Rotation (deg): ",t(Yt,{onChange:this.updateRotation,value:this.props.rotationAngle})]})})]})}};ie.propTypes={...c,rotationAngle:n.number,smiles:n.string},ie.widgetName="molecule-renderer";let X=ie;X.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"updateMolecule",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"updateRotation",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MoleculeWidgetEditor",props:{rotationAngle:{description:"",type:{name:"number"},required:!1},smiles:{description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:E,TextListEditor:Re}=f,he="normal",Ve="auto",ce="horizontal",Ae="vertical",V=class V extends u.Component{constructor(){super(...arguments),this.onOptionsChange=(e,s,r)=>{const i={};i[e]=l.map(s,function(p){return{content:p}}),this.props.onChange(i,r)},this.onLayoutChange=e=>{this.props.onChange({layout:e.target.value})},this.onHeightChange=e=>{this.props.onChange({height:e.target.value})},this.serialize=()=>({options:l.chain(l.pluck(this.props.correctOptions,"content")).union(l.pluck(this.props.otherOptions,"content")).uniq().reject(function(s){return s===""}).sort().sortBy(function(s){return/\d/.test(s)?0:/^\$?[a-zA-Z]+\$?$/.test(s)?2:1}).map(function(s){return{content:s}}).value(),correctOptions:this.props.correctOptions,otherOptions:this.props.otherOptions,height:this.props.height,layout:this.props.layout})}render(){return a("div",{className:"perseus-widget-orderer",children:[a("div",{children:[" ","Correct answer:"," ",t(E,{children:t("p",{children:"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."})})]}),t(Re,{options:l.pluck(this.props.correctOptions,"content"),onChange:this.onOptionsChange.bind(this,"correctOptions"),layout:this.props.layout}),a("div",{children:[" ","Other cards:"," ",t(E,{children:t("p",{children:"Create cards that are not part of the answer."})})]}),t(Re,{options:l.pluck(this.props.otherOptions,"content"),onChange:this.onOptionsChange.bind(this,"otherOptions"),layout:this.props.layout}),a("div",{children:[a("label",{children:[" ","Layout:"," ",a("select",{value:this.props.layout,onChange:this.onLayoutChange,children:[t("option",{value:ce,children:"Horizontal"}),t("option",{value:Ae,children:"Vertical"})]})]}),t(E,{children:t("p",{children:"Use the horizontal layout for short text and small images. The vertical layout is best for longer text (e.g. proofs)."})})]}),a("div",{children:[a("label",{children:[" ","Height:"," ",a("select",{value:this.props.height,onChange:this.onHeightChange,children:[t("option",{value:he,children:"Normal"}),t("option",{value:Ve,children:"Automatic"})]})]}),t(E,{children:t("p",{children:'Use "Normal" for text, "Automatic" for images.'})})]})]})}};V.propTypes={correctOptions:n.array,otherOptions:n.array,height:n.oneOf([he,Ve]),layout:n.oneOf([ce,Ae]),onChange:n.func.isRequired},V.widgetName="orderer",V.defaultProps={correctOptions:[{content:"$x$"}],otherOptions:[{content:"$y$"}],height:he,layout:ce};let Z=V;Z.__docgenInfo={description:"",methods:[{name:"onOptionsChange",docblock:null,modifiers:[],params:[{name:"whichOptions",optional:!1,type:null},{name:"options",optional:!1,type:null},{name:"cb",optional:!1,type:null}],returns:null},{name:"onLayoutChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onHeightChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"OrdererEditor",props:{correctOptions:{defaultValue:{value:'[{content: "$x$"}]',computed:!1},description:"",type:{name:"array"},required:!1},otherOptions:{defaultValue:{value:'[{content: "$y$"}]',computed:!1},description:"",type:{name:"array"},required:!1},height:{defaultValue:{value:'"normal"',computed:!1},description:"",type:{name:"enum",value:[{value:'"normal"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},layout:{defaultValue:{value:'"horizontal"',computed:!1},description:"",type:{name:"enum",value:[{value:'"horizontal"',computed:!1},{value:'"vertical"',computed:!1}]},required:!1},onChange:{description:"",type:{name:"func"},required:!0}}};const{InfoTip:Pe}=f,A=class A extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){const e=t(b,{ref:"passage-editor",apiOptions:this.props.apiOptions,content:this.props.passageText,widgetEnabled:!1,placeholder:"Type passage here...",onChange:r=>{this.change({passageText:r.content})},showWordCount:!0}),s=t(b,{ref:"passage-footnotes-editor",apiOptions:this.props.apiOptions,content:this.props.footnotes,widgetEnabled:!1,placeholder:"Type footnotes here...",onChange:r=>{this.change({footnotes:r.content})}});return a("div",{className:"perseus-widget-passage-editor",children:[t("div",{className:"perseus-widget-row",children:t(w,{label:"Show line numbers",checked:this.props.showLineNumbers,onChange:r=>{this.props.onChange({showLineNumbers:r})}})}),a("div",{children:["Passage title:",t(Pe,{children:t("p",{children:"An optional title that will appear directly above the passage in the same font style. (E.g. Passage 1)"})}),t("div",{children:t("input",{type:"text",defaultValue:this.props.passageTitle,onChange:r=>{this.change({passageTitle:r.target.value})}})})]}),a("div",{children:["Passage Text:",e]}),a("div",{children:["Footnotes:",t(Pe,{children:t("p",{children:"To add footnotes, add ^ characters where they belong in the passage. Then, add ^ in the footnotes area to reference the footnotes in the passage."})}),s]})]})}};A.propTypes={...c,passageTitle:n.string,passageText:n.string,footnotes:n.string,showLineNumbers:n.bool},A.widgetName="passage",A.defaultProps={passageTitle:"",passageText:"",footnotes:"",showLineNumbers:!0};let Q=A;Q.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageEditor",props:{passageTitle:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},passageText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},footnotes:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},showLineNumbers:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:Jt,NumberInput:Le,TextInput:Xt}=f,P=class P extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[t("div",{children:a("label",{children:["Passage Number: ",t(Le,{value:this.props.passageNumber,onChange:this.change("passageNumber")})]})}),t("div",{children:a("label",{children:["Reference Number: ",t(Le,{value:this.props.referenceNumber,onChange:this.change("referenceNumber")})]})}),t("div",{children:a("label",{children:["Summary Text: ",t(Xt,{value:this.props.summaryText,onChange:this.change("summaryText")}),a(Jt,{children:[t("p",{children:"Short summary of the referenced section. This will be included in parentheses and quotes automatically."}),t("p",{children:"Ex: The start ... the end"})]})]})})]})}};P.propTypes={...c,passageNumber:n.number,referenceNumber:n.number,summaryText:n.string},P.widgetName="passage-ref",P.defaultProps={passageNumber:1,referenceNumber:1,summaryText:""};let ee=P;ee.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageRefEditor",props:{passageNumber:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},referenceNumber:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},summaryText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const L=class L extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleContentChange=e=>{this.change({content:e.target.value})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:["Content:",t("input",{type:"text",value:this.props.content,onChange:this.handleContentChange})]})}};L.propTypes={...c,content:n.string},L.widgetName="passage-ref-target",L.defaultProps={content:""};let te=L;te.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleContentChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageRefTargetEditor",props:{content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:x,NumberInput:Ue,RangeInput:Zt,TextListEditor:Qt}=f,es=Ke.widget,be="starting",ve="correct",ts=[be,ve];function De(o,e,s){const r=l.clone(o);r.length=e;for(let i=o.length;i"$"+Ze(o,2)+"$",le=class le extends u.Component{constructor(){super(...arguments),this.state={editing:this.props.static?be:ve,pic:null,loadedUrl:null,minX:null,maxX:null,tickStep:null},this.fetchPic=e=>{if(this.state.loadedUrl!==e){const s=new Image;s.src=e,s.onload=()=>{this.setState({pic:s,loadedUrl:e})}}},this.handleChangeTickStep=e=>{this.setState({tickStep:e})},this.handleChangeRange=e=>{this.setState({minX:e[0],maxX:e[1]})},this.changeLabelInterval=e=>{this.props.onChange({labelInterval:e})},this.handlePlotterChange=e=>{const s={};s[this.state.editing]=e.values,this.props.onChange(s)},this.changeType=e=>{let s;if(e==="histogram"?(s=[Me(0)].concat(this.props.categories),this.props.onChange({type:e,categories:s})):this.props.type==="histogram"?(s=this.props.categories.slice(1),this.props.onChange({type:e,categories:s})):this.props.onChange({type:e}),s){const r=oe.findDOMNode(this.refs.categories);r.value=s.join(", ")}},this.changeLabel=(e,s)=>{const r=l.clone(this.props.labels);r[e]=s.target.value,this.props.onChange({labels:r})},this.changePicUrl=e=>{const s=de.getRealImageUrl(e);this.props.onChange({picUrl:s})},this.changeCategories=e=>{let s=e.length;this.props.type==="histogram"&&s--;const r=this.props.scaleY;this.props.onChange({categories:e,correct:De(this.props.correct,s,r),starting:De(this.props.starting,s,r)})},this.changeScale=e=>{const s=this.props.scaleY,r=+e.target.value||W.scaleY,i=function(m){return m*r/s},p=i(this.props.maxY);this.props.onChange({scaleY:r,maxY:p,correct:l.map(this.props.correct,i),starting:l.map(this.props.starting,i)}),oe.findDOMNode(this.refs.maxY).value=p},this.changeMax=e=>{this.props.onChange({maxY:+e.target.value||W.maxY})},this.changeSnaps=e=>{this.props.onChange({snapsPerLine:+e.target.value||W.snapsPerLine})},this.changeEditing=e=>{this.setState({editing:e})},this.setCategoriesFromScale=()=>{const e=this.state.tickStep||1,s=this.state.minX||0,r=this.state.maxX||0,i=Math.floor((r-s)/e)*e;let p;this.props.type==="histogram"||this.props.type==="dotplot"?p=l.range(0,i+e,e):p=l.range(e,i+e,e),p=l.map(p,d=>d+s),p=l.map(p,Me),this.changeCategories(p);const m=oe.findDOMNode(this.refs.categories);m.value=p.join(", ")},this.serialize=()=>{const e=l.pick(this.props,"correct","starting","type","labels","categories","scaleY","maxY","snapsPerLine","labelInterval");return this.props.type==="pic"&&(e.picUrl=this.props.picUrl),e}}UNSAFE_componentWillMount(){this.fetchPic(this.props.picUrl)}UNSAFE_componentWillReceiveProps(e){this.fetchPic(e.picUrl),e.static&&this.setState({editing:"starting"})}render(){const e=l.contains(["line","histogram","dotplot"],this.props.type),s=!l.contains(["pic","dotplot"],this.props.type),r={trackInteraction:()=>{},...this.props};return a("div",{className:"perseus-widget-plotter-editor",children:[a("div",{children:["Chart type:"," ",Ye.map(i=>a("label",{children:[t("input",{type:"radio",name:"chart-type",checked:this.props.type===i,onChange:l.partial(this.changeType,i)}),i]},i),this)]}),a("div",{children:["Labels:"," ",["x","y"].map((i,p)=>a("label",{children:[i+":",t("input",{type:"text",onChange:l.partial(this.changeLabel,p),defaultValue:this.props.labels[p]})]},i),this)]}),e&&a("div",{className:"set-from-scale-box",children:[t("span",{className:"categories-title",children:"Set Categories From Scale"}),a("div",{children:[a("label",{children:["Tick Step:"," ",t(Ue,{placeholder:1,useArrowKeys:!0,value:this.state.tickStep,onChange:this.handleChangeTickStep})]}),t(x,{children:t("p",{children:"The difference between adjacent ticks."})})]}),t("div",{children:a("label",{children:["Range:"," ",t(Zt,{placeholder:[0,10],useArrowKeys:!0,value:[this.state.minX,this.state.maxX],onChange:this.handleChangeRange})]})}),t("div",{children:a("button",{onClick:this.setCategoriesFromScale,children:["Set Categories"," "]})})]}),a("div",{children:[a("label",{children:["Label Interval:"," ",t(Ue,{useArrowKeys:!0,value:this.props.labelInterval,onChange:this.changeLabelInterval})]}),t(x,{children:t("p",{children:'Which ticks to display the labels for. For instance, setting this to "4" will only show every 4th label (plus the last one)'})})]}),this.props.type==="pic"&&a("div",{children:[a("label",{children:["Picture:"," ",t(y,{className:"pic-url",value:this.props.picUrl,onChange:this.changePicUrl}),t(x,{children:t("p",{children:'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&&a("p",{className:"warning",children:[t("b",{children:"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."]})]}),t("div",{children:a("label",{children:["Categories:"," ",t(Qt,{ref:"categories",layout:"horizontal",options:this.props.categories,onChange:this.changeCategories})]})}),t("div",{children:a("label",{children:["Scale (y):"," ",t("input",{type:"text",onChange:this.changeScale,defaultValue:this.props.scaleY})]})}),t("div",{children:a("label",{children:["Max y:"," ",t("input",{type:"text",ref:"maxY",onChange:this.changeMax,defaultValue:this.props.maxY})]})}),s&&a("div",{children:[a("label",{children:["Snaps per line:"," ",t("input",{type:"text",onChange:this.changeSnaps,defaultValue:this.props.snapsPerLine})]}),t(x,{children:t("p",{children:"Creates the specified number of divisions between the horizontal lines. Fewer snaps between lines makes the graph easier for the student to create correctly."})})]}),a("div",{children:["Editing values:"," ",ts.map(i=>a("label",{children:[t("input",{type:"radio",disabled:i===ve&&this.props.static,checked:this.props.static?i===be:this.state.editing===i,onChange:p=>this.changeEditing(i)}),i]},i)),a(x,{children:[t("p",{children:"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."}),t("p",{children:"In static mode, the starting values are rendered out to the displayed widget."})]})]}),t(es,{...r,starting:this.props[this.state.editing],onChange:this.handlePlotterChange})]})}};le.widgetName="plotter",le.defaultProps={...W,correct:[1],starting:[1],type:"bar",labels:["",""],categories:[""],picSize:30,picBoxHeight:36,plotDimensions:[275,200],labelInterval:1,get picUrl(){const e=We().staticUrl;return e?e("/images/badges/earth-small.png"):null}};let se=le;se.__docgenInfo={description:"",methods:[{name:"fetchPic",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null}],returns:null},{name:"handleChangeTickStep",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"handleChangeRange",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"changeLabelInterval",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"handlePlotterChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null}],returns:null},{name:"changeType",docblock:null,modifiers:[],params:[{name:"type",optional:!1,type:null}],returns:null},{name:"changeLabel",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"changePicUrl",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"changeCategories",docblock:null,modifiers:[],params:[{name:"categories",optional:!1,type:null}],returns:null},{name:"changeScale",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeMax",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeSnaps",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeEditing",docblock:null,modifiers:[],params:[{name:"editing",optional:!1,type:null}],returns:null},{name:"setCategoriesFromScale",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PlotterEditor",props:{type:{required:!1,tsType:{name:'PerseusPlotterWidgetOptions["type"]',raw:'PerseusPlotterWidgetOptions["type"]'},description:"",defaultValue:{value:'"bar"',computed:!1}},labels:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"Array"},description:"",defaultValue:{value:'["", ""]',computed:!1}},categories:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"ReadonlyArray"},description:"",defaultValue:{value:'[""]',computed:!1}},scaleY:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},maxY:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"10",computed:!1}},snapsPerLine:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}},picSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"30",computed:!1}},picBoxHeight:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"36",computed:!1}},picUrl:{required:!0,tsType:{name:"string"},description:""},plotDimensions:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[275, 200]",computed:!1}},labelInterval:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},starting:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[1]",computed:!1}},correct:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[1]",computed:!1}},static:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"any"},description:""}}};const{InfoTip:ss,NumberInput:_e}=f,as=Ge.widget,U=class U extends u.Component{constructor(){super(...arguments),this.numberOfColumns=u.createRef(),this.focus=()=>{var e;(e=this.numberOfColumns.current)==null||e.focus()},this.onSizeInput=(e,s)=>{let r=+e||0,i=+s||0;r=Math.min(Math.max(1,r),30),i=Math.min(Math.max(1,i),6);const p=this.props.columns,m=this.props.rows,d=this.props.answers;r<=m?d.length=r:l(r-m).times(function(){d.push(de.stringArrayOfSize(p))});function v(ke){i<=p?ke.length=i:l(i-p).times(function(){ke.push("")})}const xe=this.props.headers;v(xe),l.each(d,v),this.props.onChange({rows:r,columns:i,answers:d,headers:xe})},this.serialize=()=>{const e=l.pick(this.props,"headers","rows","columns");return l.extend({},e,{answers:l.map(this.props.answers,l.clone)})}}render(){return a("div",{children:[t("div",{className:"perseus-widget-row",children:a("label",{children:["Number of columns:"," ",t(_e,{ref:this.numberOfColumns,value:this.props.columns,onChange:e=>{e&&this.onSizeInput(this.props.rows,e)},useArrowKeys:!0})]})}),t("div",{className:"perseus-widget-row",children:a("label",{children:["Number of rows:"," ",t(_e,{ref:"numberOfRows",value:this.props.rows,onChange:e=>{e&&this.onSizeInput(e,this.props.columns)},useArrowKeys:!0})]})}),a("div",{children:[" ","Table of answers:"," ",t(ss,{children:t("p",{children:"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."})})]}),t("div",{children:t(as,{headers:this.props.headers,answers:this.props.answers,onChange:this.props.onChange,apiOptions:this.props.apiOptions,editableHeaders:!0,onFocus:()=>{},onBlur:()=>{},trackInteraction:()=>{},Editor:b})})]})}};U.propTypes={rows:n.number,columns:n.number,headers:n.arrayOf(n.string),answers:n.arrayOf(n.arrayOf(n.string))},U.widgetName="table",U.defaultProps=function(){const r=l(4).times(function(){return de.stringArrayOfSize(1)});return{headers:[""],rows:4,columns:1,answers:r}}();let ae=U;ae.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"onSizeInput",docblock:null,modifiers:[],params:[{name:"numRawRows",optional:!1,type:null},{name:"numRawColumns",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TableEditor",props:{rows:{description:"",type:{name:"number"},required:!1},columns:{description:"",type:{name:"number"},required:!1},headers:{description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},answers:{description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"string"}}},required:!1}}};const{InfoTip:rs}=f,ns=/khanacademy\.org\/.*\/v\/(.*)$/;function is(o){const e=ns.exec(o);return e?e[1]:o}const D=class D extends u.Component{constructor(){super(...arguments),this._handleUrlChange=e=>{this.props.onChange({location:is(e)})},this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return t("div",{children:a("label",{children:["KA Video Slug:"," ",t(y,{value:this.props.location,style:{width:290},onChange:this._handleUrlChange}),t(rs,{children:"KA video URLs will be converted to just the slug."})]})})}};D.propTypes={...c,location:n.string,onChange:n.func},D.widgetName="video",D.defaultProps={location:""};let re=D;re.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"_handleUrlChange",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null}],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"VideoEditor",props:{location:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!1}},composes:["@khanacademy/perseus"]};const ls=[rt,F,nt,it,lt,ot,C,H,j,K,Y,ht,ct,dt,mt,gt,ft,G,J,X,yt,bt,Z,Q,ee,te,vt,se,wt,Tt,ae,re,Ct,B],ca=()=>{et(Je),tt(ls),st(),at()};export{ls as A,xt as I,ha as J,ca as r}; +import{j as t,a}from"./jsx-runtime-FVsy8kgq.js";import{c as $e}from"./index-fuycm_QE.js";import{_ as l,$ as Fe}from"./jquery-yG1GhClm.js";import{c as h,p as c,G as Be,v as He,M as je,x as Ke,y as Ye,T as Ge,w as Je}from"./article-renderer-BOOaW4sB.js";import{E as Xe,U as de,r as Ze}from"./util-F8-MDmsT.js";import"./phet-simulation-LQRU0vOo.js";import"./version-akiLXZts.js";import{L as Ee}from"./svg-image-QKR8YXWf.js";import{A as we}from"./perseus-api-mOiZT07d.js";import"./multi-renderer-own7mR8u.js";import"./hints-renderer-rWnJ078P.js";import{S as Qe,r as et,b as tt,a as st,c as at}from"./renderer-dyWsFSUA.js";import"./base-radio-jqxXuHNO.js";import"./button-group-nsoLlHtM.js";import"./graph-bSP67F6m.js";import"./hud-WFKWq8xK.js";import"./icon-YuYiVxsK.js";import"./index-K9BSJPWl.js";import"./inline-icon-tKY1iMkH.js";import"./math-input-2pyBSGzU.js";import"./multi-button-group-a0iIfrwx.js";import"./number-input-7sNeIRmO.js";import"./range-input-wtuw2vYt.js";import"./text-input-15gEhfDF.js";import"./text-list-editor-pe7AGDAl.js";import{g as We}from"./dependencies-8XILypbq.js";import"./index-0C4KXdeC.js";import"./i18n-context-P7VpLqM1.js";import"./index-IIMKO4_x.js";import{r as u}from"./index-TT1qJ6UJ.js";import{C as rt}from"./categorizer-editor-jdQbWtjl.js";import{c as f}from"./components-v_jsX-d9.js";import{E as g}from"./editor-jsonify-tQINrEL4.js";import{C as w}from"./index-QCAhLhLD.js";import{P as n}from"./index-k-0mNqHS.js";import{B as y}from"./blur-input-hjJsfoK9.js";import{D as nt}from"./definition-editor-XO63vfM2.js";import{D as it}from"./dropdown-editor-b7e9swla.js";import{E as lt}from"./explanation-editor-0Y25yuuV.js";import{E as ot}from"./expression-editor-8EIRUcZf.js";import{I as pt}from"./icon-paths-AuJwhOz7.js";import{l as $}from"./index-awljIyHI.js";import{E as b}from"./editor-AA_-Ksmn.js";import{G as ut}from"./graph-settings-DK80fLX7.js";import{I as ht}from"./image-editor-WvkMHCYc.js";import{I as ct}from"./input-number-editor-0s5nQB_-.js";import{I as dt}from"./index-rssW1hfo.js";import{I as mt}from"./interactive-graph-editor-lMMNonnK.js";import{L as gt}from"./label-image-editor-HknhUoXl.js";import{M as ft}from"./matcher-editor-N7TyLdO7.js";import{N as yt}from"./number-line-editor-QFYtkNpd.js";import{N as bt}from"./numeric-input-editor-Hm-vjISp.js";import{P as vt}from"./phet-simulation-editor-X79Q74Bn.js";import{R as oe}from"./index-7vsPyIck.js";import{P as wt}from"./python-program-editor-ozsQsOdO.js";import{R as Ct}from"./editor-_spdqNG4.js";import{S as Tt}from"./sorter-editor-wbIsCsVX.js";const ha=$e({displayName:"JsonEditor",getInitialState:function(){return{currentValue:JSON.stringify(this.props.value,null,4),valid:!0}},UNSAFE_componentWillReceiveProps:function(o){(!this.state.valid||!l.isEqual(o.value,JSON.parse(this.state.currentValue)))&&this.setState(this.getInitialState())},handleKeyDown:function(o){if(o.key==="Tab"){const e=o.target.selectionStart,s=o.target.value,r=s.substring(0,e),i=s.substring(e,s.length);o.target.value=r+" "+i,o.target.selectionStart=r.length+4,o.target.selectionEnd=r.length+4,o.preventDefault(),this.handleChange(o)}},handleChange:function(o){const e=o.target.value;try{let s=JSON.parse(e);l.isString(s)&&(s=JSON.parse(s)),this.setState({currentValue:e,valid:!0},function(){this.props.onChange(s)})}catch{this.setState({currentValue:e,valid:!1})}},handleBlur:function(o){const e=o.target.value;try{let s=JSON.parse(e);l.isString(s)&&(s=JSON.parse(s)),this.setState({currentValue:JSON.stringify(s,null,4),valid:!0},function(){this.props.onChange(s)})}catch{this.setState({currentValue:JSON.stringify(this.props.value,null,4),valid:!0})}},render:function(){const o="perseus-json-editor "+(this.state.valid?"valid":"invalid");return t("textarea",{className:o,value:this.state.currentValue,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur})}});let Ne=0;const me={},ge={};window.iframeDataStore={};window.addEventListener("message",o=>{if(typeof o.data=="string"){const e=me[o.data];e&&e()}else o.data.id&&(o.data.height!==void 0?ge[o.data.id](o.data.height):o.data.lintWarnings&&Ee.log("LINTER REPORT",{lintWarnings:JSON.stringify(o.data.lintWarnings)}))});class xt extends u.Component{constructor(){super(...arguments),this.container=u.createRef()}componentDidMount(){this._isMounted=!0,this.iframeID=Ne,Ne++,this._prepareFrame(),me[this.iframeID]=()=>{this.sendNewData(this._lastData)},ge[this.iframeID]=e=>{this._lastHeight=e,this._isMounted&&this.props.seamless&&this.container.current&&(this.container.current.style.height=e+"px")}}shouldComponentUpdate(e){return e.datasetValue!==this.props.datasetValue||e.seamless!==this.props.seamless}componentDidUpdate(e){this.container.current&&(this.props.seamless?this.container.current.style.height=this._lastHeight+"px":this.container.current.style.height="100%"),e.datasetValue!==this.props.datasetValue&&this._prepareFrame()}componentWillUnmount(){me[this.iframeID]=null,ge[this.iframeID]=null,this._isMounted=!1}_prepareFrame(){var s,r;this._frame&&((s=this.container.current)==null||s.removeChild(this._frame));const e=document.createElement("iframe");e.style.width="100%",e.style.height="100%",e.src=this.props.url,this.props.datasetKey&&(e.dataset[this.props.datasetKey]=this.props.datasetValue),e.dataset.id=String(this.iframeID),this.props.seamless&&(e.dataset.lintGutter="true"),(r=this.container.current)==null||r.appendChild(e),this._frame=e}sendNewData(e){const s=this._frame;this._isMounted&&e&&(s!=null&&s.contentWindow)&&(this._lastData=e,window.iframeDataStore[this.iframeID]=e,s.contentWindow.postMessage(this.iframeID,"*"))}render(){return t("div",{ref:this.container,style:{width:"100%",height:"100%"}})}}xt.__docgenInfo={description:"",methods:[{name:"_prepareFrame",docblock:null,modifiers:[],params:[],returns:null},{name:"sendNewData",docblock:null,modifiers:[],params:[{name:"data",optional:!1,type:{name:"any"}}],returns:null}],displayName:"IframeContentRenderer",props:{url:{required:!0,tsType:{name:"string"},description:""},datasetKey:{required:!0,tsType:{name:"string"},description:""},datasetValue:{required:!0,tsType:{name:"any"},description:""},seamless:{required:!0,tsType:{name:"boolean"},description:""}}};const{InfoTip:Se}=f,Ie=400,Oe=400;var T;let kt=(T=class extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("fieldset",{className:"pair-editor",children:[a("label",{children:["Name:"," ",t(y,{value:this.props.name,onChange:this.change("name")})]}),a("label",{children:[" ","Value:"," ",t(y,{value:this.props.value,onChange:this.change("value")})]})]})}},T.propTypes={...c,name:n.string,value:n.string},T.defaultProps={name:"",value:""},T);var M;let Nt=(M=class extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handlePairChange=(e,s)=>{const r=this.props.pairs.slice();r[e]=s;const i=r[r.length-1];i.name&&i.value&&r.push({name:"",value:""}),this.change("pairs",r)},this.serialize=()=>g.serialize.call(this)}render(){const e=l.map(this.props.pairs,(s,r)=>t(kt,{name:s.name,value:s.value,onChange:this.handlePairChange.bind(this,r)},r));return t("div",{children:e})}},M.propTypes={...c,pairs:n.arrayOf(n.shape({name:n.string,value:n.string})).isRequired},M);const St=/khanacademy\.org\/computer-programming\/[^\/]+\/(\d+)/;function It(o){const e=St.exec(o);return e&&(o=e[1]),o}const k=class k extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this._handleSettingsChange=e=>{this.change({settings:e.pairs})},this._handleProgramIDChange=e=>{e=It(e);const{isDevServer:s,InitialRequestUrl:r}=We(),p=`${s?r.origin:"https://www.khanacademy.org"}/api/internal/scratchpads/${e}`;Fe.getJSON(p).done(m=>{const d=m.userAuthoredContentType;this.change({width:m.width,height:m.height,programID:e,programType:d})}).fail((m,d,v)=>{Ee.error("Error retrieving scratchpad info for program ID ",Xe.TransientService,{cause:v,loggedMetadata:{textStatus:d,programID:e}}),this.change({width:Ie,height:Oe,programID:e,programType:null})})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[a("label",{children:["Url or Program ID:"," ",t(y,{value:this.props.programID,onChange:this._handleProgramIDChange})]}),t("br",{}),t(w,{label:"Show Editor",checked:this.props.showEditor,onChange:e=>{this.props.onChange({showEditor:e})}}),t(Se,{children:'If you show the editor, you should use the "full-width" alignment to make room for the width of the editor.'}),t("br",{}),t(w,{label:"Show Buttons",checked:this.props.showButtons,onChange:e=>{this.props.onChange({showButtons:e})}}),t("br",{}),a("label",{children:["Settings:",t(Nt,{name:"settings",pairs:this.props.settings,onChange:this._handleSettingsChange}),a(Se,{children:["Settings that you add here are available to the program as an object returned by ",t("code",{children:"Program.settings()"})]})]})]})}};k.propTypes={...c},k.widgetName="cs-program",k.defaultProps={programID:"",programType:null,settings:[{name:"",value:""}],showEditor:!1,showButtons:!1,width:Ie,height:Oe};let F=k;F.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"_handleSettingsChange",docblock:null,modifiers:[],params:[{name:"settings",optional:!1,type:null}],returns:null},{name:"_handleProgramIDChange",docblock:null,modifiers:[],params:[{name:"programID",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"CSProgramEditor",props:{programID:{defaultValue:{value:'""',computed:!1},required:!1},programType:{defaultValue:{value:"null",computed:!1},required:!1},settings:{defaultValue:{value:'[{name: "", value: ""}]',computed:!1},required:!1},showEditor:{defaultValue:{value:"false",computed:!1},required:!1},showButtons:{defaultValue:{value:"false",computed:!1},required:!1},width:{defaultValue:{value:"400",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1}},composes:["@khanacademy/perseus"]};const Ce=class Ce extends u.Component{serialize(){return g.serialize.call(this)}render(){return a("div",{children:[t("p",{children:"This widget has been deprecated and removed"}),t("p",{children:"Learners will see a message and they will not be graded on this part. Please replace this widget with a supported one."})]})}};Ce.widgetName="deprecated-standin";let B=Ce;B.__docgenInfo={description:"",methods:[{name:"serialize",docblock:null,modifiers:[],params:[],returns:{type:{name:"any"}}}],displayName:"DeprecatedStandinEditor",props:{onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(options: any) => void",signature:{arguments:[{type:{name:"any"},name:"options"}],return:{name:"void"}}},description:""}}};const{InlineIcon:qe,TextInput:Ot}=f,{iconPlus:qt,iconTrash:zt}=pt,N=class N extends u.Component{constructor(){super(...arguments),this.editor=u.createRef(),this.hintEditor=u.createRef(),this.change=(...e)=>h.apply(this,e),this.handleAddHint=()=>{const e={content:""};this.props.onChange({hint:e},()=>{var s;(s=this.hintEditor.current)==null||s.focus()})},this.handleRemoveHint=e=>{this.props.onChange({hint:null})},this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=()=>{var e,s;return{title:this.props.title,...(e=this.editor.current)==null?void 0:e.serialize(),hint:(s=this.hintEditor.current)==null?void 0:s.serialize()}}}render(){return a("div",{className:"perseus-group-editor",children:[t("div",{className:"perseus-widget-row",children:a("label",{className:$.css(pe.title),children:["Title:"," ",t(Ot,{value:this.props.title,className:$.css(pe.input),onChange:this.change("title")})]})}),t(b,{ref:this.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&&a("button",{type:"button",style:{marginTop:10},className:"add-hint simple-button orange",onClick:this.handleAddHint,children:[t(qe,{...qt})," Add a hint"]}),this.props.hint&&a("div",{className:"perseus-hint-editor",children:[t("div",{className:$.css(pe.hintsTitle),children:"Hint"}),t(b,{ref:this.hintEditor,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:e=>{this.change("hint",Object.assign({},this.props.hint,e))}}),a("button",{type:"button",className:"remove-hint simple-button orange",onClick:this.handleRemoveHint,children:[t(qe,{...zt})," Remove this hint"]})]})]})}};N.propTypes={...c,title:n.string,content:n.string,widgets:n.object,images:n.object,apiOptions:we.propTypes},N.widgetName="graded-group",N.defaultProps={title:"",content:"",widgets:{},images:{},hint:null};let C=N;const pe=$.StyleSheet.create({title:{fontSize:18,fontWeight:"bold"},input:{fontSize:18},hintsTitle:{marginTop:10,fontSize:"110%",fontWeight:"bold"}});C.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleAddHint",docblock:null,modifiers:[],params:[],returns:null},{name:"handleRemoveHint",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GradedGroupEditor",props:{title:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},widgets:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},images:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},hint:{defaultValue:{value:"null",computed:!1},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};const S=class S extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.getSaveWarnings=()=>[].concat(...this._editors.map(e=>e?e.getSaveWarnings():[])),this.serialize=()=>({gradedGroups:this.props.gradedGroups}),this.renderGroups=()=>this.props.gradedGroups?this.props.gradedGroups.map((e,s)=>t(C,{ref:r=>this._editors[s]=r,...e,apiOptions:this.props.apiOptions,widgetEnabled:!0,immutableWidgets:!1,onChange:r=>this.change("gradedGroups",Rt(this.props.gradedGroups,s,{...this.props.gradedGroups[s],...r}))},s)):null,this.addGroup=()=>{const e=this.props.gradedGroups||[];this.change("gradedGroups",e.concat([C.defaultProps]))}}UNSAFE_componentWillMount(){this._editors=[]}render(){return a("div",{className:"perseus-group-editor",children:[this.renderGroups(),t("button",{onClick:this.addGroup,children:"Add group"})]})}};S.propTypes={...c,apiOptions:we.propTypes,gradedGroups:n.array,onChange:n.func.isRequired},S.widgetName="graded-group-set",S.defaultProps={gradedGroups:[]};let H=S;const Rt=(o,e,s)=>[...o.slice(0,e),s,...o.slice(e+1)];H.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null},{name:"renderGroups",docblock:null,modifiers:[],params:[],returns:null},{name:"addGroup",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GradedGroupSetEditor",props:{gradedGroups:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"array"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1},onChange:{description:"",type:{name:"func"},required:!0}},composes:["@khanacademy/perseus"]};const{InfoTip:Vt,MultiButtonGroup:At}=f,{containerSizeClass:Pt,getInteractiveBoxFromSizeClass:Lt}=Qe,Ut=Be.widget,{DEFAULT_GRAPHER_PROPS:ue,allTypes:Dt,chooseType:Mt,defaultPlotProps:_t,getEquationString:Et,typeToButton:Wt}=He,I=class I extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleAvailableTypesChange=e=>{let s=this.props.correct;if(!l.contains(e,this.props.correct.type)){const r=this.props.graph,i=Mt(e);s=_t(i,r)}this.props.onChange({availableTypes:e,correct:s})},this.serialize=()=>l.chain(this.props).pick("correct","availableTypes").extend({graph:l.omit(this.props.graph,"box")}).value()}render(){const e=Pt.SMALL;let s,r;if(this.props.graph.valid===!0){const i={graph:this.props.graph,plot:this.props.correct,availableTypes:this.props.availableTypes,onChange:(p,m)=>{var v;let d=this.props.correct;d.type===((v=p.plot)==null?void 0:v.type)?d=l.extend({},d,p.plot):d=p.plot,this.props.onChange({correct:d},m)},trackInteraction:function(){}};r=t(Ut,{...i,apiOptions:this.props.apiOptions,containerSizeClass:e}),s=Et(i)}else r=t("div",{className:"perseus-error",children:this.props.graph.valid});return a("div",{children:[a("div",{children:["Correct answer"," ",t(Vt,{children:t("p",{children:"Graph the correct answer in the graph below and ensure the equation or point coordinates displayed represent the correct answer."})})," ",": ",s]}),t(ut,{editableSettings:["graph","snap","image"],box:Lt(e),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")}),a("div",{className:"perseus-widget-row",children:[t("label",{children:"Available functions: "}),t(At,{allowEmpty:!1,values:this.props.availableTypes,buttons:l.map(Dt,Wt),onChange:this.handleAvailableTypesChange})]}),r]})}};I.propTypes={...c},I.widgetName="grapher",I.defaultProps={correct:ue.plot,graph:ue.graph,availableTypes:ue.availableTypes};let j=I;j.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleAvailableTypesChange",docblock:null,modifiers:[],params:[{name:"newAvailableTypes",optional:!1,type:{name:"Array",elements:[{name:"any"}],raw:"Array",alias:"Array"}}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GrapherEditor",props:{correct:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.plot",computed:!0},required:!1},graph:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.graph",computed:!0},required:!1},availableTypes:{defaultValue:{value:"DEFAULT_GRAPHER_PROPS.availableTypes",computed:!0},required:!1}},composes:["@khanacademy/perseus"]};const O=class O extends u.Component{constructor(){super(...arguments),this.editor=u.createRef(),this._renderMetadataEditor=()=>{const e=this.props.apiOptions.GroupMetadataEditor;return t(e,{value:this.props.metadata,onChange:this.change("metadata")})},this.change=(...e)=>h.apply(this,e),this.getSaveWarnings=()=>{var e;return(e=this.editor.current)==null?void 0:e.getSaveWarnings()},this.serialize=()=>{var e;return l.extend({},(e=this.editor.current)==null?void 0:e.serialize(),{metadata:this.props.metadata})}}render(){return a("div",{className:"perseus-group-editor",children:[t("div",{children:this._renderMetadataEditor()}),t(b,{ref:this.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})]})}};O.propTypes={...c,content:n.string,widgets:n.object,images:n.object,metadata:n.any,apiOptions:we.propTypes},O.widgetName="group",O.defaultProps={content:"",widgets:{},images:{},metadata:void 0};let K=O;K.__docgenInfo={description:"",methods:[{name:"_renderMetadataEditor",docblock:null,modifiers:[],params:[],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"getSaveWarnings",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"GroupEditor",props:{content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},widgets:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},images:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},metadata:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"any"},required:!1},apiOptions:{description:"",type:{name:"custom",raw:"ApiOptions.propTypes"},required:!1}},composes:["@khanacademy/perseus"]};const ne=class ne extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("fieldset",{children:[a("label",{children:["Name:",t(y,{value:this.props.name,onChange:this.change("name")})]}),a("label",{children:["Value:",t(y,{value:this.props.value,onChange:this.change("value")})]})]})}};ne.propTypes={...c,name:n.string,value:n.string},ne.defaultProps={name:"",value:""};let fe=ne;const Te=class Te extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handlePairChange=(e,s)=>{const r=this.props.pairs.slice();r[e]=s;const i=r[r.length-1];i.name&&i.value&&r.push({name:"",value:""}),this.change("pairs",r)},this.serialize=()=>g.serialize.call(this)}render(){const e=l.map(this.props.pairs,(s,r)=>t(fe,{name:s.name,value:s.value,onChange:this.handlePairChange.bind(this,r)},r));return t("div",{children:e})}};Te.propTypes={...c,pairs:n.arrayOf(n.shape({name:n.string,value:n.string})).isRequired};let ye=Te;const q=class q extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleSettingsChange=e=>{this.change({settings:e.pairs})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[a("div",{style:{fontWeight:"bold",textAlign:"center"},children:["This widget is deprecated! ",t("br",{}),"Try using the Video or CS Program widgets instead."]}),a("label",{children:["Url or Program ID:",t(y,{value:this.props.url,onChange:this.change("url")})]}),t("br",{}),a("label",{children:["Settings:",t(ye,{name:"settings",pairs:this.props.settings,onChange:this.handleSettingsChange})]}),t("br",{}),a("label",{children:["Width:",t(y,{value:this.props.width,onChange:this.change("width")})]}),a("label",{children:["Height:",t(y,{value:this.props.height,onChange:this.change("height")})]}),t(w,{label:"Allow full screen",checked:this.props.allowFullScreen,onChange:e=>{this.props.onChange({allowFullScreen:e})}}),t("br",{}),t(w,{label:"Allow iframe content to redirect the page",checked:this.props.allowTopNavigation,onChange:e=>{this.props.onChange({allowTopNavigation:e})}})]})}};q.propTypes={...c},q.widgetName="iframe",q.defaultProps={url:"",settings:[{name:"",value:""}],width:"400",height:"400",allowFullScreen:!1,allowTopNavigation:!1};let Y=q;Y.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleSettingsChange",docblock:null,modifiers:[],params:[{name:"settings",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"IframeEditor",props:{url:{defaultValue:{value:'""',computed:!1},required:!1},settings:{defaultValue:{value:'[{name: "", value: ""}]',computed:!1},required:!1},width:{defaultValue:{value:'"400"',computed:!1},required:!1},height:{defaultValue:{value:'"400"',computed:!1},required:!1},allowFullScreen:{defaultValue:{value:"false",computed:!1},required:!1},allowTopNavigation:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["@khanacademy/perseus"]};const{RangeInput:$t}=f,Ft=je.widget,ze=6,Bt=function(o){const e=[1,1];return l(o).each((s,r)=>{let i=0;l(s).each((p,m)=>{p!=null&&p.toString().length&&(i=m+1)}),e[1]=Math.max(e[1],i),i>0&&(e[0]=Math.max(e[0],r+1))}),e},z=class z extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.onMatrixBoardSizeChange=e=>{const s=Bt(this.props.answers);if(e[0]!==null&&e[1]!==null){e=[Math.round(Math.min(Math.max(e[0],1),ze)),Math.round(Math.min(Math.max(e[1],1),ze))];const r=l(Math.min(e[0],s[0])).times(i=>l(Math.min(e[1],s[1])).times(p=>this.props.answers[i][p]));this.props.onChange({matrixBoardSize:e,answers:r})}},this.serialize=()=>g.serialize.call(this)}render(){const e=l.extend({numericInput:!0,onBlur:()=>{},onFocus:()=>{},trackInteraction:()=>{}},this.props);return a("div",{className:"perseus-matrix-editor",children:[a("div",{className:"perseus-widget-row",children:[" ","Max matrix size:"," ",t($t,{value:this.props.matrixBoardSize,onChange:this.onMatrixBoardSizeChange,format:this.props.labelStyle,useArrowKeys:!0})]}),t("div",{className:"perseus-widget-row",children:t(Ft,{...e})}),a("div",{className:"perseus-widget-row",children:[" ","Matrix prefix:"," ",t(b,{ref:"prefix",apiOptions:this.props.apiOptions,content:this.props.prefix,widgetEnabled:!1,onChange:s=>{this.change({prefix:s.content})}})]}),a("div",{className:"perseus-widget-row",children:[" ","Matrix suffix:"," ",t(b,{ref:"suffix",apiOptions:this.props.apiOptions,content:this.props.suffix,widgetEnabled:!1,onChange:s=>{this.change({suffix:s.content})}})]})]})}};z.propTypes={...c,matrixBoardSize:n.arrayOf(n.number).isRequired,answers:n.arrayOf(n.arrayOf(n.number)),prefix:n.string,suffix:n.string,cursorPosition:n.arrayOf(n.number)},z.widgetName="matrix",z.defaultProps={matrixBoardSize:[3,3],answers:[[]],prefix:"",suffix:"",cursorPosition:[0,0]};let G=z;G.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"onMatrixBoardSizeChange",docblock:null,modifiers:[],params:[{name:"range",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MatrixEditor",props:{matrixBoardSize:{defaultValue:{value:"[3, 3]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},answers:{defaultValue:{value:"[[]]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"number"}}},required:!1},prefix:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},suffix:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},cursorPosition:{defaultValue:{value:"[0, 0]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:Ht,NumberInput:_,RangeInput:jt}=f,Kt={url:null,top:0,left:0},R=class R extends u.Component{constructor(){super(...arguments),this.className="perseus-widget-measurer",this.change=(...e)=>h.apply(this,e),this._changeUrl=e=>{this._changeImage("url",e.target.value)},this._changeTop=e=>{this._changeImage("top",e)},this._changeLeft=e=>{this._changeImage("left",e)},this._changeImage=(e,s)=>{const r=l.clone(this.props.image);r[e]=s,this.change("image",r)},this.renderLabelChoices=e=>l.map(e,function(s){const[r,i]=s;return t("option",{value:i,children:r},i)}),this.serialize=()=>g.serialize.call(this)}render(){const e=l.extend({},Kt,this.props.image);return a("div",{className:"perseus-widget-measurer",children:[t("div",{children:"Image displayed under protractor and/or ruler:"}),a("div",{children:["URL:"," ",t("input",{type:"text",className:"perseus-widget-measurer-url",ref:"image-url",defaultValue:e.url,onChange:this._changeUrl}),t(Ht,{children:t("p",{children:'Create an image in graphie, or use the "Add image" function to create a background.'})})]}),e.url&&a("div",{className:"perseus-widget-row",children:[a("label",{className:"perseus-widget-left-col",children:["Pixels from top:"," ",t(_,{placeholder:0,onChange:this._changeTop,value:e.top,useArrowKeys:!0})]}),a("label",{className:"perseus-widget-right-col",children:["Pixels from left:"," ",t(_,{placeholder:0,onChange:this._changeLeft,value:e.left,useArrowKeys:!0})]})]}),a("div",{children:["Containing area [width, height]:"," ",t(jt,{onChange:this.change("box"),value:this.props.box,useArrowKeys:!0})]}),a("div",{className:"perseus-widget-row",children:[t("div",{className:"perseus-widget-left-col",children:t(w,{label:"Show ruler",checked:this.props.showRuler,onChange:s=>{this.props.onChange({showRuler:s})}})}),t("div",{className:"perseus-widget-right-col",children:t(w,{label:"Show protractor",checked:this.props.showProtractor,onChange:s=>{this.props.onChange({showProtractor:s})}})})]}),this.props.showRuler&&a("div",{children:[t("div",{children:a("label",{children:[" ","Ruler label:"," ",a("select",{onChange:s=>this.change("rulerLabel",s.target.value),value:this.props.rulerLabel,children:[t("option",{value:"",children:"None"}),t("optgroup",{label:"Metric",children:this.renderLabelChoices([["milimeters","mm"],["centimeters","cm"],["meters","m"],["kilometers","km"]])}),t("optgroup",{label:"Imperial",children:this.renderLabelChoices([["inches","in"],["feet","ft"],["yards","yd"],["miles","mi"]])})]})]})}),t("div",{children:a("label",{children:[" ","Ruler ticks:"," ",t("select",{onChange:s=>this.change("rulerTicks",+s.target.value),value:this.props.rulerTicks,children:l.map([1,2,4,8,10,16],function(s){return t("option",{value:s,children:s},s)})})]})}),t("div",{children:a("label",{children:["Ruler pixels per unit:"," ",t(_,{placeholder:40,onChange:this.change("rulerPixels"),value:this.props.rulerPixels,useArrowKeys:!0})]})}),t("div",{children:a("label",{children:["Ruler length in units:"," ",t(_,{placeholder:10,onChange:this.change("rulerLength"),value:this.props.rulerLength,useArrowKeys:!0})]})})]})]})}};R.widgetName="measurer",R.propTypes={...c,box:n.arrayOf(n.number),image:n.shape({url:n.string,top:n.number,left:n.number}),showProtractor:n.bool,showRuler:n.bool,rulerLabel:n.string,rulerTicks:n.number,rulerPixels:n.number,rulerLength:n.number},R.defaultProps={box:[480,480],image:{},showProtractor:!0,showRuler:!1,rulerLabel:"",rulerTicks:10,rulerPixels:40,rulerLength:10};let J=R;J.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"_changeUrl",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"_changeTop",docblock:null,modifiers:[],params:[{name:"newTop",optional:!1,type:null}],returns:null},{name:"_changeLeft",docblock:null,modifiers:[],params:[{name:"newLeft",optional:!1,type:null}],returns:null},{name:"_changeImage",docblock:null,modifiers:[],params:[{name:"subProp",optional:!1,type:null},{name:"newValue",optional:!1,type:null}],returns:null},{name:"renderLabelChoices",docblock:null,modifiers:[],params:[{name:"choices",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MeasurerEditor",props:{box:{defaultValue:{value:"[480, 480]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"number"}},required:!1},image:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{url:{name:"string",required:!1},top:{name:"number",required:!1},left:{name:"number",required:!1}}},required:!1},showProtractor:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showRuler:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rulerLabel:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},rulerTicks:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1},rulerPixels:{defaultValue:{value:"40",computed:!1},description:"",type:{name:"number"},required:!1},rulerLength:{defaultValue:{value:"10",computed:!1},description:"",type:{name:"number"},required:!1}},composes:["@khanacademy/perseus"]};const{NumberInput:Yt,TextInput:Gt}=f,ie=class ie extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.updateMolecule=e=>{this.change({smiles:e})},this.updateRotation=e=>{this.change({rotationAngle:e})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[t("div",{children:a("label",{children:["SMILES: ",t(Gt,{onChange:this.updateMolecule,value:this.props.smiles})]})}),t("div",{children:a("label",{children:["Rotation (deg): ",t(Yt,{onChange:this.updateRotation,value:this.props.rotationAngle})]})})]})}};ie.propTypes={...c,rotationAngle:n.number,smiles:n.string},ie.widgetName="molecule-renderer";let X=ie;X.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"updateMolecule",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"updateRotation",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"MoleculeWidgetEditor",props:{rotationAngle:{description:"",type:{name:"number"},required:!1},smiles:{description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:E,TextListEditor:Re}=f,he="normal",Ve="auto",ce="horizontal",Ae="vertical",V=class V extends u.Component{constructor(){super(...arguments),this.onOptionsChange=(e,s,r)=>{const i={};i[e]=l.map(s,function(p){return{content:p}}),this.props.onChange(i,r)},this.onLayoutChange=e=>{this.props.onChange({layout:e.target.value})},this.onHeightChange=e=>{this.props.onChange({height:e.target.value})},this.serialize=()=>({options:l.chain(l.pluck(this.props.correctOptions,"content")).union(l.pluck(this.props.otherOptions,"content")).uniq().reject(function(s){return s===""}).sort().sortBy(function(s){return/\d/.test(s)?0:/^\$?[a-zA-Z]+\$?$/.test(s)?2:1}).map(function(s){return{content:s}}).value(),correctOptions:this.props.correctOptions,otherOptions:this.props.otherOptions,height:this.props.height,layout:this.props.layout})}render(){return a("div",{className:"perseus-widget-orderer",children:[a("div",{children:[" ","Correct answer:"," ",t(E,{children:t("p",{children:"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."})})]}),t(Re,{options:l.pluck(this.props.correctOptions,"content"),onChange:this.onOptionsChange.bind(this,"correctOptions"),layout:this.props.layout}),a("div",{children:[" ","Other cards:"," ",t(E,{children:t("p",{children:"Create cards that are not part of the answer."})})]}),t(Re,{options:l.pluck(this.props.otherOptions,"content"),onChange:this.onOptionsChange.bind(this,"otherOptions"),layout:this.props.layout}),a("div",{children:[a("label",{children:[" ","Layout:"," ",a("select",{value:this.props.layout,onChange:this.onLayoutChange,children:[t("option",{value:ce,children:"Horizontal"}),t("option",{value:Ae,children:"Vertical"})]})]}),t(E,{children:t("p",{children:"Use the horizontal layout for short text and small images. The vertical layout is best for longer text (e.g. proofs)."})})]}),a("div",{children:[a("label",{children:[" ","Height:"," ",a("select",{value:this.props.height,onChange:this.onHeightChange,children:[t("option",{value:he,children:"Normal"}),t("option",{value:Ve,children:"Automatic"})]})]}),t(E,{children:t("p",{children:'Use "Normal" for text, "Automatic" for images.'})})]})]})}};V.propTypes={correctOptions:n.array,otherOptions:n.array,height:n.oneOf([he,Ve]),layout:n.oneOf([ce,Ae]),onChange:n.func.isRequired},V.widgetName="orderer",V.defaultProps={correctOptions:[{content:"$x$"}],otherOptions:[{content:"$y$"}],height:he,layout:ce};let Z=V;Z.__docgenInfo={description:"",methods:[{name:"onOptionsChange",docblock:null,modifiers:[],params:[{name:"whichOptions",optional:!1,type:null},{name:"options",optional:!1,type:null},{name:"cb",optional:!1,type:null}],returns:null},{name:"onLayoutChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"onHeightChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"OrdererEditor",props:{correctOptions:{defaultValue:{value:'[{content: "$x$"}]',computed:!1},description:"",type:{name:"array"},required:!1},otherOptions:{defaultValue:{value:'[{content: "$y$"}]',computed:!1},description:"",type:{name:"array"},required:!1},height:{defaultValue:{value:'"normal"',computed:!1},description:"",type:{name:"enum",value:[{value:'"normal"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},layout:{defaultValue:{value:'"horizontal"',computed:!1},description:"",type:{name:"enum",value:[{value:'"horizontal"',computed:!1},{value:'"vertical"',computed:!1}]},required:!1},onChange:{description:"",type:{name:"func"},required:!0}}};const{InfoTip:Pe}=f,A=class A extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){const e=t(b,{ref:"passage-editor",apiOptions:this.props.apiOptions,content:this.props.passageText,widgetEnabled:!1,placeholder:"Type passage here...",onChange:r=>{this.change({passageText:r.content})},showWordCount:!0}),s=t(b,{ref:"passage-footnotes-editor",apiOptions:this.props.apiOptions,content:this.props.footnotes,widgetEnabled:!1,placeholder:"Type footnotes here...",onChange:r=>{this.change({footnotes:r.content})}});return a("div",{className:"perseus-widget-passage-editor",children:[t("div",{className:"perseus-widget-row",children:t(w,{label:"Show line numbers",checked:this.props.showLineNumbers,onChange:r=>{this.props.onChange({showLineNumbers:r})}})}),a("div",{children:["Passage title:",t(Pe,{children:t("p",{children:"An optional title that will appear directly above the passage in the same font style. (E.g. Passage 1)"})}),t("div",{children:t("input",{type:"text",defaultValue:this.props.passageTitle,onChange:r=>{this.change({passageTitle:r.target.value})}})})]}),a("div",{children:["Passage Text:",e]}),a("div",{children:["Footnotes:",t(Pe,{children:t("p",{children:"To add footnotes, add ^ characters where they belong in the passage. Then, add ^ in the footnotes area to reference the footnotes in the passage."})}),s]})]})}};A.propTypes={...c,passageTitle:n.string,passageText:n.string,footnotes:n.string,showLineNumbers:n.bool},A.widgetName="passage",A.defaultProps={passageTitle:"",passageText:"",footnotes:"",showLineNumbers:!0};let Q=A;Q.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageEditor",props:{passageTitle:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},passageText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},footnotes:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},showLineNumbers:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:Jt,NumberInput:Le,TextInput:Xt}=f,P=class P extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:[t("div",{children:a("label",{children:["Passage Number: ",t(Le,{value:this.props.passageNumber,onChange:this.change("passageNumber")})]})}),t("div",{children:a("label",{children:["Reference Number: ",t(Le,{value:this.props.referenceNumber,onChange:this.change("referenceNumber")})]})}),t("div",{children:a("label",{children:["Summary Text: ",t(Xt,{value:this.props.summaryText,onChange:this.change("summaryText")}),a(Jt,{children:[t("p",{children:"Short summary of the referenced section. This will be included in parentheses and quotes automatically."}),t("p",{children:"Ex: The start ... the end"})]})]})})]})}};P.propTypes={...c,passageNumber:n.number,referenceNumber:n.number,summaryText:n.string},P.widgetName="passage-ref",P.defaultProps={passageNumber:1,referenceNumber:1,summaryText:""};let ee=P;ee.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageRefEditor",props:{passageNumber:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},referenceNumber:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"number"},required:!1},summaryText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const L=class L extends u.Component{constructor(){super(...arguments),this.change=(...e)=>h.apply(this,e),this.handleContentChange=e=>{this.change({content:e.target.value})},this.serialize=()=>g.serialize.call(this)}render(){return a("div",{children:["Content:",t("input",{type:"text",value:this.props.content,onChange:this.handleContentChange})]})}};L.propTypes={...c,content:n.string},L.widgetName="passage-ref-target",L.defaultProps={content:""};let te=L;te.__docgenInfo={description:"",methods:[{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"handleContentChange",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PassageRefTargetEditor",props:{content:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1}},composes:["@khanacademy/perseus"]};const{InfoTip:x,NumberInput:Ue,RangeInput:Zt,TextListEditor:Qt}=f,es=Ke.widget,be="starting",ve="correct",ts=[be,ve];function De(o,e,s){const r=l.clone(o);r.length=e;for(let i=o.length;i"$"+Ze(o,2)+"$",le=class le extends u.Component{constructor(){super(...arguments),this.state={editing:this.props.static?be:ve,pic:null,loadedUrl:null,minX:null,maxX:null,tickStep:null},this.fetchPic=e=>{if(this.state.loadedUrl!==e){const s=new Image;s.src=e,s.onload=()=>{this.setState({pic:s,loadedUrl:e})}}},this.handleChangeTickStep=e=>{this.setState({tickStep:e})},this.handleChangeRange=e=>{this.setState({minX:e[0],maxX:e[1]})},this.changeLabelInterval=e=>{this.props.onChange({labelInterval:e})},this.handlePlotterChange=e=>{const s={};s[this.state.editing]=e.values,this.props.onChange(s)},this.changeType=e=>{let s;if(e==="histogram"?(s=[Me(0)].concat(this.props.categories),this.props.onChange({type:e,categories:s})):this.props.type==="histogram"?(s=this.props.categories.slice(1),this.props.onChange({type:e,categories:s})):this.props.onChange({type:e}),s){const r=oe.findDOMNode(this.refs.categories);r.value=s.join(", ")}},this.changeLabel=(e,s)=>{const r=l.clone(this.props.labels);r[e]=s.target.value,this.props.onChange({labels:r})},this.changePicUrl=e=>{const s=de.getRealImageUrl(e);this.props.onChange({picUrl:s})},this.changeCategories=e=>{let s=e.length;this.props.type==="histogram"&&s--;const r=this.props.scaleY;this.props.onChange({categories:e,correct:De(this.props.correct,s,r),starting:De(this.props.starting,s,r)})},this.changeScale=e=>{const s=this.props.scaleY,r=+e.target.value||W.scaleY,i=function(m){return m*r/s},p=i(this.props.maxY);this.props.onChange({scaleY:r,maxY:p,correct:l.map(this.props.correct,i),starting:l.map(this.props.starting,i)}),oe.findDOMNode(this.refs.maxY).value=p},this.changeMax=e=>{this.props.onChange({maxY:+e.target.value||W.maxY})},this.changeSnaps=e=>{this.props.onChange({snapsPerLine:+e.target.value||W.snapsPerLine})},this.changeEditing=e=>{this.setState({editing:e})},this.setCategoriesFromScale=()=>{const e=this.state.tickStep||1,s=this.state.minX||0,r=this.state.maxX||0,i=Math.floor((r-s)/e)*e;let p;this.props.type==="histogram"||this.props.type==="dotplot"?p=l.range(0,i+e,e):p=l.range(e,i+e,e),p=l.map(p,d=>d+s),p=l.map(p,Me),this.changeCategories(p);const m=oe.findDOMNode(this.refs.categories);m.value=p.join(", ")},this.serialize=()=>{const e=l.pick(this.props,"correct","starting","type","labels","categories","scaleY","maxY","snapsPerLine","labelInterval");return this.props.type==="pic"&&(e.picUrl=this.props.picUrl),e}}UNSAFE_componentWillMount(){this.fetchPic(this.props.picUrl)}UNSAFE_componentWillReceiveProps(e){this.fetchPic(e.picUrl),e.static&&this.setState({editing:"starting"})}render(){const e=l.contains(["line","histogram","dotplot"],this.props.type),s=!l.contains(["pic","dotplot"],this.props.type),r={trackInteraction:()=>{},...this.props};return a("div",{className:"perseus-widget-plotter-editor",children:[a("div",{children:["Chart type:"," ",Ye.map(i=>a("label",{children:[t("input",{type:"radio",name:"chart-type",checked:this.props.type===i,onChange:l.partial(this.changeType,i)}),i]},i),this)]}),a("div",{children:["Labels:"," ",["x","y"].map((i,p)=>a("label",{children:[i+":",t("input",{type:"text",onChange:l.partial(this.changeLabel,p),defaultValue:this.props.labels[p]})]},i),this)]}),e&&a("div",{className:"set-from-scale-box",children:[t("span",{className:"categories-title",children:"Set Categories From Scale"}),a("div",{children:[a("label",{children:["Tick Step:"," ",t(Ue,{placeholder:1,useArrowKeys:!0,value:this.state.tickStep,onChange:this.handleChangeTickStep})]}),t(x,{children:t("p",{children:"The difference between adjacent ticks."})})]}),t("div",{children:a("label",{children:["Range:"," ",t(Zt,{placeholder:[0,10],useArrowKeys:!0,value:[this.state.minX,this.state.maxX],onChange:this.handleChangeRange})]})}),t("div",{children:a("button",{onClick:this.setCategoriesFromScale,children:["Set Categories"," "]})})]}),a("div",{children:[a("label",{children:["Label Interval:"," ",t(Ue,{useArrowKeys:!0,value:this.props.labelInterval,onChange:this.changeLabelInterval})]}),t(x,{children:t("p",{children:'Which ticks to display the labels for. For instance, setting this to "4" will only show every 4th label (plus the last one)'})})]}),this.props.type==="pic"&&a("div",{children:[a("label",{children:["Picture:"," ",t(y,{className:"pic-url",value:this.props.picUrl,onChange:this.changePicUrl}),t(x,{children:t("p",{children:'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&&a("p",{className:"warning",children:[t("b",{children:"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."]})]}),t("div",{children:a("label",{children:["Categories:"," ",t(Qt,{ref:"categories",layout:"horizontal",options:this.props.categories,onChange:this.changeCategories})]})}),t("div",{children:a("label",{children:["Scale (y):"," ",t("input",{type:"text",onChange:this.changeScale,defaultValue:this.props.scaleY})]})}),t("div",{children:a("label",{children:["Max y:"," ",t("input",{type:"text",ref:"maxY",onChange:this.changeMax,defaultValue:this.props.maxY})]})}),s&&a("div",{children:[a("label",{children:["Snaps per line:"," ",t("input",{type:"text",onChange:this.changeSnaps,defaultValue:this.props.snapsPerLine})]}),t(x,{children:t("p",{children:"Creates the specified number of divisions between the horizontal lines. Fewer snaps between lines makes the graph easier for the student to create correctly."})})]}),a("div",{children:["Editing values:"," ",ts.map(i=>a("label",{children:[t("input",{type:"radio",disabled:i===ve&&this.props.static,checked:this.props.static?i===be:this.state.editing===i,onChange:p=>this.changeEditing(i)}),i]},i)),a(x,{children:[t("p",{children:"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."}),t("p",{children:"In static mode, the starting values are rendered out to the displayed widget."})]})]}),t(es,{...r,starting:this.props[this.state.editing],onChange:this.handlePlotterChange})]})}};le.widgetName="plotter",le.defaultProps={...W,correct:[1],starting:[1],type:"bar",labels:["",""],categories:[""],picSize:30,picBoxHeight:36,plotDimensions:[275,200],labelInterval:1,get picUrl(){const e=We().staticUrl;return e?e("/images/badges/earth-small.png"):null}};let se=le;se.__docgenInfo={description:"",methods:[{name:"fetchPic",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null}],returns:null},{name:"handleChangeTickStep",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"handleChangeRange",docblock:null,modifiers:[],params:[{name:"newValue",optional:!1,type:null}],returns:null},{name:"changeLabelInterval",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"handlePlotterChange",docblock:null,modifiers:[],params:[{name:"newProps",optional:!1,type:null}],returns:null},{name:"changeType",docblock:null,modifiers:[],params:[{name:"type",optional:!1,type:null}],returns:null},{name:"changeLabel",docblock:null,modifiers:[],params:[{name:"i",optional:!1,type:null},{name:"e",optional:!1,type:null}],returns:null},{name:"changePicUrl",docblock:null,modifiers:[],params:[{name:"value",optional:!1,type:null}],returns:null},{name:"changeCategories",docblock:null,modifiers:[],params:[{name:"categories",optional:!1,type:null}],returns:null},{name:"changeScale",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeMax",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeSnaps",docblock:null,modifiers:[],params:[{name:"e",optional:!1,type:null}],returns:null},{name:"changeEditing",docblock:null,modifiers:[],params:[{name:"editing",optional:!1,type:null}],returns:null},{name:"setCategoriesFromScale",docblock:null,modifiers:[],params:[],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"PlotterEditor",props:{type:{required:!1,tsType:{name:'PerseusPlotterWidgetOptions["type"]',raw:'PerseusPlotterWidgetOptions["type"]'},description:"",defaultValue:{value:'"bar"',computed:!1}},labels:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"Array"},description:"",defaultValue:{value:'["", ""]',computed:!1}},categories:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"ReadonlyArray"},description:"",defaultValue:{value:'[""]',computed:!1}},scaleY:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},maxY:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"10",computed:!1}},snapsPerLine:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}},picSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"30",computed:!1}},picBoxHeight:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"36",computed:!1}},picUrl:{required:!0,tsType:{name:"string"},description:""},plotDimensions:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[275, 200]",computed:!1}},labelInterval:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},starting:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[1]",computed:!1}},correct:{required:!1,tsType:{name:"ReadonlyArray",elements:[{name:"number"}],raw:"ReadonlyArray"},description:"",defaultValue:{value:"[1]",computed:!1}},static:{required:!0,tsType:{name:"boolean"},description:""},onChange:{required:!0,tsType:{name:"any"},description:""}}};const{InfoTip:ss,NumberInput:_e}=f,as=Ge.widget,U=class U extends u.Component{constructor(){super(...arguments),this.numberOfColumns=u.createRef(),this.focus=()=>{var e;(e=this.numberOfColumns.current)==null||e.focus()},this.onSizeInput=(e,s)=>{let r=+e||0,i=+s||0;r=Math.min(Math.max(1,r),30),i=Math.min(Math.max(1,i),6);const p=this.props.columns,m=this.props.rows,d=this.props.answers;r<=m?d.length=r:l(r-m).times(function(){d.push(de.stringArrayOfSize(p))});function v(ke){i<=p?ke.length=i:l(i-p).times(function(){ke.push("")})}const xe=this.props.headers;v(xe),l.each(d,v),this.props.onChange({rows:r,columns:i,answers:d,headers:xe})},this.serialize=()=>{const e=l.pick(this.props,"headers","rows","columns");return l.extend({},e,{answers:l.map(this.props.answers,l.clone)})}}render(){return a("div",{children:[t("div",{className:"perseus-widget-row",children:a("label",{children:["Number of columns:"," ",t(_e,{ref:this.numberOfColumns,value:this.props.columns,onChange:e=>{e&&this.onSizeInput(this.props.rows,e)},useArrowKeys:!0})]})}),t("div",{className:"perseus-widget-row",children:a("label",{children:["Number of rows:"," ",t(_e,{ref:"numberOfRows",value:this.props.rows,onChange:e=>{e&&this.onSizeInput(e,this.props.columns)},useArrowKeys:!0})]})}),a("div",{children:[" ","Table of answers:"," ",t(ss,{children:t("p",{children:"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."})})]}),t("div",{children:t(as,{headers:this.props.headers,answers:this.props.answers,onChange:this.props.onChange,apiOptions:this.props.apiOptions,editableHeaders:!0,onFocus:()=>{},onBlur:()=>{},trackInteraction:()=>{},Editor:b})})]})}};U.propTypes={rows:n.number,columns:n.number,headers:n.arrayOf(n.string),answers:n.arrayOf(n.arrayOf(n.string))},U.widgetName="table",U.defaultProps=function(){const r=l(4).times(function(){return de.stringArrayOfSize(1)});return{headers:[""],rows:4,columns:1,answers:r}}();let ae=U;ae.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"onSizeInput",docblock:null,modifiers:[],params:[{name:"numRawRows",optional:!1,type:null},{name:"numRawColumns",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TableEditor",props:{rows:{description:"",type:{name:"number"},required:!1},columns:{description:"",type:{name:"number"},required:!1},headers:{description:"",type:{name:"arrayOf",value:{name:"string"}},required:!1},answers:{description:"",type:{name:"arrayOf",value:{name:"arrayOf",value:{name:"string"}}},required:!1}}};const{InfoTip:rs}=f,ns=/khanacademy\.org\/.*\/v\/(.*)$/;function is(o){const e=ns.exec(o);return e?e[1]:o}const D=class D extends u.Component{constructor(){super(...arguments),this._handleUrlChange=e=>{this.props.onChange({location:is(e)})},this.change=(...e)=>h.apply(this,e),this.serialize=()=>g.serialize.call(this)}render(){return t("div",{children:a("label",{children:["KA Video Slug:"," ",t(y,{value:this.props.location,style:{width:290},onChange:this._handleUrlChange}),t(rs,{children:"KA video URLs will be converted to just the slug."})]})})}};D.propTypes={...c,location:n.string,onChange:n.func},D.widgetName="video",D.defaultProps={location:""};let re=D;re.__docgenInfo={description:"This is the main editor for this widget, to specify all the options.",methods:[{name:"_handleUrlChange",docblock:null,modifiers:[],params:[{name:"url",optional:!1,type:null}],returns:null},{name:"change",docblock:null,modifiers:[],params:[{name:"...args",optional:!1,type:null}],returns:null},{name:"serialize",docblock:null,modifiers:[],params:[],returns:null}],displayName:"VideoEditor",props:{location:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!1}},composes:["@khanacademy/perseus"]};const ls=[rt,F,nt,it,lt,ot,C,H,j,K,Y,ht,ct,dt,mt,gt,ft,G,J,X,yt,bt,Z,Q,ee,te,vt,se,wt,Tt,ae,re,Ct,B],ca=()=>{et(Je),tt(ls),st(),at()};export{ls as A,xt as I,ha as J,ca as r}; diff --git a/assets/register-all-widgets-for-testing-Ui4NBXsw.js b/assets/register-all-widgets-for-testing-Ui4NBXsw.js new file mode 100644 index 0000000000..f0df668020 --- /dev/null +++ b/assets/register-all-widgets-for-testing-Ui4NBXsw.js @@ -0,0 +1 @@ +import{w as e}from"./article-renderer-BOOaW4sB.js";import{r,a as s}from"./renderer-dyWsFSUA.js";const a=()=>{r(e),s()};export{a as r}; diff --git a/assets/register-all-widgets-for-testing-rGHzs9Ac.js b/assets/register-all-widgets-for-testing-rGHzs9Ac.js deleted file mode 100644 index 3463b3ed64..0000000000 --- a/assets/register-all-widgets-for-testing-rGHzs9Ac.js +++ /dev/null @@ -1 +0,0 @@ -import{w as e}from"./article-renderer-q7kSP2w4.js";import{r,a as s}from"./renderer-ULNOY64X.js";const a=()=>{r(e),s()};export{a as r}; diff --git a/assets/renderer-ULNOY64X.js b/assets/renderer-dyWsFSUA.js similarity index 99% rename from assets/renderer-ULNOY64X.js rename to assets/renderer-dyWsFSUA.js index 6a8a58ec27..1dc62e6d1d 100644 --- a/assets/renderer-ULNOY64X.js +++ b/assets/renderer-dyWsFSUA.js @@ -1,4 +1,4 @@ -import{j as h,a as me}from"./jsx-runtime-FVsy8kgq.js";import{a as We}from"./version-akiLXZts.js";import{P as E,E as A,U as J}from"./util-F8-MDmsT.js";import{g as ur}from"./_commonjsHelpers-4gQjN7DL.js";import{e as dr,i as yr}from"./invariant-bu5zBsRS.js";import{e as mr}from"./index-J2t_5nK1.js";import{c as ke}from"./index-dnMhQZ-1.js";import{_ as d,d as gr,$ as hr}from"./jquery-yG1GhClm.js";import{r as N}from"./index-TT1qJ6UJ.js";import{R as qe}from"./index-7vsPyIck.js";import{c as ce}from"./asset-context-I7yIqWki.js";import{P as pr}from"./i18n-context-P7VpLqM1.js";import{L as G,S as cr,o as br}from"./svg-image-QKR8YXWf.js";import{T as Le}from"./tex-VP4hirbI.js";import{Z as vr}from"./zoomable-CA1NzpZD.js";import{Z as wr}from"./zoomable-tex-MZi7Hqbp.js";import{g as Y,D as fr}from"./dependencies-8XILypbq.js";import{A as kr,C as be}from"./perseus-api-mOiZT07d.js";import{L as qr}from"./lint--ywkTlk8.js";import{f as Tr,t as Rr,u as Ar,z as Or}from"./constants-iPV6vHZm.js";class K{static parse(r){return new ge(r).parse()}match(r){throw new E("Selector subclasses must implement match()",A.NotAllowed)}toString(){return"Unknown selector class"}}class ge{constructor(r){r=r.trim().replace(/\s+/g," "),this.tokens=r.match(ge.TOKENS)||[],this.tokenIndex=0}nextToken(){return this.tokens[this.tokenIndex]||""}consume(){this.tokenIndex++}isIdentifier(){const r=this.tokens[this.tokenIndex][0];return r>="a"&&r<="z"||r>="A"&&r<="Z"}skipSpace(){for(;this.nextToken()===" ";)this.consume()}parse(){const r=this.parseTreeSelector();let e=this.nextToken();if(!e)return r;const n=[r];for(;e;){if(e===",")this.consume();else throw new ve("Expected comma");n.push(this.parseTreeSelector()),e=this.nextToken()}return new xr(n)}parseTreeSelector(){this.skipSpace();let r=this.parseNodeSelector();for(;;){const e=this.nextToken();if(!e||e===",")break;if(e===" ")this.consume(),r=new Ir(r,this.parseNodeSelector());else if(e===">")this.consume(),r=new Cr(r,this.parseNodeSelector());else if(e==="+")this.consume(),r=new Er(r,this.parseNodeSelector());else if(e==="~")this.consume(),r=new zr(r,this.parseNodeSelector());else throw new ve("Unexpected token: "+e)}return r}parseNodeSelector(){this.skipSpace();const r=this.nextToken();if(r==="*")return this.consume(),new jr;if(this.isIdentifier())return this.consume(),new Wr(r);throw new ve("Expected node type")}}ge.TOKENS=/([a-zA-Z][\w-]*)|(\d+)|[^\s]|(\s(?=[a-zA-Z\*]))/g;class ve extends Error{constructor(r){super(r)}}class xr extends K{constructor(r){super(),this.selectors=r}match(r){for(let e=0;e0?", ":"",r+=this.selectors[e].toString();return r}}class jr extends K{match(r){return[r.currentNode()]}toString(){return"*"}}class Wr extends K{constructor(r){super(),this.type=r}match(r){const e=r.currentNode();return e.type===this.type?[e]:null}toString(){return this.type}}class he extends K{constructor(r,e){super(),this.left=r,this.right=e}}class Ir extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e)for(r=r.clone();r.hasParent();){r.goToParent();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" "+this.right.toString()}}class Cr extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e&&r.hasParent()){r=r.clone(),r.goToParent();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" > "+this.right.toString()}}class Er extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e&&r.hasPreviousSibling()){r=r.clone(),r.goToPreviousSibling();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" + "+this.right.toString()}}class zr extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e)for(r=r.clone();r.hasPreviousSibling();){r.goToPreviousSibling();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" ~ "+this.right.toString()}}const _=class _{constructor(r,e,n,a,i,s){if(!n&&!a)throw new E("Lint rules must have a selector or pattern",A.InvalidInput,{metadata:{name:r}});this.name=r||"unnamed rule",this.severity=e||_.Severity.BULK_WARNING,this.selector=n||_.DEFAULT_SELECTOR,this.pattern=a||null,typeof i=="function"?(this.lint=i,this.message=null):(this.lint=(...o)=>this._defaultLintFunction(...o),this.message=i),this.applies=s||function(){return!0}}static makeRule(r){return new _(r.name,r.severity,r.selector?K.parse(r.selector):null,_.makePattern(r.pattern),r.lint||r.message,r.applies)}check(r,e,n,a){const i=this.selector.match(e);if(!i)return null;let s;if(this.pattern?s=n.match(this.pattern):s=_.FakePatternMatch(n,n,0),!s)return null;try{const o=this.lint(e,n,i,s,a);return o?typeof o=="string"?{rule:this.name,severity:this.severity,message:o,start:0,end:n.length}:{rule:this.name,severity:this.severity,message:o.message,start:o.start,end:o.end}:null}catch(o){return{rule:"lint-rule-failure",message:`Exception in rule ${this.name}: ${o.message} +import{j as h,a as me}from"./jsx-runtime-FVsy8kgq.js";import{a as We}from"./version-akiLXZts.js";import{P as E,E as A,U as J}from"./util-F8-MDmsT.js";import{g as ur}from"./_commonjsHelpers-4gQjN7DL.js";import{e as dr,i as yr}from"./invariant-bu5zBsRS.js";import{e as mr}from"./index-J2t_5nK1.js";import{c as ke}from"./index-dnMhQZ-1.js";import{_ as d,d as gr,$ as hr}from"./jquery-yG1GhClm.js";import{r as N}from"./index-TT1qJ6UJ.js";import{R as qe}from"./index-7vsPyIck.js";import{c as ce}from"./asset-context-I7yIqWki.js";import{P as pr}from"./i18n-context-P7VpLqM1.js";import{L as G,S as cr,o as br}from"./svg-image-QKR8YXWf.js";import{T as Le}from"./tex-VP4hirbI.js";import{Z as vr}from"./zoomable-CA1NzpZD.js";import{Z as wr}from"./zoomable-tex-MZi7Hqbp.js";import{g as Y,D as fr}from"./dependencies-8XILypbq.js";import{A as kr,C as be}from"./perseus-api-mOiZT07d.js";import{L as qr}from"./lint--ywkTlk8.js";import{f as Tr,t as Rr,u as Ar,z as Or}from"./constants-iPV6vHZm.js";class K{static parse(r){return new ge(r).parse()}match(r){throw new E("Selector subclasses must implement match()",A.NotAllowed)}toString(){return"Unknown selector class"}}class ge{constructor(r){r=r.trim().replace(/\s+/g," "),this.tokens=r.match(ge.TOKENS)||[],this.tokenIndex=0}nextToken(){return this.tokens[this.tokenIndex]||""}consume(){this.tokenIndex++}isIdentifier(){const r=this.tokens[this.tokenIndex][0];return r>="a"&&r<="z"||r>="A"&&r<="Z"}skipSpace(){for(;this.nextToken()===" ";)this.consume()}parse(){const r=this.parseTreeSelector();let e=this.nextToken();if(!e)return r;const n=[r];for(;e;){if(e===",")this.consume();else throw new ve("Expected comma");n.push(this.parseTreeSelector()),e=this.nextToken()}return new xr(n)}parseTreeSelector(){this.skipSpace();let r=this.parseNodeSelector();for(;;){const e=this.nextToken();if(!e||e===",")break;if(e===" ")this.consume(),r=new Cr(r,this.parseNodeSelector());else if(e===">")this.consume(),r=new Ir(r,this.parseNodeSelector());else if(e==="+")this.consume(),r=new Er(r,this.parseNodeSelector());else if(e==="~")this.consume(),r=new zr(r,this.parseNodeSelector());else throw new ve("Unexpected token: "+e)}return r}parseNodeSelector(){this.skipSpace();const r=this.nextToken();if(r==="*")return this.consume(),new jr;if(this.isIdentifier())return this.consume(),new Wr(r);throw new ve("Expected node type")}}ge.TOKENS=/([a-zA-Z][\w-]*)|(\d+)|[^\s]|(\s(?=[a-zA-Z\*]))/g;class ve extends Error{constructor(r){super(r)}}class xr extends K{constructor(r){super(),this.selectors=r}match(r){for(let e=0;e0?", ":"",r+=this.selectors[e].toString();return r}}class jr extends K{match(r){return[r.currentNode()]}toString(){return"*"}}class Wr extends K{constructor(r){super(),this.type=r}match(r){const e=r.currentNode();return e.type===this.type?[e]:null}toString(){return this.type}}class he extends K{constructor(r,e){super(),this.left=r,this.right=e}}class Cr extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e)for(r=r.clone();r.hasParent();){r.goToParent();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" "+this.right.toString()}}class Ir extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e&&r.hasParent()){r=r.clone(),r.goToParent();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" > "+this.right.toString()}}class Er extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e&&r.hasPreviousSibling()){r=r.clone(),r.goToPreviousSibling();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" + "+this.right.toString()}}class zr extends he{constructor(r,e){super(r,e)}match(r){const e=this.right.match(r);if(e)for(r=r.clone();r.hasPreviousSibling();){r.goToPreviousSibling();const n=this.left.match(r);if(n)return n.concat(e)}return null}toString(){return this.left.toString()+" ~ "+this.right.toString()}}const _=class _{constructor(r,e,n,a,i,s){if(!n&&!a)throw new E("Lint rules must have a selector or pattern",A.InvalidInput,{metadata:{name:r}});this.name=r||"unnamed rule",this.severity=e||_.Severity.BULK_WARNING,this.selector=n||_.DEFAULT_SELECTOR,this.pattern=a||null,typeof i=="function"?(this.lint=i,this.message=null):(this.lint=(...o)=>this._defaultLintFunction(...o),this.message=i),this.applies=s||function(){return!0}}static makeRule(r){return new _(r.name,r.severity,r.selector?K.parse(r.selector):null,_.makePattern(r.pattern),r.lint||r.message,r.applies)}check(r,e,n,a){const i=this.selector.match(e);if(!i)return null;let s;if(this.pattern?s=n.match(this.pattern):s=_.FakePatternMatch(n,n,0),!s)return null;try{const o=this.lint(e,n,i,s,a);return o?typeof o=="string"?{rule:this.name,severity:this.severity,message:o,start:0,end:n.length}:{rule:this.name,severity:this.severity,message:o.message,start:o.start,end:o.end}:null}catch(o){return{rule:"lint-rule-failure",message:`Exception in rule ${this.name}: ${o.message} Stack trace: ${o.stack}`,start:0,end:n.length}}}_defaultLintFunction(r,e,n,a,i){return{message:this.message||"",start:a.index,end:a.index+a[0].length}}static makePattern(r){if(!r)return null;if(r instanceof RegExp)return r;if(r[0]==="/"){const e=r.lastIndexOf("/"),n=r.substring(1,e),a=r.substring(e+1);return new RegExp(n,a)}return new RegExp(r)}static FakePatternMatch(r,e,n){const a=[e];return a.index=n,a.input=r,a}};_.Severity={ERROR:1,WARNING:2,GUIDELINE:3,BULK_WARNING:4};let m=_;m.DEFAULT_SELECTOR=K.parse("text");const Nr=/\/\/([^\/]+)/;function Lr(t){if(!t)return"";const r=t.match(Nr);return r?r[1]:""}const _r=m.makeRule({name:"absolute-url",severity:m.Severity.GUIDELINE,selector:"link, image",lint:function(t,r,e,n){const a=e[0].target,i=Lr(a);if(i==="khanacademy.org"||i.endsWith(".khanacademy.org"))return`Don't use absolute URLs: When linking to KA content or images, omit the @@ -41,36 +41,36 @@ The table header has ${i} cells, but Row ${o+1} has ${s[o]} cells.`}}),pt=m.makeRule({name:"unbalanced-code-delimiters",severity:m.Severity.ERROR,pattern:/[`~]+/,message:`Unbalanced code delimiters: code blocks should begin and end with the same type and number of delimiters`}),ct=m.makeRule({name:"unescaped-dollar",severity:m.Severity.ERROR,selector:"unescapedDollar",message:`Unescaped dollar sign: Dollar signs must appear in pairs or be escaped as \\$`}),bt=m.makeRule({name:"widget-in-table",severity:m.Severity.BULK_WARNING,selector:"table widget",message:`Widget in table: -do not put widgets inside of tables.`}),vt=[_r,Pr,Fr,$r,Mr,Dr,Vr,Hr,Gr,Xr,Yr,Qr,et,rt,tt,nt,at,it,st,ot,lt,ut,dt,mt,gt,ht,ct,bt,yt,pt,Jr,Zr];class V{constructor(r){this.root=r}static isNode(r){return r&&typeof r=="object"&&typeof r.type=="string"}static isTextNode(r){return V.isNode(r)&&r.type==="text"&&typeof r.content=="string"}traverse(r){this._traverse(this.root,new Ie(this.root),r)}_traverse(r,e,n){let a="";if(V.isNode(r)){const i=r;e._containers.push(i),e._ancestors.push(i),typeof i.content=="string"&&(a=i.content),Object.keys(i).forEach(o=>{if(o==="type")return;const l=i[o];l&&typeof l=="object"&&(e._indexes.push(o),a+=this._traverse(l,e,n),e._indexes.pop())}),e._currentNode=e._ancestors.pop(),e._containers.pop(),n(i,e,a)}else if(Array.isArray(r)){const i=r;e._containers.push(i);let s=0;for(;se+1?r[e+1]:null}previousSibling(){const r=this._containers.top();if(!r||!Array.isArray(r))return null;const e=this._indexes.top();return e>0?r[e-1]:null}removeNextSibling(){const r=this._containers.top();if(r&&Array.isArray(r)){const e=this._indexes.top();if(r.length>e+1)return r.splice(e+1,1)[0]}return null}replace(...r){const e=this._containers.top();if(!e)throw new E("Can't replace the root of the tree",A.Internal);if(Array.isArray(e)){const n=this._indexes.top();e.splice(n,1,...r),this._indexes.pop(),this._indexes.push(n+r.length-1)}else{const n=this._indexes.top();r.length===0?delete e[n]:r.length===1?e[n]=r[0]:e[n]=r}}hasPreviousSibling(){return Array.isArray(this._containers.top())&&this._indexes.top()>0}goToPreviousSibling(){if(!this.hasPreviousSibling())throw new E("goToPreviousSibling(): node has no previous sibling",A.Internal);this._currentNode=this.previousSibling();const r=this._indexes.pop();this._indexes.push(r-1)}hasParent(){return this._ancestors.size()!==0}goToParent(){if(!this.hasParent())throw new E("goToParent(): node has no ancestor",A.NotAllowed);for(this._currentNode=this._ancestors.pop();this._containers.size()&&this._containers.top()[this._indexes.top()]!==this._currentNode;)this._containers.pop(),this._indexes.pop()}clone(){const r=new Ie(this.root);return r._currentNode=this._currentNode,r._containers=this._containers.clone(),r._indexes=this._indexes.clone(),r._ancestors=this._ancestors.clone(),r}equals(r){return this.root===r.root&&this._currentNode===r._currentNode&&this._containers.equals(r._containers)&&this._indexes.equals(r._indexes)&&this._ancestors.equals(r._ancestors)}}class Q{constructor(r){this.stack=r?r.slice(0):[]}push(r){this.stack.push(r)}pop(){return this.stack.pop()}top(){return this.stack[this.stack.length-1]}values(){return this.stack.slice(0)}size(){return this.stack.length}toString(){return this.stack.toString()}clone(){return new Q(this.stack)}equals(r){if(!r||!r.stack||r.stack.length!==this.stack.length)return!1;for(let e=0;et.severity{if(V.isTextNode(l)){let g=u.nextSibling();for(;V.isTextNode(g);)l.content+=g.content,u.removeNextSibling(),g=u.nextSibling()}});let s=[],o=!1;return i.traverse((l,u,y)=>{const g=[],b=n.filter(p=>p.applies(r)),q=[...r.stack];q.push(l.type);const R={...r,stack:q.join(".")};if(b.forEach(p=>{const w=p.check(l,u,y,R);w&&((w.start||w.end)&&(w.target=y.substring(w.start,w.end)),a.push(w),e&&g.push(w))}),!!e&&(l.type==="table"?(s.length&&g.push(...s),o=!1,s=[]):o||(o=u.ancestors().some(p=>p.type==="table")),o&&g.length&&s.push(...g),g.length))if(g.sort((p,w)=>p.severity-w.severity),l.type!=="text"||g.length>1)u.replace({type:"lint",content:l,message:g.map(p=>p.message).join(` +do not put widgets inside of tables.`}),vt=[_r,Pr,Fr,$r,Mr,Dr,Vr,Hr,Gr,Xr,Yr,Qr,et,rt,tt,nt,at,it,st,ot,lt,ut,dt,mt,gt,ht,ct,bt,yt,pt,Jr,Zr];class V{constructor(r){this.root=r}static isNode(r){return r&&typeof r=="object"&&typeof r.type=="string"}static isTextNode(r){return V.isNode(r)&&r.type==="text"&&typeof r.content=="string"}traverse(r){this._traverse(this.root,new Ce(this.root),r)}_traverse(r,e,n){let a="";if(V.isNode(r)){const i=r;e._containers.push(i),e._ancestors.push(i),typeof i.content=="string"&&(a=i.content),Object.keys(i).forEach(o=>{if(o==="type")return;const l=i[o];l&&typeof l=="object"&&(e._indexes.push(o),a+=this._traverse(l,e,n),e._indexes.pop())}),e._currentNode=e._ancestors.pop(),e._containers.pop(),n(i,e,a)}else if(Array.isArray(r)){const i=r;e._containers.push(i);let s=0;for(;se+1?r[e+1]:null}previousSibling(){const r=this._containers.top();if(!r||!Array.isArray(r))return null;const e=this._indexes.top();return e>0?r[e-1]:null}removeNextSibling(){const r=this._containers.top();if(r&&Array.isArray(r)){const e=this._indexes.top();if(r.length>e+1)return r.splice(e+1,1)[0]}return null}replace(...r){const e=this._containers.top();if(!e)throw new E("Can't replace the root of the tree",A.Internal);if(Array.isArray(e)){const n=this._indexes.top();e.splice(n,1,...r),this._indexes.pop(),this._indexes.push(n+r.length-1)}else{const n=this._indexes.top();r.length===0?delete e[n]:r.length===1?e[n]=r[0]:e[n]=r}}hasPreviousSibling(){return Array.isArray(this._containers.top())&&this._indexes.top()>0}goToPreviousSibling(){if(!this.hasPreviousSibling())throw new E("goToPreviousSibling(): node has no previous sibling",A.Internal);this._currentNode=this.previousSibling();const r=this._indexes.pop();this._indexes.push(r-1)}hasParent(){return this._ancestors.size()!==0}goToParent(){if(!this.hasParent())throw new E("goToParent(): node has no ancestor",A.NotAllowed);for(this._currentNode=this._ancestors.pop();this._containers.size()&&this._containers.top()[this._indexes.top()]!==this._currentNode;)this._containers.pop(),this._indexes.pop()}clone(){const r=new Ce(this.root);return r._currentNode=this._currentNode,r._containers=this._containers.clone(),r._indexes=this._indexes.clone(),r._ancestors=this._ancestors.clone(),r}equals(r){return this.root===r.root&&this._currentNode===r._currentNode&&this._containers.equals(r._containers)&&this._indexes.equals(r._indexes)&&this._ancestors.equals(r._ancestors)}}class Q{constructor(r){this.stack=r?r.slice(0):[]}push(r){this.stack.push(r)}pop(){return this.stack.pop()}top(){return this.stack[this.stack.length-1]}values(){return this.stack.slice(0)}size(){return this.stack.length}toString(){return this.stack.toString()}clone(){return new Q(this.stack)}equals(r){if(!r||!r.stack||r.stack.length!==this.stack.length)return!1;for(let e=0;et.severity{if(V.isTextNode(l)){let g=u.nextSibling();for(;V.isTextNode(g);)l.content+=g.content,u.removeNextSibling(),g=u.nextSibling()}});let s=[],o=!1;return i.traverse((l,u,y)=>{const g=[],b=n.filter(p=>p.applies(r)),q=[...r.stack];q.push(l.type);const R={...r,stack:q.join(".")};if(b.forEach(p=>{const w=p.check(l,u,y,R);w&&((w.start||w.end)&&(w.target=y.substring(w.start,w.end)),a.push(w),e&&g.push(w))}),!!e&&(l.type==="table"?(s.length&&g.push(...s),o=!1,s=[]):o||(o=u.ancestors().some(p=>p.type==="table")),o&&g.length&&s.push(...g),g.length))if(g.sort((p,w)=>p.severity-w.severity),l.type!=="text"||g.length>1)u.replace({type:"lint",content:l,message:g.map(p=>p.message).join(` -`),ruleName:g[0].rule,blockHighlight:R.blockHighlight,insideTable:o,severity:g[0].severity});else{const p=l.content,w=g[0],O=w.start||0,W=w.end||p.length,P=p.substring(0,O),x=p.substring(O,W),re=p.substring(W),te=[];P&&te.push({type:"text",content:P}),te.push({type:"lint",content:{type:"text",content:x},message:w.message,ruleName:w.rule,insideTable:o,severity:w.severity}),re&&te.push({type:"text",content:re}),u.replace(...te)}}),a}function It(t,r){const e=t.stack||[];return{...t,stack:e.concat(r)}}const Ct={activeDefinitionId:null,setActiveDefinitionId:()=>{}},Be=N.createContext(Ct);class Te extends N.Component{constructor(){super(...arguments),this.state={activeDefinitionId:null},this.setActiveDefinitionId=r=>{this.setState(e=>({activeDefinitionId:r}))}}render(){const{children:r}=this.props,{activeDefinitionId:e}=this.state,{setActiveDefinitionId:n}=this;return h(Be.Provider,{value:{activeDefinitionId:e,setActiveDefinitionId:n},children:r})}}const ua=Be.Consumer;Te.__docgenInfo={description:"",methods:[{name:"setActiveDefinitionId",docblock:null,modifiers:[],params:[{name:"activeDefinitionId",optional:!0,type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]}}],returns:{type:{name:"void"}}}],displayName:"DefinitionProvider",props:{children:{required:!0,tsType:{name:"any"},description:""}}};class z extends N.Component{constructor(r){super(r),this.state={error:""}}componentDidCatch(r,e){var n,a;this.setState({error:r.toString()}),(a=(n=this.props).onError)==null||a.call(n,r,e),G.error("Unhandled Perseus error: "+r.message,A.Internal,{cause:r,loggedMetadata:{componentStack:e&&"componentStack"in e?e.componentStack:"componentStack not provided",...this.props.metadata}})}render(){return this.state.error?me("svg",{height:"16",width:"16",viewBox:"0 0 16 16",role:"img",children:[h("title",{children:"Rendering Error!"}),h("path",{d:"m8 16c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3c0.55 0 1-0.45 1-1s-0.45-1-1-1-1 0.45-1 1 0.45 1 1 1zm0-9c-0.55 0-1 0.45-1 1v4c0 0.55.45 1 1 1s1-0.45 1-1v-4c0-0.55-0.45-1-1-1z",fill:"#d92916",fillRule:"evenodd"})]}):this.props.children}}z.__docgenInfo={description:"",methods:[],displayName:"ErrorBoundary",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},metadata:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"string"}],raw:"Record"},description:""},onError:{required:!1,tsType:{name:"signature",type:"function",raw:"(error: Error, info: any) => void",signature:{arguments:[{type:{name:"Error"},name:"error"},{type:{name:"any"},name:"info"}],return:{name:"void"}}},description:""}}};function Et(){}class zt{constructor(r,e,n,a){this._track=i=>{this._tracked&&!this.setting||(this._tracked=!0,this.trackApi({type:this.widgetType,id:this.widgetID,...i}))},r?(this._tracked=!1,this.trackApi=r,this.widgetType=e,this.widgetID=n,this.setting=a,this.track=this._track):this.track=Et}}const Nt="@khanacademy/simple-markdown",Lt="__lib_version__";We(Nt,Lt);var _t=/\r\n?/g,Pt=/\t/g,Ft=/\f/g,Xe=function(t){return t.replace(_t,` +`),ruleName:g[0].rule,blockHighlight:R.blockHighlight,insideTable:o,severity:g[0].severity});else{const p=l.content,w=g[0],O=w.start||0,W=w.end||p.length,P=p.substring(0,O),x=p.substring(O,W),re=p.substring(W),te=[];P&&te.push({type:"text",content:P}),te.push({type:"lint",content:{type:"text",content:x},message:w.message,ruleName:w.rule,insideTable:o,severity:w.severity}),re&&te.push({type:"text",content:re}),u.replace(...te)}}),a}function Ct(t,r){const e=t.stack||[];return{...t,stack:e.concat(r)}}const It={activeDefinitionId:null,setActiveDefinitionId:()=>{}},Be=N.createContext(It);class Te extends N.Component{constructor(){super(...arguments),this.state={activeDefinitionId:null},this.setActiveDefinitionId=r=>{this.setState(e=>({activeDefinitionId:r}))}}render(){const{children:r}=this.props,{activeDefinitionId:e}=this.state,{setActiveDefinitionId:n}=this;return h(Be.Provider,{value:{activeDefinitionId:e,setActiveDefinitionId:n},children:r})}}const ua=Be.Consumer;Te.__docgenInfo={description:"",methods:[{name:"setActiveDefinitionId",docblock:null,modifiers:[],params:[{name:"activeDefinitionId",optional:!0,type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]}}],returns:{type:{name:"void"}}}],displayName:"DefinitionProvider",props:{children:{required:!0,tsType:{name:"any"},description:""}}};class z extends N.Component{constructor(r){super(r),this.state={error:""}}componentDidCatch(r,e){var n,a;this.setState({error:r.toString()}),(a=(n=this.props).onError)==null||a.call(n,r,e),G.error("Unhandled Perseus error: "+r.message,A.Internal,{cause:r,loggedMetadata:{componentStack:e&&"componentStack"in e?e.componentStack:"componentStack not provided",...this.props.metadata}})}render(){return this.state.error?me("svg",{height:"16",width:"16",viewBox:"0 0 16 16",role:"img",children:[h("title",{children:"Rendering Error!"}),h("path",{d:"m8 16c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3c0.55 0 1-0.45 1-1s-0.45-1-1-1-1 0.45-1 1 0.45 1 1 1zm0-9c-0.55 0-1 0.45-1 1v4c0 0.55.45 1 1 1s1-0.45 1-1v-4c0-0.55-0.45-1-1-1z",fill:"#d92916",fillRule:"evenodd"})]}):this.props.children}}z.__docgenInfo={description:"",methods:[],displayName:"ErrorBoundary",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},metadata:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"string"}],raw:"Record"},description:""},onError:{required:!1,tsType:{name:"signature",type:"function",raw:"(error: Error, info: any) => void",signature:{arguments:[{type:{name:"Error"},name:"error"},{type:{name:"any"},name:"info"}],return:{name:"void"}}},description:""}}};function Et(){}class zt{constructor(r,e,n,a){this._track=i=>{this._tracked&&!this.setting||(this._tracked=!0,this.trackApi({type:this.widgetType,id:this.widgetID,...i}))},r?(this._tracked=!1,this.trackApi=r,this.widgetType=e,this.widgetID=n,this.setting=a,this.track=this._track):this.track=Et}}const Nt="@khanacademy/simple-markdown",Lt="__lib_version__";We(Nt,Lt);var _t=/\r\n?/g,Pt=/\t/g,Ft=/\f/g,Xe=function(t){return t.replace(_t,` `).replace(Ft,"").replace(Pt," ")},Ye=function(t,r){var e=t||{};if(r!=null)for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},Qe=function(t,r){var e=Object.keys(t).filter(function(s){var o=t[s];if(o==null||o.match==null)return!1;var l=o.order;return(typeof l!="number"||!isFinite(l))&&typeof console<"u"&&console.warn("simple-markdown: Invalid order for rule `"+s+"`: "+String(l)),!0});e.sort(function(s,o){var l=t[s],u=t[o],y=l.order,g=u.order;if(y!==g)return y-g;var b=l.quality?0:1,q=u.quality?0:1;return b!==q?b-q:so?1:0});var n,a=function(s,o){var l=[];for(o=o||n,n=o;s;){var u=null,y=null,g=null,b=NaN,q=0,R=e[0],p=t[R];do{var w=p.order,O=o.prevCapture==null?"":o.prevCapture[0],W=p.match(s,o,O);if(W){var P=p.quality?p.quality(W,o,O):0;P<=b||(u=R,y=p,g=W,b=P)}q++,R=e[q],p=t[R]}while(p&&(!g||p.order===w&&p.quality));if(y==null||g==null)throw new Error("Could not find a matching rule for the below content. The rule with highest `order` should always match content provided to it. Check the definition of `match` for '"+e[e.length-1]+`'. It seems to not match the following source: `+s);if(g.index)throw new Error("`match` must return a capture starting at index 0 (the current parse index). Did you forget a ^ at the start of the RegExp?");var x=y.parse(g,a,o);if(Array.isArray(x))Array.prototype.push.apply(l,x);else{if(x==null||typeof x!="object")throw new Error(`parse() function returned invalid parse result: '${x}'`);x.type==null&&(x.type=u),l.push(x)}o.prevCapture=g,s=s.substring(o.prevCapture[0].length)}return l},i=function(s,o){return n=Ye(o,r),!n.inline&&!n.disableAutoBlockNewlines&&(s=s+` -`),n.prevCapture=null,a(Xe(s),n)};return i},j=function(t){var r=function(e,n,a){return n.inline?t.exec(e):null};return r.regex=t,r},C=function(t){var r=function(e,n){return n.inline?null:t.exec(e)};return r.regex=t,r},Re=function(t){var r=function(e,n){return t.exec(e)};return r.regex=t,r},$t=typeof Symbol=="function"&&Symbol.for&&Symbol.for("react.element")||60103,f=function(t,r,e){var n={$$typeof:$t,type:t,key:r??void 0,ref:null,props:e,_owner:null};return n},T=function(t,r,e,n){e=e||{},n=typeof n<"u"?n:!0;var a="";for(var i in e){var s=e[i];Object.prototype.hasOwnProperty.call(e,i)&&s&&(a+=" "+H(i)+'="'+H(s)+'"')}var o="<"+t+a+">";return n?o+r+"":o},St={},X=function(t){if(t==null)return null;try{var r=new URL(t,"https://localhost").protocol;if(r.indexOf("javascript:")===0||r.indexOf("vbscript:")===0||r.indexOf("data:")===0)return null}catch{return null}return t},Ut=/[<>&"']/g,Mt={"<":"<",">":">","&":"&",'"':""","'":"'","/":"/","`":"`"},H=function(t){return String(t).replace(Ut,function(r){return Mt[r]})},Dt=/\\([^0-9A-Za-z\s])/g,Ae=function(t){return t.replace(Dt,"$1")},le=function(t,r,e){var n=e.inline||!1;e.inline=!0;var a=t(r,e);return e.inline=n,a},Vt=function(t,r,e){var n=e.inline||!1;e.inline=!1;var a=t(r+` +`),n.prevCapture=null,a(Xe(s),n)};return i},j=function(t){var r=function(e,n,a){return n.inline?t.exec(e):null};return r.regex=t,r},I=function(t){var r=function(e,n){return n.inline?null:t.exec(e)};return r.regex=t,r},Re=function(t){var r=function(e,n){return t.exec(e)};return r.regex=t,r},$t=typeof Symbol=="function"&&Symbol.for&&Symbol.for("react.element")||60103,f=function(t,r,e){var n={$$typeof:$t,type:t,key:r??void 0,ref:null,props:e,_owner:null};return n},T=function(t,r,e,n){e=e||{},n=typeof n<"u"?n:!0;var a="";for(var i in e){var s=e[i];Object.prototype.hasOwnProperty.call(e,i)&&s&&(a+=" "+H(i)+'="'+H(s)+'"')}var o="<"+t+a+">";return n?o+r+"":o},St={},X=function(t){if(t==null)return null;try{var r=new URL(t,"https://localhost").protocol;if(r.indexOf("javascript:")===0||r.indexOf("vbscript:")===0||r.indexOf("data:")===0)return null}catch{return null}return t},Ut=/[<>&"']/g,Mt={"<":"<",">":">","&":"&",'"':""","'":"'","/":"/","`":"`"},H=function(t){return String(t).replace(Ut,function(r){return Mt[r]})},Dt=/\\([^0-9A-Za-z\s])/g,Ae=function(t){return t.replace(Dt,"$1")},le=function(t,r,e){var n=e.inline||!1;e.inline=!0;var a=t(r,e);return e.inline=n,a},Vt=function(t,r,e){var n=e.inline||!1;e.inline=!1;var a=t(r+` `,e);return e.inline=n,a},ne=function(t,r,e){return{content:le(r,t[1],e)}},we=function(){return{}},ue="(?:[*+-]|\\d+\\.)",Je="( *)("+ue+") +",_e=new RegExp("^"+Je),Ht=new RegExp(Je+"[^\\n]*(?:\\n(?!\\1"+ue+` )[^\\n]*)*( |$)`,"gm"),Ze=/\n{2,}$/,Gt=/^ (?= *`)|(` *) $/g,Kt=Ze,Pe=/ *\n+$/,Bt=new RegExp("^( *)("+ue+`) [\\s\\S]+?(?: {2,}(?! )(?!\\1`+ue+` )\\n*|\\s* *$)`),Xt=/(?:^|\n)( *)$/,ae=function(){var t=/^ *\| *| *\| *$/g,r=/ *$/,e=/^ *-+: *$/,n=/^ *:-+: *$/,a=/^ *:-+ *$/,i=function(y){return e.test(y)?"right":n.test(y)?"center":a.test(y)?"left":null},s=function(y,g,b,q){q&&(y=y.replace(t,""));var R=y.trim().split("|");return R.map(i)},o=function(y,g,b,q){var R=b.inTable;b.inTable=!0;var p=g(y.trim(),b);b.inTable=R;var w=[[]];return p.forEach(function(O,W){O.type==="tableSeparator"?(!q||W!==0&&W!==p.length-1)&&w.push([]):(O.type==="text"&&(p[W+1]==null||p[W+1].type==="tableSeparator")&&(O.content=O.content.replace(r,"")),w[w.length-1].push(O))}),w},l=function(y,g,b,q){var R=y.trim().split(` -`);return R.map(function(p){return o(p,g,b,q)})},u=function(y){return function(g,b,q){q.inline=!0;var R=o(g[1],b,q,y),p=s(g[2],b,q,y),w=l(g[3],b,q,y);return q.inline=!1,{type:"table",header:R,align:p,cells:w}}};return{parseTable:u(!0),parseNpTable:u(!1),TABLE_REGEX:/^ *(\|.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/,NPTABLE_REGEX:/^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/}}(),ie="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",Fe=`\\s*?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*`,Yt=/mailto:/i,$e=function(t,r,e){var n=(t[2]||t[1]).replace(/\s+/g," ").toLowerCase();if(r._defs&&r._defs[n]){var a=r._defs[n];e.target=a.target,e.title=a.title}return r._refs=r._refs||{},r._refs[n]=r._refs[n]||[],r._refs[n].push(e),e},v=0,ee={Array:{react:function(t,r,e){for(var n=e.key,a=[],i=0,s=0;i