@pie-element/matrix 3.0.0-beta.0 → 3.0.0-next.42

package/module/demo.js

@@ -0,0 +1,34 @@
+import Configure from './configure.js';
+import Element from './element.js';
+import * as controller from './controller.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  labelType: 'agreement',
+  rowLabels: ['I\'m interested in politics.', 'I\'m interested in economics.'],
+  columnLabels: ['Disagree', 'Unsure', 'Agree'],
+  matrixValues: {},
+  prompt: 'How interested are you in the following domains?',
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'matrix-element': '../..',
+  },
+  models: [model('1', 'matrix-element')],
+};
+
+//Note: demo-el is a custom element loaded in the markup.
+  customElements.whenDefined("demo-el").then(() => {
+    config.models.forEach((m) => {
+      const de = document.createElement("demo-el");
+      document.body.appendChild(de);
+      de.def = { tagName: m.element, Element, Configure, controller };
+      de.model = m;
+    });
+  });

package/module/element.js

@@ -0,0 +1,17 @@
+import{_dll_pie_lib__math_rendering as e}from"../../../@pie-lib/math-rendering-module@^4.0.5/module/index.js";import{_dll_react_dom as t,_dll_prop_types as r,_dll_mui__material_styles as n,_dll_pie_lib__render_ui as o,_dll_mui__material as a}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";var i={exports:{}},s={},c=Symbol.for("react.element"),l=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),h=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),g=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),v=Symbol.iterator;var S={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},k=Object.assign,C={};function w(e,t,r){this.props=e,this.context=t,this.refs=C,this.updater=r||S}function x(){}function A(e,t,r){this.props=e,this.context=t,this.refs=C,this.updater=r||S}w.prototype.isReactComponent={},w.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},w.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},x.prototype=w.prototype;var _=A.prototype=new x;_.constructor=A,k(_,w.prototype),_.isPureReactComponent=!0;var E=Array.isArray,R=Object.prototype.hasOwnProperty,P={current:null},$={key:!0,ref:!0,__self:!0,__source:!0};function O(e,t,r){var n,o={},a=null,i=null;if(null!=t)for(n in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(a=""+t.key),t)R.call(t,n)&&!$.hasOwnProperty(n)&&(o[n]=t[n]);var s=arguments.length-2;if(1===s)o.children=r;else if(1<s){for(var l=Array(s),u=0;u<s;u++)l[u]=arguments[u+2];o.children=l}if(e&&e.defaultProps)for(n in s=e.defaultProps)void 0===o[n]&&(o[n]=s[n]);return{$$typeof:c,type:e,key:a,ref:i,props:o,_owner:P.current}}function I(e){return"object"==typeof e&&null!==e&&e.$$typeof===c}var j=/\/+/g;function T(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(e){return t[e]})}(""+e.key):t.toString(36)}function M(e,t,r,n,o){var a=typeof e;"undefined"!==a&&"boolean"!==a||(e=null);var i=!1;if(null===e)i=!0;else switch(a){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case c:case l:i=!0}}if(i)return o=o(i=e),e=""===n?"."+T(i,0):n,E(o)?(r="",null!=e&&(r=e.replace(j,"$&/")+"/"),M(o,t,r,"",function(e){return e})):null!=o&&(I(o)&&(o=function(e,t){return{$$typeof:c,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,r+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(j,"$&/")+"/")+e)),t.push(o)),1;if(i=0,n=""===n?".":n+":",E(e))for(var s=0;s<e.length;s++){var u=n+T(a=e[s],s);i+=M(a,t,r,u,o)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=v&&e[v]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),s=0;!(a=e.next()).done;)i+=M(a=a.value,t,r,u=n+T(a,s++),o);else if("object"===a)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function L(e,t,r){if(null==e)return e;var n=[],o=0;return M(e,n,"","",function(e){return t.call(r,e,o++)}),n}function N(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)},function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var z={current:null},D={transition:null},F={ReactCurrentDispatcher:z,ReactCurrentBatchConfig:D,ReactCurrentOwner:P};function B(){throw Error("act(...) is not supported in production builds of React.")}s.Children={map:L,forEach:function(e,t,r){L(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return L(e,function(){t++}),t},toArray:function(e){return L(e,function(e){return e})||[]},only:function(e){if(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},s.Component=w,s.Fragment=u,s.Profiler=p,s.PureComponent=A,s.StrictMode=f,s.Suspense=y,s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=F,s.act=B,s.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var n=k({},e.props),o=e.key,a=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,i=P.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(l in t)R.call(t,l)&&!$.hasOwnProperty(l)&&(n[l]=void 0===t[l]&&void 0!==s?s[l]:t[l])}var l=arguments.length-2;if(1===l)n.children=r;else if(1<l){s=Array(l);for(var u=0;u<l;u++)s[u]=arguments[u+2];n.children=s}return{$$typeof:c,type:e.type,key:o,ref:a,props:n,_owner:i}},s.createContext=function(e){return(e={$$typeof:h,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:d,_context:e},e.Consumer=e},s.createElement=O,s.createFactory=function(e){var t=O.bind(null,e);return t.type=e,t},s.createRef=function(){return{current:null}},s.forwardRef=function(e){return{$$typeof:m,render:e}},s.isValidElement=I,s.lazy=function(e){return{$$typeof:b,_payload:{_status:-1,_result:e},_init:N}},s.memo=function(e,t){return{$$typeof:g,type:e,compare:void 0===t?null:t}},s.startTransition=function(e){var t=D.transition;D.transition={};try{e()}finally{D.transition=t}},s.unstable_act=B,s.useCallback=function(e,t){return z.current.useCallback(e,t)},s.useContext=function(e){return z.current.useContext(e)},s.useDebugValue=function(){},s.useDeferredValue=function(e){return z.current.useDeferredValue(e)},s.useEffect=function(e,t){return z.current.useEffect(e,t)},s.useId=function(){return z.current.useId()},s.useImperativeHandle=function(e,t,r){return z.current.useImperativeHandle(e,t,r)},s.useInsertionEffect=function(e,t){return z.current.useInsertionEffect(e,t)},s.useLayoutEffect=function(e,t){return z.current.useLayoutEffect(e,t)},s.useMemo=function(e,t){return z.current.useMemo(e,t)},s.useReducer=function(e,t,r){return z.current.useReducer(e,t,r)},s.useRef=function(e){return z.current.useRef(e)},s.useState=function(e){return z.current.useState(e)},s.useSyncExternalStore=function(e,t,r){return z.current.useSyncExternalStore(e,t,r)},s.useTransition=function(){return z.current.useTransition()},s.version="18.3.1",i.exports=s;var q=i.exports;var V,H=t;V=H.createRoot,H.hydrateRoot;var G={};Object.defineProperty(G,"__esModule",{value:!0});class U extends CustomEvent{constructor(e,t,r){super(U.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e,hasModel:r}}),this.component=e,this.complete=t}}U.TYPE="model-set",G.ModelSetEvent=U;class Y extends CustomEvent{constructor(e,t){super(Y.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e}}),this.component=e,this.complete=t}}Y.TYPE="session-changed";var W,K=G.SessionChangedEvent=Y,X={exports:{}},Z={},J=Symbol.for("react.element"),Q=Symbol.for("react.portal"),ee=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),ne=Symbol.for("react.provider"),oe=Symbol.for("react.context"),ae=Symbol.for("react.server_context"),ie=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),ce=Symbol.for("react.suspense_list"),le=Symbol.for("react.memo"),ue=Symbol.for("react.lazy"),fe=Symbol.for("react.offscreen");function pe(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case J:switch(e=e.type){case ee:case re:case te:case se:case ce:return e;default:switch(e=e&&e.$$typeof){case ae:case oe:case ie:case ue:case le:case ne:return e;default:return t}}case Q:return t}}}function de(e){function t(e,n,c,l,p){for(var d,h,m,y,S,C=0,w=0,x=0,A=0,_=0,I=0,T=m=d=0,L=0,N=0,z=0,D=0,F=c.length,B=F-1,q="",V="",H="",G="";L<F;){if(h=c.charCodeAt(L),L===B&&0!==w+A+x+C&&(0!==w&&(h=47===w?10:47),A=x=C=0,F++,B++),0===w+A+x+C){if(L===B&&(0<N&&(q=q.replace(f,"")),0<q.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:q+=c.charAt(L)}h=59}switch(h){case 123:for(d=(q=q.trim()).charCodeAt(0),m=1,D=++L;L<F;){switch(h=c.charCodeAt(L)){case 123:m++;break;case 125:m--;break;case 47:switch(h=c.charCodeAt(L+1)){case 42:case 47:e:{for(T=L+1;T<B;++T)switch(c.charCodeAt(T)){case 47:if(42===h&&42===c.charCodeAt(T-1)&&L+2!==T){L=T+1;break e}break;case 10:if(47===h){L=T+1;break e}}L=T}}break;case 91:h++;case 40:h++;case 34:case 39:for(;L++<B&&c.charCodeAt(L)!==h;);}if(0===m)break;L++}if(m=c.substring(D,L),0===d&&(d=(q=q.replace(u,"").trim()).charCodeAt(0)),64===d){switch(0<N&&(q=q.replace(f,"")),h=q.charCodeAt(1)){case 100:case 109:case 115:case 45:N=n;break;default:N=O}if(D=(m=t(n,N,m,h,p+1)).length,0<j&&(S=s(3,m,N=r(O,q,z),n,R,E,D,h,p,l),q=N.join(""),void 0!==S&&0===(D=(m=S.trim()).length)&&(h=0,m="")),0<D)switch(h){case 115:q=q.replace(k,i);case 100:case 109:case 45:m=q+"{"+m+"}";break;case 107:m=(q=q.replace(g,"$1 $2"))+"{"+m+"}",m=1===$||2===$&&a("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=q+m,112===l&&(V+=m,m="")}else m=""}else m=t(n,r(n,q,z),m,l,p+1);H+=m,m=z=N=T=d=0,q="",h=c.charCodeAt(++L);break;case 125:case 59:if(1<(D=(q=(0<N?q.replace(f,""):q).trim()).length))switch(0===T&&(d=q.charCodeAt(0),45===d||96<d&&123>d)&&(D=(q=q.replace(" ",":")).length),0<j&&void 0!==(S=s(1,q,n,e,R,E,V.length,l,p,l))&&0===(D=(q=S.trim()).length)&&(q="\0\0"),d=q.charCodeAt(0),h=q.charCodeAt(1),d){case 0:break;case 64:if(105===h||99===h){G+=q+c.charAt(L);break}default:58!==q.charCodeAt(D-1)&&(V+=o(q,d,h,q.charCodeAt(2)))}z=N=T=d=0,q="",h=c.charCodeAt(++L)}}switch(h){case 13:case 10:47===w?w=0:0===1+d&&107!==l&&0<q.length&&(N=1,q+="\0"),0<j*M&&s(0,q,n,e,R,E,V.length,l,p,l),E=1,R++;break;case 59:case 125:if(0===w+A+x+C){E++;break}default:switch(E++,y=c.charAt(L),h){case 9:case 32:if(0===A+C+w)switch(_){case 44:case 58:case 9:case 32:y="";break;default:32!==h&&(y=" ")}break;case 0:y="\\0";break;case 12:y="\\f";break;case 11:y="\\v";break;case 38:0===A+w+C&&(N=z=1,y="\f"+y);break;case 108:if(0===A+w+C+P&&0<T)switch(L-T){case 2:112===_&&58===c.charCodeAt(L-3)&&(P=_);case 8:111===I&&(P=I)}break;case 58:0===A+w+C&&(T=L);break;case 44:0===w+x+A+C&&(N=1,y+="\r");break;case 34:case 39:0===w&&(A=A===h?0:0===A?h:A);break;case 91:0===A+w+x&&C++;break;case 93:0===A+w+x&&C--;break;case 41:0===A+w+C&&x--;break;case 40:if(0===A+w+C){if(0===d)if(2*_+3*I==533);else d=1;x++}break;case 64:0===w+x+A+C+T+m&&(m=1);break;case 42:case 47:if(!(0<A+C+x))switch(w){case 0:switch(2*h+3*c.charCodeAt(L+1)){case 235:w=47;break;case 220:D=L,w=42}break;case 42:47===h&&42===_&&D+2!==L&&(33===c.charCodeAt(D+2)&&(V+=c.substring(D,L+1)),y="",w=0)}}0===w&&(q+=y)}I=_,_=h,L++}if(0<(D=V.length)){if(N=n,0<j&&(void 0!==(S=s(2,V,N,e,R,E,D,l,p,l))&&0===(V=S).length))return G+V+H;if(V=N.join(",")+"{"+V+"}",0!==$*P){switch(2!==$||a(V,2)||(P=0),P){case 111:V=V.replace(v,":-moz-$1")+V;break;case 112:V=V.replace(b,"::-webkit-input-$1")+V.replace(b,"::-moz-$1")+V.replace(b,":-ms-input-$1")+V}P=0}}return G+V+H}function r(e,t,r){var o=t.trim().split(m);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=n(e,t[s],r).trim();break;default:var c=s=0;for(t=[];s<a;++s)for(var l=0;l<i;++l)t[c++]=n(e[l]+" ",o[s],r).trim()}return t}function n(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(y,"$1"+e.trim());case 58:return e.trim()+t.replace(y,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(y,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function o(e,t,r,n){var i=e+";",s=2*t+3*r+4*n;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===$||2===$&&a(c,1)?"-webkit-"+c+c:c}if(0===$||2===$&&!a(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(_,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return d.test(i)?i.replace(p,":-webkit-")+i.replace(p,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(S,"tb");break;case 232:c=i.replace(S,"tb-rl");break;case 220:c=i.replace(S,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(w,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(w,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===A.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?o(e.replace("stretch","fill-available"),t,r,n).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+n&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(h,"$1-webkit-$2")+i}return i}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),T(2!==t?n:n.replace(x,"$1"),r,t)}function i(e,t){var r=o(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(C," or ($1)").substring(4):"("+t+")"}function s(e,t,r,n,o,a,i,s,c,u){for(var f,p=0,d=t;p<j;++p)switch(f=I[p].call(l,e,d,r,n,o,a,i,s,c,u)){case void 0:case!1:case!0:case null:break;default:d=f}if(d!==t)return d}function c(e){return void 0!==(e=e.prefix)&&(T=null,e?"function"!=typeof e?$=1:($=2,T=e):$=0),c}function l(e,r){var n=e;if(33>n.charCodeAt(0)&&(n=n.trim()),n=[n],0<j){var o=s(-1,r,n,n,R,E,0,0,0,0);void 0!==o&&"string"==typeof o&&(r=o)}var a=t(O,n,r,0,0);return 0<j&&(void 0!==(o=s(-2,a,n,n,R,E,a.length,0,0,0))&&(a=o)),P=0,E=R=1,a}var u=/^\0+/g,f=/[\0\r\f]/g,p=/: */g,d=/zoo|gra/,h=/([,: ])(transform)/g,m=/,\r+?/g,y=/([\t\r\n ])*\f?&/g,g=/@(k\w+)\s*(\S*)\s*/,b=/::(place)/g,v=/:(read-only)/g,S=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,C=/([\s\S]*?);/g,w=/-self|flex-/g,x=/[^]*?(:[rp][el]a[\w-]+)[^]*/,A=/stretch|:\s*\w+\-(?:conte|avail)/,_=/([^-])(image-set\()/,E=1,R=1,P=0,$=1,O=[],I=[],j=0,T=null,M=0;return l.use=function e(t){switch(t){case void 0:case null:j=I.length=0;break;default:if("function"==typeof t)I[j++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else M=0|!!t}return e},l.set=c,void 0!==e&&c(e),l}W=Symbol.for("react.module.reference"),Z.ContextConsumer=oe,Z.ContextProvider=ne,Z.Element=J,Z.ForwardRef=ie,Z.Fragment=ee,Z.Lazy=ue,Z.Memo=le,Z.Portal=Q,Z.Profiler=re,Z.StrictMode=te,Z.Suspense=se,Z.SuspenseList=ce,Z.isAsyncMode=function(){return!1},Z.isConcurrentMode=function(){return!1},Z.isContextConsumer=function(e){return pe(e)===oe},Z.isContextProvider=function(e){return pe(e)===ne},Z.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===J},Z.isForwardRef=function(e){return pe(e)===ie},Z.isFragment=function(e){return pe(e)===ee},Z.isLazy=function(e){return pe(e)===ue},Z.isMemo=function(e){return pe(e)===le},Z.isPortal=function(e){return pe(e)===Q},Z.isProfiler=function(e){return pe(e)===re},Z.isStrictMode=function(e){return pe(e)===te},Z.isSuspense=function(e){return pe(e)===se},Z.isSuspenseList=function(e){return pe(e)===ce},Z.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===ee||e===re||e===te||e===se||e===ce||e===fe||"object"==typeof e&&null!==e&&(e.$$typeof===ue||e.$$typeof===le||e.$$typeof===ne||e.$$typeof===oe||e.$$typeof===ie||e.$$typeof===W||void 0!==e.getModuleId)},Z.typeOf=pe,X.exports=Z;var he={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var me,ye,ge=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,be=(me=function(e){return ge.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91},ye=Object.create(null),function(e){return void 0===ye[e]&&(ye[e]=me(e)),ye[e]}),ve={exports:{}},Se={},ke="function"==typeof Symbol&&Symbol.for,Ce=ke?Symbol.for("react.element"):60103,we=ke?Symbol.for("react.portal"):60106,xe=ke?Symbol.for("react.fragment"):60107,Ae=ke?Symbol.for("react.strict_mode"):60108,_e=ke?Symbol.for("react.profiler"):60114,Ee=ke?Symbol.for("react.provider"):60109,Re=ke?Symbol.for("react.context"):60110,Pe=ke?Symbol.for("react.async_mode"):60111,$e=ke?Symbol.for("react.concurrent_mode"):60111,Oe=ke?Symbol.for("react.forward_ref"):60112,Ie=ke?Symbol.for("react.suspense"):60113,je=ke?Symbol.for("react.suspense_list"):60120,Te=ke?Symbol.for("react.memo"):60115,Me=ke?Symbol.for("react.lazy"):60116,Le=ke?Symbol.for("react.block"):60121,Ne=ke?Symbol.for("react.fundamental"):60117,ze=ke?Symbol.for("react.responder"):60118,De=ke?Symbol.for("react.scope"):60119;function Fe(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case Ce:switch(e=e.type){case Pe:case $e:case xe:case _e:case Ae:case Ie:return e;default:switch(e=e&&e.$$typeof){case Re:case Oe:case Me:case Te:case Ee:return e;default:return t}}case we:return t}}}function Be(e){return Fe(e)===$e}Se.AsyncMode=Pe,Se.ConcurrentMode=$e,Se.ContextConsumer=Re,Se.ContextProvider=Ee,Se.Element=Ce,Se.ForwardRef=Oe,Se.Fragment=xe,Se.Lazy=Me,Se.Memo=Te,Se.Portal=we,Se.Profiler=_e,Se.StrictMode=Ae,Se.Suspense=Ie,Se.isAsyncMode=function(e){return Be(e)||Fe(e)===Pe},Se.isConcurrentMode=Be,Se.isContextConsumer=function(e){return Fe(e)===Re},Se.isContextProvider=function(e){return Fe(e)===Ee},Se.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===Ce},Se.isForwardRef=function(e){return Fe(e)===Oe},Se.isFragment=function(e){return Fe(e)===xe},Se.isLazy=function(e){return Fe(e)===Me},Se.isMemo=function(e){return Fe(e)===Te},Se.isPortal=function(e){return Fe(e)===we},Se.isProfiler=function(e){return Fe(e)===_e},Se.isStrictMode=function(e){return Fe(e)===Ae},Se.isSuspense=function(e){return Fe(e)===Ie},Se.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===xe||e===$e||e===_e||e===Ae||e===Ie||e===je||"object"==typeof e&&null!==e&&(e.$$typeof===Me||e.$$typeof===Te||e.$$typeof===Ee||e.$$typeof===Re||e.$$typeof===Oe||e.$$typeof===Ne||e.$$typeof===ze||e.$$typeof===De||e.$$typeof===Le)},Se.typeOf=Fe,ve.exports=Se;var qe=ve.exports,Ve={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},He={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ge={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ue={};function Ye(e){return qe.isMemo(e)?Ge:Ue[e.$$typeof]||Ve}Ue[qe.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ue[qe.Memo]=Ge;var We=Object.defineProperty,Ke=Object.getOwnPropertyNames,Xe=Object.getOwnPropertySymbols,Ze=Object.getOwnPropertyDescriptor,Je=Object.getPrototypeOf,Qe=Object.prototype;var et=function e(t,r,n){if("string"!=typeof r){if(Qe){var o=Je(r);o&&o!==Qe&&e(t,o,n)}var a=Ke(r);Xe&&(a=a.concat(Xe(r)));for(var i=Ye(t),s=Ye(r),c=0;c<a.length;++c){var l=a[c];if(!(He[l]||n&&n[l]||s&&s[l]||i&&i[l])){var u=Ze(r,l);try{We(t,l,u)}catch(e){}}}}return t};function tt(){return(tt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var rt=function(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r},nt=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!X.exports.typeOf(e)},ot=Object.freeze([]),at=Object.freeze({});function it(e){return"function"==typeof e}function st(e){return e.displayName||e.name||"Component"}function ct(e){return e&&"string"==typeof e.styledComponentId}var lt="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ut="undefined"!=typeof window&&"HTMLElement"in window,ft=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&(void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&("false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY)));function pt(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(r.length>0?" Args: "+r.join(", "):""))}var dt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)(o<<=1)<0&&pt(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var a=n;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=0,c=t.length;s<c;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,a=n;a<o;a++)t+=this.tag.getRule(a)+"/*!sc*/\n";return t},e}(),ht=new Map,mt=new Map,yt=1,gt=function(e){if(ht.has(e))return ht.get(e);for(;mt.has(yt);)yt++;var t=yt++;return ht.set(e,t),mt.set(t,e),t},bt=function(e){return mt.get(e)},vt=function(e,t){t>=yt&&(yt=t+1),ht.set(e,t),mt.set(t,e)},St="style["+lt+'][data-styled-version="5.3.11"]',kt=new RegExp("^"+lt+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),Ct=function(e,t,r){for(var n,o=r.split(","),a=0,i=o.length;a<i;a++)(n=o[a])&&e.registerName(t,n)},wt=function(e,t){for(var r=(t.textContent||"").split("/*!sc*/\n"),n=[],o=0,a=r.length;o<a;o++){var i=r[o].trim();if(i){var s=i.match(kt);if(s){var c=0|parseInt(s[1],10),l=s[2];0!==c&&(vt(l,c),Ct(e,l,s[3]),e.getTag().insertRules(c,n)),n.length=0}else n.push(i)}}},xt=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(e){for(var t=e.childNodes,r=t.length;r>=0;r--){var n=t[r];if(n&&1===n.nodeType&&n.hasAttribute(lt))return n}}(r),a=void 0!==o?o.nextSibling:null;n.setAttribute(lt,"active"),n.setAttribute("data-styled-version","5.3.11");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&n.setAttribute("nonce",i),r.insertBefore(n,a),n},At=function(){function e(e){var t=this.element=xt(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}pt(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),_t=function(){function e(e){var t=this.element=xt(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t),n=this.nodes[e];return this.element.insertBefore(r,n||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Et=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Rt=ut,Pt={isServer:!ut,useCSSOMInjection:!ft},$t=function(){function e(e,t,r){void 0===e&&(e=at),void 0===t&&(t={}),this.options=tt({},Pt,{},e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&ut&&Rt&&(Rt=!1,function(e){for(var t=document.querySelectorAll(St),r=0,n=t.length;r<n;r++){var o=t[r];o&&"active"!==o.getAttribute(lt)&&(wt(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return gt(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(tt({},this.options,{},t),this.gs,r&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(r=(t=this.options).isServer,n=t.useCSSOMInjection,o=t.target,e=r?new Et(o):n?new At(o):new _t(o),new dt(e)));var e,t,r,n,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(gt(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},t.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(gt(e),r)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(gt(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),r=t.length,n="",o=0;o<r;o++){var a=bt(o);if(void 0!==a){var i=e.names.get(a),s=t.getGroup(o);if(i&&s&&i.size){var c=lt+".g"+o+'[id="'+a+'"]',l="";void 0!==i&&i.forEach(function(e){e.length>0&&(l+=e+",")}),n+=""+s+c+'{content:"'+l+'"}/*!sc*/\n'}}}return n}(this)},e}(),Ot=/(a)(d)/gi,It=function(e){return String.fromCharCode(e+(e>25?39:97))};function jt(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=It(t%52)+r;return(It(t%52)+r).replace(Ot,"$1-$2")}var Tt=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Mt=function(e){return Tt(5381,e)};var Lt=Mt("5.3.11"),Nt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(it(r)&&!ct(r))return!1}return!0}(e),this.componentId=t,this.baseHash=Tt(Lt,t),this.baseStyle=r,$t.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))o.push(this.staticRulesId);else{var a=Zt(this.rules,e,t,r).join(""),i=jt(Tt(this.baseHash,a)>>>0);if(!t.hasNameForId(n,i)){var s=r(a,"."+i,void 0,n);t.insertRules(n,i,s)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,l=Tt(this.baseHash,r.hash),u="",f=0;f<c;f++){var p=this.rules[f];if("string"==typeof p)u+=p;else if(p){var d=Zt(p,e,t,r),h=Array.isArray(d)?d.join(""):d;l=Tt(l,h+f),u+=h}}if(u){var m=jt(l>>>0);if(!t.hasNameForId(n,m)){var y=r(u,"."+m,void 0,n);t.insertRules(n,m,y)}o.push(m)}}return o.join(" ")},e}(),zt=/^\s*\/\/.*$/gm,Dt=[":","[",".","#"];var Ft=q.createContext();Ft.Consumer;var Bt=q.createContext(),qt=(Bt.Consumer,new $t),Vt=function(e){var t,r,n,o,a=void 0===e?at:e,i=a.options,s=void 0===i?at:i,c=a.plugins,l=void 0===c?ot:c,u=new de(s),f=[],p=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(r,n,o,a,i,s,c,l,u,f){switch(r){case 1:if(0===u&&64===n.charCodeAt(0))return e(n+";"),"";break;case 2:if(0===l)return n+"/*|*/";break;case 3:switch(l){case 102:case 112:return e(o[0]+n),"";default:return n+(0===f?"/*|*/":"")}case-2:n.split("/*|*/}").forEach(t)}}}(function(e){f.push(e)}),d=function(e,n,a){return 0===n&&-1!==Dt.indexOf(a[r.length])||a.match(o)?e:"."+t};function h(e,a,i,s){void 0===s&&(s="&");var c=e.replace(zt,""),l=a&&i?i+" "+a+" { "+c+" }":c;return t=s,r=a,n=new RegExp("\\"+r+"\\b","g"),o=new RegExp("(\\"+r+"\\b){2,}"),u(i||!a?"":a,l)}return u.use([].concat(l,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(r)>0&&(o[0]=o[0].replace(n,d))},p,function(e){if(-2===e){var t=f;return f=[],t}}])),h.hash=l.length?l.reduce(function(e,t){return t.name||pt(15),Tt(e,t.name)},5381).toString():"",h}();var Ht=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Vt);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){return pt(12,String(r.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Vt),this.name+e.hash},e}(),Gt=/([A-Z])/,Ut=/([A-Z])/g,Yt=/^ms-/,Wt=function(e){return"-"+e.toLowerCase()};function Kt(e){return Gt.test(e)?e.replace(Ut,Wt).replace(Yt,"-ms-"):e}var Xt=function(e){return null==e||!1===e||""===e};function Zt(e,t,r,n){if(Array.isArray(e)){for(var o,a=[],i=0,s=e.length;i<s;i+=1)""!==(o=Zt(e[i],t,r,n))&&(Array.isArray(o)?a.push.apply(a,o):a.push(o));return a}return Xt(e)?"":ct(e)?"."+e.styledComponentId:it(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:Zt(e(t),t,r,n):e instanceof Ht?r?(e.inject(r,n),e.getName(n)):e:nt(e)?function e(t,r){var n,o,a=[];for(var i in t)t.hasOwnProperty(i)&&!Xt(t[i])&&(Array.isArray(t[i])&&t[i].isCss||it(t[i])?a.push(Kt(i)+":",t[i],";"):nt(t[i])?a.push.apply(a,e(t[i],i)):a.push(Kt(i)+": "+(n=i,(null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in he||n.startsWith("--")?String(o).trim():o+"px")+";")));return r?[r+" {"].concat(a,["}"]):a}(e):e.toString();var c}var Jt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Qt(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return it(e)||nt(e)?Jt(Zt(rt(ot,[e].concat(r)))):0===r.length&&1===e.length&&"string"==typeof e[0]?e:Jt(Zt(rt(e,r)))}var er=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,tr=/(^-|-$)/g;function rr(e){return e.replace(er,"-").replace(tr,"")}function nr(e){return"string"==typeof e&&!0}var or=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},ar=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ir(e,t,r){var n=e[r];or(t)&&or(n)?sr(n,t):e[r]=t}function sr(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];for(var o=0,a=r;o<a.length;o++){var i=a[o];if(or(i))for(var s in i)ar(s)&&ir(e,i[s],s)}return e}var cr=q.createContext();cr.Consumer;var lr={};function ur(e,t,r){var n=ct(e),o=!nr(e),a=t.attrs,s=void 0===a?ot:a,c=t.componentId,l=void 0===c?function(e,t){var r="string"!=typeof e?"sc":rr(e);lr[r]=(lr[r]||0)+1;var n=r+"-"+function(e){return jt(Mt(e)>>>0)}("5.3.11"+r+lr[r]);return t?t+"-"+n:n}(t.displayName,t.parentComponentId):c,u=t.displayName,f=void 0===u?function(e){return nr(e)?"styled."+e:"Styled("+st(e)+")"}(e):u,p=t.displayName&&t.componentId?rr(t.displayName)+"-"+t.componentId:t.componentId||l,d=n&&e.attrs?Array.prototype.concat(e.attrs,s).filter(Boolean):s,h=t.shouldForwardProp;n&&e.shouldForwardProp&&(h=t.shouldForwardProp?function(r,n,o){return e.shouldForwardProp(r,n,o)&&t.shouldForwardProp(r,n,o)}:e.shouldForwardProp);var m,y=new Nt(r,p,n?e.componentStyle:void 0),g=y.isStatic&&0===s.length,b=function(e,t){return function(e,t,r,n){var o=e.attrs,a=e.componentStyle,s=e.defaultProps,c=e.foldedComponentIds,l=e.shouldForwardProp,u=e.styledComponentId,f=e.target,p=function(e,t,r){void 0===e&&(e=at);var n=tt({},t,{theme:e}),o={};return r.forEach(function(e){var t,r,a,i=e;for(t in it(i)&&(i=i(n)),i)n[t]=o[t]="className"===t?(r=o[t],a=i[t],r&&a?r+" "+a:r||a):i[t]}),[n,o]}(function(e,t,r){return void 0===r&&(r=at),e.theme!==r.theme&&e.theme||t||r.theme}(t,i.exports.useContext(cr),s)||at,t,o),d=p[0],h=p[1],m=function(e,t,r){var n=i.exports.useContext(Ft)||qt,o=i.exports.useContext(Bt)||Vt;return t?e.generateAndInjectStyles(at,n,o):e.generateAndInjectStyles(r,n,o)}(a,n,d),y=r,g=h.$as||t.$as||h.as||t.as||f,b=nr(g),v=h!==t?tt({},t,{},h):t,S={};for(var k in v)"$"!==k[0]&&"as"!==k&&("forwardedAs"===k?S.as=v[k]:(l?l(k,be,g):!b||be(k))&&(S[k]=v[k]));return t.style&&h.style!==t.style&&(S.style=tt({},t.style,{},h.style)),S.className=Array.prototype.concat(c,u,m!==u?m:null,t.className,h.className).filter(Boolean).join(" "),S.ref=y,i.exports.createElement(g,S)}(m,e,t,g)};return b.displayName=f,(m=q.forwardRef(b)).attrs=d,m.componentStyle=y,m.displayName=f,m.shouldForwardProp=h,m.foldedComponentIds=n?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):ot,m.styledComponentId=p,m.target=n?e.target:e,m.withComponent=function(e){var n=t.componentId,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(t,["componentId"]),a=n&&n+"-"+(nr(e)?e:rr(st(e)));return ur(e,tt({},o,{attrs:d,componentId:a}),r)},Object.defineProperty(m,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=n?sr({},e.defaultProps,t):t}}),Object.defineProperty(m,"toString",{value:function(){return"."+m.styledComponentId}}),o&&et(m,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),m}var fr=function(e){return function e(t,r,n){if(void 0===n&&(n=at),!X.exports.isValidElementType(r))return pt(1,String(r));var o=function(){return t(r,n,Qt.apply(void 0,arguments))};return o.withConfig=function(o){return e(t,r,tt({},n,{},o))},o.attrs=function(o){return e(t,r,tt({},n,{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},o}(ur,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){fr[e]=fr(e)});var pr=fr;const dr=r,{styled:hr}=n,{color:mr}=o,{Radio:yr}=a,gr=hr(yr)({"&.MuiRadio-root":{color:`var(--choice-input-color, ${mr.text()})`},"&.MuiRadio-root.Mui-checked":{color:`var(--choice-input-selected-color, ${mr.primary()})`},"&.MuiRadio-root.Mui-disabled":{color:`var(--choice-input-disabled-color, ${mr.defaults.DISABLED})`}}),br=e=>{const{disabled:t,checked:r,matrixKey:n,matrixValue:o,onChange:a}=e;return q.createElement(gr,{checked:r,onChange:()=>{t||a({matrixValue:o,matrixKey:n})},disabled:t})};br.propTypes={checked:dr.bool.isRequired,disabled:dr.bool.isRequired,matrixValue:dr.number.isRequired,matrixKey:dr.string.isRequired,onChange:dr.func.isRequired},br.defaultProps={checked:!1,disabled:!1};const vr=r,{color:Sr}=o,{Collapsible:kr}=o,{PreviewPrompt:Cr}=o,wr=pr.div`
+  color: ${Sr.text()};
+  background-color: ${Sr.background()};
+  font-family: Roboto, Arial, Helvetica, sans-serif;
+`,xr=pr.div`
+  display: grid;
+  grid-template-columns: ${e=>e.gridTemplateColumns};
+  grid-column-gap: 30px;
+  grid-row-gap: 20px;
+  margin-top: 20px;
+`,Ar=pr(kr)`
+  margin-bottom: 16px;
+`,_r=pr.div`
+  align-self: center;
+  justify-self: center;
+  white-space: nowrap;
+`,Er=e=>{const{disabled:t,prompt:r,onSessionChange:n,columnLabels:o,matrixValues:a,rowLabels:i,session:s,teacherInstructions:c}=e,l=[];for(let e=0;e<i.length+1;e++)for(let r=0;r<o.length+1;r++){let c;if(0===e&&0===r)c=null;else if(0===e)c=o[r-1];else if(0===r)c=i[e-1];else{const o=`${e-1}-${r-1}`,i=a[o];c=q.createElement(br,{matrixKey:o,matrixValue:i||0,disabled:t,onChange:n,checked:s.value&&Object.prototype.hasOwnProperty.call(s.value,o)})}l.push(c)}const u=[...o,{}].map(()=>"min-content").join(" ");return q.createElement(wr,null,c&&q.createElement(Ar,{className:c,labels:{hidden:"Show Teacher Instructions",visible:"Hide Teacher Instructions"}},q.createElement(Cr,{prompt:c})),q.createElement(Cr,{className:"prompt",prompt:r}),q.createElement(xr,{gridTemplateColumns:u},l.map((e,t)=>q.createElement(_r,{key:`${t}`},e))))};Er.propTypes={prompt:vr.string,teacherInstructions:vr.string,session:vr.object,matrixValues:vr.object,rowLabels:vr.arrayOf(vr.string),columnLabels:vr.arrayOf(vr.string),disabled:vr.bool.isRequired,onSessionChange:vr.func.isRequired},Er.defaultProps={session:{value:{}}};const Rr=r,{PreviewLayout:Pr}=o;class $r extends q.Component{static __initStatic(){this.propTypes={model:Rr.object,session:Rr.object,onSessionChange:Rr.func}}static __initStatic2(){this.defaultProps={model:{},session:{}}}render(){const{model:e,onSessionChange:t,session:r}=this.props,{extraCSSRules:n}=e;return q.createElement(Pr,{extraCSSRules:n},q.createElement(Er,{...e,session:r,onSessionChange:t}))}}$r.__initStatic(),$r.__initStatic2();const{renderMath:Or}=e,Ir=e=>!(!e||!e.value)&&!!Object.keys(e.value).length;class jr extends HTMLElement{constructor(){super(),this._root=null}set model(e){this._model=e,this._render()}set session(e){this._session=e,this._render()}get session(){return this._session}sessionChanged({matrixKey:e,matrixValue:t}){const r=e.split("-")[0],n=Object.keys(this._session.value||{}).reduce((e,t)=>(t.startsWith(r)||(e[t]=this._session.value[t]),e),{});n[e]=t,this._session.value=n;const o=Ir(this._session,this._model);this.dispatchEvent(new K(this.tagName.toLowerCase(),o)),this._render()}connectedCallback(){this._render()}_render(){if(!this._model||!this._session)return;const e=q.createElement($r,{model:this._model,session:this._session,onSessionChange:this.sessionChanged.bind(this)});this._root||(this._root=V(this)),this._root.render(e),queueMicrotask(()=>{Or(this)})}disconnectedCallback(){this._root&&this._root.unmount()}}export{jr as default,Ir as isComplete};

package/module/index.html

@@ -0,0 +1,21 @@
+
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/matrix@3.0.0-beta.1</title>
+      <script
+        type="module"
+        src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
+     
+      <link
+        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
+        rel="stylesheet"
+      />
+      <style>
+        html, body {
+          font-family: 'Roboto', sans-serif;
+        }
+      </style>
+      <script type="module" src="./demo.js"></script> 
+    </head>
+  </html>

package/module/manifest.json

@@ -0,0 +1,14 @@
+{
+  "name": "@pie-element/matrix",
+  "version": "3.0.0-beta.1",
+  "modules": [
+    {
+      "name": "@pie-lib/math-rendering-module",
+      "version": "^4.0.5"
+    },
+    {
+      "name": "@pie-lib/shared-module",
+      "version": "^3.0.5"
+    }
+  ]
+}

package/module/print-demo.js

@@ -0,0 +1,72 @@
+import PrintElement from './print.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  labelType: 'agreement',
+  rowLabels: ['I\'m interested in politics.', 'I\'m interested in economics.'],
+  columnLabels: ['Disagree', 'Unsure', 'Agree'],
+  matrixValues: {},
+  prompt: 'How interested are you in the following domains?',
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'matrix-element': '../..',
+  },
+  models: [model('1', 'matrix-element')],
+};
+
+// new init - just shows off print!
+
+const init = async () => {
+  console.log('define the element...');
+  await Promise.all(
+    config.models.map(async (m) => {
+      try {
+        const printTag = `${m.element}-print`;
+        if (customElements.get(printTag)) {
+          return true;
+        } else {
+          customElements.define(printTag, PrintElement);
+          await customElements.whenDefined(printTag);
+          return true;
+        }
+      } catch (e) {
+        return false;
+      }
+    })
+  );
+
+  console.log('now apply the model...');
+  config.models.forEach((m) => {
+    const printTag = `${m.element}-print`;
+    const h3s = document.createElement('h3');
+    h3s.textContent = 'student mode';
+    document.body.appendChild(h3s);
+    const de = document.createElement(printTag);
+    document.body.appendChild(de);
+    de.options = {};
+    de.model = m;
+
+    const h3 = document.createElement('h3');
+    h3.textContent = 'instructor mode';
+    document.body.appendChild(h3);
+    const instr = document.createElement(printTag);
+    document.body.appendChild(instr);
+    instr.options = { mode: 'instructor' };
+    instr.model = JSON.parse(JSON.stringify(m));
+  });
+};
+
+init()
+  .then(() => {
+    console.log('ready');
+  })
+  .catch((e) => {
+    console.error(e);
+  });

package/module/print.html

@@ -0,0 +1,18 @@
+
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/matrix@3.0.0-beta.1</title>
+      <link
+        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
+        rel="stylesheet"
+      />
+      <style>
+        html, body {
+          font-family: 'Roboto', sans-serif;
+        }
+      </style>
+      <script type="module" src="./print-demo.js"></script> 
+    </head>
+    <body></body>
+  </html>

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-next.42+bb1f3eb4e",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -15,17 +15,17 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/math-rendering": "3.22.3-next.0",
-    "@pie-lib/render-ui": "4.35.4-next.0",
+    "@pie-lib/math-rendering": "4.1.1-next.0",
+    "@pie-lib/render-ui": "5.1.1-next.0",
     "debug": "^4.1.1",
-    "prop-types": "^15.6.1",
+    "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "styled-components": "^5.2.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "802d21e25bfd05e6c6f6913260dfb6a4ed28a274",
+  "gitHead": "bb1f3eb4e3b5b1cb15024d459ffd6e94bf419712",
   "main": "lib/index.js",
   "module": "src/index.js"
 }