@pie-element/match 11.0.0-next.42 → 11.0.0-next.43

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "11.0.0-next.42+bb1f3eb4e",
+  "version": "11.0.0-next.43+4249fa78f",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -24,11 +24,11 @@
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "bb1f3eb4e3b5b1cb15024d459ffd6e94bf419712",
+  "gitHead": "4249fa78fc423ef0a8c89002b8f937c42b3478ea",
   "module": "src/index.js"
 }

package/module/configure.js

@@ -1 +0,0 @@
-import{_dll_react_dom as e,_dll_react as t,_dll_prop_types as n,_dll_mui__material as o,_dll_mui__material_styles as r,_dll_mui__icons_material as i,_dll_debug as a,_dll_pie_lib__render_ui as l,_dll_classnames as s,_dll_lodash as c}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";import{_dll_pie_lib__config_ui as d}from"../../../@pie-lib/config-module@^3.0.0/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as u}from"../../../@pie-lib/editable-html-module@^6.0.5/module/index.js";import{_dll_pie_lib__drag as p}from"../../../@pie-lib/drag-module@^3.0.5/module/index.js";var h,g=e;h=g.createRoot,g.hydrateRoot;const m=(e={},t={})=>({...t,...e}),f=t,v=n,{Select:b}=o,{MenuItem:y}=o,{Typography:w}=o,{Tooltip:C}=o,{styled:x}=r,{Info:E}=i,{InputContainer:_}=d,{NumberTextField:S}=d,R=x("div")(({theme:e})=>({marginTop:e.spacing(2),display:"flex"})),D=x("div")({flex:1}),T=x(S)({flexDirection:"unset"}),A=x("div")(({theme:e})=>({width:"65%",paddingTop:e.spacing(2),paddingBottom:e.spacing(2)})),k=x("div")({display:"flex",alignItems:"center"}),M=x(w)(({theme:e})=>({fontSize:e.typography.fontSize+2,marginRight:e.spacing(1)})),I=x(C)(({theme:e})=>({"& .MuiTooltip-tooltip":{fontSize:e.typography.fontSize-2,whiteSpace:"pre",maxWidth:"500px"}}));class N extends f.Component{constructor(...e){super(...e),N.prototype.__init.call(this),N.prototype.__init2.call(this)}static __initStatic(){this.propTypes={model:v.object.isRequired,configuration:v.object.isRequired,onResponseTypeChange:v.func.isRequired,onLayoutChange:v.func.isRequired}}__init(){this.onChangeResponseType=e=>t=>{const{model:n,onResponseTypeChange:o}=this.props,r={...n};r[e]=t.target.value,o(r[e])}}__init2(){this.onChangeColumns=(e,t)=>{const{model:n,onLayoutChange:o}=this.props,r={...n};r[e]=t,o(r[e])}}render(){const{model:e,configuration:t}=this.props,{layout:n={},choiceMode:o={},maxAnswers:r}=t||{},i=((e,t)=>{const{choiceMode:n}=e,{minQuestions:o,maxQuestions:r,maxAnswers:i}=t;return`Validation requirements:\nThere should be at least ${o}`+(r?` and at most ${r}`:"")+" question row"+(o>1||r?"s.":".")+"\nRow and column headings should be non-blank and unique. \nFirst column heading is excluded from validation."+(i?`\nThere should be at most ${i} answer choices.`:"")+("radio"===n?"\nThere should be a correct response defined for every row.":"\nThere should be at least one correct response defined for every row.")})(e,t);return f.createElement(f.Fragment,null,f.createElement(k,null,f.createElement(M,{component:"div"},"Define questions"),f.createElement(I,{disableFocusListener:!0,disableTouchListener:!0,placement:"right",title:i},f.createElement(E,{fontSize:"small",color:"primary"}))),f.createElement(R,null,f.createElement(D,null,n.settings&&f.createElement(A,null,f.createElement(_,{label:n.label,className:"inputContainer"},f.createElement(T,{type:"number",min:3,max:r||10,value:e.layout,onChange:(e,t)=>this.onChangeColumns("layout",t),suffix:"Columns"})))),f.createElement(D,null,o.settings&&f.createElement(A,null,f.createElement(_,{label:o.label,className:"inputContainer"},f.createElement(b,{variant:"standard",onChange:this.onChangeResponseType("choiceMode"),value:e.choiceMode,MenuProps:{transitionDuration:{enter:225,exit:195}}},f.createElement(y,{value:"radio"},"Radio - One Answer"),f.createElement(y,{value:"checkbox"},"Checkbox - Multiple Answers")))))))}}N.__initStatic();const O=t,P=n,{Button:L}=o,{styled:j}=r,{Add:q}=i,B=j(L)({display:"flex",alignSelf:"flex-start",margin:0}),z=j(q)(({theme:e})=>({marginRight:e.spacing(.5)}));class W extends O.Component{static __initStatic(){this.propTypes={onAddClick:P.func.isRequired}}render(){const{onAddClick:e}=this.props;return O.createElement(B,{disabled:!1,onClick:e},O.createElement(z,null),"Add Another Row")}}W.__initStatic();const{useMemo:H}=t,{useLayoutEffect:F}=t,{useEffect:Y}=t,{useRef:U}=t,{useCallback:X}=t,$="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function K(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function Q(e){return"nodeType"in e}function V(e){var t,n;return e?K(e)?e:Q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function J(e){const{Document:t}=V(e);return e instanceof t}function G(e){return!K(e)&&e instanceof V(e).HTMLElement}function Z(e){return e instanceof V(e).SVGElement}function ee(e){return e?K(e)?e.document:Q(e)?J(e)?e:G(e)||Z(e)?e.ownerDocument:document:document:document}const te=$?F:Y;function ne(e){const t=U(e);return te(()=>{t.current=e}),X(function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return null==t.current?void 0:t.current(...n)},[])}function oe(e,t){void 0===t&&(t=[e]);const n=U(e);return te(()=>{n.current!==e&&(n.current=e)},t),n}function re(e,t){const n=U();return H(()=>{const t=e(n.current);return n.current=t,t},[...t])}function ie(e){const t=ne(e),n=U(null),o=X(e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e},[]);return[n,o]}function ae(e){const t=U();return Y(()=>{t.current=e},[e]),t.current}let le={};function se(e,t){return H(()=>{if(t)return t;const n=null==le[e]?0:le[e]+1;return le[e]=n,e+"-"+n},[e,t])}function ce(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return o.reduce((t,n)=>{const o=Object.entries(n);for(const[n,r]of o){const o=t[n];null!=o&&(t[n]=o+e*r)}return t},{...t})}}const de=ce(1),ue=ce(-1);function pe(e){if(!e)return!1;const{KeyboardEvent:t}=V(e.target);return t&&e instanceof t}function he(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=V(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const ge=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[ge.Translate.toString(e),ge.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),me="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fe(e){return e.matches(me)?e:e.querySelector(me)}const ve=t,{useState:be}=t,{useCallback:ye}=t,we={display:"none"};function Ce(e){let{id:t,value:n}=e;return ve.createElement("div",{id:t,style:we},n)}function xe(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;return ve.createElement("div",{id:t,style:{position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":o,"aria-atomic":!0},n)}const Ee=t,{createContext:_e}=t,{useContext:Se}=t,{useEffect:Re}=t,{useState:De}=t,{useCallback:Te}=t,{useMemo:Ae}=t,{useRef:ke}=t,{memo:Me}=t,{useReducer:Ie}=t,{cloneElement:Ne}=t,{forwardRef:Oe}=t,{createPortal:Pe}=e,{unstable_batchedUpdates:Le}=e,je=_e(null),qe={draggable:"\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},Be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ze(e){let{announcements:t=Be,container:n,hiddenTextDescribedById:o,screenReaderInstructions:r=qe}=e;const{announce:i,announcement:a}=function(){const[e,t]=be("");return{announce:ye(e=>{null!=e&&t(e)},[]),announcement:e}}(),l=se("DndLiveRegion"),[s,c]=De(!1);if(Re(()=>{c(!0)},[]),function(e){const t=Se(je);Re(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}(Ae(()=>({onDragStart(e){let{active:n}=e;i(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:o}=e;t.onDragMove&&i(t.onDragMove({active:n,over:o}))},onDragOver(e){let{active:n,over:o}=e;i(t.onDragOver({active:n,over:o}))},onDragEnd(e){let{active:n,over:o}=e;i(t.onDragEnd({active:n,over:o}))},onDragCancel(e){let{active:n,over:o}=e;i(t.onDragCancel({active:n,over:o}))}}),[i,t])),!s)return null;const d=Ee.createElement(Ee.Fragment,null,Ee.createElement(Ce,{id:o,value:r.draggable}),Ee.createElement(xe,{id:l,announcement:a}));return n?Pe(d,n):d}var We;function He(){}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(We||(We={}));const Fe=Object.freeze({x:0,y:0});function Ye(e,t){const n=he(e);return n?(n.x-t.left)/t.width*100+"% "+(n.y-t.top)/t.height*100+"%":"0 0"}function Ue(e,t){let{data:{value:n}}=e,{data:{value:o}}=t;return o-n}function Xe(e,t){const n=Math.max(t.top,e.top),o=Math.max(t.left,e.left),r=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),a=r-o,l=i-n;if(o<r&&n<i){const n=t.width*t.height,o=e.width*e.height,r=a*l;return Number((r/(n+o-r)).toFixed(4))}return 0}const $e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:o}=e;const r=[];for(const e of o){const{id:o}=e,i=n.get(o);if(i){const n=Xe(i,t);n>0&&r.push({id:o,data:{droppableContainer:e,value:n}})}}return r.sort(Ue)};function Ke(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Fe}const Qe=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return n.reduce((e,t)=>({...e,top:e.top+1*t.y,bottom:e.bottom+1*t.y,left:e.left+1*t.x,right:e.right+1*t.x}),{...e})};function Ve(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}const Je={ignoreTransform:!1};function Ge(e,t){void 0===t&&(t=Je);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:o}=V(e).getComputedStyle(e);t&&(n=function(e,t,n){const o=Ve(t);if(!o)return e;const{scaleX:r,scaleY:i,x:a,y:l}=o,s=e.left-a-(1-r)*parseFloat(n),c=e.top-l-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=r?e.width/r:e.width,u=i?e.height/i:e.height;return{width:d,height:u,top:c,right:s+d,bottom:c+u,left:s}}(n,t,o))}const{top:o,left:r,width:i,height:a,bottom:l,right:s}=n;return{top:o,left:r,width:i,height:a,bottom:l,right:s}}function Ze(e){return Ge(e,{ignoreTransform:!0})}function et(e,t){const n=[];return e?function o(r){if(null!=t&&n.length>=t)return n;if(!r)return n;if(J(r)&&null!=r.scrollingElement&&!n.includes(r.scrollingElement))return n.push(r.scrollingElement),n;if(!G(r)||Z(r))return n;if(n.includes(r))return n;const i=V(e).getComputedStyle(r);return r!==e&&function(e,t){void 0===t&&(t=V(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const o=t[e];return"string"==typeof o&&n.test(o)})}(r,i)&&n.push(r),function(e,t){return void 0===t&&(t=V(e).getComputedStyle(e)),"fixed"===t.position}(r,i)?n:o(r.parentNode)}(e):n}function tt(e){const[t]=et(e,1);return null!=t?t:null}function nt(e){return $&&e?K(e)?e:Q(e)?J(e)||e===ee(e).scrollingElement?window:G(e)?e:null:null:null}function ot(e){return K(e)?e.scrollX:e.scrollLeft}function rt(e){return K(e)?e.scrollY:e.scrollTop}function it(e){return{x:ot(e),y:rt(e)}}var at;function lt(e){return!(!$||!e)&&e===document.scrollingElement}function st(e){const t={x:0,y:0},n=lt(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},o={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=o.y,isRight:e.scrollLeft>=o.x,maxScroll:o,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(at||(at={}));const ct={x:.2,y:.2};function dt(e,t,n,o,r){let{top:i,left:a,right:l,bottom:s}=n;void 0===o&&(o=10),void 0===r&&(r=ct);const{isTop:c,isBottom:d,isLeft:u,isRight:p}=st(e),h={x:0,y:0},g={x:0,y:0},m=t.height*r.y,f=t.width*r.x;return!c&&i<=t.top+m?(h.y=at.Backward,g.y=o*Math.abs((t.top+m-i)/m)):!d&&s>=t.bottom-m&&(h.y=at.Forward,g.y=o*Math.abs((t.bottom-m-s)/m)),!p&&l>=t.right-f?(h.x=at.Forward,g.x=o*Math.abs((t.right-f-l)/f)):!u&&a<=t.left+f&&(h.x=at.Backward,g.x=o*Math.abs((t.left+f-a)/f)),{direction:h,speed:g}}function ut(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:o,bottom:r}=e.getBoundingClientRect();return{top:t,left:n,right:o,bottom:r,width:e.clientWidth,height:e.clientHeight}}function pt(e){return e.reduce((e,t)=>de(e,it(t)),Fe)}function ht(e,t){if(void 0===t&&(t=Ge),!e)return;const{top:n,left:o,bottom:r,right:i}=t(e);tt(e)&&(r<=0||i<=0||n>=window.innerHeight||o>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const gt=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+ot(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+rt(t),0)}]];class mt{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=et(t),o=pt(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,r]of gt)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=r(n),a=o[e]-t;return this.rect[i]+a},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class ft{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var o;null==(o=this.target)||o.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function vt(e,t){const n=Math.abs(e.x),o=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+o**2)>t:"x"in t&&"y"in t?n>t.x&&o>t.y:"x"in t?n>t.x:"y"in t&&o>t.y}var bt,yt;function wt(e){e.preventDefault()}function Ct(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(bt||(bt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"}(yt||(yt={}));const xt={start:[yt.Space,yt.Enter],cancel:[yt.Esc],end:[yt.Space,yt.Enter,yt.Tab]},Et=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case yt.Right:return{...n,x:n.x+25};case yt.Left:return{...n,x:n.x-25};case yt.Down:return{...n,y:n.y+25};case yt.Up:return{...n,y:n.y-25}}};class _t{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new ft(ee(t)),this.windowListeners=new ft(V(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(bt.Resize,this.handleCancel),this.windowListeners.add(bt.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(bt.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&ht(n),t(Fe)}handleKeyDown(e){if(pe(e)){const{active:t,context:n,options:o}=this.props,{keyboardCodes:r=xt,coordinateGetter:i=Et,scrollBehavior:a="smooth"}=o,{code:l}=e;if(r.end.includes(l))return void this.handleEnd(e);if(r.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:s}=n.current,c=s?{x:s.left,y:s.top}:Fe;this.referenceCoordinates||(this.referenceCoordinates=c);const d=i(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=ue(d,c),o={x:0,y:0},{scrollableAncestors:r}=n.current;for(const n of r){const r=e.code,{isTop:i,isRight:l,isLeft:s,isBottom:c,maxScroll:u,minScroll:p}=st(n),h=ut(n),g={x:Math.min(r===yt.Right?h.right-h.width/2:h.right,Math.max(r===yt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(r===yt.Down?h.bottom-h.height/2:h.bottom,Math.max(r===yt.Down?h.top:h.top+h.height/2,d.y))},m=r===yt.Right&&!l||r===yt.Left&&!s,f=r===yt.Down&&!c||r===yt.Up&&!i;if(m&&g.x!==d.x){const e=n.scrollLeft+t.x,i=r===yt.Right&&e<=u.x||r===yt.Left&&e>=p.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:a});o.x=i?n.scrollLeft-e:r===yt.Right?n.scrollLeft-u.x:n.scrollLeft-p.x,o.x&&n.scrollBy({left:-o.x,behavior:a});break}if(f&&g.y!==d.y){const e=n.scrollTop+t.y,i=r===yt.Down&&e<=u.y||r===yt.Up&&e>=p.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:a});o.y=i?n.scrollTop-e:r===yt.Down?n.scrollTop-u.y:n.scrollTop-p.y,o.y&&n.scrollBy({top:-o.y,behavior:a});break}}this.handleMove(e,de(ue(d,this.referenceCoordinates),o))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function St(e){return Boolean(e&&"distance"in e)}function Rt(e){return Boolean(e&&"delay"in e)}_t.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:o=xt,onActivation:r}=t,{active:i}=n;const{code:a}=e.nativeEvent;if(o.start.includes(a)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==r||r({event:e.nativeEvent}),0))}return!1}}];class Dt{constructor(e,t,n){var o;void 0===n&&(n=function(e){const{EventTarget:t}=V(e);return e instanceof t?e:ee(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=ee(i),this.documentListeners=new ft(this.document),this.listeners=new ft(n),this.windowListeners=new ft(V(i)),this.initialCoordinates=null!=(o=he(r))?o:Fe,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(bt.Resize,this.handleCancel),this.windowListeners.add(bt.DragStart,wt),this.windowListeners.add(bt.VisibilityChange,this.handleCancel),this.windowListeners.add(bt.ContextMenu,wt),this.documentListeners.add(bt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Rt(t))return this.timeoutId=setTimeout(this.handleStart,t.delay),void this.handlePending(t);if(St(t))return void this.handlePending(t)}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){const{active:n,onPending:o}=this.props;o(n,e,this.initialCoordinates,t)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(bt.Click,Ct,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(bt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:o,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!o)return;const l=null!=(t=he(e))?t:Fe,s=ue(o,l);if(!n&&a){if(St(a)){if(null!=a.tolerance&&vt(s,a.tolerance))return this.handleCancel();if(vt(s,a.distance))return this.handleStart()}return Rt(a)&&vt(s,a.tolerance)?this.handleCancel():void this.handlePending(a,s)}e.cancelable&&e.preventDefault(),i(l)}handleEnd(){const{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){const{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===yt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const Tt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class At extends Dt{constructor(e){const{event:t}=e,n=ee(t.target);super(e,Tt,n)}}At.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:o}=t;return!(!n.isPrimary||0!==n.button||(null==o||o({event:n}),0))}}];const kt={move:{name:"mousemove"},end:{name:"mouseup"}};var Mt;!function(e){e[e.RightClick=2]="RightClick"}(Mt||(Mt={})),class extends Dt{constructor(e){super(e,kt,ee(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:o}=t;return n.button!==Mt.RightClick&&(null==o||o({event:n}),!0)}}];const It={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};var Nt,Ot;function Pt(e){let{acceleration:t,activator:n=Nt.Pointer,canScroll:o,draggingRect:r,enabled:i,interval:a=5,order:l=Ot.TreeOrder,pointerCoordinates:s,scrollableAncestors:c,scrollableAncestorRects:d,delta:u,threshold:p}=e;const h=function(e){let{delta:t,disabled:n}=e;const o=ae(t);return re(e=>{if(n||!o||!e)return Lt;const r=Math.sign(t.x-o.x),i=Math.sign(t.y-o.y);return{x:{[at.Backward]:e.x[at.Backward]||-1===r,[at.Forward]:e.x[at.Forward]||1===r},y:{[at.Backward]:e.y[at.Backward]||-1===i,[at.Forward]:e.y[at.Forward]||1===i}}},[n,t,o])}({delta:u,disabled:!i}),[g,m]=function(){const e=U(null);return[X((t,n)=>{e.current=setInterval(t,n)},[]),X(()=>{null!==e.current&&(clearInterval(e.current),e.current=null)},[])]}(),f=ke({x:0,y:0}),v=ke({x:0,y:0}),b=Ae(()=>{switch(n){case Nt.Pointer:return s?{top:s.y,bottom:s.y,left:s.x,right:s.x}:null;case Nt.DraggableRect:return r}},[n,r,s]),y=ke(null),w=Te(()=>{const e=y.current;if(!e)return;const t=f.current.x*v.current.x,n=f.current.y*v.current.y;e.scrollBy(t,n)},[]),C=Ae(()=>l===Ot.TreeOrder?[...c].reverse():c,[l,c]);Re(()=>{if(i&&c.length&&b){for(const e of C){if(!1===(null==o?void 0:o(e)))continue;const n=c.indexOf(e),r=d[n];if(!r)continue;const{direction:i,speed:l}=dt(e,r,b,t,p);for(const e of["x","y"])h[e][i[e]]||(l[e]=0,i[e]=0);if(l.x>0||l.y>0)return m(),y.current=e,g(w,a),f.current=l,void(v.current=i)}f.current={x:0,y:0},v.current={x:0,y:0},m()}else m()},[t,w,o,m,i,a,JSON.stringify(b),JSON.stringify(h),g,c,C,d,JSON.stringify(p)])}(class extends Dt{constructor(e){super(e,It)}static setup(){return window.addEventListener(It.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(It.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:o}=t;const{touches:r}=n;return!(r.length>1||(null==o||o({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(Nt||(Nt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(Ot||(Ot={}));const Lt={x:{[at.Backward]:!1,[at.Forward]:!1},y:{[at.Backward]:!1,[at.Forward]:!1}};var jt,qt;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(jt||(jt={})),(qt||(qt={})).Optimized="optimized";const Bt=new Map;function zt(e,t){return re(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function Wt(e){let{callback:t,disabled:n}=e;const o=ne(t),r=Ae(()=>{if(n||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(o)},[n]);return Re(()=>()=>null==r?void 0:r.disconnect(),[r]),r}function Ht(e){return new mt(Ge(e),e)}function Ft(e,t,n){void 0===t&&(t=Ht);const[o,r]=De(null);function i(){r(o=>{if(!e)return null;var r;if(!1===e.isConnected)return null!=(r=null!=o?o:n)?r:null;const i=t(e);return JSON.stringify(o)===JSON.stringify(i)?o:i})}const a=function(e){let{callback:t,disabled:n}=e;const o=ne(t),r=Ae(()=>{if(n||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(o)},[o,n]);return Re(()=>()=>null==r?void 0:r.disconnect(),[r]),r}({callback(t){if(e)for(const n of t){const{type:t,target:o}=n;if("childList"===t&&o instanceof HTMLElement&&o.contains(e)){i();break}}}}),l=Wt({callback:i});return te(()=>{i(),e?(null==l||l.observe(e),null==a||a.observe(document.body,{childList:!0,subtree:!0})):(null==l||l.disconnect(),null==a||a.disconnect())},[e]),o}const Yt=[];function Ut(e,t){void 0===t&&(t=[]);const n=ke(null);return Re(()=>{n.current=null},t),Re(()=>{const t=e!==Fe;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?ue(e,n.current):Fe}function Xt(e){return Ae(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const $t=[];function Kt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return G(t)?t:e}const Qt=[{sensor:At,options:{}},{sensor:_t,options:{}}],Vt={current:{}},Jt={draggable:{measure:Ze},droppable:{measure:Ze,strategy:jt.WhileDragging,frequency:qt.Optimized},dragOverlay:{measure:Ge}};class Gt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Zt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Gt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:He},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Jt,measureDroppableContainers:He,windowRect:null,measuringScheduled:!1},en={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:He,draggableNodes:new Map,over:null,measureDroppableContainers:He},tn=_e(en),nn=_e(Zt);function on(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Gt}}}function rn(e,t){switch(t.type){case We.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case We.DragMove:return null==e.draggable.active?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case We.DragEnd:case We.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case We.RegisterDroppable:{const{element:n}=t,{id:o}=n,r=new Gt(e.droppable.containers);return r.set(o,n),{...e,droppable:{...e.droppable,containers:r}}}case We.SetDroppableDisabled:{const{id:n,key:o,disabled:r}=t,i=e.droppable.containers.get(n);if(!i||o!==i.key)return e;const a=new Gt(e.droppable.containers);return a.set(n,{...i,disabled:r}),{...e,droppable:{...e.droppable,containers:a}}}case We.UnregisterDroppable:{const{id:n,key:o}=t,r=e.droppable.containers.get(n);if(!r||o!==r.key)return e;const i=new Gt(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function an(e){let{disabled:t}=e;const{active:n,activatorEvent:o,draggableNodes:r}=Se(tn),i=ae(o),a=ae(null==n?void 0:n.id);return Re(()=>{if(!t&&!o&&i&&null!=a){if(!pe(i))return;if(document.activeElement===i.target)return;const e=r.get(a);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=fe(e);if(t){t.focus();break}}})}},[o,t,r,a,i]),null}function ln(e,t){let{transform:n,...o}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...o}),n):n}const sn=_e({...Fe,scaleX:1,scaleY:1});var cn;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(cn||(cn={})),Me(function(e){var t,n,o,r;let{id:i,accessibility:a,autoScroll:l=!0,children:s,sensors:c=Qt,collisionDetection:d=$e,measuring:u,modifiers:p,...h}=e;const g=Ie(rn,void 0,on),[m,f]=g,[v,b]=function(){const[e]=De(()=>new Set),t=Te(t=>(e.add(t),()=>e.delete(t)),[e]);return[Te(t=>{let{type:n,event:o}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,o)})},[e]),t]}(),[y,w]=De(cn.Uninitialized),C=y===cn.Initialized,{draggable:{active:x,nodes:E,translate:_},droppable:{containers:S}}=m,R=null!=x?E.get(x):null,D=ke({initial:null,translated:null}),T=Ae(()=>{var e;return null!=x?{id:x,data:null!=(e=null==R?void 0:R.data)?e:Vt,rect:D}:null},[x,R]),A=ke(null),[k,M]=De(null),[I,N]=De(null),O=oe(h,Object.values(h)),P=se("DndDescribedBy",i),L=Ae(()=>S.getEnabled(),[S]),j=Ae(()=>({draggable:{...Jt.draggable,...null==q?void 0:q.draggable},droppable:{...Jt.droppable,...null==q?void 0:q.droppable},dragOverlay:{...Jt.dragOverlay,...null==q?void 0:q.dragOverlay}}),[null==(q=u)?void 0:q.draggable,null==q?void 0:q.droppable,null==q?void 0:q.dragOverlay]);var q;const{droppableRects:B,measureDroppableContainers:z,measuringScheduled:W}=function(e,t){let{dragging:n,dependencies:o,config:r}=t;const[i,a]=De(null),{frequency:l,measure:s,strategy:c}=r,d=ke(e),u=function(){switch(c){case jt.Always:return!1;case jt.BeforeDragging:return n;default:return!n}}(),p=oe(u),h=Te(function(e){void 0===e&&(e=[]),p.current||a(t=>null===t?e:t.concat(e.filter(e=>!t.includes(e))))},[p]),g=ke(null),m=re(t=>{if(u&&!n)return Bt;if(!t||t===Bt||d.current!==e||null!=i){const t=new Map;for(let n of e){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}const e=n.node.current,o=e?new mt(s(e),e):null;n.rect.current=o,o&&t.set(n.id,o)}return t}return t},[e,i,n,u,s]);return Re(()=>{d.current=e},[e]),Re(()=>{u||h()},[n,u]),Re(()=>{i&&i.length>0&&a(null)},[JSON.stringify(i)]),Re(()=>{u||"number"!=typeof l||null!==g.current||(g.current=setTimeout(()=>{h(),g.current=null},l))},[l,u,h,...o]),{droppableRects:m,measureDroppableContainers:h,measuringScheduled:null!=i}}(L,{dragging:C,dependencies:[_.x,_.y],config:j.droppable}),H=function(e,t){const n=null!=t?e.get(t):void 0,o=n?n.node.current:null;return re(e=>{var n;return null==t?null:null!=(n=null!=o?o:e)?n:null},[o,t])}(E,x),F=Ae(()=>I?he(I):null,[I]),Y=function(){const e=!1===(null==k?void 0:k.autoScrollEnabled),t="object"==typeof l?!1===l.enabled:!1===l,n=C&&!e&&!t;return"object"==typeof l?{...l,enabled:n}:{enabled:n}}(),U=function(e,t){return zt(e,t)}(H,j.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:o,config:r=!0}=e;const i=ke(!1),{x:a,y:l}="boolean"==typeof r?{x:r,y:r}:r;te(()=>{if(!a&&!l||!t)return void(i.current=!1);if(i.current||!o)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const r=Ke(n(e),o);if(a||(r.x=0),l||(r.y=0),i.current=!0,Math.abs(r.x)>0||Math.abs(r.y)>0){const t=tt(e);t&&t.scrollBy({top:r.y,left:r.x})}},[t,a,l,o,n])}({activeNode:null!=x?E.get(x):null,config:Y.layoutShiftCompensation,initialRect:U,measure:j.draggable.measure});const X=Ft(H,j.draggable.measure,U),K=Ft(H?H.parentElement:null),Q=ke({activatorEvent:null,active:null,activeNode:H,collisionRect:null,collisions:null,droppableRects:B,draggableNodes:E,draggingNode:null,draggingNodeRect:null,droppableContainers:S,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),J=S.getNodeFor(null==(t=Q.current.over)?void 0:t.id),Z=function(e){let{measure:t}=e;const[n,o]=De(null),r=Wt({callback:Te(e=>{for(const{target:n}of e)if(G(n)){o(e=>{const o=t(n);return e?{...e,width:o.width,height:o.height}:o});break}},[t])}),i=Te(e=>{const n=Kt(e);null==r||r.disconnect(),n&&(null==r||r.observe(n)),o(n?t(n):null)},[t,r]),[a,l]=ie(i);return Ae(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}({measure:j.dragOverlay.measure}),ee=null!=(n=Z.nodeRef.current)?n:H,ne=C?null!=(o=Z.rect)?o:X:null,ae=Boolean(Z.nodeRef.current&&Z.rect),le=Ke(ce=ae?null:X,zt(ce));var ce;const ue=Xt(ee?V(ee):null),pe=function(e){const t=ke(e),n=re(n=>e?n&&n!==Yt&&e&&t.current&&e.parentNode===t.current.parentNode?n:et(e):Yt,[e]);return Re(()=>{t.current=e},[e]),n}(C?null!=J?J:H:null),ge=function(e,t){void 0===t&&(t=Ge);const[n]=e,o=Xt(n?V(n):null),[r,i]=De($t);function a(){i(()=>e.length?e.map(e=>lt(e)?o:new mt(t(e),e)):$t)}const l=Wt({callback:a});return te(()=>{null==l||l.disconnect(),a(),e.forEach(e=>null==l?void 0:l.observe(e))},[e]),r}(pe),me=ln(p,{transform:{x:_.x-le.x,y:_.y-le.y,scaleX:1,scaleY:1},activatorEvent:I,active:T,activeNodeRect:X,containerNodeRect:K,draggingNodeRect:ne,over:Q.current.over,overlayNodeRect:Z.rect,scrollableAncestors:pe,scrollableAncestorRects:ge,windowRect:ue}),fe=F?de(F,_):null,ve=function(e){const[t,n]=De(null),o=ke(e),r=Te(e=>{const t=nt(e.target);t&&n(e=>e?(e.set(t,it(t)),new Map(e)):null)},[]);return Re(()=>{const t=o.current;if(e!==t){i(t);const a=e.map(e=>{const t=nt(e);return t?(t.addEventListener("scroll",r,{passive:!0}),[t,it(t)]):null}).filter(e=>null!=e);n(a.length?new Map(a):null),o.current=e}return()=>{i(e),i(t)};function i(e){e.forEach(e=>{const t=nt(e);null==t||t.removeEventListener("scroll",r)})}},[r,e]),Ae(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>de(e,t),Fe):pt(e):Fe,[e,t])}(pe),be=Ut(ve),ye=Ut(ve,[X]),we=de(me,be),Ce=ne?Qe(ne,me):null,xe=T&&Ce?d({active:T,collisionRect:Ce,droppableRects:B,droppableContainers:L,pointerCoordinates:fe}):null,_e=function(e){if(!e||0===e.length)return null;const[t]=e;return t.id}(xe),[Se,Me]=De(null),Ne=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(ae?me:de(me,ye),null!=(r=null==Se?void 0:Se.rect)?r:null,X),Oe=ke(null),Pe=Te((e,t)=>{let{sensor:n,options:o}=t;if(null==A.current)return;const r=E.get(A.current);if(!r)return;const i=e.nativeEvent,a=new n({active:A.current,activeNode:r,event:i,options:o,context:Q,onAbort(e){if(!E.get(e))return;const{onDragAbort:t}=O.current,n={id:e};null==t||t(n),v({type:"onDragAbort",event:n})},onPending(e,t,n,o){if(!E.get(e))return;const{onDragPending:r}=O.current,i={id:e,constraint:t,initialCoordinates:n,offset:o};null==r||r(i),v({type:"onDragPending",event:i})},onStart(e){const t=A.current;if(null==t)return;const n=E.get(t);if(!n)return;const{onDragStart:o}=O.current,r={activatorEvent:i,active:{id:t,data:n.data,rect:D}};Le(()=>{null==o||o(r),w(cn.Initializing),f({type:We.DragStart,initialCoordinates:e,active:t}),v({type:"onDragStart",event:r}),M(Oe.current),N(i)})},onMove(e){f({type:We.DragMove,coordinates:e})},onEnd:l(We.DragEnd),onCancel:l(We.DragCancel)});function l(e){return async function(){const{active:t,collisions:n,over:o,scrollAdjustedTranslate:r}=Q.current;let a=null;if(t&&r){const{cancelDrop:l}=O.current;a={activatorEvent:i,active:t,collisions:n,delta:r,over:o},e===We.DragEnd&&"function"==typeof l&&await Promise.resolve(l(a))&&(e=We.DragCancel)}A.current=null,Le(()=>{f({type:e}),w(cn.Uninitialized),Me(null),M(null),N(null),Oe.current=null;const t=e===We.DragEnd?"onDragEnd":"onDragCancel";if(a){const e=O.current[t];null==e||e(a),v({type:t,event:a})}})}}Oe.current=a},[E]),qe=Te((e,t)=>(n,o)=>{const r=n.nativeEvent,i=E.get(o);if(null!==A.current||!i||r.dndKit||r.defaultPrevented)return;const a={active:i};!0===e(n,t.options,a)&&(r.dndKit={capturedBy:t.sensor},A.current=o,Pe(n,t))},[E,Pe]),Be=function(e,t){return Ae(()=>e.reduce((e,n)=>{const{sensor:o}=n;return[...e,...o.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}))]},[]),[e,t])}(c,qe);!function(e){Re(()=>{if(!$)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(c),te(()=>{X&&y===cn.Initializing&&w(cn.Initialized)},[X,y]),Re(()=>{const{onDragMove:e}=O.current,{active:t,activatorEvent:n,collisions:o,over:r}=Q.current;if(!t||!n)return;const i={active:t,activatorEvent:n,collisions:o,delta:{x:we.x,y:we.y},over:r};Le(()=>{null==e||e(i),v({type:"onDragMove",event:i})})},[we.x,we.y]),Re(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:o,scrollAdjustedTranslate:r}=Q.current;if(!e||null==A.current||!t||!r)return;const{onDragOver:i}=O.current,a=o.get(_e),l=a&&a.rect.current?{id:a.id,rect:a.rect.current,data:a.data,disabled:a.disabled}:null,s={active:e,activatorEvent:t,collisions:n,delta:{x:r.x,y:r.y},over:l};Le(()=>{Me(l),null==i||i(s),v({type:"onDragOver",event:s})})},[_e]),te(()=>{Q.current={activatorEvent:I,active:T,activeNode:H,collisionRect:Ce,collisions:xe,droppableRects:B,draggableNodes:E,draggingNode:ee,draggingNodeRect:ne,droppableContainers:S,over:Se,scrollableAncestors:pe,scrollAdjustedTranslate:we},D.current={initial:ne,translated:Ce}},[T,H,xe,Ce,E,ee,ne,B,S,Se,pe,we]),Pt({...Y,delta:_,draggingRect:Ce,pointerCoordinates:fe,scrollableAncestors:pe,scrollableAncestorRects:ge});const He=Ae(()=>({active:T,activeNode:H,activeNodeRect:X,activatorEvent:I,collisions:xe,containerNodeRect:K,dragOverlay:Z,draggableNodes:E,droppableContainers:S,droppableRects:B,over:Se,measureDroppableContainers:z,scrollableAncestors:pe,scrollableAncestorRects:ge,measuringConfiguration:j,measuringScheduled:W,windowRect:ue}),[T,H,X,I,xe,K,Z,E,S,B,Se,z,pe,ge,j,W,ue]),Ye=Ae(()=>({activatorEvent:I,activators:Be,active:T,activeNodeRect:X,ariaDescribedById:{draggable:P},dispatch:f,draggableNodes:E,over:Se,measureDroppableContainers:z}),[I,Be,T,X,f,P,E,Se,z]);return Ee.createElement(je.Provider,{value:b},Ee.createElement(tn.Provider,{value:Ye},Ee.createElement(nn.Provider,{value:He},Ee.createElement(sn.Provider,{value:Ne},s)),Ee.createElement(an,{disabled:!1===(null==a?void 0:a.restoreFocus)})),Ee.createElement(ze,{...a,hiddenTextDescribedById:P}))});const dn=_e(null),un="button";const pn={timeout:25};function hn(e){let{animation:t,children:n}=e;const[o,r]=De(null),[i,a]=De(null),l=ae(n);return n||o||!l||r(l),te(()=>{if(!i)return;const e=null==o?void 0:o.key,n=null==o?void 0:o.props.id;null!=e&&null!=n?Promise.resolve(t(n,i)).then(()=>{r(null)}):r(null)},[t,o,i]),Ee.createElement(Ee.Fragment,null,n,o?Ne(o,{ref:a}):null)}const gn={x:0,y:0,scaleX:1,scaleY:1};function mn(e){let{children:t}=e;return Ee.createElement(tn.Provider,{value:en},Ee.createElement(sn.Provider,{value:gn},t))}const fn={position:"fixed",touchAction:"none"},vn=e=>pe(e)?"transform 250ms ease":void 0,bn=Oe((e,t)=>{let{as:n,activatorEvent:o,adjustScale:r,children:i,className:a,rect:l,style:s,transform:c,transition:d=vn}=e;if(!l)return null;const u=r?c:{...c,scaleX:1,scaleY:1},p={...fn,width:l.width,height:l.height,top:l.top,left:l.left,transform:ge.Transform.toString(u),transformOrigin:r&&o?Ye(o,l):void 0,transition:"function"==typeof d?d(o):d,...s};return Ee.createElement(n,{className:a,style:p,ref:t},i)}),yn={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:ge.Transform.toString(t)},{transform:ge.Transform.toString(n)}]},sideEffects:(wn={styles:{active:{opacity:"0"}}},e=>{let{active:t,dragOverlay:n}=e;const o={},{styles:r,className:i}=wn;if(null!=r&&r.active)for(const[e,n]of Object.entries(r.active))void 0!==n&&(o[e]=t.node.style.getPropertyValue(e),t.node.style.setProperty(e,n));if(null!=r&&r.dragOverlay)for(const[e,t]of Object.entries(r.dragOverlay))void 0!==t&&n.node.style.setProperty(e,t);return null!=i&&i.active&&t.node.classList.add(i.active),null!=i&&i.dragOverlay&&n.node.classList.add(i.dragOverlay),function(){for(const[e,n]of Object.entries(o))t.node.style.setProperty(e,n);null!=i&&i.active&&t.node.classList.remove(i.active)}})};var wn;let Cn=0;Ee.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:o,style:r,transition:i,modifiers:a,wrapperElement:l="div",className:s,zIndex:c=999}=e;const{activatorEvent:d,active:u,activeNodeRect:p,containerNodeRect:h,draggableNodes:g,droppableContainers:m,dragOverlay:f,over:v,measuringConfiguration:b,scrollableAncestors:y,scrollableAncestorRects:w,windowRect:C}=Se(nn),x=Se(sn),E=function(e){return Ae(()=>{if(null!=e)return Cn++,Cn},[e])}(null==u?void 0:u.id),_=ln(a,{activatorEvent:d,active:u,activeNodeRect:p,containerNodeRect:h,draggingNodeRect:f.rect,over:v,overlayNodeRect:f.rect,scrollableAncestors:y,scrollableAncestorRects:w,transform:x,windowRect:C}),S=zt(p),R=function(e){let{config:t,draggableNodes:n,droppableContainers:o,measuringConfiguration:r}=e;return ne((e,i)=>{if(null===t)return;const a=n.get(e);if(!a)return;const l=a.node.current;if(!l)return;const s=Kt(i);if(!s)return;const{transform:c}=V(i).getComputedStyle(i),d=Ve(c);if(!d)return;const u="function"==typeof t?t:function(e){const{duration:t,easing:n,sideEffects:o,keyframes:r}={...yn,...e};return e=>{let{active:i,dragOverlay:a,transform:l,...s}=e;if(!t)return;const c=a.rect.left-i.rect.left,d=a.rect.top-i.rect.top,u={scaleX:1!==l.scaleX?i.rect.width*l.scaleX/a.rect.width:1,scaleY:1!==l.scaleY?i.rect.height*l.scaleY/a.rect.height:1},p={x:l.x-c,y:l.y-d,...u},h=r({...s,active:i,dragOverlay:a,transform:{initial:l,final:p}}),[g]=h,m=h[h.length-1];if(JSON.stringify(g)===JSON.stringify(m))return;const f=null==o?void 0:o({active:i,dragOverlay:a,...s}),v=a.node.animate(h,{duration:t,easing:n,fill:"forwards"});return new Promise(e=>{v.onfinish=()=>{null==f||f(),e()}})}}(t);return ht(l,r.draggable.measure),u({active:{id:e,data:a.data,node:l,rect:r.draggable.measure(l)},draggableNodes:n,dragOverlay:{node:i,rect:r.dragOverlay.measure(s)},droppableContainers:o,measuringConfiguration:r,transform:d})})}({config:o,draggableNodes:g,droppableContainers:m,measuringConfiguration:b}),D=S?f.setRef:void 0;return Ee.createElement(mn,null,Ee.createElement(hn,{animation:R},u&&E?Ee.createElement(bn,{key:E,id:u.id,ref:D,as:l,activatorEvent:d,adjustScale:t,className:s,transition:i,rect:S,style:{zIndex:c,...r},transform:_},n):null))});const xn=t,En=n,{styled:_n}=r,{DragHandle:Sn}=i,{Delete:Rn}=i,{Radio:Dn}=o,{IconButton:Tn}=o,An=a,{color:kn}=l,{AlertDialog:Mn}=d,{Checkbox:In}=d,Nn=u,{DEFAULT_PLUGINS:On}=u;function Pn(e){let t,n=e[0],o=1;for(;o<e.length;){const r=e[o],i=e[o+1];if(o+=2,("optionalAccess"===r||"optionalCall"===r)&&null==n)return;"access"===r||"optionalAccess"===r?(t=n,n=i(n)):"call"!==r&&"optionalCall"!==r||(n=i((...e)=>n.call(t,...e)),t=void 0)}return n}An("@pie-element:categorize:configure:choice");const Ln=_n("span")({cursor:"move"}),jn=_n("div")(({theme:e})=>({marginTop:e.spacing(2),display:"flex",alignItems:"center",flex:1})),qn=_n("div")(({theme:e})=>({flex:1,display:"flex",justifyContent:"center",alignItems:"center",minWidth:"120px",padding:`0 ${e.spacing(1)}`})),Bn=_n(Dn)(({theme:e,error:t})=>({"& input":{width:"100% !important"},"&.MuiRadio-root":{color:`${t?e.palette.error.main:kn.tertiary()} !important`}})),zn=_n("div")(({theme:e})=>({flex:.5,display:"flex",justifyContent:"center",minWidth:"45px",padding:`0 ${e.spacing(1)}`})),Wn=_n(qn)(({theme:e})=>({flex:2,display:"flex",justifyContent:"flex-start",padding:0,maxWidth:"unset",textAlign:"left",minWidth:"200px",marginRight:e.spacing(1),"&> div":{width:"100%"}})),Hn=_n("hr")(({theme:e})=>({marginTop:e.spacing(2),border:0,borderTop:`2px solid ${e.palette.grey.A100}`,width:"100%"})),Fn=_n("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing(1)}));class Yn extends xn.Component{constructor(...e){super(...e),Yn.prototype.__init.call(this),Yn.prototype.__init2.call(this),Yn.prototype.__init3.call(this),Yn.prototype.__init4.call(this),Yn.prototype.__init5.call(this),Yn.prototype.__init6.call(this)}static __initStatic(){this.propTypes={model:En.object.isRequired,row:En.object.isRequired,idx:En.number.isRequired,maxImageWidth:En.object,maxImageHeight:En.object,onDeleteRow:En.func.isRequired,onChange:En.func.isRequired,imageSupport:En.shape({add:En.func.isRequired,delete:En.func.isRequired}),uploadSoundSupport:En.shape({add:En.func.isRequired,delete:En.func.isRequired}),inputConfiguration:En.object,toolbarOpts:En.object,error:En.string,spellCheck:En.bool,minQuestions:En.number}}static __initStatic2(){this.defaultProps={}}__init(){this.state={dialog:{open:!1,text:""}}}componentDidMount(){document.addEventListener("mouseup",this.onMouseUpOnHandle)}__init2(){this.onRowTitleChange=e=>t=>{const{model:n,onChange:o}=this.props,r={...n};r.rows[e].title=t,o(r)}}__init3(){this.onRowValueChange=(e,t)=>n=>{const{model:o,onChange:r}=this.props,i={...o};if("radio"===o.choiceMode)for(let t=0;t<i.rows[e].values.length;t++)i.rows[e].values[t]=!1;i.rows[e].values[t]=n.target.checked,r(i)}}__init4(){this.onDeleteRow=e=>()=>{const{model:t,onDeleteRow:n,minQuestions:o}=this.props;t.rows&&t.rows.length===o?this.setState({dialog:{open:!0,text:`There should be at least ${o} question row`+(o>1?"s":"")+"."}}):n(e)}}__init5(){this.onMouseDownOnHandle=()=>{}}__init6(){this.onMouseUpOnHandle=()=>{}}render(){const{imageSupport:e,model:t,row:n,idx:o,inputConfiguration:r={},toolbarOpts:i,spellCheck:a,error:l,maxImageWidth:s,maxImageHeight:c,uploadSoundSupport:d,mathMlOptions:u={}}=this.props,{dialog:p}=this.state,h=(On||[]).filter(e=>"bulleted-list"!==e&&"numbered-list"!==e);return xn.createElement("div",{style:{width:"100%"}},xn.createElement(Ln,{itemID:"handle",onMouseDown:this.onMouseDownOnHandle},xn.createElement(Sn,{color:"primary"})),xn.createElement(jn,null,xn.createElement(Wn,null,xn.createElement(Nn,{imageSupport:e,autoWidthToolbar:!0,disableUnderline:!0,label:"label",markup:n.title,onChange:this.onRowTitleChange(o),pluginProps:r,toolbarOpts:i,activePlugins:h,spellCheck:a,maxImageWidth:s,maxImageHeight:c,uploadSoundSupport:d,languageCharactersProps:[{language:"spanish"},{language:"special"}],error:l&&"No correct response defined."!==l,mathMlOptions:u})),n.values.map((e,n)=>xn.createElement(qn,{key:n},"radio"===t.choiceMode?xn.createElement(Bn,{error:Pn([l,"optionalAccess",e=>e.includes,"call",e=>e("No correct response defined.")]),onChange:this.onRowValueChange(o,n),checked:!0===e}):xn.createElement(In,{onChange:this.onRowValueChange(o,n),checked:!0===e,label:"",error:Pn([l,"optionalAccess",e=>e.includes,"call",e=>e("No correct response defined.")])}))),xn.createElement(zn,null,xn.createElement(Tn,{onClick:this.onDeleteRow(o),"aria-label":"Delete",size:"large"},xn.createElement(Rn,null)))),l&&xn.createElement(Fn,null,l),xn.createElement(Hn,null),xn.createElement(Mn,{open:p.open,title:"Warning",text:p.text,onConfirm:()=>this.setState({dialog:{open:!1}})}))}}function Un(e){const{attributes:t,listeners:n,setNodeRef:o,transform:r,transition:i,isDragging:a}=function(e){let{id:t,data:n,disabled:o=!1,attributes:r}=e;const i=se("Draggable"),{activators:a,activatorEvent:l,active:s,activeNodeRect:c,ariaDescribedById:d,draggableNodes:u,over:p}=Se(tn),{role:h=un,roleDescription:g="draggable",tabIndex:m=0}=null!=r?r:{},f=(null==s?void 0:s.id)===t,v=Se(f?sn:dn),[b,y]=ie(),[w,C]=ie(),x=function(e,t){return Ae(()=>e.reduce((e,n)=>{let{eventName:o,handler:r}=n;return e[o]=e=>{r(e,t)},e},{}),[e,t])}(a,t),E=oe(n);return te(()=>(u.set(t,{id:t,key:i,node:b,activatorNode:w,data:E}),()=>{const e=u.get(t);e&&e.key===i&&u.delete(t)}),[u,t]),{active:s,activatorEvent:l,activeNodeRect:c,attributes:Ae(()=>({role:h,tabIndex:m,"aria-disabled":o,"aria-pressed":!(!f||h!==un)||void 0,"aria-roledescription":g,"aria-describedby":d.draggable}),[o,h,m,f,g,d.draggable]),isDragging:f,listeners:o?void 0:x,node:b,over:p,setNodeRef:y,setActivatorNodeRef:C,transform:v}}({id:`row-${e.row.id}`,data:{type:"row",index:e.idx,id:e.row.id}}),{setNodeRef:l,isOver:s}=function(e){let{data:t,disabled:n=!1,id:o,resizeObserverConfig:r}=e;const i=se("Droppable"),{active:a,dispatch:l,over:s,measureDroppableContainers:c}=Se(tn),d=ke({disabled:n}),u=ke(!1),p=ke(null),h=ke(null),{disabled:g,updateMeasurementsFor:m,timeout:f}={...pn,...r},v=oe(null!=m?m:o),b=Wt({callback:Te(()=>{u.current?(null!=h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{c(Array.isArray(v.current)?v.current:[v.current]),h.current=null},f)):u.current=!0},[f]),disabled:g||!a}),y=Te((e,t)=>{b&&(t&&(b.unobserve(t),u.current=!1),e&&b.observe(e))},[b]),[w,C]=ie(y),x=oe(t);return Re(()=>{b&&w.current&&(b.disconnect(),u.current=!1,b.observe(w.current))},[w,b]),Re(()=>(l({type:We.RegisterDroppable,element:{id:o,key:i,disabled:n,node:w,rect:p,data:x}}),()=>l({type:We.UnregisterDroppable,key:i,id:o})),[o]),Re(()=>{n!==d.current.disabled&&(l({type:We.SetDroppableDisabled,id:o,key:i,disabled:n}),d.current.disabled=n)},[o,i,n,l]),{active:a,rect:p,isOver:(null==s?void 0:s.id)===o,node:w,over:s,setNodeRef:C}}({id:`row-drop-${e.row.id}`,data:{type:"row",index:e.idx,id:e.row.id}}),c={transform:r?`translate3d(${r.x}px, ${r.y}px, 0)`:void 0,transition:i,opacity:a?.5:1,backgroundColor:s?"rgba(0, 0, 0, 0.1)":"transparent"};return xn.createElement("div",{ref:l,style:c},xn.createElement("div",{ref:o,...n,...t},xn.createElement(Yn,{...e})))}Yn.__initStatic(),Yn.__initStatic2();const Xn=t,$n=s,Kn=n,{Typography:Qn}=o,{styled:Vn}=r,Jn=a,Gn=c,Zn=u,{DEFAULT_PLUGINS:eo}=u,{DragProvider:to}=p;function no(e){let t,n=e[0],o=1;for(;o<e.length;){const r=e[o],i=e[o+1];if(o+=2,("optionalAccess"===r||"optionalCall"===r)&&null==n)return;"access"===r||"optionalAccess"===r?(t=n,n=i(n)):"call"!==r&&"optionalCall"!==r||(n=i((...e)=>n.call(t,...e)),t=void 0)}return n}const oo=Jn("pie-elements:match:configure"),ro=Vn("div")(({theme:e})=>({marginBottom:e.spacing(2.5),display:"flex",flexDirection:"column"})),io=Vn("div")(({theme:e})=>({display:"flex",alignItems:"center",flex:1,width:"100%",borderBottom:`2px solid ${e.palette.grey.A100}`,paddingBottom:e.spacing(2),marginTop:e.spacing(2),marginBottom:e.spacing(1)})),ao=Vn("div")(({theme:e})=>({flex:1,display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column","&> div":{width:"120px",padding:`0 ${e.spacing(1)}`,textAlign:"center"}})),lo=Vn("div")(({theme:e})=>({flex:.5,minWidth:"45px",padding:`0 ${e.spacing(1)}`})),so=Vn("div")({display:"flex",flexDirection:"column"}),co=Vn("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:`${e.spacing(1)} !important`,width:"fit-content !important"})),uo=Vn("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingBottom:e.spacing(1)})),po=Vn("div")(({theme:e})=>({"& .marginBottom":{marginBottom:e.typography.fontSize-2+e.spacing(1)},"& .headerInput":{"& > div":{fontWeight:"bold"}}}));class ho extends Xn.Component{constructor(...e){super(...e),ho.prototype.__init.call(this),ho.prototype.__init2.call(this),ho.prototype.__init3.call(this)}static __initStatic(){this.propTypes={model:Kn.object.isRequired,configuration:Kn.object.isRequired,onChange:Kn.func.isRequired,onDeleteRow:Kn.func.isRequired,onAddRow:Kn.func.isRequired,imageSupport:Kn.shape({add:Kn.func.isRequired,delete:Kn.func.isRequired}),uploadSoundSupport:Kn.shape({add:Kn.func.isRequired,delete:Kn.func.isRequired}),toolbarOpts:Kn.object,spellCheck:Kn.bool}}__init(){this.moveRow=e=>{const{active:t,over:n}=e;if(!n||!t)return;const o=t.data.current,r=n.data.current;if("row"===no([o,"optionalAccess",e=>e.type])&&"row"===no([r,"optionalAccess",e=>e.type])){const e=o.index,t=r.index,{model:n,onChange:i}=this.props,a={...n},l=a.rows||[];oo("[moveRow]: ",e,t);const{movedRow:s,remainingRows:c}=l.reduce((t,n,o)=>(o===e?t.movedRow=n:t.remainingRows.push(n),t),{movedRow:null,remainingRows:[]}),d=[...c.slice(0,t),s,...c.slice(t)];oo("update: ",d),a.rows=d,i(a)}}}__init2(){this.onChange=(e,t)=>({target:n})=>{const{model:o,onChange:r}=this.props;let i;i=t?n.checked:n.value,Gn.set(o,e,i),r(o,e)}}__init3(){this.onHeaderChange=e=>t=>{const{model:n,onChange:o}=this.props,r={...n};if(0===e)return r.headers[e]=t,void o(r);r.headers[e]=t,o(r)}}render(){const{model:e,onAddRow:t,imageSupport:n,configuration:o,toolbarOpts:r,spellCheck:i,uploadSoundSupport:a}=this.props,{baseInputConfiguration:l={},headers:s={},rows:c={},maxImageWidth:d={},maxImageHeight:u={},mathMlOptions:p={},minQuestions:h}=o||{},{errors:g}=e||{},{correctResponseError:f,rowsErrors:v,columnsErrors:b,noOfRowsError:y,columnsLengthError:w}=g||{},C=(eo||[]).filter(e=>"table"!==e&&"bulleted-list"!==e&&"numbered-list"!==e),x=d&&d.prompt,E=u&&u.prompt;return Xn.createElement(po,null,Xn.createElement(to,{onDragEnd:this.moveRow},Xn.createElement(ro,null,Xn.createElement(Qn,{type:"body1",component:"div"},"Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."),Xn.createElement(so,{style:o.width?{width:o.width,overflow:"scroll"}:{}},Xn.createElement(io,null,s.settings&&(e.headers||[]).map((e,t)=>Xn.createElement(ao,{key:t,className:$n({questionText:0===t}),sx:0===t?{flex:2,display:"flex",justifyContent:"flex-start",marginRight:1,"&> div":{width:"100%",padding:0,maxWidth:"unset",textAlign:"left",minWidth:"200px"}}:{}},Xn.createElement(Zn,{onChange:this.onHeaderChange(t),markup:e,className:b&&!b[t]?"marginBottom":"headerInput",label:"column label",activePlugins:C,pluginProps:m(no([s,"optionalAccess",e=>e.inputConfiguration]),l),autoWidthToolbar:!0,spellCheck:i,uploadSoundSupport:a,languageCharactersProps:[{language:"spanish"},{language:"special"}],error:b&&b[t]}),b&&b[t]&&Xn.createElement(co,null,b[t]))),Xn.createElement(lo,null)),e.rows.map((t,o)=>Xn.createElement(Un,{key:o,model:e,row:t,idx:o,onDeleteRow:this.props.onDeleteRow,onChange:this.props.onChange,imageSupport:n,toolbarOpts:r,spellCheck:i,error:no([v,"optionalAccess",e=>e[t.id]]),maxImageWidth:d&&d.rowTitles||x,maxImageHeight:u&&u.rowTitles||E,uploadSoundSupport:a,mathMlOptions:p,minQuestions:h,inputConfiguration:m(no([c,"optionalAccess",e=>e.inputConfiguration]),l)})),f&&Xn.createElement(uo,null,f),y&&Xn.createElement(uo,null,y),w&&Xn.createElement(uo,null,w),Xn.createElement(W,{onAddClick:t})))))}}ho.__initStatic();const go=t,{styled:mo}=r,fo=n,vo=a,{FeedbackConfig:bo}=d,{settings:yo}=d,{layout:wo}=d,{InputContainer:Co}=d,{AlertDialog:xo}=d,Eo=u;function _o(e){let t,n=e[0],o=1;for(;o<e.length;){const r=e[o],i=e[o+1];if(o+=2,("optionalAccess"===r||"optionalCall"===r)&&null==n)return;"access"===r||"optionalAccess"===r?(t=n,n=i(n)):"call"!==r&&"optionalCall"!==r||(n=i((...e)=>n.call(t,...e)),t=void 0)}return n}const So=vo("@pie-element:match:configure"),{Panel:Ro,toggle:Do,radio:To,dropdown:Ao}=yo,ko=mo("div")(()=>({"& .promptHolder":{width:"100%"}})),Mo=mo("div")(({theme:e})=>({width:"100%",paddingTop:e.spacing(2),marginBottom:e.spacing(2)})),Io=mo("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing(1)}));class No extends go.Component{static __initStatic(){this.propTypes={onModelChanged:fo.func,onConfigurationChanged:fo.func,model:fo.object.isRequired,configuration:fo.object.isRequired,imageSupport:fo.shape({add:fo.func.isRequired,delete:fo.func.isRequired}),uploadSoundSupport:fo.shape({add:fo.func.isRequired,delete:fo.func.isRequired})}}static __initStatic2(){this.defaultProps={}}constructor(e){super(e),No.prototype.__init.call(this),No.prototype.__init2.call(this),No.prototype.__init3.call(this),No.prototype.__init4.call(this),No.prototype.__init5.call(this),No.prototype.__init6.call(this),No.prototype.__init7.call(this),No.prototype.__init8.call(this),No.prototype.__init9.call(this),No.prototype.__init10.call(this),No.prototype.__init11.call(this),No.prototype.__init12.call(this);let t=0;e.model.rows&&e.model.rows.length>0&&(t=Math.max(...e.model.rows.map(e=>e.id))),this.rowIdCounter=t+1,this.state={activeTab:0,dialog:{open:!1,text:""}}}componentDidMount(){const{updatedRows:e,wasChanged:t}=this.validateRowsID(this.props.model.rows);if(t){const t={...this.props.model,rows:e};this.props.onModelChanged(t)}}validateRowsID(e){let t=!1;return{updatedRows:(e||[]).map((e,n)=>e.id!==n+1?(t=!0,{...e,id:n+1}):e),wasChanged:t}}__init(){this.onTabChange=(e,t)=>{this.setState({activeTab:t})}}__init2(){this.onChangeTabIndex=e=>{this.setState({activeTab:e})}}__init3(){this.onChange=e=>{this.props.onModelChanged(e)}}__init4(){this.onFeedbackChange=e=>{const{model:t,onModelChanged:n}=this.props;t.feedback=e,n(t)}}__init5(){this.onDeleteRow=e=>{const{model:t}=this.props,n={...t};n.rows.splice(e,1),this.onChange(n)}}__init6(){this.onAddRow=()=>{const{model:e,configuration:t}=this.props,n={...e},{maxQuestions:o}=t||{};o&&(n.rows||[]).length>=o?this.setState({dialog:{open:!0,text:`There can be maximum ${o} question row`+(o>1?"s":"")+"."}}):(n.rows=n.rows.concat({id:this.rowIdCounter+1,title:`Question Text ${(n.rows||[]).length+1}`,values:new Array(e.layout-1).fill(!1)}),this.rowIdCounter+=1,this.onChange(n))}}__init7(){this.onLayoutChange=e=>{const{model:t}=this.props,n=t.layout,o={...t};if(e>n){for(let t=0;t<e-n;t++)o.headers.push(`Column ${o.headers.length+1}`);o.rows.forEach(t=>{for(let o=0;o<e-n;o++)t.values.push(!1)})}else e<n&&(o.headers.splice(e),o.rows.forEach(t=>{t.values.splice(e-1)}));o.layout=e,this.onChange(o)}}__init8(){this.onResponseTypeChange=e=>{const{model:t}=this.props,n={...t};"radio"===e&&n.rows.forEach(e=>{e.values.reduce((e,t)=>!0===t?e+1:e)>1&&(e.values=new Array(t.layout-1).fill(!1))}),n.choiceMode=e,this.onChange(n)}}__init9(){this.onPartialScoringChange=e=>{this.props.model.partialScoring=e,this.props.onModelChanged(this.props.model)}}__init10(){this.onPromptChanged=e=>{this.props.onModelChanged({...this.props.model,prompt:e})}}__init11(){this.onTeacherInstructionsChanged=e=>{this.props.onModelChanged({...this.props.model,teacherInstructions:e})}}__init12(){this.onRationaleChanged=e=>{this.props.onModelChanged({...this.props.model,rationale:e})}}render(){const{model:e,imageSupport:t,onModelChanged:n,configuration:o,onConfigurationChanged:r,uploadSoundSupport:i}=this.props,{baseInputConfiguration:a={},contentDimensions:l={},feedback:s={},lockChoiceOrder:c={},maxImageWidth:d={},maxImageHeight:u={},partialScoring:p={},prompt:h={},rationale:g={},settingsPanelDisabled:f,scoringType:v={},spellCheck:b={},studentInstructions:y={},teacherInstructions:w={},withRubric:C={},language:x={},languageChoices:E={}}=o||{},{errors:_,extraCSSRules:S,feedbackEnabled:R,promptEnabled:D,rationaleEnabled:T,spellCheckEnabled:A,teacherInstructionsEnabled:k,toolbarEditorPosition:M}=e||{},{prompt:I,rationale:O,teacherInstructions:P}=_||{},{dialog:L}=this.state,j={position:"top"===M?"top":"bottom"},q=d&&d.prompt,B=u&&u.prompt,z={partialScoring:p.settings&&Do(p.label),lockChoiceOrder:c.settings&&Do(c.label),feedbackEnabled:s.settings&&Do(s.label),"language.enabled":x.settings&&Do(x.label,!0),language:x.settings&&x.enabled&&Ao(E.label,E.options)},W={teacherInstructionsEnabled:w.settings&&Do(w.label),studentInstructionsEnabled:y.settings&&Do(y.label),promptEnabled:h.settings&&Do(h.label),rationaleEnabled:g.settings&&Do(g.label),spellCheckEnabled:b.settings&&Do(b.label),scoringType:v.settings&&To(v.label,["auto","rubric"]),rubricEnabled:_o([C,"optionalAccess",e=>e.settings])&&Do(_o([C,"optionalAccess",e=>e.label]))};return So("[render] model",e),go.createElement(ko,null,go.createElement(wo.ConfigLayout,{extraCSSRules:S,dimensions:l,hideSettings:f,settings:go.createElement(Ro,{model:e,configuration:o,onChangeModel:e=>n(e),onChangeConfiguration:e=>r(e),groups:{Settings:z,Properties:W}})},k&&go.createElement(Co,{label:w.label,className:"promptHolder"},go.createElement(Mo,null,go.createElement(Eo,{className:"prompt",markup:e.teacherInstructions||"",onChange:this.onTeacherInstructionsChanged,imageSupport:t,error:P,nonEmpty:!1,toolbarOpts:j,pluginProps:m(_o([w,"optionalAccess",e=>e.inputConfiguration]),a),spellCheck:A,maxImageWidth:d&&d.teacherInstructions||q,maxImageHeight:u&&u.teacherInstructions||B,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}]}),P&&go.createElement(Io,null,P))),D&&go.createElement(Co,{label:h.label,className:"promptHolder"},go.createElement(Mo,null,go.createElement(Eo,{className:"prompt",markup:e.prompt,onChange:this.onPromptChanged,imageSupport:t,error:I,nonEmpty:!1,disableUnderline:!0,toolbarOpts:j,pluginProps:m(_o([h,"optionalAccess",e=>e.inputConfiguration]),a),spellCheck:A,maxImageWidth:d&&d.prompt,maxImageHeight:u&&u.prompt,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}]}),I&&go.createElement(Io,null,I))),go.createElement(N,{model:e,configuration:o,onResponseTypeChange:this.onResponseTypeChange,onLayoutChange:this.onLayoutChange}),go.createElement(ho,{model:e,configuration:o,imageSupport:t,onChange:this.onChange,onAddRow:this.onAddRow,onDeleteRow:this.onDeleteRow,toolbarOpts:j,spellCheck:A,uploadSoundSupport:i}),T&&go.createElement(Co,{label:g.label,className:"promptHolder"},go.createElement(Mo,null,go.createElement(Eo,{className:"prompt",markup:e.rationale||"",onChange:this.onRationaleChanged,imageSupport:t,error:O,toolbarOpts:j,pluginProps:m(_o([g,"optionalAccess",e=>e.inputConfiguration]),a),spellCheck:A,maxImageWidth:d&&d.rationale||q,maxImageHeight:u&&u.rationale||B,uploadSoundSupport:i,languageCharactersProps:[{language:"spanish"},{language:"special"}]}),O&&go.createElement(Io,null,O))),R&&go.createElement(bo,{feedback:e.feedback,onChange:this.onFeedbackChange,toolbarOpts:j}),go.createElement(xo,{open:L.open,title:"Warning",text:L.text,onConfirm:()=>this.setState({dialog:{open:!1}})})))}}No.__initStatic(),No.__initStatic2();var Oo={};Object.defineProperty(Oo,"__esModule",{value:!0});class Po extends CustomEvent{constructor(e,t=!1){super(Po.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}Po.TYPE="model.updated";var Lo=Oo.ModelUpdatedEvent=Po;class jo extends CustomEvent{constructor(e,t){super(jo.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}jo.TYPE="delete.image";var qo=Oo.DeleteImageEvent=jo;class Bo extends CustomEvent{constructor(e){super(Bo.TYPE,{bubbles:!0,detail:e}),this.handler=e}}Bo.TYPE="insert.image";var zo=Oo.InsertImageEvent=Bo;class Wo extends CustomEvent{constructor(e,t){super(Wo.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}Wo.TYPE="delete.sound";var Ho=Oo.DeleteSoundEvent=Wo;class Fo extends CustomEvent{constructor(e){super(Fo.TYPE,{bubbles:!0,detail:e}),this.handler=e}}Fo.TYPE="insert.sound";var Yo=Oo.InsertSoundEvent=Fo,Uo={choiceMode:"radio",feedbackEnabled:!1,headers:["Column 1","Column 2","Column 3"],layout:3,lockChoiceOrder:!0,partialScoring:!1,prompt:"",promptEnabled:!0,rationale:"",rationaleEnabled:!0,rows:[],scoringType:"auto",studentInstructionsEnabled:!0,teacherInstructions:"",teacherInstructionsEnabled:!0,toolbarEditorPosition:"bottom"},Xo={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},rows:{inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!1}}},feedback:{settings:!0,label:"Feedback",enabled:!0},headers:{settings:!0,inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!1}}},layout:{settings:!0,label:"Layout"},lockChoiceOrder:{settings:!1,label:"Lock Choice Order"},partialScoring:{settings:!1,label:"Allow Partial Scoring"},choiceMode:{settings:!0,label:"Response Type"},prompt:{settings:!0,label:"Prompt",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},rationale:{settings:!0,label:"Rationale",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},settingsPanelDisabled:!1,spellCheck:{label:"Spellcheck",settings:!1,enabled:!0},scoringType:{settings:!1,label:"Scoring Type"},studentInstructions:{settings:!1,label:"Student Instructions"},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},maxImageWidth:{teacherInstructions:300,prompt:300,rationale:300,rowTitles:300},maxImageHeight:{teacherInstructions:300,prompt:300,rationale:300,rowTitles:150},withRubric:{settings:!1,label:"Add Rubric"},minQuestions:2,maxQuestions:5,maxLengthQuestionsHeading:100,maxAnswers:5,maxLengthAnswers:100,maxLengthFirstColumnHeading:100,mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]}};const{isEmpty:$o}=c,{set:Ko}=c,{cloneDeep:Qo}=c,Vo=t;function Jo(e){let t,n=e[0],o=1;for(;o<e.length;){const r=e[o],i=e[o+1];if(o+=2,("optionalAccess"===r||"optionalCall"===r)&&null==n)return;"access"===r||"optionalAccess"===r?(t=n,n=i(n)):"call"!==r&&"optionalCall"!==r||(n=i((...e)=>n.call(t,...e)),t=void 0)}return n}const Go=a("pie-elements:match:configure");class Zo extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...Uo,...e})}constructor(){super(),Zo.prototype.__init.call(this),this._root=null,this._model=Zo.createDefaultModel(),this._configuration=Xo}set model(e){this._model=Zo.createDefaultModel(e),this._modelCopy=Qo(this._model),this._render()}__init(){this.resetModelAfterConfigurationIsSet=()=>{const e=document.querySelectorAll("pie-author");this.hasPlayerAsParent=Array.from(e).some(e=>e.contains(this)),this.hasPlayerAsParent&&(this._modelCopy?this._model=this._modelCopy:delete this._modelCopy)}}set configuration(e){const t={...Xo,...e};this._configuration=t,this.resetModelAfterConfigurationIsSet(),Jo([t,"optionalAccess",e=>e.language,"optionalAccess",e=>e.enabled])?Jo([t,"optionalAccess",e=>e.languageChoices,"optionalAccess",e=>e.options,"optionalAccess",e=>e.length])&&(this._model.language=Jo([t,"optionalAccess",e=>e.languageChoices,"access",e=>e.options,"access",e=>e[0],"access",e=>e.value])):t.language.settings&&this._model.language?(this._configuration.language.enabled=!0,this._configuration.languageChoices.options&&this._configuration.languageChoices.options.length||(this._configuration.languageChoices.options=[]),this._configuration.languageChoices.options.find(e=>e.value===this._model.language)||this._configuration.languageChoices.options.push({value:this._model.language,label:this._model.language})):delete this._model.language,$o(Jo([e,"optionalAccess",e=>e.rows,"optionalAccess",e=>e.inputConfiguration]))&&(Ko(this._configuration.rows,"inputConfiguration.image.disabled",!Jo([this,"access",e=>e._model,"optionalAccess",e=>e.enableImages])),Ko(this._configuration.rows,"inputConfiguration.video.disabled",!0),Ko(this._configuration.rows,"inputConfiguration.audio.disabled",!0)),this._render()}onModelChanged(e){this._model=e,Go("[onModelChanged]: ",this._model),this._render(),this.dispatchEvent(new Lo(this._model))}onConfigurationChanged(e){this._configuration=e,this._render()}insertImage(e){this.dispatchEvent(new zo(e))}onDeleteImage(e,t){this.dispatchEvent(new qo(e,t))}insertSound(e){this.dispatchEvent(new Yo(e))}onDeleteSound(e,t){this.dispatchEvent(new Ho(e,t))}_render(){if(this._model){const e=Vo.createElement(No,{onModelChanged:this.onModelChanged.bind(this),onConfigurationChanged:this.onConfigurationChanged.bind(this),model:this._model,configuration:this._configuration,imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});this._root||(this._root=h(this)),this._root.render(e)}}disconnectedCallback(){this._root&&this._root.unmount()}}Zo.__initStatic();export{Zo as default};