@pie-element/complex-rubric 6.0.0-beta.1 → 6.0.0-next.0

package/module/element.js

@@ -0,0 +1 @@
+import{_dll_react as e,_dll_mui__material_styles as t,_dll_mui__material as r,_dll_mui__material_collapse as n,_dll_pie_lib__render_ui as o,_dll_prop_types as i,_dll_react_dom as a,_dll_debug as s,_dll_mui__icons_material as l}from"../../../@pie-lib/shared-module@^4.0.1/module/index.js";import{_dll_pie_lib__math_rendering as c}from"../../../@pie-lib/math-rendering-module@^4.0.7/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as d}from"../../../@pie-lib/editable-html-module@^6.1.2/module/index.js";import{_dll_pie_lib__config_ui as u}from"../../../@pie-lib/config-module@^3.0.1/module/index.js";const p=e,{styled:g}=t,{ListItem:m}=r,{List:f}=r,b=n,{color:h}=o,{UiLayout:v}=o,y=i,x=g(v)({color:h.text(),backgroundColor:h.background(),"&:not(.MathJax) table":{borderCollapse:"collapse"},"&:not(.MathJax) table td, &:not(.MathJax) table th":{padding:"8px 12px",textAlign:"left"},"& ul p, & ol p":{marginBottom:0,marginTop:0,lineHeight:"normal"}}),E=g(m)({display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"12px 0px"}),I=g("div")({color:h.text()}),D=g("h3")({color:h.text(),fontSize:"16px",fontWeight:"700",margin:0,paddingBottom:"6px"}),w=g("h4")({color:h.text(),fontSize:"16px",fontWeight:"normal",margin:0,paddingBottom:"6px"}),S=g("h2")(({theme:e})=>({display:"flex",alignItems:"center",cursor:"pointer",userSelect:"none",fontSize:e.typography.fontSize,fontWeight:"500",color:h.tertiary(),margin:0})),C=g("span")({display:"inline-flex",transition:"transform 0.2s",marginLeft:2,alignSelf:"center"}),A=g("h2")({position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0,whiteSpace:"nowrap"}),O=y.shape({excludeZero:y.bool,points:y.arrayOf(y.string),sampleAnswers:y.arrayOf(y.string),animationsDisabled:y.bool});class P extends p.Component{__init(){this.dudUrl="javascript:;"}constructor(e){super(e),P.prototype.__init.call(this),P.prototype.__init2.call(this),this.state={rubricOpen:!1,linkPrefix:"Show"},this.toggleRubric=this.toggleRubric.bind(this)}static __initStatic(){this.propTypes={model:y.object.isRequired,animationsDisabled:y.bool,value:O}}toggleRubric(){this.setState({rubricOpen:!this.state.rubricOpen}),this.setState({linkPrefix:this.state.rubricOpen?"Show":"Hide"})}__init2(){this.shouldRenderPoint=(e,t)=>!t.excludeZero||0!==e}render(){const{model:e,value:t}=this.props;let{animationsDisabled:r}=this.props;if(r=r||t.animationsDisabled,t&&t.points){const{extraCSSRules:n}=e||{},{points:o,sampleAnswers:i}=t,a=p.createElement(f,{component:"nav"},o.slice(0).reverse().map((e,r)=>{r=o.length-r-1;const n=t.excludeZero?r+1:r;return p.createElement(p.Fragment,{key:r},p.createElement(E,{key:`P${r}`},p.createElement(D,null,1===n?`${n} PT`:`${n} PTS`),p.createElement(I,{dangerouslySetInnerHTML:{__html:e}})),i&&i[r]&&p.createElement(E,{key:`S${r}`},p.createElement(w,null,"Sample Answer"),p.createElement(I,{dangerouslySetInnerHTML:{__html:i[r]}})))}));return p.createElement(x,{extraCSSRules:n},p.createElement(A,null,"Rubric"),r?a:p.createElement(p.Fragment,null,p.createElement(S,{id:"rubric-toggle",tabIndex:0,role:"button","aria-expanded":this.state.rubricOpen,onClick:this.toggleRubric,onKeyPress:e=>{"Enter"!==e.key&&" "!==e.key||this.toggleRubric()}},this.state.linkPrefix," Rubric",p.createElement(C,{"aria-hidden":"true"},this.state.rubricOpen?p.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},p.createElement("polyline",{points:"18 15 12 9 6 15"})):p.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},p.createElement("polyline",{points:"6 9 12 15 18 9"})))),p.createElement(b,{in:this.state.rubricOpen,timeout:{enter:225,exit:195}},a)))}return null}}P.__initStatic();var R,_=a;R=_.createRoot,_.hydrateRoot;const B=e,N=s,{renderMath:T}=c;class L extends HTMLElement{constructor(){super(),N.log("constructor called"),this.onModelChanged=this.onModelChanged.bind(this),this._root=null}set model(e){this._model=e,this._render()}onModelChanged(e){this._model=e,this._render()}connectedCallback(){this._render()}_render(){if(this._model){const e=B.createElement(P,{value:this._model});this._root||(this._root=R(this)),this._root.render(e),queueMicrotask(()=>{T(this)})}}disconnectedCallback(){this._root&&this._root.unmount()}}var M={};Object.defineProperty(M,"__esModule",{value:!0});class k extends CustomEvent{constructor(e,t,r){super(k.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e,hasModel:r}}),this.component=e,this.complete=t}}k.TYPE="model-set";var G=M.ModelSetEvent=k;class W extends CustomEvent{constructor(e,t){super(W.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e}}),this.component=e,this.complete=t}}W.TYPE="session-changed",M.SessionChangedEvent=W;const F=e,$=i,{styled:j}=t,{color:U}=o,H=j("td")({color:U.primaryDark(),verticalAlign:"middle"}),q=j("div")({color:U.secondaryBackground(),textAlign:"center"}),V=e=>{const{trait:t,traitIndex:r,scaleIndex:n,showStandards:o,showDescription:i,scorePointsValues:a}=e,{name:s,standards:l,scorePointsDescriptors:c,description:d}=t||{};return F.createElement("tr",{key:`scale-${n}-trait-${r}`},F.createElement(H,null,F.createElement("div",{dangerouslySetInnerHTML:{__html:s}})),o?F.createElement("td",null,F.createElement("div",{dangerouslySetInnerHTML:{__html:l.join(",")}})):null,i?F.createElement("td",null,F.createElement("div",{dangerouslySetInnerHTML:{__html:d}})):null,a&&a.map((e,t)=>{let r;try{r=c[a.length-t-1]||""}catch(e){r=""}return F.createElement("td",{key:`table-cell-${t}`},r?F.createElement("div",{dangerouslySetInnerHTML:{__html:r}}):F.createElement(q,{dangerouslySetInnerHTML:{__html:"No Description"}}))}))};V.propTypes={showStandards:$.bool,showDescription:$.bool,scorePointsValues:$.arrayOf($.number),scaleIndex:$.number,traitIndex:$.number,trait:$.shape({name:$.string,standards:$.arrayOf($.string),scorePointsDescriptors:$.arrayOf($.string),description:$.string})};const z=e,Y=i,{styled:Z}=t,{color:J}=o,{ArrowBackIos:X}=l,{ArrowForwardIos:K}=l,Q=Z("div")({display:"flex",position:"relative"}),ee=Z("div")({width:"100%",overflow:"auto"}),te=Z("table")(({theme:e})=>({borderSpacing:0,marginBottom:e.spacing(2),borderRadius:"4px",color:J.text(),fontSize:e.typography.fontSize,lineHeight:"16px",overflow:"unset","& ul, ol":{marginBlockStart:0,paddingInlineStart:e.spacing(2)},"& th":{padding:e.spacing(2),textAlign:"left",backgroundColor:J.secondaryBackground(),verticalAlign:"bottom"},"& th div":{width:"200px"},"& td":{width:"200px",padding:`${e.spacing(2)} ${e.spacing(1)}`,verticalAlign:"top"}})),re=Z("table")({"& td":{border:0,padding:0,textAlign:"center",minWidth:"200px"}}),ne=Z("div")({marginBottom:"4px"}),oe=Z("td")({fontWeight:"normal"}),ie=({show:e,onClick:t,extraStyles:r,children:n})=>z.createElement("div",{style:{height:"calc(100% - 1px)",top:"1px",display:e?"flex":"none",width:"50px",margin:"auto",position:"absolute",alignItems:"center",justifyContent:"center",cursor:"pointer",...r},onClick:t},n);ie.propTypes={show:Y.bool,onClick:Y.func,extraStyles:Y.object,children:Y.object};class ae extends z.Component{constructor(...e){super(...e),ae.prototype.__init.call(this),ae.prototype.__init2.call(this),ae.prototype.__init3.call(this)}__init(){this.state={}}componentDidMount(){this.tableWrapper&&this.tableWrapper.offsetWidth<this.tableWrapper.scrollWidth&&this.setState({showRight:!0})}__init2(){this.scrollLeft=()=>{this.tableWrapper.scrollLeft-=this.tableWrapper.offsetWidth/2,this.setState({showRight:this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth,showLeft:this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth&&this.tableWrapper.scrollLeft>0})}}__init3(){this.scrollRight=()=>{const e=this.tableWrapper.scrollLeft;this.tableWrapper.scrollLeft+=this.tableWrapper.offsetWidth/2,this.setState({showRight:e!==this.tableWrapper.scrollLeft&&this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth,showLeft:this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth&&this.tableWrapper.scrollLeft>0})}}render(){const{showRight:e,showLeft:t}=this.state,{scale:r,scaleIndex:n,showDescription:o,showPointsLabels:i,showStandards:a,arrowsDisabled:s}=this.props,{excludeZero:l,maxPoints:c,traitLabel:d,traits:u,scorePointsLabels:p}=r||{};let g,m,f,b=[];try{for(let e=c;e>=l;e-=1)b.push(e);const{traitStandards:e,traitDescriptions:t}=u.reduce((e,t)=>({traitStandards:[...e.traitStandards,...t.standards||[]],traitDescriptions:[...e.traitDescriptions,...t.description||[]]}),{traitStandards:[],traitDescriptions:[]});g=o&&t.length,m=i&&p.length,f=a&&e.length}catch(e){g=!1,m=!1,f=!1}return z.createElement(Q,null,z.createElement(ie,{show:t&&!s,onClick:this.scrollLeft,extraStyles:{left:0,background:`linear-gradient(to right, white, ${J.background()})`}},z.createElement(X,null)),z.createElement(ee,{ref:e=>{this.tableWrapper=e},onScroll:()=>{this.setState({showRight:this.tableWrapper.scrollLeft+this.tableWrapper.offsetWidth<this.tableWrapper.scrollWidth-5&&this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth,showLeft:this.tableWrapper.scrollLeft<this.tableWrapper.scrollWidth&&this.tableWrapper.scrollLeft>0})}},s&&(e||t)?z.createElement("div",null,"The item is too large to fit in print mode."):null,z.createElement(te,{key:`scale-${n}`},z.createElement("thead",null,z.createElement("tr",null,z.createElement("th",null,z.createElement("div",{dangerouslySetInnerHTML:{__html:d}})),f?z.createElement("th",null,z.createElement("div",null,"Standard(s)")):null,g?z.createElement("th",null,z.createElement("div",null,"Description")):null,b&&b.map((e,t)=>{let r="";try{r=p[b.length-t-1]||""}catch(e){r=""}return z.createElement("th",{key:`table-header-${t}`},z.createElement(re,null,z.createElement("thead",null,m?z.createElement("tr",null,z.createElement("td",null,z.createElement(ne,{dangerouslySetInnerHTML:{__html:r}}))):null,z.createElement("tr",null,z.createElement(oe,null,1===e?`${e} point`:`${e} points`)))))}))),z.createElement("tbody",null,u&&u.map((e,t)=>z.createElement(V,{key:`trait_${n}_${t}`,trait:e,traitIndex:t,showDescription:!!g,showStandards:!!f,scaleIndex:n,scorePointsValues:b,excludeZero:l}))))),z.createElement(ie,{show:e&&!s,onClick:this.scrollRight,extraStyles:{right:0,background:`linear-gradient(to left, white, ${J.background()})`}},z.createElement(K,null)))}}ae.propTypes={scaleIndex:Y.number,scale:Y.shape({excludeZero:Y.bool,maxPoints:Y.number,scorePointsLabels:Y.arrayOf(Y.string),traitLabel:Y.string,traits:Y.arrayOf(Y.shape({name:Y.string,standards:Y.arrayOf(Y.string),scorePointsDescriptors:Y.arrayOf(Y.string),description:Y.string}))}),showPointsLabels:Y.bool,showDescription:Y.bool,showStandards:Y.bool,arrowsDisabled:Y.bool};const se=e,le=i,{Link:ce}=r,de=n,{color:ue}=o,{UiLayout:pe}=o;class ge extends se.Component{constructor(e){super(e),this.state={rubricOpen:!1,linkPrefix:"Show"},this.toggleRubric=this.toggleRubric.bind(this)}toggleRubric(){this.setState({rubricOpen:!this.state.rubricOpen}),this.setState({linkPrefix:this.state.rubricOpen?"Show":"Hide"})}render(){const{model:e}=this.props;let{animationsDisabled:t}=this.props;const{extraCSSRules:r,halfScoring:n,scales:o,visible:i,pointLabels:a,description:s,standards:l,arrowsDisabled:c}=e||{};if(t=t||e.animationsDisabled,!o||!i)return null;const d=se.createElement(pe,{extraCSSRules:r,style:{fontFamily:"Cerebri Sans",color:ue.text(),backgroundColor:ue.background()}},n?se.createElement("div",{style:{marginBottom:"16px"}},"* Half-point or in-between scores are permitted under this rubric."):null,o.map((e,t)=>se.createElement(ae,{key:`scale_${t}`,scale:e,scaleIndex:t,showPointsLabels:a,showDescription:s,showStandards:l,arrowsDisabled:c})));return t?d:se.createElement(pe,{extraCSSRules:r,style:{color:ue.text(),backgroundColor:ue.background()}},se.createElement(ce,{style:{backgroundColor:ue.background()},href:this.dudUrl,onClick:this.toggleRubric},this.state.linkPrefix," Rubric"),se.createElement(de,{style:{marginTop:"16px"},in:this.state.rubricOpen,timeout:{enter:225,exit:195}},d))}}ge.propTypes={model:le.shape({halfScoring:le.bool,scales:le.arrayOf(le.shape({excludeZero:le.bool,maxPoints:le.number,scorePointsLabels:le.arrayOf(le.string),traitLabel:le.string,traits:le.arrayOf(le.shape({name:le.string,description:le.string,scorePointsDescriptors:le.arrayOf(le.string),standards:le.arrayOf(le.string)}))})),visible:le.bool,pointLabels:le.bool,description:le.bool,standards:le.bool,animationsDisabled:le.bool}),animationsDisabled:le.bool};const me=e,{renderMath:fe}=c;class be extends HTMLElement{constructor(){super(),this._model={},this._session=null,this._root=null}set model(e){this._model=e,this.dispatchEvent(new G(this.tagName.toLowerCase(),this._session,!!this._model)),this._render()}set session(e){this._session=e}get session(){return this._session}connectedCallback(){this._render()}_render(){const e=me.createElement(ge,{model:this._model,session:this._session});this._root||(this._root=R(this)),this._root.render(e),queueMicrotask(()=>{fe(this)})}disconnectedCallback(){this._root&&this._root.unmount()}}var he="object"==typeof global&&global&&global.Object===Object&&global,ve="object"==typeof self&&self&&self.Object===Object&&self,ye=(he||ve||Function("return this")()).Symbol,xe=Object.prototype,Ee=xe.hasOwnProperty,Ie=xe.toString,De=ye?ye.toStringTag:void 0;var we=Object.prototype.toString;var Se=ye?ye.toStringTag:void 0;function Ce(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Se&&Se in Object(e)?function(e){var t=Ee.call(e,De),r=e[De];try{e[De]=void 0;var n=!0}catch(e){}var o=Ie.call(e);return n&&(t?e[De]=r:delete e[De]),o}(e):function(e){return we.call(e)}(e)}var Ae=/\s/;var Oe=/^\s+/;function Pe(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&Ae.test(e.charAt(t)););return t}(e)+1).replace(Oe,""):e}function Re(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var _e=/^[-+]0x[0-9a-f]+$/i,Be=/^0b[01]+$/i,Ne=/^0o[0-7]+$/i,Te=parseInt;function Le(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==Ce(e)}(e))return NaN;if(Re(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Re(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Pe(e);var r=Be.test(e);return r||Ne.test(e)?Te(e.slice(2),r?2:8):_e.test(e)?NaN:+e}var Me=1/0;function ke(e){return e?(e=Le(e))===Me||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}function Ge(e){var t=ke(e),r=t%1;return t==t?r?t-r:t:0}function We(e){return e}var Fe=/^(?:0|[1-9]\d*)$/;function $e(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}(e.length)&&!function(e){if(!Re(e))return!1;var t=Ce(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}(e)}function je(e,t,r){if(!Re(r))return!1;var n=typeof t;return!!("number"==n?$e(r)&&function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&Fe.test(e))&&e>-1&&e%1==0&&e<t}(t,r.length):"string"==n&&t in r)&&function(e,t){return e===t||e!=e&&t!=t}(r[t],e)}var Ue=Math.ceil,He=Math.max;var qe,Ve=function(e,t,r){return r&&"number"!=typeof r&&je(e,t,r)&&(t=r=void 0),e=ke(e),void 0===t?(t=e,e=0):t=ke(t),function(e,t,r,n){for(var o=-1,i=He(Ue((t-e)/(r||1)),0),a=Array(i);i--;)a[n?i:++o]=e,e+=r;return a}(e,t,r=void 0===r?e<t?1:-1:ke(r),qe)},ze=Ve;function Ye(e,t,r){var n=null==e?0:e.length;return n?function(e,t,r){var n=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(r=r>o?o:r)<0&&(r+=o),o=t>r?0:r-t>>>0,t>>>=0;for(var i=Array(o);++n<o;)i[n]=e[n+t];return i}(e,(t=n-(t=r||void 0===t?1:Ge(t)))<0?0:t,n):[]}var Ze=4294967295,Je=Math.min;function Xe(e,t){if((e=Ge(e))<1||e>9007199254740991)return[];var r,n=Ze,o=Je(e,Ze);e-=Ze;for(var i=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}(o,t="function"==typeof(r=t)?r:We);++n<e;)t(n);return i}function Ke(e){return`Minified Redux error #${e}; visit https://redux.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `}var Qe="function"==typeof Symbol&&Symbol.observable||"@@observable",et=()=>Math.random().toString(36).substring(7).split("").join("."),tt={INIT:`@@redux/INIT${et()}`,REPLACE:`@@redux/REPLACE${et()}`,PROBE_UNKNOWN_ACTION:()=>`@@redux/PROBE_UNKNOWN_ACTION${et()}`};function rt(e,t,r){if("function"!=typeof e)throw new Error(Ke(2));if("function"==typeof t&&"function"==typeof r||"function"==typeof r&&"function"==typeof arguments[3])throw new Error(Ke(0));if("function"==typeof t&&void 0===r&&(r=t,t=void 0),void 0!==r){if("function"!=typeof r)throw new Error(Ke(1));return r(rt)(e,t)}let n=e,o=t,i=new Map,a=i,s=0,l=!1;function c(){a===i&&(a=new Map,i.forEach((e,t)=>{a.set(t,e)}))}function d(){if(l)throw new Error(Ke(3));return o}function u(e){if("function"!=typeof e)throw new Error(Ke(4));if(l)throw new Error(Ke(5));let t=!0;c();const r=s++;return a.set(r,e),function(){if(t){if(l)throw new Error(Ke(6));t=!1,c(),a.delete(r),i=null}}}function p(e){if(!function(e){if("object"!=typeof e||null===e)return!1;let t=e;for(;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t||null===Object.getPrototypeOf(e)}(e))throw new Error(Ke(7));if(void 0===e.type)throw new Error(Ke(8));if("string"!=typeof e.type)throw new Error(Ke(17));if(l)throw new Error(Ke(9));try{l=!0,o=n(o,e)}finally{l=!1}return(i=a).forEach(e=>{e()}),e}p({type:tt.INIT});return{dispatch:p,subscribe:u,getState:d,replaceReducer:function(e){if("function"!=typeof e)throw new Error(Ke(10));n=e,p({type:tt.REPLACE})},[Qe]:function(){const e=u;return{subscribe(t){if("object"!=typeof t||null===t)throw new Error(Ke(11));function r(){const e=t;e.next&&e.next(d())}r();return{unsubscribe:e(r)}},[Qe](){return this}}}}}function nt(e,t){return function(...r){return t(e.apply(this,r))}}function ot(e,t){if("function"==typeof e)return nt(e,t);if("object"!=typeof e||null===e)throw new Error(Ke(16));const r={};for(const n in e){const o=e[n];"function"==typeof o&&(r[n]=nt(o,t))}return r}function it(...e){return 0===e.length?e=>e:1===e.length?e[0]:e.reduce((e,t)=>(...r)=>e(t(...r)))}var at={exports:{}},st={};var lt=e;var ct="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},dt=lt.useSyncExternalStore,ut=lt.useRef,pt=lt.useEffect,gt=lt.useMemo,mt=lt.useDebugValue;st.useSyncExternalStoreWithSelector=function(e,t,r,n,o){var i=ut(null);if(null===i.current){var a={hasValue:!1,value:null};i.current=a}else a=i.current;i=gt(function(){function e(e){if(!l){if(l=!0,i=e,e=n(e),void 0!==o&&a.hasValue){var t=a.value;if(o(t,e))return s=t}return s=e}if(t=s,ct(i,e))return t;var r=n(e);return void 0!==o&&o(t,r)?(i=e,t):(i=e,s=r)}var i,s,l=!1,c=void 0===r?null:r;return[function(){return e(t())},null===c?void 0:function(){return e(c())}]},[t,r,n,o]);var s=dt(e,i[0],i[1]);return pt(function(){a.hasValue=!0,a.value=s},[s]),mt(s),s},at.exports=st;const ft=e;var bt=ft.version.startsWith("19"),ht=Symbol.for(bt?"react.transitional.element":"react.element"),vt=Symbol.for("react.portal"),yt=Symbol.for("react.fragment"),xt=Symbol.for("react.strict_mode"),Et=Symbol.for("react.profiler"),It=Symbol.for("react.consumer"),Dt=Symbol.for("react.context"),wt=Symbol.for("react.forward_ref"),St=Symbol.for("react.suspense"),Ct=Symbol.for("react.suspense_list"),At=Symbol.for("react.memo"),Ot=Symbol.for("react.lazy"),Pt=wt,Rt=At;function _t(e){return function(e){if("object"==typeof e&&null!==e){const{$$typeof:t}=e;switch(t){case ht:switch(e=e.type){case yt:case Et:case xt:case St:case Ct:return e;default:switch(e=e&&e.$$typeof){case Dt:case wt:case Ot:case At:case It:return e;default:return t}}case vt:return t}}}(e)===At}function Bt(e,t,r,n,{areStatesEqual:o,areOwnPropsEqual:i,areStatePropsEqual:a}){let s,l,c,d,u,p=!1;function g(p,g){const m=!i(g,l),f=!o(p,s,g,l);return s=p,l=g,m&&f?(c=e(s,l),t.dependsOnOwnProps&&(d=t(n,l)),u=r(c,d,l),u):m?(e.dependsOnOwnProps&&(c=e(s,l)),t.dependsOnOwnProps&&(d=t(n,l)),u=r(c,d,l),u):f?function(){const t=e(s,l),n=!a(t,c);return c=t,n&&(u=r(c,d,l)),u}():u}return function(o,i){return p?g(o,i):(s=o,l=i,c=e(s,l),d=t(n,l),u=r(c,d,l),p=!0,u)}}function Nt(e){return function(t){const r=e(t);function n(){return r}return n.dependsOnOwnProps=!1,n}}function Tt(e){return e.dependsOnOwnProps?Boolean(e.dependsOnOwnProps):1!==e.length}function Lt(e,t){return function(t,{displayName:r}){const n=function(e,t){return n.dependsOnOwnProps?n.mapToProps(e,t):n.mapToProps(e,void 0)};return n.dependsOnOwnProps=!0,n.mapToProps=function(t,r){n.mapToProps=e,n.dependsOnOwnProps=Tt(e);let o=n(t,r);return"function"==typeof o&&(n.mapToProps=o,n.dependsOnOwnProps=Tt(o),o=n(t,r)),o},n}}function Mt(e,t){return(r,n)=>{throw new Error(`Invalid value of type ${typeof e} for ${t} argument when connecting component ${n.wrappedComponentName}.`)}}function kt(e,t,r){return{...r,...e,...t}}var Gt={notify(){},get:()=>[]};function Wt(e,t){let r,n=Gt,o=0,i=!1;function a(){c.onStateChange&&c.onStateChange()}function s(){o++,r||(r=t?t.addNestedSub(a):e.subscribe(a),n=function(){let e=null,t=null;return{clear(){e=null,t=null},notify(){(()=>{let t=e;for(;t;)t.callback(),t=t.next})()},get(){const t=[];let r=e;for(;r;)t.push(r),r=r.next;return t},subscribe(r){let n=!0;const o=t={callback:r,next:null,prev:t};return o.prev?o.prev.next=o:e=o,function(){n&&null!==e&&(n=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:e=o.next)}}}}())}function l(){o--,r&&0===o&&(r(),r=void 0,n.clear(),n=Gt)}const c={addNestedSub:function(e){s();const t=n.subscribe(e);let r=!1;return()=>{r||(r=!0,t(),l())}},notifyNestedSubs:function(){n.notify()},handleChangeWrapper:a,isSubscribed:function(){return i},trySubscribe:function(){i||(i=!0,s())},tryUnsubscribe:function(){i&&(i=!1,l())},getListeners:()=>n};return c}var Ft=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),$t="undefined"!=typeof navigator&&"ReactNative"===navigator.product,jt=Ft||$t?ft.useLayoutEffect:ft.useEffect;function Ut(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function Ht(e,t){if(Ut(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let n=0;n<r.length;n++)if(!Object.prototype.hasOwnProperty.call(t,r[n])||!Ut(e[r[n]],t[r[n]]))return!1;return!0}var qt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Vt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},zt={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Yt={[Pt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[Rt]:zt};function Zt(e){return _t(e)?zt:Yt[e.$$typeof]||qt}var Jt=Object.defineProperty,Xt=Object.getOwnPropertyNames,Kt=Object.getOwnPropertySymbols,Qt=Object.getOwnPropertyDescriptor,er=Object.getPrototypeOf,tr=Object.prototype;function rr(e,t){if("string"!=typeof t){if(tr){const r=er(t);r&&r!==tr&&rr(e,r)}let r=Xt(t);Kt&&(r=r.concat(Kt(t)));const n=Zt(e),o=Zt(t);for(let i=0;i<r.length;++i){const a=r[i];if(!(Vt[a]||o&&o[a]||n&&n[a])){const r=Qt(t,a);try{Jt(e,a,r)}catch(e){}}}}return e}var nr=Symbol.for("react-redux-context"),or="undefined"!=typeof globalThis?globalThis:{};var ir=function(){if(!ft.createContext)return{};const e=or[nr]??=new Map;let t=e.get(ft.createContext);return t||(t=ft.createContext(null),e.set(ft.createContext,t)),t}(),ar=[null,null];function sr(e,t,r,n,o,i){e.current=n,r.current=!1,o.current&&(o.current=null,i())}function lr(e,t){return e===t}var cr=function(e,t,r,{pure:n,areStatesEqual:o=lr,areOwnPropsEqual:i=Ht,areStatePropsEqual:a=Ht,areMergedPropsEqual:s=Ht,forwardRef:l=!1,context:c=ir}={}){const d=c,u=function(e){return e?"function"==typeof e?Lt(e):Mt(e,"mapStateToProps"):Nt(()=>({}))}(e),p=function(e){return e&&"object"==typeof e?Nt(t=>function(e,t){const r={};for(const n in e){const o=e[n];"function"==typeof o&&(r[n]=(...e)=>t(o(...e)))}return r}(e,t)):e?"function"==typeof e?Lt(e):Mt(e,"mapDispatchToProps"):Nt(e=>({dispatch:e}))}(t),g=function(e){return e?"function"==typeof e?function(e){return function(t,{displayName:r,areMergedPropsEqual:n}){let o,i=!1;return function(t,r,a){const s=e(t,r,a);return i?n(s,o)||(o=s):(i=!0,o=s),o}}}(e):Mt(e,"mergeProps"):()=>kt}(r),m=Boolean(e);return e=>{const t=e.displayName||e.name||"Component",r=`Connect(${t})`,n={shouldHandleStateChanges:m,displayName:r,wrappedComponentName:t,WrappedComponent:e,initMapStateToProps:u,initMapDispatchToProps:p,initMergeProps:g,areStatesEqual:o,areStatePropsEqual:a,areOwnPropsEqual:i,areMergedPropsEqual:s};function c(t){const[r,o,i]=ft.useMemo(()=>{const{reactReduxForwardedRef:e,...r}=t;return[t.context,e,r]},[t]),a=ft.useMemo(()=>{let e=d;return function(e){let t,r=e[0],n=1;for(;n<e.length;){const o=e[n],i=e[n+1];if(n+=2,("optionalAccess"===o||"optionalCall"===o)&&null==r)return;"access"===o||"optionalAccess"===o?(t=r,r=i(r)):"call"!==o&&"optionalCall"!==o||(r=i((...e)=>r.call(t,...e)),t=void 0)}}([r,"optionalAccess",e=>e.Consumer]),e},[r,d]),s=ft.useContext(a),l=Boolean(t.store)&&Boolean(t.store.getState)&&Boolean(t.store.dispatch),c=Boolean(s)&&Boolean(s.store),u=l?t.store:s.store,p=c?s.getServerState:u.getState,g=ft.useMemo(()=>function(e,{initMapStateToProps:t,initMapDispatchToProps:r,initMergeProps:n,...o}){return Bt(t(e,o),r(e,o),n(e,o),e,o)}(u.dispatch,n),[u]),[f,b]=ft.useMemo(()=>{if(!m)return ar;const e=Wt(u,l?void 0:s.subscription),t=e.notifyNestedSubs.bind(e);return[e,t]},[u,l,s]),h=ft.useMemo(()=>l?s:{...s,subscription:f},[l,s,f]),v=ft.useRef(void 0),y=ft.useRef(i),x=ft.useRef(void 0),E=ft.useRef(!1),I=ft.useRef(!1),D=ft.useRef(void 0);jt(()=>(I.current=!0,()=>{I.current=!1}),[]);const w=ft.useMemo(()=>()=>x.current&&i===y.current?x.current:g(u.getState(),i),[u,i]),S=ft.useMemo(()=>e=>f?function(e,t,r,n,o,i,a,s,l,c,d){if(!e)return()=>{};let u=!1,p=null;const g=()=>{if(u||!s.current)return;const e=t.getState();let r,g;try{r=n(e,o.current)}catch(e){g=e,p=e}g||(p=null),r===i.current?a.current||c():(i.current=r,l.current=r,a.current=!0,d())};return r.onStateChange=g,r.trySubscribe(),g(),()=>{if(u=!0,r.tryUnsubscribe(),r.onStateChange=null,p)throw p}}(m,u,f,g,y,v,E,I,x,b,e):()=>{},[f]);var C,A,O;let P;C=sr,A=[y,v,E,i,x,b],jt(()=>C(...A),O);try{P=ft.useSyncExternalStore(S,w,p?()=>g(p(),i):w)}catch(e){throw D.current&&(e.message+=`\nThe error may be correlated with this previous error:\n${D.current.stack}\n\n`),e}jt(()=>{D.current=void 0,x.current=void 0,v.current=P});const R=ft.useMemo(()=>ft.createElement(e,{...P,ref:o}),[o,e,P]);return ft.useMemo(()=>m?ft.createElement(a.Provider,{value:h},R):R,[a,R,h])}const f=ft.memo(c);if(f.WrappedComponent=e,f.displayName=c.displayName=r,l){const t=ft.forwardRef(function(e,t){return ft.createElement(f,{...e,reactReduxForwardedRef:t})});return t.displayName=r,t.WrappedComponent=e,rr(t,e)}return rr(f,e)}};var dr=function(e){const{children:t,context:r,serverState:n,store:o}=e,i=ft.useMemo(()=>{const e=Wt(o);return{store:o,subscription:e,getServerState:n?()=>n:void 0}},[o,n]),a=ft.useMemo(()=>o.getState(),[o]);jt(()=>{const{subscription:e}=i;return e.onStateChange=e.notifyNestedSubs,e.trySubscribe(),a!==o.getState()&&e.notifyNestedSubs(),()=>{e.tryUnsubscribe(),e.onStateChange=void 0}},[i,a]);const s=r||ir;return ft.createElement(s.Provider,{value:i},t)};function ur(e=ir){return function(){return ft.useContext(e)}}var pr=ur();function gr(e=ir){const t=e===ir?pr:ur(e),r=()=>{const{store:e}=t();return e};return Object.assign(r,{withTypes:()=>r}),r}var mr=gr();!function(e=ir){const t=e===ir?mr:gr(e),r=()=>t().dispatch;Object.assign(r,{withTypes:()=>r})}();var fr=(e,t)=>e===t;!function(e=ir){const t=e===ir?pr:ur(e),r=(e,r={})=>{const{equalityFn:n=fr}="function"==typeof r?{equalityFn:r}:r,o=t(),{store:i,subscription:a,getServerState:s}=o;ft.useRef(!0);const l=ft.useCallback({[e.name]:t=>e(t)}[e.name],[e]),c=at.exports.useSyncExternalStoreWithSelector(a.addNestedSub,i.getState,s||i.getState,l,n);return ft.useDebugValue(c),c};Object.assign(r,{withTypes:()=>r})}();var br="Invariant failed";var hr=function(e){var t=e.top,r=e.right,n=e.bottom,o=e.left;return{top:t,right:r,bottom:n,left:o,width:r-o,height:n-t,x:o,y:t,center:{x:(r+o)/2,y:(n+t)/2}}},vr=function(e,t){return{top:e.top-t.top,left:e.left-t.left,bottom:e.bottom+t.bottom,right:e.right+t.right}},yr=function(e,t){return{top:e.top+t.top,left:e.left+t.left,bottom:e.bottom-t.bottom,right:e.right-t.right}},xr={top:0,right:0,bottom:0,left:0},Er=function(e){var t=e.borderBox,r=e.margin,n=void 0===r?xr:r,o=e.border,i=void 0===o?xr:o,a=e.padding,s=void 0===a?xr:a,l=hr(vr(t,n)),c=hr(yr(t,i)),d=hr(yr(c,s));return{marginBox:l,borderBox:hr(t),paddingBox:c,contentBox:d,margin:n,border:i,padding:s}},Ir=function(e){var t=e.slice(0,-2);if("px"!==e.slice(-2))return 0;var r=Number(t);return isNaN(r)&&function(e){if(!e)throw new Error(br)}(!1),r},Dr=function(e,t){var r,n,o=e.borderBox,i=e.border,a=e.margin,s=e.padding,l=(n=t,{top:(r=o).top+n.y,left:r.left+n.x,bottom:r.bottom+n.y,right:r.right+n.x});return Er({borderBox:l,border:i,margin:a,padding:s})},wr=function(e,t){return void 0===t&&(t={x:window.pageXOffset,y:window.pageYOffset}),Dr(e,t)},Sr=function(e,t){var r={top:Ir(t.marginTop),right:Ir(t.marginRight),bottom:Ir(t.marginBottom),left:Ir(t.marginLeft)},n={top:Ir(t.paddingTop),right:Ir(t.paddingRight),bottom:Ir(t.paddingBottom),left:Ir(t.paddingLeft)},o={top:Ir(t.borderTopWidth),right:Ir(t.borderRightWidth),bottom:Ir(t.borderBottomWidth),left:Ir(t.borderLeftWidth)};return Er({borderBox:e,margin:r,padding:n,border:o})},Cr=function(e){var t=e.getBoundingClientRect(),r=window.getComputedStyle(e);return Sr(t,r)},Ar=function(e){var t=[],r=null,n=function(){for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];t=o,r||(r=requestAnimationFrame(function(){r=null,e.apply(void 0,t)}))};return n.cancel=function(){r&&(cancelAnimationFrame(r),r=null)},n};function Or(){return Or=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Or.apply(null,arguments)}const Pr=e,{useState:Rr}=e,{useRef:_r}=e,{useEffect:Br}=e,{useLayoutEffect:Nr}=e,{useContext:Tr}=e,Lr=a,{flushSync:Mr}=a;function kr(e,t){}function Gr(){}function Wr(e,t,r){const n=t.map(t=>{const n=(o=r,i=t.options,{...o,...i});var o,i;return e.addEventListener(t.eventName,t.fn,n),function(){e.removeEventListener(t.eventName,t.fn,n)}});return function(){n.forEach(e=>{e()})}}kr.bind(null,"warn"),kr.bind(null,"error");class Fr extends Error{}function $r(e,t){throw new Fr("Invariant failed")}Fr.prototype.toString=function(){return this.message};class jr extends Pr.Component{constructor(...e){super(...e),this.callbacks=null,this.unbind=Gr,this.onWindowError=e=>{const t=this.getCallbacks();t.isDragging()&&t.tryAbort();e.error instanceof Fr&&e.preventDefault()},this.getCallbacks=()=>{if(!this.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return this.callbacks},this.setCallbacks=e=>{this.callbacks=e}}componentDidMount(){this.unbind=Wr(window,[{eventName:"error",fn:this.onWindowError}])}componentDidCatch(e){if(!(e instanceof Fr))throw e;this.setState({})}componentWillUnmount(){this.unbind()}render(){return this.props.children(this.setCallbacks)}}const Ur=e=>e+1,Hr=(e,t)=>{const r=e.droppableId===t.droppableId,n=Ur(e.index),o=Ur(t.index);return r?`\n      You have moved the item from position ${n}\n      to position ${o}\n    `:`\n    You have moved the item from position ${n}\n    in list ${e.droppableId}\n    to list ${t.droppableId}\n    in position ${o}\n  `},qr=(e,t,r)=>t.droppableId===r.droppableId?`\n      The item ${e}\n      has been combined with ${r.draggableId}`:`\n      The item ${e}\n      in list ${t.droppableId}\n      has been combined with ${r.draggableId}\n      in list ${r.droppableId}\n    `,Vr=e=>`\n  The item has returned to its starting position\n  of ${Ur(e.index)}\n`,zr={dragHandleUsageInstructions:"\n  Press space bar to start a drag.\n  When dragging you can use the arrow keys to move the item around and escape to cancel.\n  Some screen readers may require you to be in focus mode or to use your pass through key\n",onDragStart:e=>`\n  You have lifted an item in position ${Ur(e.source.index)}\n`,onDragUpdate:e=>{const t=e.destination;if(t)return Hr(e.source,t);const r=e.combine;return r?qr(e.draggableId,e.source,r):"You are over an area that cannot be dropped on"},onDragEnd:e=>{if("CANCEL"===e.reason)return`\n      Movement cancelled.\n      ${Vr(e.source)}\n    `;const t=e.destination,r=e.combine;return t?`\n      You have dropped the item.\n      ${Hr(e.source,t)}\n    `:r?`\n      You have dropped the item.\n      ${qr(e.draggableId,e.source,r)}\n    `:`\n    The item has been dropped while not over a drop area.\n    ${Vr(e.source)}\n  `}};function Yr(e,t){return e===t||!(!Number.isNaN(e)||!Number.isNaN(t))}function Zr(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!Yr(e[r],t[r]))return!1;return!0}function Jr(e,t){const r=Rr(()=>({inputs:t,result:e()}))[0],n=_r(!0),o=_r(r),i=n.current||Boolean(t&&o.current.inputs&&Zr(t,o.current.inputs))?o.current:{inputs:t,result:e()};return Br(()=>{n.current=!1,o.current=i},[i]),i.result}function Xr(e,t){return Jr(()=>e,t)}const Kr={x:0,y:0},Qr=(e,t)=>({x:e.x+t.x,y:e.y+t.y}),en=(e,t)=>({x:e.x-t.x,y:e.y-t.y}),tn=(e,t)=>e.x===t.x&&e.y===t.y,rn=e=>({x:0!==e.x?-e.x:0,y:0!==e.y?-e.y:0}),nn=(e,t,r=0)=>"x"===e?{x:t,y:r}:{x:r,y:t},on=(e,t)=>Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2),an=(e,t)=>Math.min(...t.map(t=>on(e,t))),sn=e=>t=>({x:e(t.x),y:e(t.y)});const ln=(e,t)=>({top:e.top+t.y,left:e.left+t.x,bottom:e.bottom+t.y,right:e.right+t.x}),cn=e=>[{x:e.left,y:e.top},{x:e.right,y:e.top},{x:e.left,y:e.bottom},{x:e.right,y:e.bottom}],dn=(e,t)=>t&&t.shouldClipSubject?((e,t)=>{const r=hr({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return r.width<=0||r.height<=0?null:r})(t.pageMarginBox,e):hr(e);var un=({page:e,withPlaceholder:t,axis:r,frame:n})=>{const o=((e,t)=>t?ln(e,t.scroll.diff.displacement):e)(e.marginBox,n),i=((e,t,r)=>r&&r.increasedBy?{...e,[t.end]:e[t.end]+r.increasedBy[t.line]}:e)(o,r,t);return{page:e,withPlaceholder:t,active:dn(i,n)}},pn=(e,t)=>{e.frame||$r();const r=e.frame,n=en(t,r.scroll.initial),o=rn(n),i={...r,scroll:{initial:r.scroll.initial,current:t,diff:{value:n,displacement:o},max:r.scroll.max}},a=un({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:i});return{...e,frame:i,subject:a}};function gn(e,t=Zr){let r=null;function n(...n){if(r&&r.lastThis===this&&t(n,r.lastArgs))return r.lastResult;const o=e.apply(this,n);return r={lastResult:o,lastArgs:n,lastThis:this},o}return n.clear=function(){r=null},n}const mn=gn(e=>e.reduce((e,t)=>(e[t.descriptor.id]=t,e),{})),fn=gn(e=>e.reduce((e,t)=>(e[t.descriptor.id]=t,e),{})),bn=gn(e=>Object.values(e)),hn=gn(e=>Object.values(e));var vn=gn((e,t)=>{const r=hn(t).filter(t=>e===t.descriptor.droppableId).sort((e,t)=>e.descriptor.index-t.descriptor.index);return r});function yn(e){return e.at&&"REORDER"===e.at.type?e.at.destination:null}function xn(e){return e.at&&"COMBINE"===e.at.type?e.at.combine:null}var En=gn((e,t)=>t.filter(t=>t.descriptor.id!==e.descriptor.id)),In=(e,t)=>e.descriptor.droppableId===t.descriptor.id;const Dn={point:Kr,value:0},wn={invisible:{},visible:{},all:[]},Sn={displaced:wn,displacedBy:Dn,at:null};var Cn=(e,t)=>r=>e<=r&&r<=t,An=e=>{const t=Cn(e.top,e.bottom),r=Cn(e.left,e.right);return n=>{if(t(n.top)&&t(n.bottom)&&r(n.left)&&r(n.right))return!0;const o=t(n.top)||t(n.bottom),i=r(n.left)||r(n.right);if(o&&i)return!0;const a=n.top<e.top&&n.bottom>e.bottom,s=n.left<e.left&&n.right>e.right;if(a&&s)return!0;return a&&i||s&&o}},On=e=>{const t=Cn(e.top,e.bottom),r=Cn(e.left,e.right);return e=>t(e.top)&&t(e.bottom)&&r(e.left)&&r(e.right)};const Pn={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Rn={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"};const _n=({target:e,destination:t,viewport:r,withDroppableDisplacement:n,isVisibleThroughFrameFn:o})=>{const i=n?((e,t)=>{const r=t.frame?t.frame.scroll.diff.displacement:Kr;return ln(e,r)})(e,t):e;return((e,t,r)=>!!t.subject.active&&r(t.subject.active)(e))(i,t,o)&&((e,t,r)=>r(t)(e))(i,r,o)},Bn=e=>_n({...e,isVisibleThroughFrameFn:On});function Nn({afterDragging:e,destination:t,displacedBy:r,viewport:n,forceShouldAnimate:o,last:i}){return e.reduce(function(e,a){const s=function(e,t){const r=e.page.marginBox,n={top:t.point.y,right:0,bottom:0,left:t.point.x};return hr(vr(r,n))}(a,r),l=a.descriptor.id;e.all.push(l);var c;if(!(c={target:s,destination:t,viewport:n,withDroppableDisplacement:!0},_n({...c,isVisibleThroughFrameFn:An})))return e.invisible[a.descriptor.id]=!0,e;const d=((e,t,r)=>{if("boolean"==typeof r)return r;if(!t)return!0;const{invisible:n,visible:o}=t;if(n[e])return!1;const i=o[e];return!i||i.shouldAnimate})(l,i,o),u={draggableId:l,shouldAnimate:d};return e.visible[l]=u,e},{all:[],visible:{},invisible:{}})}function Tn({insideDestination:e,inHomeList:t,displacedBy:r,destination:n}){const o=function(e,t){if(!e.length)return 0;const r=e[e.length-1].descriptor.index;return t.inHomeList?r:r+1}(e,{inHomeList:t});return{displaced:wn,displacedBy:r,at:{type:"REORDER",destination:{droppableId:n.descriptor.id,index:o}}}}function Ln({draggable:e,insideDestination:t,destination:r,viewport:n,displacedBy:o,last:i,index:a,forceShouldAnimate:s}){const l=In(e,r);if(null==a)return Tn({insideDestination:t,inHomeList:l,displacedBy:o,destination:r});const c=t.find(e=>e.descriptor.index===a);if(!c)return Tn({insideDestination:t,inHomeList:l,displacedBy:o,destination:r});const d=En(e,t),u=t.indexOf(c);return{displaced:Nn({afterDragging:d.slice(u),destination:r,displacedBy:o,last:i,viewport:n.frame,forceShouldAnimate:s}),displacedBy:o,at:{type:"REORDER",destination:{droppableId:r.descriptor.id,index:a}}}}function Mn(e,t){return Boolean(t.effected[e])}var kn=({isMovingForward:e,isInHomeList:t,draggable:r,draggables:n,destination:o,insideDestination:i,previousImpact:a,viewport:s,afterCritical:l})=>{const c=a.at;if(c||$r(),"REORDER"===c.type){const n=(({isMovingForward:e,isInHomeList:t,insideDestination:r,location:n})=>{if(!r.length)return null;const o=n.index,i=e?o+1:o-1,a=r[0].descriptor.index,s=r[r.length-1].descriptor.index;return i<a||i>(t?s:s+1)?null:i})({isMovingForward:e,isInHomeList:t,location:c.destination,insideDestination:i});return null==n?null:Ln({draggable:r,insideDestination:i,destination:o,viewport:s,last:a.displaced,displacedBy:a.displacedBy,index:n})}const d=(({isMovingForward:e,destination:t,draggables:r,combine:n,afterCritical:o})=>{if(!t.isCombineEnabled)return null;const i=n.draggableId,a=r[i].descriptor.index;return Mn(i,o)?e?a:a-1:e?a+1:a})({isMovingForward:e,destination:o,displaced:a.displaced,draggables:n,combine:c.combine,afterCritical:l});return null==d?null:Ln({draggable:r,insideDestination:i,destination:o,viewport:s,last:a.displaced,displacedBy:a.displacedBy,index:d})},Gn=({afterCritical:e,impact:t,draggables:r})=>{const n=xn(t);n||$r();const o=n.draggableId,i=r[o].page.borderBox.center,a=(({displaced:e,afterCritical:t,combineWith:r,displacedBy:n})=>{const o=Boolean(e.visible[r]||e.invisible[r]);return Mn(r,t)?o?Kr:rn(n.point):o?n.point:Kr})({displaced:t.displaced,afterCritical:e,combineWith:o,displacedBy:t.displacedBy});return Qr(i,a)};const Wn=(e,t)=>t.margin[e.start]+t.borderBox[e.size]/2,Fn=(e,t,r)=>t[e.crossAxisStart]+r.margin[e.crossAxisStart]+r.borderBox[e.crossAxisSize]/2,$n=({axis:e,moveRelativeTo:t,isMoving:r})=>nn(e.line,t.marginBox[e.end]+Wn(e,r),Fn(e,t.marginBox,r)),jn=({axis:e,moveRelativeTo:t,isMoving:r})=>nn(e.line,t.marginBox[e.start]-((e,t)=>t.margin[e.end]+t.borderBox[e.size]/2)(e,r),Fn(e,t.marginBox,r));var Un=({impact:e,draggable:t,draggables:r,droppable:n,afterCritical:o})=>{const i=vn(n.descriptor.id,r),a=t.page,s=n.axis;if(!i.length)return(({axis:e,moveInto:t,isMoving:r})=>nn(e.line,t.contentBox[e.start]+Wn(e,r),Fn(e,t.contentBox,r)))({axis:s,moveInto:n.page,isMoving:a});const{displaced:l,displacedBy:c}=e,d=l.all[0];if(d){const e=r[d];if(Mn(d,o))return jn({axis:s,moveRelativeTo:e.page,isMoving:a});const t=Dr(e.page,c.point);return jn({axis:s,moveRelativeTo:t,isMoving:a})}const u=i[i.length-1];if(u.descriptor.id===t.descriptor.id)return a.borderBox.center;if(Mn(u.descriptor.id,o)){const e=Dr(u.page,rn(o.displacedBy.point));return $n({axis:s,moveRelativeTo:e,isMoving:a})}return $n({axis:s,moveRelativeTo:u.page,isMoving:a})},Hn=(e,t)=>{const r=e.frame;return r?Qr(t,r.scroll.diff.displacement):t};var qn=e=>{const t=(({impact:e,draggable:t,droppable:r,draggables:n,afterCritical:o})=>{const i=t.page.borderBox.center,a=e.at;return r&&a?"REORDER"===a.type?Un({impact:e,draggable:t,draggables:n,droppable:r,afterCritical:o}):Gn({impact:e,draggables:n,afterCritical:o}):i})(e),r=e.droppable;return r?Hn(r,t):t},Vn=(e,t)=>{const r=en(t,e.scroll.initial),n=rn(r);return{frame:hr({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:r,displacement:n}}}};function zn(e,t){return e.map(e=>t[e])}var Yn=({pageBorderBoxCenter:e,draggable:t,viewport:r})=>{const n=((e,t)=>Qr(e.scroll.diff.displacement,t))(r,e),o=en(n,t.page.borderBox.center);return Qr(t.client.borderBox.center,o)},Zn=({draggable:e,destination:t,newPageBorderBoxCenter:r,viewport:n,withDroppableDisplacement:o,onlyOnMainAxis:i=!1})=>{const a=en(r,e.page.borderBox.center),s={target:ln(e.page.borderBox,a),destination:t,withDroppableDisplacement:o,viewport:n};return i?(e=>{return _n({...e,isVisibleThroughFrameFn:(t=e.destination.axis,e=>{const r=Cn(e.top,e.bottom),n=Cn(e.left,e.right);return e=>t===Pn?r(e.top)&&r(e.bottom):n(e.left)&&n(e.right)})});var t})(s):Bn(s)},Jn=({isMovingForward:e,draggable:t,destination:r,draggables:n,previousImpact:o,viewport:i,previousPageBorderBoxCenter:a,previousClientSelection:s,afterCritical:l})=>{if(!r.isEnabled)return null;const c=vn(r.descriptor.id,n),d=In(t,r),u=(({isMovingForward:e,draggable:t,destination:r,insideDestination:n,previousImpact:o})=>{if(!r.isCombineEnabled)return null;if(!yn(o))return null;function i(e){const t={type:"COMBINE",combine:{draggableId:e,droppableId:r.descriptor.id}};return{...o,at:t}}const a=o.displaced.all,s=a.length?a[0]:null;if(e)return s?i(s):null;const l=En(t,n);if(!s)return l.length?i(l[l.length-1].descriptor.id):null;const c=l.findIndex(e=>e.descriptor.id===s);-1===c&&$r();const d=c-1;return d<0?null:i(l[d].descriptor.id)})({isMovingForward:e,draggable:t,destination:r,insideDestination:c,previousImpact:o})||kn({isMovingForward:e,isInHomeList:d,draggable:t,draggables:n,destination:r,insideDestination:c,previousImpact:o,viewport:i,afterCritical:l});if(!u)return null;const p=qn({impact:u,draggable:t,droppable:r,draggables:n,afterCritical:l});if(Zn({draggable:t,destination:r,newPageBorderBoxCenter:p,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0})){return{clientSelection:Yn({pageBorderBoxCenter:p,draggable:t,viewport:i}),impact:u,scrollJumpRequest:null}}const g=en(p,a),m=(({impact:e,viewport:t,destination:r,draggables:n,maxScrollChange:o})=>{const i=Vn(t,Qr(t.scroll.current,o)),a=r.frame?pn(r,Qr(r.frame.scroll.current,o)):r,s=e.displaced,l=Nn({afterDragging:zn(s.all,n),destination:r,displacedBy:e.displacedBy,viewport:i.frame,last:s,forceShouldAnimate:!1}),c=Nn({afterDragging:zn(s.all,n),destination:a,displacedBy:e.displacedBy,viewport:t.frame,last:s,forceShouldAnimate:!1}),d={},u={},p=[s,l,c];return s.all.forEach(e=>{const t=function(e,t){for(let r=0;r<t.length;r++){const n=t[r].visible[e];if(n)return n}return null}(e,p);t?u[e]=t:d[e]=!0}),{...e,displaced:{all:s.all,invisible:d,visible:u}}})({impact:u,viewport:i,destination:r,draggables:n,maxScrollChange:g});return{clientSelection:s,impact:m,scrollJumpRequest:g}};const Xn=e=>{const t=e.subject.active;return t||$r(),t};const Kn=(e,t)=>{const r=e.page.borderBox.center;return Mn(e.descriptor.id,t)?en(r,t.displacedBy.point):r},Qn=(e,t)=>{const r=e.page.borderBox;return Mn(e.descriptor.id,t)?ln(r,rn(t.displacedBy.point)):r};var eo=gn(function(e,t){const r=t[e.line];return{value:r,point:nn(e.line,r)}});const to=(e,t)=>({...e,scroll:{...e.scroll,max:t}}),ro=(e,t,r)=>{const n=e.frame;In(t,e)&&$r(),e.subject.withPlaceholder&&$r();const o=eo(e.axis,t.displaceBy).point,i=((e,t,r)=>{const n=e.axis;if("virtual"===e.descriptor.mode)return nn(n.line,t[n.line]);const o=e.subject.page.contentBox[n.size],i=vn(e.descriptor.id,r).reduce((e,t)=>e+t.client.marginBox[n.size],0)+t[n.line]-o;return i<=0?null:nn(n.line,i)})(e,o,r),a={placeholderSize:o,increasedBy:i,oldFrameMaxScroll:e.frame?e.frame.scroll.max:null};if(!n){const t=un({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:e.frame});return{...e,subject:t}}const s=i?Qr(n.scroll.max,i):n.scroll.max,l=to(n,s),c=un({page:e.subject.page,withPlaceholder:a,axis:e.axis,frame:l});return{...e,subject:c,frame:l}};var no=({isMovingForward:e,previousPageBorderBoxCenter:t,draggable:r,isOver:n,draggables:o,droppables:i,viewport:a,afterCritical:s})=>{const l=(({isMovingForward:e,pageBorderBoxCenter:t,source:r,droppables:n,viewport:o})=>{const i=r.subject.active;if(!i)return null;const a=r.axis,s=Cn(i[a.start],i[a.end]),l=bn(n).filter(e=>e!==r).filter(e=>e.isEnabled).filter(e=>Boolean(e.subject.active)).filter(e=>An(o.frame)(Xn(e))).filter(t=>{const r=Xn(t);return e?i[a.crossAxisEnd]<r[a.crossAxisEnd]:r[a.crossAxisStart]<i[a.crossAxisStart]}).filter(e=>{const t=Xn(e),r=Cn(t[a.start],t[a.end]);return s(t[a.start])||s(t[a.end])||r(i[a.start])||r(i[a.end])}).sort((t,r)=>{const n=Xn(t)[a.crossAxisStart],o=Xn(r)[a.crossAxisStart];return e?n-o:o-n}).filter((e,t,r)=>Xn(e)[a.crossAxisStart]===Xn(r[0])[a.crossAxisStart]);if(!l.length)return null;if(1===l.length)return l[0];const c=l.filter(e=>Cn(Xn(e)[a.start],Xn(e)[a.end])(t[a.line]));return 1===c.length?c[0]:c.length>1?c.sort((e,t)=>Xn(e)[a.start]-Xn(t)[a.start])[0]:l.sort((e,r)=>{const n=an(t,cn(Xn(e))),o=an(t,cn(Xn(r)));return n!==o?n-o:Xn(e)[a.start]-Xn(r)[a.start]})[0]})({isMovingForward:e,pageBorderBoxCenter:t,source:n,droppables:i,viewport:a});if(!l)return null;const c=vn(l.descriptor.id,o),d=(({pageBorderBoxCenter:e,viewport:t,destination:r,insideDestination:n,afterCritical:o})=>{const i=n.filter(e=>Bn({target:Qn(e,o),destination:r,viewport:t.frame,withDroppableDisplacement:!0})).sort((t,n)=>{const i=on(e,Hn(r,Kn(t,o))),a=on(e,Hn(r,Kn(n,o)));return i<a?-1:a<i?1:t.descriptor.index-n.descriptor.index});return i[0]||null})({pageBorderBoxCenter:t,viewport:a,destination:l,insideDestination:c,afterCritical:s}),u=(({previousPageBorderBoxCenter:e,moveRelativeTo:t,insideDestination:r,draggable:n,draggables:o,destination:i,viewport:a,afterCritical:s})=>{if(!t){if(r.length)return null;const e={displaced:wn,displacedBy:Dn,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},t=qn({impact:e,draggable:n,droppable:i,draggables:o,afterCritical:s}),l=In(n,i)?i:ro(i,n,o);return Zn({draggable:n,destination:l,newPageBorderBoxCenter:t,viewport:a.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0})?e:null}const l=Boolean(e[i.axis.line]<=t.page.borderBox.center[i.axis.line]),c=(()=>{const e=t.descriptor.index;return t.descriptor.id===n.descriptor.id||l?e:e+1})(),d=eo(i.axis,n.displaceBy);return Ln({draggable:n,insideDestination:r,destination:i,viewport:a,displacedBy:d,last:wn,index:c})})({previousPageBorderBoxCenter:t,destination:l,draggable:r,draggables:o,moveRelativeTo:d,insideDestination:c,viewport:a,afterCritical:s});if(!u)return null;const p=qn({impact:u,draggable:r,droppable:l,draggables:o,afterCritical:s});return{clientSelection:Yn({pageBorderBoxCenter:p,draggable:r,viewport:a}),impact:u,scrollJumpRequest:null}},oo=e=>{const t=e.at;return t?"REORDER"===t.type?t.destination.droppableId:t.combine.droppableId:null};var io=({state:e,type:t})=>{const r=((e,t)=>{const r=oo(e);return r?t[r]:null})(e.impact,e.dimensions.droppables),n=Boolean(r),o=e.dimensions.droppables[e.critical.droppable.id],i=r||o,a=i.axis.direction,s="vertical"===a&&("MOVE_UP"===t||"MOVE_DOWN"===t)||"horizontal"===a&&("MOVE_LEFT"===t||"MOVE_RIGHT"===t);if(s&&!n)return null;const l="MOVE_DOWN"===t||"MOVE_RIGHT"===t,c=e.dimensions.draggables[e.critical.draggable.id],d=e.current.page.borderBoxCenter,{draggables:u,droppables:p}=e.dimensions;return s?Jn({isMovingForward:l,previousPageBorderBoxCenter:d,draggable:c,destination:i,draggables:u,viewport:e.viewport,previousClientSelection:e.current.client.selection,previousImpact:e.impact,afterCritical:e.afterCritical}):no({isMovingForward:l,previousPageBorderBoxCenter:d,draggable:c,isOver:i,draggables:u,droppables:p,viewport:e.viewport,afterCritical:e.afterCritical})};function ao(e){return"DRAGGING"===e.phase||"COLLECTING"===e.phase}function so(e){const t=Cn(e.top,e.bottom),r=Cn(e.left,e.right);return function(e){return t(e.y)&&r(e.x)}}function lo({pageBorderBox:e,draggable:t,droppables:r}){const n=bn(r).filter(t=>{if(!t.isEnabled)return!1;const r=t.subject.active;if(!r)return!1;if(o=r,!((n=e).left<o.right&&n.right>o.left&&n.top<o.bottom&&n.bottom>o.top))return!1;var n,o;if(so(r)(e.center))return!0;const i=t.axis,a=r.center[i.crossAxisLine],s=e[i.crossAxisStart],l=e[i.crossAxisEnd],c=Cn(r[i.crossAxisStart],r[i.crossAxisEnd]),d=c(s),u=c(l);return!d&&!u||(d?s<a:l>a)});return n.length?1===n.length?n[0].descriptor.id:function({pageBorderBox:e,draggable:t,candidates:r}){const n=t.page.borderBox.center,o=r.map(t=>{const r=t.axis,o=nn(t.axis.line,e.center[r.line],t.page.borderBox.center[r.crossAxisLine]);return{id:t.descriptor.id,distance:on(n,o)}}).sort((e,t)=>t.distance-e.distance);return o[0]?o[0].id:null}({pageBorderBox:e,draggable:t,candidates:n}):null}const co=(e,t)=>hr(ln(e,t));function uo({displaced:e,id:t}){return Boolean(e.visible[t]||e.invisible[t])}var po=({pageOffset:e,draggable:t,draggables:r,droppables:n,previousImpact:o,viewport:i,afterCritical:a})=>{const s=co(t.page.borderBox,e),l=lo({pageBorderBox:s,draggable:t,droppables:n});if(!l)return Sn;const c=n[l],d=vn(c.descriptor.id,r),u=((e,t)=>{const r=e.frame;return r?co(t,r.scroll.diff.value):t})(c,s);return(({draggable:e,pageBorderBoxWithDroppableScroll:t,previousImpact:r,destination:n,insideDestination:o,afterCritical:i})=>{if(!n.isCombineEnabled)return null;const a=n.axis,s=eo(n.axis,e.displaceBy),l=s.value,c=t[a.start],d=t[a.end],u=En(e,o).find(e=>{const t=e.descriptor.id,n=e.page.borderBox,o=n[a.size]/4,s=Mn(t,i),u=uo({displaced:r.displaced,id:t});return s?u?d>n[a.start]+o&&d<n[a.end]-o:c>n[a.start]-l+o&&c<n[a.end]-l-o:u?d>n[a.start]+l+o&&d<n[a.end]+l-o:c>n[a.start]+o&&c<n[a.end]-o});return u?{displacedBy:s,displaced:r.displaced,at:{type:"COMBINE",combine:{draggableId:u.descriptor.id,droppableId:n.descriptor.id}}}:null})({pageBorderBoxWithDroppableScroll:u,draggable:t,previousImpact:o,destination:c,insideDestination:d,afterCritical:a})||(({pageBorderBoxWithDroppableScroll:e,draggable:t,destination:r,insideDestination:n,last:o,viewport:i,afterCritical:a})=>{const s=r.axis,l=eo(r.axis,t.displaceBy),c=l.value,d=e[s.start],u=e[s.end],p=function({draggable:e,closest:t,inHomeList:r}){return t?r&&t.descriptor.index>e.descriptor.index?t.descriptor.index-1:t.descriptor.index:null}({draggable:t,closest:En(t,n).find(e=>{const t=e.descriptor.id,r=e.page.borderBox.center[s.line],n=Mn(t,a),i=uo({displaced:o,id:t});return n?i?u<=r:d<r-c:i?u<=r+c:d<r})||null,inHomeList:In(t,r)});return Ln({draggable:t,insideDestination:n,destination:r,viewport:i,last:o,displacedBy:l,index:p})})({pageBorderBoxWithDroppableScroll:u,draggable:t,destination:c,insideDestination:d,last:o.displaced,viewport:i,afterCritical:a})},go=(e,t)=>({...e,[t.descriptor.id]:t});const mo=({previousImpact:e,impact:t,droppables:r})=>{const n=oo(e),o=oo(t);if(!n)return r;if(n===o)return r;const i=r[n];if(!i.subject.withPlaceholder)return r;const a=(e=>{const t=e.subject.withPlaceholder;t||$r();const r=e.frame;if(!r){const t=un({page:e.subject.page,axis:e.axis,frame:null,withPlaceholder:null});return{...e,subject:t}}const n=t.oldFrameMaxScroll;n||$r();const o=to(r,n),i=un({page:e.subject.page,axis:e.axis,frame:o,withPlaceholder:null});return{...e,subject:i,frame:o}})(i);return go(r,a)};var fo=({state:e,clientSelection:t,dimensions:r,viewport:n,impact:o,scrollJumpRequest:i})=>{const a=n||e.viewport,s=r||e.dimensions,l=t||e.current.client.selection,c=en(l,e.initial.client.selection),d={offset:c,selection:l,borderBoxCenter:Qr(e.initial.client.borderBoxCenter,c)},u={selection:Qr(d.selection,a.scroll.current),borderBoxCenter:Qr(d.borderBoxCenter,a.scroll.current),offset:Qr(d.offset,a.scroll.diff.value)},p={client:d,page:u};if("COLLECTING"===e.phase)return{...e,dimensions:s,viewport:a,current:p};const g=s.draggables[e.critical.draggable.id],m=o||po({pageOffset:u.offset,draggable:g,draggables:s.draggables,droppables:s.droppables,previousImpact:e.impact,viewport:a,afterCritical:e.afterCritical}),f=(({draggable:e,draggables:t,droppables:r,previousImpact:n,impact:o})=>{const i=mo({previousImpact:n,impact:o,droppables:r}),a=oo(o);if(!a)return i;const s=r[a];if(In(e,s))return i;if(s.subject.withPlaceholder)return i;const l=ro(s,e,t);return go(i,l)})({draggable:g,impact:m,previousImpact:e.impact,draggables:s.draggables,droppables:s.droppables});return{...e,current:p,dimensions:{draggables:s.draggables,droppables:f},impact:m,viewport:a,scrollJumpRequest:i||null,forceShouldAnimate:!i&&null}};var bo=({impact:e,viewport:t,draggables:r,destination:n,forceShouldAnimate:o})=>{const i=e.displaced,a=function(e,t){return e.map(e=>t[e])}(i.all,r),s=Nn({afterDragging:a,destination:n,displacedBy:e.displacedBy,viewport:t.frame,forceShouldAnimate:o,last:i});return{...e,displaced:s}},ho=({impact:e,draggable:t,droppable:r,draggables:n,viewport:o,afterCritical:i})=>{const a=qn({impact:e,draggable:t,draggables:n,droppable:r,afterCritical:i});return Yn({pageBorderBoxCenter:a,draggable:t,viewport:o})},vo=({state:e,dimensions:t,viewport:r})=>{"SNAP"!==e.movementMode&&$r();const n=e.impact,o=r||e.viewport,i=t||e.dimensions,{draggables:a,droppables:s}=i,l=a[e.critical.draggable.id],c=oo(n);c||$r();const d=s[c],u=bo({impact:n,viewport:o,destination:d,draggables:a}),p=ho({impact:u,draggable:l,droppable:d,draggables:a,viewport:o,afterCritical:e.afterCritical});return fo({impact:u,clientSelection:p,state:e,dimensions:i,viewport:o})},yo=({draggable:e,home:t,draggables:r,viewport:n})=>{const o=eo(t.axis,e.displaceBy),i=vn(t.descriptor.id,r),a=i.indexOf(e);-1===a&&$r();const s=i.slice(a+1),l=s.reduce((e,t)=>(e[t.descriptor.id]=!0,e),{}),c={inVirtualList:"virtual"===t.descriptor.mode,displacedBy:o,effected:l};var d;return{impact:{displaced:Nn({afterDragging:s,destination:t,displacedBy:o,last:null,viewport:n.frame,forceShouldAnimate:!1}),displacedBy:o,at:{type:"REORDER",destination:(d=e.descriptor,{index:d.index,droppableId:d.droppableId})}},afterCritical:c}},xo=({additions:e,updatedDroppables:t,viewport:r})=>{const n=r.scroll.diff.value;return e.map(e=>{const o=e.descriptor.droppableId,i=(e=>{const t=e.frame;return t||$r(),t})(t[o]),a=i.scroll.diff.value,s=(({draggable:e,offset:t,initialWindowScroll:r})=>{const n=Dr(e.client,t),o=wr(n,r);return{...e,placeholder:{...e.placeholder,client:n},client:n,page:o}})({draggable:e,offset:Qr(n,a),initialWindowScroll:r.scroll.initial});return s})};const Eo=e=>"SNAP"===e.movementMode,Io=(e,t,r)=>{const n=((e,t)=>({draggables:e.draggables,droppables:go(e.droppables,t)}))(e.dimensions,t);return!Eo(e)||r?fo({state:e,dimensions:n}):vo({state:e,dimensions:n})};function Do(e){return e.isDragging&&"SNAP"===e.movementMode?{...e,scrollJumpRequest:null}:e}const wo={phase:"IDLE",completed:null,shouldFlush:!1};var So=(e=wo,t)=>{if("FLUSH"===t.type)return{...wo,shouldFlush:!0};if("INITIAL_PUBLISH"===t.type){"IDLE"!==e.phase&&$r();const{critical:r,clientSelection:n,viewport:o,dimensions:i,movementMode:a}=t.payload,s=i.draggables[r.draggable.id],l=i.droppables[r.droppable.id],c={selection:n,borderBoxCenter:s.client.borderBox.center,offset:Kr},d={client:c,page:{selection:Qr(c.selection,o.scroll.initial),borderBoxCenter:Qr(c.selection,o.scroll.initial),offset:Qr(c.selection,o.scroll.diff.value)}},u=bn(i.droppables).every(e=>!e.isFixedOnPage),{impact:p,afterCritical:g}=yo({draggable:s,home:l,draggables:i.draggables,viewport:o});return{phase:"DRAGGING",isDragging:!0,critical:r,movementMode:a,dimensions:i,initial:d,current:d,isWindowScrollAllowed:u,impact:p,afterCritical:g,onLiftImpact:p,viewport:o,scrollJumpRequest:null,forceShouldAnimate:null}}if("COLLECTION_STARTING"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&$r();return{...e,phase:"COLLECTING"}}if("PUBLISH_WHILE_DRAGGING"===t.type)return"COLLECTING"!==e.phase&&"DROP_PENDING"!==e.phase&&$r(),(({state:e,published:t})=>{const r=t.modified.map(t=>{const r=e.dimensions.droppables[t.droppableId];return pn(r,t.scroll)}),n={...e.dimensions.droppables,...mn(r)},o=fn(xo({additions:t.additions,updatedDroppables:n,viewport:e.viewport})),i={...e.dimensions.draggables,...o};t.removals.forEach(e=>{delete i[e]});const a={droppables:n,draggables:i},s=oo(e.impact),l=s?a.droppables[s]:null,c=a.draggables[e.critical.draggable.id],d=a.droppables[e.critical.droppable.id],{impact:u,afterCritical:p}=yo({draggable:c,home:d,draggables:i,viewport:e.viewport}),g=l&&l.isCombineEnabled?e.impact:u,m=po({pageOffset:e.current.page.offset,draggable:a.draggables[e.critical.draggable.id],draggables:a.draggables,droppables:a.droppables,previousImpact:g,viewport:e.viewport,afterCritical:p}),f={...e,phase:"DRAGGING",impact:m,onLiftImpact:u,dimensions:a,afterCritical:p,forceShouldAnimate:!1};return"COLLECTING"===e.phase?f:{...f,phase:"DROP_PENDING",reason:e.reason,isWaiting:!1}})({state:e,published:t.payload});if("MOVE"===t.type){if("DROP_PENDING"===e.phase)return e;ao(e)||$r();const{client:r}=t.payload;return tn(r,e.current.client.selection)?e:fo({state:e,clientSelection:r,impact:Eo(e)?e.impact:null})}if("UPDATE_DROPPABLE_SCROLL"===t.type){if("DROP_PENDING"===e.phase)return Do(e);if("COLLECTING"===e.phase)return Do(e);ao(e)||$r();const{id:r,newScroll:n}=t.payload,o=e.dimensions.droppables[r];if(!o)return e;const i=pn(o,n);return Io(e,i,!1)}if("UPDATE_DROPPABLE_IS_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;ao(e)||$r();const{id:r,isEnabled:n}=t.payload,o=e.dimensions.droppables[r];o||$r(),o.isEnabled===n&&$r();const i={...o,isEnabled:n};return Io(e,i,!0)}if("UPDATE_DROPPABLE_IS_COMBINE_ENABLED"===t.type){if("DROP_PENDING"===e.phase)return e;ao(e)||$r();const{id:r,isCombineEnabled:n}=t.payload,o=e.dimensions.droppables[r];o||$r(),o.isCombineEnabled===n&&$r();const i={...o,isCombineEnabled:n};return Io(e,i,!0)}if("MOVE_BY_WINDOW_SCROLL"===t.type){if("DROP_PENDING"===e.phase||"DROP_ANIMATING"===e.phase)return e;ao(e)||$r(),e.isWindowScrollAllowed||$r();const r=t.payload.newScroll;if(tn(e.viewport.scroll.current,r))return Do(e);const n=Vn(e.viewport,r);return Eo(e)?vo({state:e,viewport:n}):fo({state:e,viewport:n})}if("UPDATE_VIEWPORT_MAX_SCROLL"===t.type){if(!ao(e))return e;const r=t.payload.maxScroll;if(tn(r,e.viewport.scroll.max))return e;const n={...e.viewport,scroll:{...e.viewport.scroll,max:r}};return{...e,viewport:n}}if("MOVE_UP"===t.type||"MOVE_DOWN"===t.type||"MOVE_LEFT"===t.type||"MOVE_RIGHT"===t.type){if("COLLECTING"===e.phase||"DROP_PENDING"===e.phase)return e;"DRAGGING"!==e.phase&&$r();const r=io({state:e,type:t.type});return r?fo({state:e,impact:r.impact,clientSelection:r.clientSelection,scrollJumpRequest:r.scrollJumpRequest}):e}if("DROP_PENDING"===t.type){const r=t.payload.reason;"COLLECTING"!==e.phase&&$r();return{...e,phase:"DROP_PENDING",isWaiting:!0,reason:r}}if("DROP_ANIMATE"===t.type){const{completed:r,dropDuration:n,newHomeClientOffset:o}=t.payload;"DRAGGING"!==e.phase&&"DROP_PENDING"!==e.phase&&$r();return{phase:"DROP_ANIMATING",completed:r,dropDuration:n,newHomeClientOffset:o,dimensions:e.dimensions}}if("DROP_COMPLETE"===t.type){const{completed:e}=t.payload;return{phase:"IDLE",completed:e,shouldFlush:!1}}return e};function Co(e,t){return e instanceof Object&&"type"in e&&e.type===t}const Ao=e=>({type:"PUBLISH_WHILE_DRAGGING",payload:e}),Oo=()=>({type:"COLLECTION_STARTING",payload:null}),Po=e=>({type:"UPDATE_DROPPABLE_SCROLL",payload:e}),Ro=e=>({type:"UPDATE_DROPPABLE_IS_ENABLED",payload:e}),_o=e=>({type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:e}),Bo=e=>({type:"MOVE",payload:e}),No=()=>({type:"MOVE_UP",payload:null}),To=()=>({type:"MOVE_DOWN",payload:null}),Lo=()=>({type:"MOVE_RIGHT",payload:null}),Mo=()=>({type:"MOVE_LEFT",payload:null}),ko=e=>({type:"DROP_COMPLETE",payload:e}),Go=e=>({type:"DROP",payload:e}),Wo=()=>({type:"DROP_ANIMATION_FINISHED",payload:null});const Fo="cubic-bezier(.2,1,.1,1)",$o={drop:0,combining:.7},jo={drop:.75},Uo={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Ho=`${Uo.outOfTheWay}s ${"cubic-bezier(0.2, 0, 0, 1)"}`,qo={fluid:`opacity ${Ho}`,snap:`transform ${Ho}, opacity ${Ho}`,drop:e=>{const t=`${e}s ${Fo}`;return`transform ${t}, opacity ${t}`},outOfTheWay:`transform ${Ho}`,placeholder:`height ${Ho}, width ${Ho}, margin ${Ho}`},Vo=e=>tn(e,Kr)?void 0:`translate(${e.x}px, ${e.y}px)`,zo=Vo,Yo=(e,t)=>{const r=Vo(e);if(r)return t?`${r} scale(${jo.drop})`:r},{minDropTime:Zo,maxDropTime:Jo}=Uo,Xo=Jo-Zo;const Ko=({getState:e,dispatch:t})=>r=>n=>{if(!Co(n,"DROP"))return void r(n);const o=e(),i=n.payload.reason;if("COLLECTING"===o.phase)return void t((e=>({type:"DROP_PENDING",payload:e}))({reason:i}));if("IDLE"===o.phase)return;"DROP_PENDING"===o.phase&&o.isWaiting&&$r(),"DRAGGING"!==o.phase&&"DROP_PENDING"!==o.phase&&$r();const a=o.critical,s=o.dimensions,l=s.draggables[o.critical.draggable.id],{impact:c,didDropInsideDroppable:d}=(({draggables:e,reason:t,lastImpact:r,home:n,viewport:o,onLiftImpact:i})=>{if(!r.at||"DROP"!==t)return{impact:bo({draggables:e,impact:i,destination:n,viewport:o,forceShouldAnimate:!0}),didDropInsideDroppable:!1};return"REORDER"===r.at.type?{impact:r,didDropInsideDroppable:!0}:{impact:{...r,displaced:wn},didDropInsideDroppable:!0}})({reason:i,lastImpact:o.impact,afterCritical:o.afterCritical,onLiftImpact:o.onLiftImpact,home:o.dimensions.droppables[o.critical.droppable.id],viewport:o.viewport,draggables:o.dimensions.draggables}),u=d?yn(c):null,p=d?xn(c):null,g={index:a.draggable.index,droppableId:a.droppable.id},m={draggableId:l.descriptor.id,type:l.descriptor.type,source:g,reason:i,mode:o.movementMode,destination:u,combine:p},f=(({impact:e,draggable:t,dimensions:r,viewport:n,afterCritical:o})=>{const{draggables:i,droppables:a}=r,s=oo(e),l=s?a[s]:null,c=a[t.descriptor.droppableId],d=ho({impact:e,draggable:t,draggables:i,afterCritical:o,droppable:l||c,viewport:n});return en(d,t.client.borderBox.center)})({impact:c,draggable:l,dimensions:s,viewport:o.viewport,afterCritical:o.afterCritical}),b={critical:o.critical,afterCritical:o.afterCritical,result:m,impact:c};if(!(!tn(o.current.client.offset,f)||Boolean(m.combine)))return void t(ko({completed:b}));const h=(({current:e,destination:t,reason:r})=>{const n=on(e,t);if(n<=0)return Zo;if(n>=1500)return Jo;const o=Zo+Xo*(n/1500);return Number(("CANCEL"===r?.6*o:o).toFixed(2))})({current:o.current.client.offset,destination:f,reason:i});t((e=>({type:"DROP_ANIMATE",payload:e}))({newHomeClientOffset:f,dropDuration:h,completed:b}))};var Qo=()=>({x:window.pageXOffset,y:window.pageYOffset});function ei({onWindowScroll:e}){const t=Ar(function(){e(Qo())}),r=function(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:t=>{t.target!==window&&t.target!==window.document||e()}}}(t);let n=Gr;function o(){return n!==Gr}return{start:function(){o()&&$r(),n=Wr(window,[r])},stop:function(){o()||$r(),t.cancel(),n(),n=Gr},isActive:o}}const ti=e=>{const t=ei({onWindowScroll:t=>{e.dispatch({type:"MOVE_BY_WINDOW_SCROLL",payload:{newScroll:t}})}});return e=>r=>{!t.isActive()&&Co(r,"INITIAL_PUBLISH")&&t.start(),t.isActive()&&(e=>Co(e,"DROP_COMPLETE")||Co(e,"DROP_ANIMATE")||Co(e,"FLUSH"))(r)&&t.stop(),e(r)}};var ri=()=>{const e=[];return{add:t=>{const r=setTimeout(()=>(t=>{const r=e.findIndex(e=>e.timerId===t);-1===r&&$r();const[n]=e.splice(r,1);n.callback()})(r)),n={timerId:r,callback:t};e.push(n)},flush:()=>{if(!e.length)return;const t=[...e];e.length=0,t.forEach(e=>{clearTimeout(e.timerId),e.callback()})}}};const ni=(e,t)=>{t()},oi=(e,t)=>({draggableId:e.draggable.id,type:e.droppable.type,source:{droppableId:e.droppable.id,index:e.draggable.index},mode:t});function ii(e,t,r,n){if(!e)return void r(n(t));const o=(e=>{let t=!1,r=!1;const n=setTimeout(()=>{r=!0}),o=o=>{t||r||(t=!0,e(o),clearTimeout(n))};return o.wasCalled=()=>t,o})(r);e(t,{announce:o}),o.wasCalled()||r(n(t))}var ai=(e,t)=>{const r=((e,t)=>{const r=ri();let n=null;const o=r=>{n||$r(),n=null,ni(0,()=>ii(e().onDragEnd,r,t,zr.onDragEnd))};return{beforeCapture:(t,r)=>{n&&$r(),ni(0,()=>{const n=e().onBeforeCapture;n&&n({draggableId:t,mode:r})})},beforeStart:(t,r)=>{n&&$r(),ni(0,()=>{const n=e().onBeforeDragStart;n&&n(oi(t,r))})},start:(o,i)=>{n&&$r();const a=oi(o,i);n={mode:i,lastCritical:o,lastLocation:a.source,lastCombine:null},r.add(()=>{ni(0,()=>ii(e().onDragStart,a,t,zr.onDragStart))})},update:(o,i)=>{const a=yn(i),s=xn(i);n||$r();const l=!((e,t)=>{if(e===t)return!0;const r=e.draggable.id===t.draggable.id&&e.draggable.droppableId===t.draggable.droppableId&&e.draggable.type===t.draggable.type&&e.draggable.index===t.draggable.index,n=e.droppable.id===t.droppable.id&&e.droppable.type===t.droppable.type;return r&&n})(o,n.lastCritical);l&&(n.lastCritical=o);const c=(u=a,!(null==(d=n.lastLocation)&&null==u||null!=d&&null!=u&&d.droppableId===u.droppableId&&d.index===u.index));var d,u;c&&(n.lastLocation=a);const p=!((e,t)=>null==e&&null==t||null!=e&&null!=t&&e.draggableId===t.draggableId&&e.droppableId===t.droppableId)(n.lastCombine,s);if(p&&(n.lastCombine=s),!l&&!c&&!p)return;const g={...oi(o,n.mode),combine:s,destination:a};r.add(()=>{ni(0,()=>ii(e().onDragUpdate,g,t,zr.onDragUpdate))})},flush:()=>{n||$r(),r.flush()},drop:o,abort:()=>{if(!n)return;const e={...oi(n.lastCritical,n.mode),combine:null,destination:null,reason:"CANCEL"};o(e)}}})(e,t);return e=>t=>n=>{if(Co(n,"BEFORE_INITIAL_CAPTURE"))return void r.beforeCapture(n.payload.draggableId,n.payload.movementMode);if(Co(n,"INITIAL_PUBLISH")){const e=n.payload.critical;return r.beforeStart(e,n.payload.movementMode),t(n),void r.start(e,n.payload.movementMode)}if(Co(n,"DROP_COMPLETE")){const e=n.payload.completed.result;return r.flush(),t(n),void r.drop(e)}if(t(n),Co(n,"FLUSH"))return void r.abort();const o=e.getState();"DRAGGING"===o.phase&&r.update(o.critical,o.impact)}};const si=e=>t=>r=>{if(!Co(r,"DROP_ANIMATION_FINISHED"))return void t(r);const n=e.getState();"DROP_ANIMATING"!==n.phase&&$r(),e.dispatch(ko({completed:n.completed}))},li=e=>{let t=null,r=null;return n=>o=>{if((Co(o,"FLUSH")||Co(o,"DROP_COMPLETE")||Co(o,"DROP_ANIMATION_FINISHED"))&&(r&&(cancelAnimationFrame(r),r=null),t&&(t(),t=null)),n(o),!Co(o,"DROP_ANIMATE"))return;const i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){"DROP_ANIMATING"===e.getState().phase&&e.dispatch({type:"DROP_ANIMATION_FINISHED",payload:null})}};r=requestAnimationFrame(()=>{r=null,t=Wr(window,[i])})}};var ci=e=>t=>r=>n=>{if((e=>Co(e,"DROP_COMPLETE")||Co(e,"DROP_ANIMATE")||Co(e,"FLUSH"))(n))return e.stop(),void r(n);if(Co(n,"INITIAL_PUBLISH")){r(n);const o=t.getState();return"DRAGGING"!==o.phase&&$r(),void e.start(o)}r(n),e.scroll(t.getState())};const di=e=>t=>r=>{if(t(r),!Co(r,"PUBLISH_WHILE_DRAGGING"))return;const n=e.getState();"DROP_PENDING"===n.phase&&(n.isWaiting||e.dispatch(Go({reason:n.reason})))},ui=it;var pi=({dimensionMarshal:e,focusMarshal:t,styleMarshal:r,getResponders:n,announce:o,autoScroller:i})=>{return rt(So,ui(function(...e){return t=>(r,n)=>{const o=t(r,n);let i=()=>{throw new Error(Ke(15))};const a={getState:o.getState,dispatch:(e,...t)=>i(e,...t)},s=e.map(e=>e(a));return i=it(...s)(o.dispatch),{...o,dispatch:i}}}((a=r,()=>e=>t=>{Co(t,"INITIAL_PUBLISH")&&a.dragging(),Co(t,"DROP_ANIMATE")&&a.dropping(t.payload.completed.result.reason),(Co(t,"FLUSH")||Co(t,"DROP_COMPLETE"))&&a.resting(),e(t)}),(e=>()=>t=>r=>{(Co(r,"DROP_COMPLETE")||Co(r,"FLUSH")||Co(r,"DROP_ANIMATE"))&&e.stopPublishing(),t(r)})(e),(e=>({getState:t,dispatch:r})=>n=>o=>{if(!Co(o,"LIFT"))return void n(o);const{id:i,clientSelection:a,movementMode:s}=o.payload,l=t();"DROP_ANIMATING"===l.phase&&r(ko({completed:l.completed})),"IDLE"!==t().phase&&$r(),r({type:"FLUSH",payload:null}),r({type:"BEFORE_INITIAL_CAPTURE",payload:{draggableId:i,movementMode:s}});const c={draggableId:i,scrollOptions:{shouldPublishImmediately:"SNAP"===s}},{critical:d,dimensions:u,viewport:p}=e.startPublishing(c);r({type:"INITIAL_PUBLISH",payload:{critical:d,dimensions:u,clientSelection:a,movementMode:s,viewport:p}})})(e),Ko,si,li,di,ci(i),ti,(e=>{let t=!1;return()=>r=>n=>{if(Co(n,"INITIAL_PUBLISH"))return t=!0,e.tryRecordFocus(n.payload.critical.draggable.id),r(n),void e.tryRestoreFocusRecorded();if(r(n),t){if(Co(n,"FLUSH"))return t=!1,void e.tryRestoreFocusRecorded();if(Co(n,"DROP_COMPLETE")){t=!1;const r=n.payload.completed.result;r.combine&&e.tryShiftRecord(r.draggableId,r.combine.draggableId),e.tryRestoreFocusRecorded()}}}})(t),ai(n,o))));var a};var gi=({scrollHeight:e,scrollWidth:t,height:r,width:n})=>{const o=en({x:t,y:e},{x:n,y:r});return{x:Math.max(0,o.x),y:Math.max(0,o.y)}},mi=()=>{const e=document.documentElement;return e||$r(),e},fi=()=>{const e=mi();return gi({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight})},bi=({critical:e,scrollOptions:t,registry:r})=>{const n=(()=>{const e=Qo(),t=fi(),r=e.y,n=e.x,o=mi(),i=o.clientWidth,a=o.clientHeight;return{frame:hr({top:r,left:n,right:n+i,bottom:r+a}),scroll:{initial:e,current:e,max:t,diff:{value:Kr,displacement:Kr}}}})(),o=n.scroll.current,i=e.droppable,a=r.droppable.getAllByType(i.type).map(e=>e.callbacks.getDimensionAndWatchScroll(o,t)),s=r.draggable.getAllByType(e.draggable.type).map(e=>e.getDimension(o));return{dimensions:{draggables:fn(s),droppables:mn(a)},critical:e,viewport:n}};function hi(e,t,r){if(r.descriptor.id===t.id)return!1;if(r.descriptor.type!==t.type)return!1;return"virtual"===e.droppable.getById(r.descriptor.droppableId).descriptor.mode}var vi=(e,t)=>{let r=null;const n=function({registry:e,callbacks:t}){let r={additions:{},removals:{},modified:{}},n=null;const o=()=>{n||(t.collectionStarting(),n=requestAnimationFrame(()=>{n=null;const{additions:o,removals:i,modified:a}=r,s=Object.keys(o).map(t=>e.draggable.getById(t).getDimension(Kr)).sort((e,t)=>e.descriptor.index-t.descriptor.index),l=Object.keys(a).map(t=>({droppableId:t,scroll:e.droppable.getById(t).callbacks.getScrollWhileDragging()})),c={additions:s,removals:Object.keys(i),modified:l};r={additions:{},removals:{},modified:{}},t.publish(c)}))};return{add:e=>{const t=e.descriptor.id;r.additions[t]=e,r.modified[e.descriptor.droppableId]=!0,r.removals[t]&&delete r.removals[t],o()},remove:e=>{const t=e.descriptor;r.removals[t.id]=!0,r.modified[t.droppableId]=!0,r.additions[t.id]&&delete r.additions[t.id],o()},stop:()=>{n&&(cancelAnimationFrame(n),n=null,r={additions:{},removals:{},modified:{}})}}}({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),o=t=>{r||$r();const o=r.critical.draggable;"ADDITION"===t.type&&hi(e,o,t.value)&&n.add(t.value),"REMOVAL"===t.type&&hi(e,o,t.value)&&n.remove(t.value)},i={updateDroppableIsEnabled:(n,o)=>{e.droppable.exists(n)||$r(),r&&t.updateDroppableIsEnabled({id:n,isEnabled:o})},updateDroppableIsCombineEnabled:(n,o)=>{r&&(e.droppable.exists(n)||$r(),t.updateDroppableIsCombineEnabled({id:n,isCombineEnabled:o}))},scrollDroppable:(t,n)=>{r&&e.droppable.getById(t).callbacks.scroll(n)},updateDroppableScroll:(n,o)=>{r&&(e.droppable.exists(n)||$r(),t.updateDroppableScroll({id:n,newScroll:o}))},startPublishing:t=>{r&&$r();const n=e.draggable.getById(t.draggableId),i=e.droppable.getById(n.descriptor.droppableId),a={draggable:n.descriptor,droppable:i.descriptor},s=e.subscribe(o);return r={critical:a,unsubscribe:s},bi({critical:a,registry:e,scrollOptions:t.scrollOptions})},stopPublishing:()=>{if(!r)return;n.stop();const t=r.critical.droppable;e.droppable.getAllByType(t.type).forEach(e=>e.callbacks.dragStopped()),r.unsubscribe(),r=null}};return i},yi=(e,t)=>"IDLE"===e.phase||"DROP_ANIMATING"===e.phase&&(e.completed.result.draggableId!==t&&"DROP"===e.completed.result.reason),xi=e=>{window.scrollBy(e.x,e.y)};const Ei=gn(e=>bn(e).filter(e=>!!e.isEnabled&&!!e.frame));var Ii=({center:e,destination:t,droppables:r})=>{if(t){const e=r[t];return e.frame?e:null}const n=((e,t)=>{const r=Ei(t).find(t=>(t.frame||$r(),so(t.frame.pageMarginBox)(e)))||null;return r})(e,r);return n};const Di={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:e=>e**2,durationDampening:{stopDampeningAt:1200,accelerateAt:360},disabled:!1};var wi=({startOfRange:e,endOfRange:t,current:r})=>{const n=t-e;if(0===n)return 0;return(r-e)/n},Si=({distanceToEdge:e,thresholds:t,dragStartTime:r,shouldUseTimeDampening:n,getAutoScrollerOptions:o})=>{const i=((e,t,r=()=>Di)=>{const n=r();if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return n.maxPixelScroll;if(e===t.startScrollingFrom)return 1;const o=1-wi({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),i=n.maxPixelScroll*n.ease(o);return Math.ceil(i)})(e,t,o);return 0===i?0:n?Math.max(((e,t,r)=>{const n=r(),o=n.durationDampening.accelerateAt,i=n.durationDampening.stopDampeningAt,a=t,s=i,l=Date.now()-a;if(l>=i)return e;if(l<o)return 1;const c=wi({startOfRange:o,endOfRange:s,current:l}),d=e*n.ease(c);return Math.ceil(d)})(i,r,o),1):i},Ci=({container:e,distanceToEdges:t,dragStartTime:r,axis:n,shouldUseTimeDampening:o,getAutoScrollerOptions:i})=>{const a=((e,t,r=()=>Di)=>{const n=r();return{startScrollingFrom:e[t.size]*n.startFromPercentage,maxScrollValueAt:e[t.size]*n.maxScrollAtPercentage}})(e,n,i);return t[n.end]<t[n.start]?Si({distanceToEdge:t[n.end],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o,getAutoScrollerOptions:i}):-1*Si({distanceToEdge:t[n.start],thresholds:a,dragStartTime:r,shouldUseTimeDampening:o,getAutoScrollerOptions:i})};const Ai=sn(e=>0===e?0:e);var Oi=({dragStartTime:e,container:t,subject:r,center:n,shouldUseTimeDampening:o,getAutoScrollerOptions:i})=>{const a={top:n.y-t.top,right:t.right-n.x,bottom:t.bottom-n.y,left:n.x-t.left},s=Ci({container:t,distanceToEdges:a,dragStartTime:e,axis:Pn,shouldUseTimeDampening:o,getAutoScrollerOptions:i}),l=Ci({container:t,distanceToEdges:a,dragStartTime:e,axis:Rn,shouldUseTimeDampening:o,getAutoScrollerOptions:i}),c=Ai({x:l,y:s});if(tn(c,Kr))return null;const d=(({container:e,subject:t,proposedScroll:r})=>{const n=t.height>e.height,o=t.width>e.width;return o||n?o&&n?null:{x:o?0:r.x,y:n?0:r.y}:r})({container:t,subject:r,proposedScroll:c});return d?tn(d,Kr)?null:d:null};const Pi=sn(e=>0===e?0:e>0?1:-1),Ri=(()=>{const e=(e,t)=>e<0?e:e>t?e-t:0;return({current:t,max:r,change:n})=>{const o=Qr(t,n),i={x:e(o.x,r.x),y:e(o.y,r.y)};return tn(i,Kr)?null:i}})(),_i=({max:e,current:t,change:r})=>{const n={x:Math.max(t.x,e.x),y:Math.max(t.y,e.y)},o=Pi(r),i=Ri({max:n,current:t,change:o});return!i||(0!==o.x&&0===i.x||0!==o.y&&0===i.y)},Bi=(e,t)=>_i({current:e.scroll.current,max:e.scroll.max,change:t}),Ni=(e,t)=>{const r=e.frame;return!!r&&_i({current:r.scroll.current,max:r.scroll.max,change:t})};var Ti=({state:e,dragStartTime:t,shouldUseTimeDampening:r,scrollWindow:n,scrollDroppable:o,getAutoScrollerOptions:i})=>{const a=e.current.page.borderBoxCenter,s=e.dimensions.draggables[e.critical.draggable.id].page.marginBox;if(e.isWindowScrollAllowed){const o=(({viewport:e,subject:t,center:r,dragStartTime:n,shouldUseTimeDampening:o,getAutoScrollerOptions:i})=>{const a=Oi({dragStartTime:n,container:e.frame,subject:t,center:r,shouldUseTimeDampening:o,getAutoScrollerOptions:i});return a&&Bi(e,a)?a:null})({dragStartTime:t,viewport:e.viewport,subject:s,center:a,shouldUseTimeDampening:r,getAutoScrollerOptions:i});if(o)return void n(o)}const l=Ii({center:a,destination:oo(e.impact),droppables:e.dimensions.droppables});if(!l)return;const c=(({droppable:e,subject:t,center:r,dragStartTime:n,shouldUseTimeDampening:o,getAutoScrollerOptions:i})=>{const a=e.frame;if(!a)return null;const s=Oi({dragStartTime:n,container:a.pageMarginBox,subject:t,center:r,shouldUseTimeDampening:o,getAutoScrollerOptions:i});return s&&Ni(e,s)?s:null})({dragStartTime:t,droppable:l,subject:s,center:a,shouldUseTimeDampening:r,getAutoScrollerOptions:i});c&&o(l.descriptor.id,c)},Li=({move:e,scrollDroppable:t,scrollWindow:r})=>{const n=(e,r)=>{if(!Ni(e,r))return r;const n=((e,t)=>{const r=e.frame;return r&&Ni(e,t)?Ri({current:r.scroll.current,max:r.scroll.max,change:t}):null})(e,r);if(!n)return t(e.descriptor.id,r),null;const o=en(r,n);t(e.descriptor.id,o);return en(r,o)},o=(e,t,n)=>{if(!e)return n;if(!Bi(t,n))return n;const o=((e,t)=>{if(!Bi(e,t))return null;const r=e.scroll.max,n=e.scroll.current;return Ri({current:n,max:r,change:t})})(t,n);if(!o)return r(n),null;const i=en(n,o);r(i);return en(n,i)};return t=>{const r=t.scrollJumpRequest;if(!r)return;const i=oo(t.impact);i||$r();const a=n(t.dimensions.droppables[i],r);if(!a)return;const s=t.viewport,l=o(t.isWindowScrollAllowed,s,a);l&&((t,r)=>{const n=Qr(t.current.client.selection,r);e({client:n})})(t,l)}};const Mi="data-rfd",ki=(()=>{const e=`${Mi}-drag-handle`;return{base:e,draggableId:`${e}-draggable-id`,contextId:`${e}-context-id`}})(),Gi=(()=>{const e=`${Mi}-draggable`;return{base:e,contextId:`${e}-context-id`,id:`${e}-id`}})(),Wi=(()=>{const e=`${Mi}-droppable`;return{base:e,contextId:`${e}-context-id`,id:`${e}-id`}})(),Fi={contextId:`${Mi}-scroll-container-context-id`},$i=(e,t)=>e.map(e=>{const r=e.styles[t];return r?`${e.selector} { ${r} }`:""}).join(" ");const ji="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?Nr:Br,Ui=()=>{const e=document.querySelector("head");return e||$r(),e},Hi=e=>{const t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.type="text/css",t};function qi(e,t){const r=Jr(()=>(e=>{const t=(r=e,e=>`[${e}="${r}"]`);var r;const n=(()=>{const e="\n      cursor: -webkit-grab;\n      cursor: grab;\n    ";return{selector:t(ki.contextId),styles:{always:"\n          -webkit-touch-callout: none;\n          -webkit-tap-highlight-color: rgba(0,0,0,0);\n          touch-action: manipulation;\n        ",resting:e,dragging:"pointer-events: none;",dropAnimating:e}}})(),o=[(()=>{const e=`\n      transition: ${qo.outOfTheWay};\n    `;return{selector:t(Gi.contextId),styles:{dragging:e,dropAnimating:e,userCancel:e}}})(),n,{selector:t(Wi.contextId),styles:{always:"overflow-anchor: none;"}},{selector:"body",styles:{dragging:"\n        cursor: grabbing;\n        cursor: -webkit-grabbing;\n        user-select: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        overflow-anchor: none;\n      "}}];return{always:$i(o,"always"),resting:$i(o,"resting"),dragging:$i(o,"dragging"),dropAnimating:$i(o,"dropAnimating"),userCancel:$i(o,"userCancel")}})(e),[e]),n=_r(null),o=_r(null),i=Xr(gn(e=>{const t=o.current;t||$r(),t.textContent=e}),[]),a=Xr(e=>{const t=n.current;t||$r(),t.textContent=e},[]);ji(()=>{(n.current||o.current)&&$r();const s=Hi(t),l=Hi(t);return n.current=s,o.current=l,s.setAttribute(`${Mi}-always`,e),l.setAttribute(`${Mi}-dynamic`,e),Ui().appendChild(s),Ui().appendChild(l),a(r.always),i(r.resting),()=>{const e=e=>{const t=e.current;t||$r(),Ui().removeChild(t),e.current=null};e(n),e(o)}},[t,a,i,r.always,r.resting,e]);const s=Xr(()=>i(r.dragging),[i,r.dragging]),l=Xr(e=>{i("DROP"!==e?r.userCancel:r.dropAnimating)},[i,r.dropAnimating,r.userCancel]),c=Xr(()=>{o.current&&i(r.resting)},[i,r.resting]);return Jr(()=>({dragging:s,dropping:l,resting:c}),[s,l,c])}function Vi(e,t){return Array.from(e.querySelectorAll(t))}var zi=e=>e&&e.ownerDocument&&e.ownerDocument.defaultView?e.ownerDocument.defaultView:window;function Yi(e){return e instanceof zi(e).HTMLElement}function Zi(e){const t=_r({}),r=_r(null),n=_r(null),o=_r(!1),i=Xr(function(e,r){const n={id:e,focus:r};return t.current[e]=n,function(){const r=t.current;r[e]!==n&&delete r[e]}},[]),a=Xr(function(t){const r=function(e,t){const r=`[${ki.contextId}="${e}"]`,n=Vi(document,r);if(!n.length)return null;const o=n.find(e=>e.getAttribute(ki.draggableId)===t);return o&&Yi(o)?o:null}(e,t);r&&r!==document.activeElement&&r.focus()},[e]),s=Xr(function(e,t){r.current===e&&(r.current=t)},[]),l=Xr(function(){n.current||o.current&&(n.current=requestAnimationFrame(()=>{n.current=null;const e=r.current;e&&a(e)}))},[a]),c=Xr(function(e){r.current=null;const t=document.activeElement;t&&t.getAttribute(ki.draggableId)===e&&(r.current=e)},[]);ji(()=>(o.current=!0,function(){o.current=!1;const e=n.current;e&&cancelAnimationFrame(e)}),[]);return Jr(()=>({register:i,tryRecordFocus:c,tryRestoreFocusRecorded:l,tryShiftRecord:s}),[i,c,l,s])}function Ji(){const e={draggables:{},droppables:{}},t=[];function r(e){t.length&&t.forEach(t=>t(e))}function n(t){return e.draggables[t]||null}function o(t){return e.droppables[t]||null}return{draggable:{register:t=>{e.draggables[t.descriptor.id]=t,r({type:"ADDITION",value:t})},update:(t,r)=>{const n=e.draggables[r.descriptor.id];n&&n.uniqueId===t.uniqueId&&(delete e.draggables[r.descriptor.id],e.draggables[t.descriptor.id]=t)},unregister:t=>{const o=t.descriptor.id,i=n(o);i&&t.uniqueId===i.uniqueId&&(delete e.draggables[o],e.droppables[t.descriptor.droppableId]&&r({type:"REMOVAL",value:t}))},getById:function(e){const t=n(e);return t||$r(),t},findById:n,exists:e=>Boolean(n(e)),getAllByType:t=>Object.values(e.draggables).filter(e=>e.descriptor.type===t)},droppable:{register:t=>{e.droppables[t.descriptor.id]=t},unregister:t=>{const r=o(t.descriptor.id);r&&t.uniqueId===r.uniqueId&&delete e.droppables[t.descriptor.id]},getById:function(e){const t=o(e);return t||$r(),t},findById:o,exists:e=>Boolean(o(e)),getAllByType:t=>Object.values(e.droppables).filter(e=>e.descriptor.type===t)},subscribe:function(e){return t.push(e),function(){const r=t.indexOf(e);-1!==r&&t.splice(r,1)}},clean:function(){e.draggables={},e.droppables={},t.length=0}}}var Xi=Pr.createContext(null),Ki=()=>{const e=document.body;return e||$r(),e};const Qi={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"};const ea={separator:"::"};function ta(e,t=ea){const r=Pr.useId();return Jr(()=>`${e}${t.separator}${r}`,[t.separator,e,r])}var ra=Pr.createContext(null);function na(e){const t=_r(e);return Br(()=>{t.current=e}),t}function oa(e){return"IDLE"!==e.phase&&"DROP_ANIMATING"!==e.phase&&e.isDragging}const ia=9,aa=13,sa=33,la=34,ca=35,da=36,ua={[aa]:!0,[ia]:!0};var pa=e=>{ua[e.keyCode]&&e.preventDefault()};const ga=(()=>{const e="visibilitychange";if("undefined"==typeof document)return e;return[e,`ms${e}`,`webkit${e}`,`moz${e}`,`o${e}`].find(e=>`on${e}`in document)||e})();const ma={type:"IDLE"};function fa({cancel:e,completed:t,getPhase:r,setPhase:n}){return[{eventName:"mousemove",fn:e=>{const{button:t,clientX:o,clientY:i}=e;if(0!==t)return;const a={x:o,y:i},s=r();if("DRAGGING"===s.type)return e.preventDefault(),void s.actions.move(a);"PENDING"!==s.type&&$r();const l=s.point;if(c=l,d=a,!(Math.abs(d.x-c.x)>=5||Math.abs(d.y-c.y)>=5))return;var c,d;e.preventDefault();const u=s.actions.fluidLift(a);n({type:"DRAGGING",actions:u})}},{eventName:"mouseup",fn:n=>{const o=r();"DRAGGING"===o.type?(n.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()):e()}},{eventName:"mousedown",fn:t=>{"DRAGGING"===r().type&&t.preventDefault(),e()}},{eventName:"keydown",fn:t=>{if("PENDING"!==r().type)return 27===t.keyCode?(t.preventDefault(),void e()):void pa(t);e()}},{eventName:"resize",fn:e},{eventName:"scroll",options:{passive:!0,capture:!1},fn:()=>{"PENDING"===r().type&&e()}},{eventName:"webkitmouseforcedown",fn:t=>{const n=r();"IDLE"===n.type&&$r(),n.actions.shouldRespectForcePress()?e():t.preventDefault()}},{eventName:ga,fn:e}]}function ba(){}const ha={[la]:!0,[sa]:!0,[da]:!0,[ca]:!0};function va(e,t){function r(){t(),e.cancel()}return[{eventName:"keydown",fn:n=>27===n.keyCode?(n.preventDefault(),void r()):32===n.keyCode?(n.preventDefault(),t(),void e.drop()):40===n.keyCode?(n.preventDefault(),void e.moveDown()):38===n.keyCode?(n.preventDefault(),void e.moveUp()):39===n.keyCode?(n.preventDefault(),void e.moveRight()):37===n.keyCode?(n.preventDefault(),void e.moveLeft()):void(ha[n.keyCode]?n.preventDefault():pa(n))},{eventName:"mousedown",fn:r},{eventName:"mouseup",fn:r},{eventName:"click",fn:r},{eventName:"touchstart",fn:r},{eventName:"resize",fn:r},{eventName:"wheel",fn:r,options:{passive:!0}},{eventName:ga,fn:r}]}const ya={type:"IDLE"};const xa=["input","button","textarea","select","option","optgroup","video","audio"];function Ea(e,t){if(null==t)return!1;if(xa.includes(t.tagName.toLowerCase()))return!0;const r=t.getAttribute("contenteditable");return"true"===r||""===r||t!==e&&Ea(e,t.parentElement)}function Ia(e,t){const r=t.target;return!!Yi(r)&&Ea(e,r)}var Da=e=>hr(e.getBoundingClientRect()).center;const wa=(()=>{const e="matches";if("undefined"==typeof document)return e;return[e,"msMatchesSelector","webkitMatchesSelector"].find(e=>e in Element.prototype)||e})();function Sa(e,t){return null==e?null:e[wa](t)?e:Sa(e.parentElement,t)}function Ca(e,t){return e.closest?e.closest(t):Sa(e,t)}function Aa(e,t){const r=t.target;if(!((n=r)instanceof zi(n).Element))return null;var n;const o=function(e){return`[${ki.contextId}="${e}"]`}(e),i=Ca(r,o);return i&&Yi(i)?i:null}function Oa(e){e.preventDefault()}function Pa({expected:e,phase:t,isLockActive:r,shouldWarn:n}){return!!r()&&e===t}function Ra({lockAPI:e,store:t,registry:r,draggableId:n}){if(e.isClaimed())return!1;const o=r.draggable.findById(n);return!!o&&(!!o.options.isEnabled&&!!yi(t.getState(),n))}function _a({lockAPI:e,contextId:t,store:r,registry:n,draggableId:o,forceSensorStop:i,sourceEvent:a}){if(!Ra({lockAPI:e,store:r,registry:n,draggableId:o}))return null;const s=n.draggable.getById(o),l=function(e,t){const r=`[${Gi.contextId}="${e}"]`,n=Vi(document,r).find(e=>e.getAttribute(Gi.id)===t);return n&&Yi(n)?n:null}(t,s.descriptor.id);if(!l)return null;if(a&&!s.options.canDragInteractiveElements&&Ia(l,a))return null;const c=e.claim(i||Gr);let d="PRE_DRAG";function u(){return s.options.shouldRespectForcePress}function p(){return e.isActive(c)}const g=function(e,t){Pa({expected:e,phase:d,isLockActive:p,shouldWarn:!0})&&r.dispatch(t())}.bind(null,"DRAGGING");function m(t){function n(){e.release(),d="COMPLETED"}function o(e,o={shouldBlockNextClick:!1}){if(t.cleanup(),o.shouldBlockNextClick){const e=Wr(window,[{eventName:"click",fn:Oa,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(e)}n(),r.dispatch(Go({reason:e}))}return"PRE_DRAG"!==d&&(n(),$r()),r.dispatch((e=>({type:"LIFT",payload:e}))(t.liftActionArgs)),d="DRAGGING",{isActive:()=>Pa({expected:"DRAGGING",phase:d,isLockActive:p,shouldWarn:!1}),shouldRespectForcePress:u,drop:e=>o("DROP",e),cancel:e=>o("CANCEL",e),...t.actions}}return{isActive:()=>Pa({expected:"PRE_DRAG",phase:d,isLockActive:p,shouldWarn:!1}),shouldRespectForcePress:u,fluidLift:function(e){const t=Ar(e=>{g(()=>Bo({client:e}))});return{...m({liftActionArgs:{id:o,clientSelection:e,movementMode:"FLUID"},cleanup:()=>t.cancel(),actions:{move:t}}),move:t}},snapLift:function(){const e={moveUp:()=>g(No),moveRight:()=>g(Lo),moveDown:()=>g(To),moveLeft:()=>g(Mo)};return m({liftActionArgs:{id:o,clientSelection:Da(l),movementMode:"SNAP"},cleanup:Gr,actions:e})},abort:function(){Pa({expected:"PRE_DRAG",phase:d,isLockActive:p,shouldWarn:!0})&&e.release()}}}const Ba=[function(e){const t=_r(ma),r=_r(Gr),n=Jr(()=>({eventName:"mousedown",fn:function(t){if(t.defaultPrevented)return;if(0!==t.button)return;if(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)return;const n=e.findClosestDraggableId(t);if(!n)return;const o=e.tryGetLock(n,a,{sourceEvent:t});if(!o)return;t.preventDefault();const i={x:t.clientX,y:t.clientY};r.current(),c(o,i)}}),[e]),o=Jr(()=>({eventName:"webkitmouseforcewillbegin",fn:t=>{if(t.defaultPrevented)return;const r=e.findClosestDraggableId(t);if(!r)return;const n=e.findOptionsForDraggable(r);n&&(n.shouldRespectForcePress||e.canGetLock(r)&&t.preventDefault())}}),[e]),i=Xr(function(){r.current=Wr(window,[o,n],{passive:!1,capture:!0})},[o,n]),a=Xr(()=>{"IDLE"!==t.current.type&&(t.current=ma,r.current(),i())},[i]),s=Xr(()=>{const e=t.current;a(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()},[a]),l=Xr(function(){const e=fa({cancel:s,completed:a,getPhase:()=>t.current,setPhase:e=>{t.current=e}});r.current=Wr(window,e,{capture:!0,passive:!1})},[s,a]),c=Xr(function(e,r){"IDLE"!==t.current.type&&$r(),t.current={type:"PENDING",point:r,actions:e},l()},[l]);ji(function(){return i(),function(){r.current()}},[i])},function(e){const t=_r(ba),r=Jr(()=>({eventName:"keydown",fn:function(r){if(r.defaultPrevented)return;if(32!==r.keyCode)return;const o=e.findClosestDraggableId(r);if(!o)return;const i=e.tryGetLock(o,l,{sourceEvent:r});if(!i)return;r.preventDefault();let a=!0;const s=i.snapLift();function l(){a||$r(),a=!1,t.current(),n()}t.current(),t.current=Wr(window,va(s,l),{capture:!0,passive:!1})}}),[e]),n=Xr(function(){t.current=Wr(window,[r],{passive:!1,capture:!0})},[r]);ji(function(){return n(),function(){t.current()}},[n])},function(e){const t=_r(ya),r=_r(Gr),n=Xr(function(){return t.current},[]),o=Xr(function(e){t.current=e},[]),i=Jr(()=>({eventName:"touchstart",fn:function(t){if(t.defaultPrevented)return;const n=e.findClosestDraggableId(t);if(!n)return;const o=e.tryGetLock(n,s,{sourceEvent:t});if(!o)return;const i=t.touches[0],{clientX:a,clientY:l}=i,c={x:a,y:l};r.current(),u(o,c)}}),[e]),a=Xr(function(){r.current=Wr(window,[i],{capture:!0,passive:!1})},[i]),s=Xr(()=>{const e=t.current;"IDLE"!==e.type&&("PENDING"===e.type&&clearTimeout(e.longPressTimerId),o(ya),r.current(),a())},[a,o]),l=Xr(()=>{const e=t.current;s(),"DRAGGING"===e.type&&e.actions.cancel({shouldBlockNextClick:!0}),"PENDING"===e.type&&e.actions.abort()},[s]),c=Xr(function(){const e={capture:!0,passive:!1},t={cancel:l,completed:s,getPhase:n},o=Wr(window,function({cancel:e,completed:t,getPhase:r}){return[{eventName:"touchmove",options:{capture:!1},fn:t=>{const n=r();if("DRAGGING"!==n.type)return void e();n.hasMoved=!0;const{clientX:o,clientY:i}=t.touches[0],a={x:o,y:i};t.preventDefault(),n.actions.move(a)}},{eventName:"touchend",fn:n=>{const o=r();"DRAGGING"===o.type?(n.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()):e()}},{eventName:"touchcancel",fn:t=>{"DRAGGING"===r().type?(t.preventDefault(),e()):e()}},{eventName:"touchforcechange",fn:t=>{const n=r();"IDLE"===n.type&&$r();const o=t.touches[0];if(!o)return;if(!(o.force>=.15))return;const i=n.actions.shouldRespectForcePress();if("PENDING"!==n.type)return i?n.hasMoved?void t.preventDefault():void e():void t.preventDefault();i&&e()}},{eventName:ga,fn:e}]}(t),e),i=Wr(window,function({cancel:e,getPhase:t}){return[{eventName:"orientationchange",fn:e},{eventName:"resize",fn:e},{eventName:"contextmenu",fn:e=>{e.preventDefault()}},{eventName:"keydown",fn:r=>{"DRAGGING"===t().type?(27===r.keyCode&&r.preventDefault(),e()):e()}},{eventName:ga,fn:e}]}(t),e);r.current=function(){o(),i()}},[l,n,s]),d=Xr(function(){const e=n();"PENDING"!==e.type&&$r();const t=e.actions.fluidLift(e.point);o({type:"DRAGGING",actions:t,hasMoved:!1})},[n,o]),u=Xr(function(e,t){"IDLE"!==n().type&&$r();const r=setTimeout(d,120);o({type:"PENDING",point:t,actions:e,longPressTimerId:r}),c()},[c,n,o,d]);ji(function(){return a(),function(){r.current();const e=n();"PENDING"===e.type&&(clearTimeout(e.longPressTimerId),o(ya))}},[n,a,o]),ji(function(){return Wr(window,[{eventName:"touchmove",fn:()=>{},options:{capture:!1,passive:!1}}])},[])}];function Na({contextId:e,store:t,registry:r,customSensors:n,enableDefaultSensors:o}){const i=[...o?Ba:[],...n||[]],a=Rr(()=>function(){let e=null;function t(){e||$r(),e=null}return{isClaimed:function(){return Boolean(e)},isActive:function(t){return t===e},claim:function(t){e&&$r();const r={abandon:t};return e=r,r},release:t,tryAbandon:function(){e&&(e.abandon(),t())}}}())[0],s=Xr(function(e,t){oa(e)&&!oa(t)&&a.tryAbandon()},[a]);ji(function(){let e=t.getState();return t.subscribe(()=>{const r=t.getState();s(e,r),e=r})},[a,t,s]),ji(()=>a.tryAbandon,[a.tryAbandon]);const l=Xr(e=>Ra({lockAPI:a,registry:r,store:t,draggableId:e}),[a,r,t]),c=Xr((n,o,i)=>_a({lockAPI:a,registry:r,contextId:e,store:t,draggableId:n,forceSensorStop:o||null,sourceEvent:i&&i.sourceEvent?i.sourceEvent:null}),[e,a,r,t]),d=Xr(t=>function(e,t){const r=Aa(e,t);return r?r.getAttribute(ki.draggableId):null}(e,t),[e]),u=Xr(e=>{const t=r.draggable.findById(e);return t?t.options:null},[r.draggable]),p=Xr(function(){a.isClaimed()&&(a.tryAbandon(),"IDLE"!==t.getState().phase&&t.dispatch({type:"FLUSH",payload:null}))},[a,t]),g=Xr(()=>a.isClaimed(),[a]),m=Jr(()=>({canGetLock:l,tryGetLock:c,findClosestDraggableId:d,findOptionsForDraggable:u,tryReleaseLock:p,isLockClaimed:g}),[l,c,d,u,p,g]);for(let e=0;e<i.length;e++)i[e](m)}function Ta(e){return e.current||$r(),e.current}function La(e){const{contextId:t,setCallbacks:r,sensors:n,nonce:o,dragHandleUsageInstructions:i}=e,a=_r(null),s=na(e),l=Xr(()=>(e=>({onBeforeCapture:t=>{Mr(()=>{e.onBeforeCapture&&e.onBeforeCapture(t)})},onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragEnd:e.onDragEnd,onDragUpdate:e.onDragUpdate}))(s.current),[s]),c=Xr(()=>(e=>({...Di,...e.autoScrollerOptions,durationDampening:{...Di.durationDampening,...e.autoScrollerOptions}}))(s.current),[s]),d=function(e){const t=Jr(()=>(e=>`rfd-announcement-${e}`)(e),[e]),r=_r(null);return Br(function(){const e=document.createElement("div");return r.current=e,e.id=t,e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),Or(e.style,Qi),Ki().appendChild(e),function(){setTimeout(function(){const t=Ki();t.contains(e)&&t.removeChild(e),e===r.current&&(r.current=null)})}},[t]),Xr(e=>{const t=r.current;t&&(t.textContent=e)},[])}(t),u=function({contextId:e,text:t}){const r=ta("hidden-text",{separator:"-"}),n=Jr(()=>function({contextId:e,uniqueId:t}){return`rfd-hidden-text-${e}-${t}`}({contextId:e,uniqueId:r}),[r,e]);return Br(function(){const e=document.createElement("div");return e.id=n,e.textContent=t,e.style.display="none",Ki().appendChild(e),function(){const t=Ki();t.contains(e)&&t.removeChild(e)}},[n,t]),n}({contextId:t,text:i}),p=qi(t,o),g=Xr(e=>{Ta(a).dispatch(e)},[]),m=Jr(()=>ot({publishWhileDragging:Ao,updateDroppableScroll:Po,updateDroppableIsEnabled:Ro,updateDroppableIsCombineEnabled:_o,collectionStarting:Oo},g),[g]),f=function(){const e=Jr(Ji,[]);return Br(()=>function(){e.clean()},[e]),e}(),b=Jr(()=>vi(f,m),[f,m]),h=Jr(()=>(({scrollDroppable:e,scrollWindow:t,move:r,getAutoScrollerOptions:n})=>{const o=(({scrollWindow:e,scrollDroppable:t,getAutoScrollerOptions:r=()=>Di})=>{const n=Ar(e),o=Ar(t);let i=null;const a=e=>{i||$r();const{shouldUseTimeDampening:t,dragStartTime:a}=i;Ti({state:e,scrollWindow:n,scrollDroppable:o,dragStartTime:a,shouldUseTimeDampening:t,getAutoScrollerOptions:r})};return{start:e=>{i&&$r();const t=Date.now();let n=!1;const o=()=>{n=!0};Ti({state:e,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:o,scrollDroppable:o,getAutoScrollerOptions:r}),i={dragStartTime:t,shouldUseTimeDampening:n},n&&a(e)},stop:()=>{i&&(n.cancel(),o.cancel(),i=null)},scroll:a}})({scrollWindow:t,scrollDroppable:e,getAutoScrollerOptions:n}),i=Li({move:r,scrollWindow:t,scrollDroppable:e});return{scroll:e=>{n().disabled||"DRAGGING"!==e.phase||("FLUID"!==e.movementMode?e.scrollJumpRequest&&i(e):o.scroll(e))},start:o.start,stop:o.stop}})({scrollWindow:xi,scrollDroppable:b.scrollDroppable,getAutoScrollerOptions:c,...ot({move:Bo},g)}),[b.scrollDroppable,g,c]),v=Zi(t),y=Jr(()=>pi({announce:d,autoScroller:h,dimensionMarshal:b,focusMarshal:v,getResponders:l,styleMarshal:p}),[d,h,b,v,l,p]);a.current=y;const x=Xr(()=>{const e=Ta(a);"IDLE"!==e.getState().phase&&e.dispatch({type:"FLUSH",payload:null})},[]),E=Xr(()=>{const e=Ta(a).getState();return"DROP_ANIMATING"===e.phase||"IDLE"!==e.phase&&e.isDragging},[]);r(Jr(()=>({isDragging:E,tryAbort:x}),[E,x]));const I=Xr(e=>yi(Ta(a).getState(),e),[]),D=Xr(()=>ao(Ta(a).getState()),[]),w=Jr(()=>({marshal:b,focus:v,contextId:t,canLift:I,isMovementAllowed:D,dragHandleUsageInstructionsId:u,registry:f}),[t,b,u,v,I,D,f]);return Na({contextId:t,store:y,registry:f,customSensors:n||null,enableDefaultSensors:!1!==e.enableDefaultSensors}),Br(()=>x,[x]),Pr.createElement(ra.Provider,{value:w},Pr.createElement(dr,{context:Xi,store:y},e.children))}function Ma(e){const t=Pr.useId(),r=e.dragHandleUsageInstructions||zr.dragHandleUsageInstructions;return Pr.createElement(jr,null,n=>Pr.createElement(La,{nonce:e.nonce,contextId:t,setCallbacks:n,dragHandleUsageInstructions:r,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd,autoScrollerOptions:e.autoScrollerOptions},e.children))}const ka=5e3,Ga=4500,Wa=(e,t)=>t?qo.drop(t.duration):e?qo.snap:qo.fluid,Fa=(e,t)=>{if(e)return t?$o.drop:$o.combining};function $a(e){return"DRAGGING"===e.type?function(e){const t=e.dimension.client,{offset:r,combineWith:n,dropping:o}=e,i=Boolean(n),a=(e=>null!=e.forceShouldAnimate?e.forceShouldAnimate:"SNAP"===e.mode)(e),s=Boolean(o),l=s?Yo(r,i):zo(r);return{position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:Wa(a,o),transform:l,opacity:Fa(i,s),zIndex:s?Ga:ka,pointerEvents:"none"}}(e):{transform:zo((t=e).offset),transition:t.shouldAnimateDisplacement?void 0:"none"};var t}function ja(e){const t=ta("draggable"),{descriptor:r,registry:n,getDraggableRef:o,canDragInteractiveElements:i,shouldRespectForcePress:a,isEnabled:s}=e,l=Jr(()=>({canDragInteractiveElements:i,shouldRespectForcePress:a,isEnabled:s}),[i,s,a]),c=Xr(e=>{const t=o();return t||$r(),function(e,t,r=Kr){const n=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Sr(o,n),a=wr(i,r);return{descriptor:e,placeholder:{client:i,tagName:t.tagName.toLowerCase(),display:n.display},displaceBy:{x:i.marginBox.width,y:i.marginBox.height},client:i,page:a}}(r,t,e)},[r,o]),d=Jr(()=>({uniqueId:t,descriptor:r,options:l,getDimension:c}),[r,c,l,t]),u=_r(d),p=_r(!0);ji(()=>(n.draggable.register(u.current),()=>n.draggable.unregister(u.current)),[n.draggable]),ji(()=>{if(p.current)return void(p.current=!1);const e=u.current;u.current=d,n.draggable.update(d,e)},[d,n.draggable])}var Ua=Pr.createContext(null);function Ha(e){const t=Tr(e);return t||$r(),t}function qa(e){e.preventDefault()}var Va=(e,t)=>e===t,za=e=>{const{combine:t,destination:r}=e;return r?r.droppableId:t?t.droppableId:null};function Ya(e=null){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}const Za={mapped:{type:"SECONDARY",offset:Kr,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Ya(null)}};const Ja=cr(()=>{const e=function(){const e=gn((e,t)=>({x:e,y:t})),t=gn((e,t,r=null,n=null,o=null)=>({isDragging:!0,isClone:t,isDropAnimating:Boolean(o),dropAnimation:o,mode:e,draggingOver:r,combineWith:n,combineTargetFor:null})),r=gn((e,r,n,o,i=null,a=null,s=null)=>({mapped:{type:"DRAGGING",dropping:null,draggingOver:i,combineWith:a,mode:r,offset:e,dimension:n,forceShouldAnimate:s,snapshot:t(r,o,i,a,null)}}));return(n,o)=>{if(oa(n)){if(n.critical.draggable.id!==o.draggableId)return null;const t=n.current.client.offset,a=n.dimensions.draggables[o.draggableId],s=oo(n.impact),l=(i=n.impact).at&&"COMBINE"===i.at.type?i.at.combine.draggableId:null,c=n.forceShouldAnimate;return r(e(t.x,t.y),n.movementMode,a,o.isClone,s,l,c)}var i;if("DROP_ANIMATING"===n.phase){const e=n.completed;if(e.result.draggableId!==o.draggableId)return null;const r=o.isClone,i=n.dimensions.draggables[o.draggableId],a=e.result,s=a.mode,l=za(a),c=(e=>e.combine?e.combine.draggableId:null)(a),d={duration:n.dropDuration,curve:Fo,moveTo:n.newHomeClientOffset,opacity:c?$o.drop:null,scale:c?jo.drop:null};return{mapped:{type:"DRAGGING",offset:n.newHomeClientOffset,dimension:i,dropping:d,draggingOver:l,combineWith:c,mode:s,forceShouldAnimate:null,snapshot:t(s,r,l,c,d)}}}return null}}(),t=function(){const e=gn((e,t)=>({x:e,y:t})),t=gn(Ya),r=gn((e,r=null,n)=>({mapped:{type:"SECONDARY",offset:e,combineTargetFor:r,shouldAnimateDisplacement:n,snapshot:t(r)}})),n=e=>e?r(Kr,e,!0):null,o=(t,o,i,a)=>{const s=i.displaced.visible[t],l=Boolean(a.inVirtualList&&a.effected[t]),c=xn(i),d=c&&c.draggableId===t?o:null;if(!s){if(!l)return n(d);if(i.displaced.invisible[t])return null;const o=rn(a.displacedBy.point),s=e(o.x,o.y);return r(s,d,!0)}if(l)return n(d);const u=i.displacedBy.point,p=e(u.x,u.y);return r(p,d,s.shouldAnimate)};return(e,t)=>{if(oa(e))return e.critical.draggable.id===t.draggableId?null:o(t.draggableId,e.critical.draggable.id,e.impact,e.afterCritical);if("DROP_ANIMATING"===e.phase){const r=e.completed;return r.result.draggableId===t.draggableId?null:o(t.draggableId,r.result.draggableId,r.impact,r.afterCritical)}return null}}();return(r,n)=>e(r,n)||t(r,n)||Za},{dropAnimationFinished:Wo},null,{context:Xi,areStatePropsEqual:Va})(e=>{const t=_r(null),r=Xr((e=null)=>{t.current=e},[]),n=Xr(()=>t.current,[]),{contextId:o,dragHandleUsageInstructionsId:i,registry:a}=Ha(ra),{type:s,droppableId:l}=Ha(Ua),c=Jr(()=>({id:e.draggableId,index:e.index,type:s,droppableId:l}),[e.draggableId,e.index,s,l]),{children:d,draggableId:u,isEnabled:p,shouldRespectForcePress:g,canDragInteractiveElements:m,isClone:f,mapped:b,dropAnimationFinished:h}=e;if(!f){ja(Jr(()=>({descriptor:c,registry:a,getDraggableRef:n,canDragInteractiveElements:m,shouldRespectForcePress:g,isEnabled:p}),[c,a,n,m,g,p]))}const v=Jr(()=>p?{tabIndex:0,role:"button","aria-describedby":i,"data-rfd-drag-handle-draggable-id":u,"data-rfd-drag-handle-context-id":o,draggable:!1,onDragStart:qa}:null,[o,i,u,p]),y=Xr(e=>{"DRAGGING"===b.type&&b.dropping&&"transform"===e.propertyName&&Mr(h)},[h,b]),x=Jr(()=>{const e=$a(b),t="DRAGGING"===b.type&&b.dropping?y:void 0;return{innerRef:r,draggableProps:{"data-rfd-draggable-context-id":o,"data-rfd-draggable-id":u,style:e,onTransitionEnd:t},dragHandleProps:v}},[o,v,u,b,y,r]),E=Jr(()=>({draggableId:c.id,type:c.type,source:{index:c.index,droppableId:c.droppableId}}),[c.droppableId,c.id,c.index,c.type]);return Pr.createElement(Pr.Fragment,null,d(x,b.snapshot,E))});function Xa(e){return Ha(Ua).isUsingCloneFor!==e.draggableId||e.isClone?Pr.createElement(Ja,e):null}function Ka(e){const t="boolean"!=typeof e.isDragDisabled||!e.isDragDisabled,r=Boolean(e.disableInteractiveElementBlocking),n=Boolean(e.shouldRespectForcePress);return Pr.createElement(Xa,Or({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:r,shouldRespectForcePress:n}))}const Qa=e=>t=>e===t,es=Qa("scroll"),ts=Qa("auto"),rs=(e,t)=>t(e.overflowX)||t(e.overflowY),ns=e=>null==e||e===document.body||e===document.documentElement?null:(e=>{const t=window.getComputedStyle(e),r={overflowX:t.overflowX,overflowY:t.overflowY};return rs(r,es)||rs(r,ts)})(e)?e:ns(e.parentElement);var os=e=>({x:e.scrollLeft,y:e.scrollTop});const is=e=>{if(!e)return!1;return"fixed"===window.getComputedStyle(e).position||is(e.parentElement)};var as=({ref:e,descriptor:t,env:r,windowScroll:n,direction:o,isDropDisabled:i,isCombineEnabled:a,shouldClipSubject:s})=>{const l=r.closestScrollable,c=((e,t)=>{const r=Cr(e);if(!t)return r;if(e!==t)return r;const n=r.paddingBox.top-t.scrollTop,o=r.paddingBox.left-t.scrollLeft,i=n+t.scrollHeight,a=o+t.scrollWidth,s=vr({top:n,right:a,bottom:i,left:o},r.border);return Er({borderBox:s,margin:r.margin,border:r.border,padding:r.padding})})(e,l),d=wr(c,n),u=(()=>{if(!l)return null;const e=Cr(l),t={scrollHeight:l.scrollHeight,scrollWidth:l.scrollWidth};return{client:e,page:wr(e,n),scroll:os(l),scrollSize:t,shouldClipSubject:s}})(),p=(({descriptor:e,isEnabled:t,isCombineEnabled:r,isFixedOnPage:n,direction:o,client:i,page:a,closest:s})=>{const l=(()=>{if(!s)return null;const{scrollSize:e,client:t}=s,r=gi({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,height:t.paddingBox.height,width:t.paddingBox.width});return{pageMarginBox:s.page.marginBox,frameClient:t,scrollSize:e,shouldClipSubject:s.shouldClipSubject,scroll:{initial:s.scroll,current:s.scroll,max:r,diff:{value:Kr,displacement:Kr}}}})(),c="vertical"===o?Pn:Rn;return{descriptor:e,isCombineEnabled:r,isFixedOnPage:n,axis:c,isEnabled:t,client:i,page:a,frame:l,subject:un({page:a,withPlaceholder:null,axis:c,frame:l})}})({descriptor:t,isEnabled:!i,isCombineEnabled:a,isFixedOnPage:r.isFixedOnPage,direction:o,client:c,page:d,closest:u});return p};const ss={passive:!1},ls={passive:!0};var cs=e=>e.shouldPublishImmediately?ss:ls;const ds=e=>e&&e.env.closestScrollable||null;function us(e){const t=_r(null),r=Ha(ra),n=ta("droppable"),{registry:o,marshal:i}=r,a=na(e),s=Jr(()=>({id:e.droppableId,type:e.type,mode:e.mode}),[e.droppableId,e.mode,e.type]),l=_r(s),c=Jr(()=>gn((e,r)=>{t.current||$r();const n={x:e,y:r};i.updateDroppableScroll(s.id,n)}),[s.id,i]),d=Xr(()=>{const e=t.current;return e&&e.env.closestScrollable?os(e.env.closestScrollable):Kr},[]),u=Xr(()=>{const e=d();c(e.x,e.y)},[d,c]),p=Jr(()=>Ar(u),[u]),g=Xr(()=>{const e=t.current,r=ds(e);e&&r||$r();e.scrollOptions.shouldPublishImmediately?u():p()},[p,u]),m=Xr((e,n)=>{t.current&&$r();const o=a.current,i=o.getDroppableRef();i||$r();const l={closestScrollable:ns(c=i),isFixedOnPage:is(c)};var c;const d={ref:i,descriptor:s,env:l,scrollOptions:n};t.current=d;const u=as({ref:i,descriptor:s,env:l,windowScroll:e,direction:o.direction,isDropDisabled:o.isDropDisabled,isCombineEnabled:o.isCombineEnabled,shouldClipSubject:!o.ignoreContainerClipping}),p=l.closestScrollable;return p&&(p.setAttribute(Fi.contextId,r.contextId),p.addEventListener("scroll",g,cs(d.scrollOptions))),u},[r.contextId,s,g,a]),f=Xr(()=>{const e=t.current,r=ds(e);return e&&r||$r(),os(r)},[]),b=Xr(()=>{const e=t.current;e||$r();const r=ds(e);t.current=null,r&&(p.cancel(),r.removeAttribute(Fi.contextId),r.removeEventListener("scroll",g,cs(e.scrollOptions)))},[g,p]),h=Xr(e=>{const r=t.current;r||$r();const n=ds(r);n||$r(),n.scrollTop+=e.y,n.scrollLeft+=e.x},[]),v=Jr(()=>({getDimensionAndWatchScroll:m,getScrollWhileDragging:f,dragStopped:b,scroll:h}),[b,m,f,h]),y=Jr(()=>({uniqueId:n,descriptor:s,callbacks:v}),[v,s,n]);ji(()=>(l.current=y.descriptor,o.droppable.register(y),()=>{t.current&&b(),o.droppable.unregister(y)}),[v,s,b,y,i,o.droppable]),ji(()=>{t.current&&i.updateDroppableIsEnabled(l.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),ji(()=>{t.current&&i.updateDroppableIsCombineEnabled(l.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function ps(){}const gs={width:0,height:0,margin:{top:0,right:0,bottom:0,left:0}},ms=({isAnimatingOpenOnMount:e,placeholder:t,animate:r})=>{const n=(({isAnimatingOpenOnMount:e,placeholder:t,animate:r})=>e||"close"===r?gs:{height:t.client.borderBox.height,width:t.client.borderBox.width,margin:t.client.margin})({isAnimatingOpenOnMount:e,placeholder:t,animate:r});return{display:t.display,boxSizing:"border-box",width:n.width,height:n.height,marginTop:n.margin.top,marginRight:n.margin.right,marginBottom:n.margin.bottom,marginLeft:n.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:"none"!==r?qo.placeholder:null}};var fs=Pr.memo(e=>{const t=_r(null),r=Xr(()=>{t.current&&(clearTimeout(t.current),t.current=null)},[]),{animate:n,onTransitionEnd:o,onClose:i,contextId:a}=e,[s,l]=Rr("open"===e.animate);Br(()=>s?"open"!==n?(r(),l(!1),ps):t.current?ps:(t.current=setTimeout(()=>{t.current=null,l(!1)}),r):ps,[n,s,r]);const c=Xr(e=>{"height"===e.propertyName&&(o(),"close"===n&&i())},[n,i,o]),d=ms({isAnimatingOpenOnMount:s,animate:e.animate,placeholder:e.placeholder});return Pr.createElement(e.placeholder.tagName,{style:d,"data-rfd-placeholder-context-id":a,onTransitionEnd:c,ref:e.innerRef})});class bs extends Pr.PureComponent{constructor(...e){super(...e),this.state={isVisible:Boolean(this.props.on),data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{"close"===this.state.animate&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(e,t){return e.shouldAnimate?e.on?{isVisible:!0,data:e.on,animate:"open"}:t.isVisible?{isVisible:!0,data:t.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(e.on),data:e.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const e={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(e)}}const hs={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:function(){return document.body||$r(),document.body}},vs=e=>{let t,r={...e};for(t in hs)void 0===e[t]&&(r={...r,[t]:hs[t]});return r},ys=(e,t)=>e===t.droppable.type,xs=(e,t)=>t.draggables[e.draggable.id],Es=cr(()=>{const e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},r=gn(e=>({draggableId:e.id,type:e.type,source:{index:e.index,droppableId:e.droppableId}})),n=gn((n,o,i,a,s,l)=>{const c=s.descriptor.id;if(s.descriptor.droppableId===n){const e=l?{render:l,dragging:r(s.descriptor)}:null,t={isDraggingOver:i,draggingOverWith:i?c:null,draggingFromThisWith:c,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!1,snapshot:t,useClone:e}}if(!o)return t;if(!a)return e;const d={isDraggingOver:i,draggingOverWith:c,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:s.placeholder,shouldAnimatePlaceholder:!0,snapshot:d,useClone:null}});return(r,o)=>{const i=vs(o),a=i.droppableId,s=i.type,l=!i.isDropDisabled,c=i.renderClone;if(oa(r)){const e=r.critical;if(!ys(s,e))return t;const o=xs(e,r.dimensions),i=oo(r.impact)===a;return n(a,l,i,i,o,c)}if("DROP_ANIMATING"===r.phase){const e=r.completed;if(!ys(s,e.critical))return t;const o=xs(e.critical,r.dimensions);return n(a,l,za(e.result)===a,oo(e.impact)===a,o,c)}if("IDLE"===r.phase&&r.completed&&!r.shouldFlush){const n=r.completed;if(!ys(s,n.critical))return t;const o=oo(n.impact)===a,i=Boolean(n.impact.at&&"COMBINE"===n.impact.at.type),l=n.critical.droppable.id===a;return o?i?e:t:l?e:t}return t}},{updateViewportMaxScroll:e=>({type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:e})},(e,t,r)=>({...vs(r),...e,...t}),{context:Xi,areStatePropsEqual:Va})(e=>{const t=Tr(ra);t||$r();const{contextId:r,isMovementAllowed:n}=t,o=_r(null),i=_r(null),{children:a,droppableId:s,type:l,mode:c,direction:d,ignoreContainerClipping:u,isDropDisabled:p,isCombineEnabled:g,snapshot:m,useClone:f,updateViewportMaxScroll:b,getContainerForClone:h}=e,v=Xr(()=>o.current,[]),y=Xr((e=null)=>{o.current=e},[]);Xr(()=>i.current,[]);const x=Xr((e=null)=>{i.current=e},[]),E=Xr(()=>{n()&&b({maxScroll:fi()})},[n,b]);us({droppableId:s,type:l,mode:c,direction:d,isDropDisabled:p,isCombineEnabled:g,ignoreContainerClipping:u,getDroppableRef:v});const I=Jr(()=>Pr.createElement(bs,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},({onClose:e,data:t,animate:n})=>Pr.createElement(fs,{placeholder:t,onClose:e,innerRef:x,animate:n,contextId:r,onTransitionEnd:E})),[r,E,e.placeholder,e.shouldAnimatePlaceholder,x]),D=Jr(()=>({innerRef:y,placeholder:I,droppableProps:{"data-rfd-droppable-id":s,"data-rfd-droppable-context-id":r}}),[r,s,I,y]),w=f?f.dragging.draggableId:null,S=Jr(()=>({droppableId:s,type:l,isUsingCloneFor:w}),[s,w,l]);return Pr.createElement(Ua.Provider,{value:S},a(D,m),function(){if(!f)return null;const{dragging:e,render:t}=f,r=Pr.createElement(Xa,{draggableId:e.draggableId,index:e.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(r,n)=>t(r,n,e));return Lr.createPortal(r,h())}())}),{Menu:Is}=r,{MenuItem:Ds}=r,{IconButton:ws}=r,{MoreVert:Ss}=l,{MoreHoriz:Cs}=l,As=i,Os=e;class Ps extends Os.Component{static __initStatic(){this.propTypes={opts:As.object,onClick:As.func.isRequired}}constructor(e){super(e),Ps.prototype.__init.call(this),Ps.prototype.__init2.call(this),this.state={anchorEl:void 0,open:!1}}__init(){this.handleClick=e=>this.setState({open:!0,anchorEl:e.currentTarget})}__init2(){this.handleRequestClose=()=>this.setState({open:!1})}render(){const{opts:e,onClick:t}=this.props,{open:r,anchorEl:n}=this.state,o=Object.keys(e)||[],i=e=>()=>{t(e),this.handleRequestClose()},a=r?"inherit":"disabled";return Os.createElement("div",null,Os.createElement("div",{onClick:this.handleClick},Os.createElement(ws,{size:"large"},r?Os.createElement(Ss,{color:a}):Os.createElement(Cs,{color:a}))),Os.createElement(Is,{id:"point-menu",anchorEl:n,open:r,onClose:this.handleRequestClose,style:{transform:"translate(-15px, -15px)"},transformOrigin:{vertical:"center",horizontal:"right"}},o.map((t,r)=>Os.createElement(Ds,{key:r,onClick:i(t)},e[t]))))}}Ps.__initStatic();class Rs extends Os.Component{static __initStatic2(){this.propTypes={onChange:As.func.isRequired,showSampleAnswer:As.bool.isRequired}}render(){const{onChange:e,showSampleAnswer:t}=this.props,r=t?"Provide Sample Response":"Remove Sample Response";return Os.createElement(Ps,{onClick:t=>e(t),opts:{sample:r}})}}Rs.__initStatic2();var _s={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"};const Bs=e,Ns=i,{styled:Ts}=t,{InputLabel:Ls}=r,{OutlinedInput:Ms}=r,{Select:ks}=r,{FormControl:Gs}=r,{MenuItem:Ws}=r,{Checkbox:Fs}=r,{FormGroup:$s}=r,{FormControlLabel:js}=r,{Typography:Us}=r,{DragIndicator:Hs}=l,qs=s,Vs=d,{InputContainer:zs}=u,Ys=qs("pie-lib:rubric:authoring"),Zs=(e,t,r)=>{const n=Array.from(e),[o]=n.splice(t,1);return n.splice(r,0,o),n},Js=Ns.shape({excludeZero:Ns.bool,points:Ns.arrayOf(Ns.string),sampleAnswers:Ns.arrayOf(Ns.string),maxPoints:Ns.number,rubriclessInstruction:Ns.string}),Xs=e=>{const{value:t,onChange:r,max:n}=e,o="max-points-label";return Bs.createElement(Gs,{sx:{minWidth:120,m:1},variant:"outlined"},Bs.createElement(Ls,{id:o},"Max Points"),Bs.createElement(ks,{labelId:o,label:"Max Points",value:t,onChange:e=>r(e.target.value),input:Bs.createElement(Ms,{label:"Max Points"}),MenuProps:{transitionDuration:{enter:225,exit:195}}},ze(1,n+1).map(e=>Bs.createElement(Ws,{key:`${e}`,value:e},e))))},Ks=e=>null===e||"null"===e,Qs=Ts("div")(()=>({display:"flex",width:"100%",position:"relative"})),el=Ts("div")(({theme:e})=>({width:"100%",backgroundColor:`${e.palette.common.white}`})),tl=Ts(Hs)(({theme:e})=>({paddingTop:e.spacing(1),color:_s[500]})),rl=Ts(Us)(({theme:e})=>({color:_s[500],paddingBottom:e.spacing(1),textTransform:"uppercase"})),nl=Ts("div")(({theme:e})=>({paddingLeft:e.spacing(3)})),ol=Ts("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingLeft:e.spacing(3),paddingTop:e.spacing(1)})),il=Ts("div")(()=>({position:"absolute",right:0})),al=e=>{const{points:t,content:r,sampleAnswer:n,mathMlOptions:o={},error:i,pluginOpts:a={}}=e,s=`${t} ${t<=1?"pt":"pts"}`,l=Ks(n);return Bs.createElement("div",null,Bs.createElement(rl,{variant:"overline"},s),Bs.createElement(Qs,null,Bs.createElement(tl,null),Bs.createElement(el,null,Bs.createElement(Vs,{error:i,pluginProps:a,markup:r,onChange:e.onChange,mathMlOptions:o})),Bs.createElement(il,null,Bs.createElement(Rs,{showSampleAnswer:l,onChange:e.onMenuChange}))),i&&Bs.createElement(ol,null,i),!l&&Bs.createElement(nl,null,Bs.createElement(tl,{as:Us,variant:"overline"},"Sample Response"),Bs.createElement(el,null,Bs.createElement(Vs,{markup:n,pluginProps:a,onChange:e.onSampleChange,mathMlOptions:o}))))},sl=Ts("div")(({theme:e})=>({backgroundColor:_s[200],borderWidth:1,borderStyle:"solid",borderColor:_s[300],padding:e.spacing(2),margin:e.spacing(1)})),ll=Ts("div")(({theme:e})=>({width:"100%",paddingTop:e.spacing(2),marginBottom:e.spacing(2),"& MuiFormControl-root":{width:"100%"}})),cl=Ts("div")(()=>({display:"none"})),dl=Ts("div")(({theme:e})=>({paddingTop:e.spacing(1),paddingBottom:e.spacing(1)})),ul=Ts(Us)(({theme:e})=>({paddingLeft:e.spacing(1),margin:e.spacing(1)}));class pl extends Bs.Component{constructor(...e){super(...e),pl.prototype.__init.call(this),pl.prototype.__init2.call(this),pl.prototype.__init3.call(this),pl.prototype.__init4.call(this),pl.prototype.__init5.call(this),pl.prototype.__init6.call(this),pl.prototype.__init7.call(this)}static __initStatic(){this.propTypes={value:Js,config:Ns.object,pluginOpts:Ns.object,rubricless:Ns.bool,onChange:Ns.func}}static __initStatic2(){this.defaultProps={}}__init(){this.dragEnd=e=>{if(!e.destination)return;const{value:t,onChange:r}=this.props,n=Zs(t.points,e.source.index,e.destination.index),o=Zs(t.sampleAnswers,e.source.index,e.destination.index);r({...t,points:n,sampleAnswers:o})}}__init2(){this.changeRubriclessInstruction=e=>{const{value:t,onChange:r}=this.props;r({...t,rubriclessInstruction:e})}}__init3(){this.changeMaxPoints=e=>{const{value:t,onChange:r,rubricless:n}=this.props,o=t.points.length-1;let i,a;Ys("current",o,"new: ",e),e>o&&(i=Xe(e-o).map(()=>"").concat(t.points),a=Xe(e-o).map(()=>null).concat(t.sampleAnswers)),e<o&&(Ys("less than"),i=Ye(t.points,e+1),a=Ye(t.sampleAnswers,e+1)),r(i&&!n?{...t,points:i,sampleAnswers:a,maxPoints:e}:{...t,maxPoints:e})}}__init4(){this.changeContent=(e,t,r)=>{if(Ys(`changeModel[${r}]:`,e,t),"points"!==r&&"sampleAnswers"!==r)return;const{value:n,onChange:o}=this.props,i=n[r]&&Array.from(n[r]);i.splice(e,1,t),Ys(`changeModel[${r}]:`,i),o({...n,[r]:i})}}__init5(){this.excludeZeros=()=>{const{value:e,onChange:t}=this.props;t({...e,excludeZero:!e.excludeZero})}}__init6(){this.shouldRenderPoint=(e,t)=>!t.excludeZero||(e<t.points.length-1||e!==t.points.length-1)}__init7(){this.onPointMenuChange=(e,t)=>{if("sample"===t){const{value:t}=this.props,r=Array.from(t.sampleAnswers||[]);Ks(r[e])?this.changeContent(e,"","sampleAnswers"):this.changeContent(e,null,"sampleAnswers")}}}render(){const{value:e,mathMlOptions:t={},config:r={},rubricless:n=!1,pluginOpts:o={}}=this.props;let{excludeZeroEnabled:i=!0,maxPointsEnabled:a=!0,errors:s={},rubriclessInstructionEnabled:l=!1,maxPoints:c=10}=e||{};const{rubriclessInstruction:d={},maxMaxPoints:u=10}=r||{},{pointsDescriptorsErrors:p}=s||{};e&&Number.isFinite(e.maxPoints)&&console.warn("maxPoints is deprecated - remove from model");const g=n?c:e.points.length-1;return Bs.createElement("div",null,Bs.createElement(ul,{variant:"h5"},"Rubric"),Bs.createElement($s,{row:!0},a&&Bs.createElement(Xs,{max:u<100?u:100,value:g,onChange:this.changeMaxPoints,pluginOpts:o}),i&&Bs.createElement(js,{label:"Exclude zeros",control:Bs.createElement(Fs,{checked:e.excludeZero,onChange:this.excludeZeros})})),l&&n&&Bs.createElement(ll,null,Bs.createElement(zs,{label:d.label},Bs.createElement(Vs,{markup:e.rubriclessInstruction||"",onChange:this.changeRubriclessInstruction,pluginProps:o,nonEmpty:!1,disableUnderline:!0,languageCharactersProps:[{language:"spanish"},{language:"special"}],mathMlOptions:t}))),Bs.createElement("div",null,n?Bs.createElement(cl,null):Bs.createElement(sl,null,Bs.createElement(Ma,{onDragEnd:this.dragEnd},Bs.createElement(Es,{droppableId:"droppable"},r=>Bs.createElement("div",{...r.droppableProps,ref:r.innerRef},e.points.map((r,n)=>this.shouldRenderPoint(n,e)&&Bs.createElement(Ka,{key:`${r.points}-${n}`,index:n,draggableId:n.toString()},i=>Bs.createElement(dl,{ref:i.innerRef,...i.draggableProps,...i.dragHandleProps},Bs.createElement(al,{points:e.points.length-1-n,content:r,error:p&&p[e.points.length-1-n],sampleAnswer:e.sampleAnswers&&e.sampleAnswers[n],onChange:e=>this.changeContent(n,e,"points"),onSampleChange:e=>this.changeContent(n,e,"sampleAnswers"),onMenuChange:e=>this.onPointMenuChange(n,e),mathMlOptions:t,pluginOpts:o})))),r.placeholder))))))}}pl.__initStatic(),pl.__initStatic2(),Ns.object,Ns.object,Ns.bool,Ns.func,Ns.func;const gl="simpleRubric",ml="multiTraitRubric",fl="rubricless",bl="complex-rubric-simple",hl="complex-rubric-multi-trait";class vl extends L{}class yl extends be{}customElements.get(bl)||customElements.define(bl,vl),customElements.get(hl)||customElements.define(hl,yl);class xl extends HTMLElement{constructor(){super(),this._model={},this._type=gl}set type(e){this._type=e}get type(){return this._type}set model(e){this._model=e;const t=this._type;switch(this.type=e.rubricType,this._type){case gl:default:customElements.whenDefined(bl).then(()=>{this.setRubricModel(this.simpleRubric)});break;case ml:customElements.whenDefined(hl).then(()=>{this.setMultiTraitRubricModel(this.multiTraitRubric)});break;case fl:customElements.whenDefined(bl).then(()=>{this.setRubriclessModel(this.rubricless)})}t!==this.type&&this._render()}setRubricModel(e){if(this._model&&this._model.rubrics&&this._model.rubrics.simpleRubric){const{mode:t}=this._model;e.model={...this._model.rubrics.simpleRubric,mode:t}}}setMultiTraitRubricModel(e){if(this._model&&this._model.rubrics&&this._model.rubrics.multiTraitRubric){const{mode:t}=this._model;e.model={...this._model.rubrics.multiTraitRubric,mode:t}}}setRubriclessModel(e){if(this._model&&this._model.rubrics&&this._model.rubrics.rubricless){const{mode:t}=this._model;e.model={...this._model.rubrics.rubricless,mode:t}}}get multiTraitRubric(){return this.querySelector(`${hl}#multiTraitRubric`)}get simpleRubric(){return this.querySelector(`${bl}#simpleRubric`)}get rubricless(){return this.querySelector(`${bl}#rubricless`)}connectedCallback(){this._render()}_render(){let e;switch(e=this._type===gl?`<${bl} id="simpleRubric" />`:this._type===fl?`<${bl} id="rubricless" />`:`<${hl} id="multiTraitRubric" />`,this.innerHTML=e,this._type){case gl:default:customElements.get(bl)&&this.setRubricModel(this.simpleRubric);break;case ml:customElements.get(hl)&&this.setMultiTraitRubricModel(this.multiTraitRubric);break;case fl:customElements.get(bl)&&this.setRubriclessModel(this.rubricless)}}}export{xl as default};

package/module/index.html

@@ -0,0 +1,21 @@
+
+  <!doctype html>
+  <html>
+    <head>
+      <title>@pie-element/complex-rubric@6.0.0-beta.2</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,22 @@
+{
+  "name": "@pie-element/complex-rubric",
+  "version": "6.0.0-beta.2",
+  "modules": [
+    {
+      "name": "@pie-lib/shared-module",
+      "version": "^4.0.1"
+    },
+    {
+      "name": "@pie-lib/math-rendering-module",
+      "version": "^4.0.7"
+    },
+    {
+      "name": "@pie-lib/editable-html-module",
+      "version": "^6.1.2"
+    },
+    {
+      "name": "@pie-lib/config-module",
+      "version": "^3.0.1"
+    }
+  ]
+}

package/module/print-demo.js

@@ -0,0 +1,259 @@
+import PrintElement from './print.js';
+
+var generate = {};
+
+generate.model = (id, element) => ({
+  id,
+  element,
+  rubricType: 'simpleRubric',
+  rubrics: {
+    simpleRubric: {
+      points: ['nothing right', 'a teeny bit right', 'mostly right', 'bingo'],
+      sampleAnswers: [null, 'just right', 'not left', null],
+      maxPoints: 3,
+      excludeZero: false,
+    },
+    rubricless: {
+      maxPoints: 100,
+      excludeZero: false,
+      rubriclessInstructionEnabled: true,
+    },
+    multiTraitRubric: {
+      visibleToStudent: true,
+      halfScoring: false,
+      excludeZero: true,
+      pointLabels: true,
+      description: false,
+      standards: false,
+      scales: [
+        {
+          maxPoints: 4,
+          scorePointsLabels: ['Non-Scorable', 'Developing', 'Progressing', 'Effective', 'Strong'],
+          traitLabel: 'Trait',
+          traits: [
+            {
+              name: 'Ideas',
+              standards: [],
+              description: 'the main message',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'Topic undefined and/or difficult to follow\n' + '\n' + 'Details are unclear',
+                'Topic too broad\n' + '\n' + 'Details are limited',
+                'Writing stays on topic\n' + '\n' + 'Complete details given',
+                'Strong control of topic\n' + '\n' + 'Relevant, accurate, specific details that support topic',
+              ],
+            },
+            {
+              name: 'Organization',
+              standards: [],
+              description: 'the internal structure of the piece',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'Does not have a beginning, middle and/or end\n' +
+                  '\n' +
+                  'Does not have a lead and/or conclusion\n' +
+                  '\n' +
+                  'Transitions confusing and/or not present\n' +
+                  '\n' +
+                  'Not written in logical order\n' +
+                  '\n' +
+                  'No sign of paragraphing / incorrect paragraphing',
+                'Weak beginning, middle and end\n' +
+                  '\n' +
+                  'Has evidence of a lead and/or conclusion but missing elements\n' +
+                  '\n' +
+                  'Transitions are used sometimes\n' +
+                  '\n' +
+                  'Some logical order\n' +
+                  '\n' +
+                  'Most paragraphing incorrect',
+                'Has an acceptable beginning, middle and end\n' +
+                  '\n' +
+                  'Includes a lead and conclusion\n' +
+                  '\n' +
+                  'Transitions are used correctly\n' +
+                  '\n' +
+                  'Mostly logical order\n' +
+                  '\n' +
+                  'Mostly correct paragraphing',
+                'Has an effective beginning, middle and end\n' +
+                  '\n' +
+                  'Powerful introduction / lead and conclusion\n' +
+                  '\n' +
+                  'Effective transitions\n' +
+                  '\n' +
+                  'Logical order / sequencing\n' +
+                  '\n' +
+                  'Uses appropriate paragraphing',
+              ],
+            },
+            {
+              name: 'Word Choice',
+              standards: [],
+              description: 'the vocabulary a writer chooses to convey meaning',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'Vocabulary is limited/used incorrectly\n' +
+                  '\n' +
+                  'No figurative language; words do not convey meaning',
+                'Generally correct words\n' +
+                  '\n' +
+                  'Attempt at figurative language\n' +
+                  '\n' +
+                  'and/or words convey general meaning',
+                'Some active verbs and precise nouns\n' +
+                  '\n' +
+                  'Effective use of figurative language and/or words that enhance meaning',
+                'Powerful and engaging words\n' + '\n' + 'Artful use of figurative language and/or sensory detail',
+              ],
+            },
+            {
+              name: 'Sentence Fluency',
+              standards: [],
+              description: 'the rhythm and flow of the language',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'No sentences are clear\n' +
+                  '\n' +
+                  'No variety in sentence structure\n' +
+                  '\n' +
+                  'Frequent run-ons and/or fragments are present',
+                'Some sentences are clear\n' +
+                  '\n' +
+                  'Sentence variety used rarely\n' +
+                  '\n' +
+                  'Some run-ons and/or fragments are present',
+                'Most sentences are clear\n' +
+                  '\n' +
+                  'Some sentence variety is used\n' +
+                  '\n' +
+                  'Run-ons and/or fragments are rare',
+                'All Sentences are clear\n' +
+                  '\n' +
+                  'Variety of sentence structure is used\n' +
+                  '\n' +
+                  'Run-ons and/or fragments are not present',
+              ],
+            },
+            {
+              name: 'Conventions',
+              standards: [],
+              description: 'the mechanical correctness',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'Many distracting errors are present in grammar, punctuation, capitalization and/or spelling',
+                'Errors in grammar, punctuation, capitalization and/or spelling are present and some distract from meaning',
+                'Errors in grammar, punctuation, capitalization and/or spelling are present but don’t distract from meaning',
+                'Few errors in grammar, punctuation,\n' + '\n' + 'capitalization and/or spelling',
+              ],
+            },
+            {
+              name: 'Voice',
+              standards: [],
+              description: 'the personal tone and flavor of the author\'s message',
+              scorePointsDescriptors: [
+                'Student’s response is blank, not in English, not legible, or does not respond to the prompt.',
+                'Not concerned with audience or purpose\n' +
+                  '\n' +
+                  'No viewpoint (perspective) used\n' +
+                  '\n' +
+                  'Writing is mechanical and lifeless',
+                'Shows beginning awareness of audience/purpose\n' +
+                  '\n' +
+                  'Some viewpoint (perspective) used throughout the piece\n' +
+                  '\n' +
+                  'Writing is distant, too formal or informal',
+                'Awareness of audience; purpose is clear most of the time\n' +
+                  '\n' +
+                  'Uses viewpoint (perspective) throughout most of the paper\n' +
+                  '\n' +
+                  'Writing is pleasant, agreeable and satisfying',
+                'Powerful connection with audience; purpose is clearly communicated\n' +
+                  '\n' +
+                  'Maintains strong viewpoint (perspective) throughout entire piece\n' +
+                  '\n' +
+                  'Writing is expressive, engaging and has lots of energy',
+              ],
+            },
+          ],
+        },
+        {
+          maxPoints: 5,
+          scorePointsLabels: ['Non-Scorable', 'Unsatisfactory', 'Satisfactory'],
+          traitLabel: 'Category',
+          traits: [
+            {
+              name: 'Presentation',
+              standards: [],
+              description: '',
+              scorePointsDescriptors: [
+                'Handwriting is unreadable, or response is blank, not in English, or too brief to evaluate. ',
+                'Handwriting poor\n' + '\n' + 'Overall appearance is distracting to unacceptable',
+                'Handwriting is generally legible\n' + '\n' + 'Overall appearance is acceptable or better',
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  },
+});
+
+const { model } = generate;
+
+var config = {
+  elements: {
+    'complex-rubric': '../..',
+  },
+  models: [model('1', 'complex-rubric')],
+};
+
+// 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/complex-rubric@6.0.0-beta.2</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>