@cocalc/static
Version:
CoCalc's static frontend Webpack-based build system and framework
1 lines • 30.7 kB
JavaScript
;(self.webpackChunk_cocalc_static=self.webpackChunk_cocalc_static||[]).push([[6171],{1207:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(4668),l=n(52224),o=n(63505),a=n(63505);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}var s=r.Z.Search;function d(e){var t,n,r,c=e.onSelect,d=e.onChange,m=e.defaultSearch,y=e.search,p=e.style,v=e.fontSize,h=e.disabled,b=(n=(0,o.useState)(null!==(t=null!=y?y:m)&&void 0!==t?t:""),r=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}(n,r)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),E=b[0],g=b[1];return(0,o.useEffect)((function(){null!=y&&g(y)}),[y]),a.createElement("div",{style:u({fontSize:"24pt"},p)},a.createElement(s,{disabled:h,placeholder:"Search...",value:E,allowClear:!0,onChange:function(e){g(e.target.value),null==d||d(e.target.value)},style:{maxWidth:"400px"},onPressEnter:function(){var e=E.trim().toLowerCase(),t=!0,n=!1,r=void 0;try{for(var o,a=l.W[Symbol.iterator]();!(t=(o=a.next()).done);t=!0){var i=o.value;if(i.includes(e))return g(i),null==d||d(i),void(null==c||c(i))}}catch(e){n=!0,r=e}finally{try{t||null==a.return||a.return()}finally{if(n)throw r}}}}),a.createElement("div",{style:{marginTop:"10px",overflowY:"scroll",border:"1px solid lightgrey"}},function(e,t,n){e=e.trim().toLowerCase();var r=[],o=!0,i=!1,c=void 0;try{for(var u,s=l.W[Symbol.iterator]();!(o=(u=s.next()).done);o=!0){var d=u.value;d.includes(e)&&r.push(a.createElement(f,{fontSize:t,key:d,name:d,onClick:n}))}}catch(e){i=!0,c=e}finally{try{o||null==s.return||s.return()}finally{if(i)throw c}}return r}(E,v,(function(e){g(e),null==c||c(e)}))))}function f(e){var t=e.name,n=e.onClick,r=e.fontSize,o=void 0===r?"11pt":r;return a.createElement("div",{style:{display:"inline-block",width:"100px",cursor:"pointer",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textAlign:"center"},onClick:function(){return n(t)}},a.createElement("div",{style:{margin:"0 10px"}},a.createElement(l.JO,{name:t})),a.createElement("div",{style:{fontSize:o}},t))}},85415:(e,t,n)=>{n.d(t,{J:()=>c,h:()=>i});var r=n(60799),l=n(81671),o=n(24809),a=n(63505),i="#337ab7";function c(e){var t=e.onClick;return a.createElement(r.Z,{title:"Reset to defaults"},a.createElement(l.Z,{title:"Reset the presets to their default settings?",onConfirm:t},a.createElement(o.Z,{type:"text",style:{color:"#666",margin:"auto",padding:0,fontSize:"12px"}},"Reset")))}},86171:(e,t,n)=>{n.d(t,{XT:()=>N,ZP:()=>D,rn:()=>J});var r=n(63505),l=n(2131),o=n(60799),a=n(24809),i=n(14761),c=n(88570),u=n(13398),s=n(572),d=n(52224),f=n(54822),m=n(29534),y=n(5411),p=n(50455),v=n(78905),h=n(39530),b=n(34183),E=n(99810),g=n(66652),x=n(48949),S=n(84787),w=n(15690),O=n(63505);function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Z(){return Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Z.apply(this,arguments)}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){j(e,t,n[t])}))}return e}function C(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}(e,t)||T(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}var A=l.Z.Option;function D(e){var t=e.elements,n=e.allElements,l=e.readOnly,o=(0,f.s)().actions,a=(0,r.useMemo)((function(){return function(e){var t,n,r,l=null!==(r=null===(n=b.T[null==e||null===(t=e[0])||void 0===t?void 0:t.type])||void 0===n?void 0:n.config)&&void 0!==r?r:new Set([]);if(e.length<=1)return l;var o,a=!0,i=!1,c=void 0;try{for(var u,s=function(){var e,t,n=u.value.type,r=(null!==(e=b.T[n])&&void 0!==e?e:{}).config;return null==r?{v:new Set([])}:0==(l=new Set((t=l,function(e){if(Array.isArray(e))return k(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||T(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).filter((function(e){return r.has(e)})))).size?{v:l}:void 0},d=e.slice(1)[Symbol.iterator]();!(a=(u=d.next()).done);a=!0){var f=s();if("object"==((o=f)&&"undefined"!=typeof Symbol&&o.constructor===Symbol?"symbol":typeof o))return f.v}}catch(e){i=!0,c=e}finally{try{a||null==d.return||d.return()}finally{if(i)throw c}}return l}(t)}),[t]);if(0==t.length)return null;var i={actions:o,elements:t,allElements:n,readOnly:l},c=(0,x.x)(t),u=(0,g.p)(t);return O.createElement("div",{style:P(C(P({},s.Vv),{margin:0,top:"15px",display:"flex",flexDirection:"column",height:"42px"}),1==t.length&&"code"==t[0].type?{right:"10px"}:void 0)},O.createElement("div",{style:{display:"flex"}},!(l||u||c)&&O.createElement(O.Fragment,null,a.has("color")&&O.createElement(L,Z({},i)),a.has("fontFamily")&&O.createElement(B,Z({},i)),a.has("fontSize")&&O.createElement(_,Z({},i)),a.has("opacity")&&O.createElement(H,Z({},i)),a.has("radius")&&O.createElement(M,Z({},i)),O.createElement(U,Z({},i))),!(l||c)&&!u&&O.createElement(I,Z({},i)),!l&&!c&&O.createElement(g.Z,{elements:t}),!l&&!u&&O.createElement(x.Z,{elements:t}),!(l||u||c)&&O.createElement(F,Z({},i)),O.createElement(Q,Z({},i))))}var J={fontSize:"22px",color:"#666",height:"42px",padding:"4px 5px"};function F(e){var t=e.elements,n=(0,f.s)(),r=n.actions,l=n.id;return O.createElement(o.Z,{title:"Delete selected"},O.createElement(a.Z,{style:C(P({},J),{borderLeft:"1px solid #ccc"}),type:"text",onClick:function(){r.deleteElements(t),r.clearSelection(l)}},O.createElement(d.JO,{name:"trash"})))}function I(e){var t=e.elements,n=(0,f.s)(),r=n.actions,l=n.id;return O.createElement(o.Z,{title:"Duplicate selected"},O.createElement(a.Z,{style:C(P({},J),{borderLeft:"1px solid #ccc"}),type:"text",onClick:function(){r.duplicateElements(t,l)}},O.createElement(d.JO,{name:"clone"})))}function L(e){var t=e.actions,n=e.elements,l=z((0,r.useState)(!1),2),i=l[0],c=l[1],u=z((0,r.useState)(function(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0){var a,i,c=l.value;if(null===(a=c.data)||void 0===a?void 0:a.color)return null===(i=c.data)||void 0===i?void 0:i.color}}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}}(n)),2),s=u[0],d=u[1];return O.createElement(O.Fragment,null,O.createElement(o.Z,{title:"Color"},O.createElement(a.Z,{style:J,type:"text",onClick:function(){return c(!i)}},O.createElement(y.hJ,{radius:w.C7,color:null!=s?s:"black"}))),i&&O.createElement(p.Z,{color:s,onChange:function(e){d(e),Y({elements:n,actions:t},{color:e})},style:{background:"white",padding:"10px",border:"1px solid grey",boxShadow:"0 0 5px grey",borderRadius:"3px",position:"absolute",top:"50px"}}))}function U(e){var t=e.actions,n=e.elements;if(n.length<=1)return null;var r=!1,l=!0,i=!1,c=void 0;try{for(var u,s=n[Symbol.iterator]();!(l=(u=s.next()).done);l=!0)if(u.value.group){r=!0;break}}catch(e){i=!0,c=e}finally{try{l||null==s.return||s.return()}finally{if(i)throw c}}return O.createElement(o.Z,{title:"".concat(r?"Ungroup":"Group"," ").concat(n.length," objects")},O.createElement(a.Z,{style:C(P({},J),{borderLeft:"1px solid #ccc"}),type:"text",onClick:function(){var e=n.map((function(e){return e.id}));r?t.ungroupElements(e):t.groupElements(e)}},O.createElement(d.JO,{name:r?"ungroup":"group"})))}function _(e){var t=e.actions,n=e.elements;return O.createElement(o.Z,{title:"Font size (pixels)"},O.createElement(i.Z,{style:{width:"64px",fontSize:"20px",color:"#666",paddingTop:"4px"},min:w.mp,max:w.lq,defaultValue:R(n),onChange:function(e){Y({elements:n,actions:t},{fontSize:e})}}))}function R(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0){var a,i,c=l.value;if(null===(a=c.data)||void 0===a?void 0:a.fontSize)return null===(i=c.data)||void 0===i?void 0:i.fontSize}}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return w.n5}function M(e){var t=e.actions,n=e.elements;return O.createElement(o.Z,{title:"Radius (pixels)"},O.createElement(i.Z,{style:{width:"70px",fontSize:"20px",color:"#666",paddingTop:"4px"},min:0,max:w.C7,step:.5,defaultValue:V(n),onChange:function(e){Y({elements:n,actions:t},{radius:e||null})}}))}function V(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0){var a,i,c=l.value;if(null===(a=c.data)||void 0===a?void 0:a.radius)return null===(i=c.data)||void 0===i?void 0:i.radius}}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return w.O2}function H(e){var t=e.actions,n=e.elements;return O.createElement(o.Z,{title:"Opacity: 1 is solid; less than 1 is transparent"},O.createElement(i.Z,{style:{width:"70px",fontSize:"20px",color:"#666",paddingTop:"4px"},min:0,max:1,step:.01,defaultValue:W(n),onChange:function(e){Y({elements:n,actions:t},{opacity:1==e?null:e})}}))}function W(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0){var a,i,c=l.value;if(null===(a=c.data)||void 0===a?void 0:a.opacity)return null===(i=c.data)||void 0===i?void 0:i.opacity}}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return w.P2}function B(e){var t=e.actions,n=e.elements;return O.createElement(N,{onChange:function(e){Y({elements:n,actions:t},{fontFamily:e})},defaultValue:$(n),size:"large",style:{marginTop:"1px",minWidth:"100px"}})}function N(e){var t=e.onChange,n=e.value,r=e.defaultValue,a=e.size,i=e.style,c=[],u=!0,s=!1,d=void 0;try{for(var f,m=v.FONT_FACES[Symbol.iterator]();!(u=(f=m.next()).done);u=!0){var y=f.value;c.push(O.createElement(A,{value:y,key:y,search:y.toLowerCase()},O.createElement("span",{style:{fontFamily:"Sans"!=y?y:"sans-serif"}},y)))}}catch(e){s=!0,d=e}finally{try{u||null==m.return||m.return()}finally{if(s)throw d}}return O.createElement(o.Z,{title:"Select a font"},O.createElement(l.Z,{style:i,size:a,value:n,defaultValue:r,showSearch:!0,placeholder:"Select a font",optionFilterProp:"children",optionLabelProp:"label",onChange:t,filterOption:function(e,t){return!e.trim()||(null==t?void 0:t.search.includes(e.toLowerCase()))}},c))}function $(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0){var a,i,c=l.value;if(null===(a=c.data)||void 0===a?void 0:a.fontFamily)return null===(i=c.data)||void 0===i?void 0:i.fontFamily}}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return w.rk}function Q(e){var t=e.actions,n=e.elements,r=e.allElements,l=e.readOnly,o=(0,f.s)(),a=(0,x.x)(n),i=(0,g.p)(n),s=O.createElement(c.Z,{onClick:function(e){var l=e.key;if("bring-to-front"==l){var a=(0,h.UA)(r).zMax+1,i=!0,c=!1,u=void 0;try{for(var s,d=n[Symbol.iterator]();!(i=(s=d.next()).done);i=!0){var f=s.value;t.setElement({obj:C(P({},f),{z:a}),save:!1}),a+=1}}catch(e){c=!0,u=e}finally{try{i||null==d.return||d.return()}finally{if(c)throw u}}return t.syncstring_commit(),void t.clearSelection(o.id)}if("send-to-back"==l){var y=(0,h.UA)(r).zMin-1,p=!0,v=!1,b=void 0;try{for(var g,x=n[Symbol.iterator]();!(p=(g=x.next()).done);p=!0){var S=g.value;t.setElement({obj:{id:S.id,z:y},save:!1}),y-=1}}catch(e){v=!0,b=e}finally{try{p||null==x.return||x.return()}finally{if(v)throw b}}return t.syncstring_commit(),void t.clearSelection(o.id)}"copy"==l?((0,m.extendToIncludeEdges)(n,r),(0,E.vQ)(n)):"duplicate"==l?t.duplicateElements(n,o.id):"cut"==l?((0,m.extendToIncludeEdges)(n,r),(0,E.vQ)(n),t.deleteElements(n),t.clearSelection(o.id)):"delete"==l?(t.deleteElements(n),t.clearSelection(o.id)):"paste"==l?t.paste(o.id):"lock"==l?t.lockElements(n):"unlock"==l?t.unlockElements(n):"hide"==l?t.hideElements(n):"unhide"==l&&t.unhideElements(n)}},!l&&!i&&O.createElement(c.Z.Item,{key:"bring-to-front"},O.createElement(d.JO,{name:"arrow-circle-up"})," Bring to front"),!l&&!i&&O.createElement(c.Z.Item,{key:"send-to-back"},O.createElement(d.JO,{name:"arrow-circle-down"})," Send to back"),!l&&!i&&O.createElement(c.Z.Item,{key:"cut"},O.createElement(d.JO,{name:"cut"})," Cut"),O.createElement(c.Z.Item,{key:"copy"},O.createElement(d.JO,{name:"copy"})," Copy"),!l&&O.createElement(c.Z.Item,{key:"duplicate"},O.createElement(d.JO,{name:"clone"})," Duplicate"),!l&&!i&&O.createElement(c.Z.Item,{key:"delete"}," ",O.createElement(d.JO,{name:"trash"})," Delete"),!l&&!a&&!i&&O.createElement(c.Z.Item,{key:"hide"},O.createElement(d.JO,{name:"eye-slash"})," Hide"),!l&&a&&!i&&O.createElement(c.Z.Item,{key:"unhide"},O.createElement(d.JO,{name:"eye"})," Unhide"),!l&&!i&&O.createElement(c.Z.Item,{key:"lock"},O.createElement(d.JO,{name:"lock"})," Lock"));return O.createElement(u.Z,{overlay:s,trigger:["click"]},O.createElement(d.JO,{name:"ellipsis",style:{padding:"12px 10px 0",borderLeft:"1px solid #ccc",cursor:"pointer"}}))}function Y(e,t){var n=e.elements,r=e.actions,l=!0,o=!1,a=void 0;try{for(var i,c=n[Symbol.iterator]();!(l=(i=c.next()).done);l=!0){var u=i.value;if(r.setElementData({element:u,obj:t,commit:!1,cursors:[{}]}),null!=t.fontSize&&null!=u.data){var s;u.data.fontSize=t.fontSize;var d=null===(s=S.D[u.type])||void 0===s?void 0:s.updateSize;null!=d&&(d(u),r.setElement({obj:{id:u.id,h:u.h,w:u.w},commit:!1}))}}}catch(e){o=!0,a=e}finally{try{l||null==c.return||c.return()}finally{if(o)throw a}}r.syncstring_commit()}},48949:(e,t,n)=>{n.d(t,{Z:()=>u,x:()=>s});var r=n(60799),l=n(24809),o=n(52224),a=n(86171),i=n(54822),c=n(63505);function u(e){var t=e.elements,n=(0,i.s)(),u=n.id,d=n.actions,f=s(t);return c.createElement(r.Z,{title:"".concat(f?"Show":"Hide"," selected objects")},c.createElement(l.Z,{style:a.rn,onClick:function(){f?d.unhideElements(t):d.hideElements(t),d.clearSelection(u)}},c.createElement(o.JO,{name:f?"eye-slash":"eye"})))}function s(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0)if(null!=l.value.hide)return!0}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return!1}},66652:(e,t,n)=>{n.d(t,{Z:()=>s,p:()=>d});var r=n(24809),l=n(60799),o=n(81671),a=n(52224),i=n(86171),c=n(54822),u=n(63505);function s(e){var t=e.elements,n=(0,c.s)().actions,s=d(t),f=function(){s?n.unlockElements(t):n.lockElements(t)},m=u.createElement(r.Z,{style:i.rn,onClick:s?void 0:f},u.createElement(a.JO,{name:"lock".concat(s?"":"-open")}));return s||(m=u.createElement(l.Z,{title:"Lock objects to prevent editing"},m)),s?u.createElement(o.Z,{title:"Unlock this?",onConfirm:f,okText:"Unlock",cancelText:"Cancel"},m):m}function d(e){var t=!0,n=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(t=(l=o.next()).done);t=!0)if(l.value.locked)return!0}catch(e){n=!0,r=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw r}}return!1}},572:(e,t,n)=>{n.d(t,{Vv:()=>v,ZP:()=>h,sr:()=>E});var r=n(63505),l=n(60799),o=n(24809),a=n(32217),i=n(52224),c=n(50627),u=n(34183),s=n(54822),d=n(39530),f=n(85415),m=n(63505);function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}var v={zIndex:d.O4+1,position:"absolute",fontSize:"18px",boxShadow:"0 0 5px grey",borderRadius:"3px",margin:"10px",background:"white"};function h(e){var t=e.selectedTool,n=e.readOnly,l=(0,s.s)(),o=l.actions,a=l.id;(0,r.useEffect)((function(){n&&"select"!=t&&"hand"!=t&&o.setSelectedTool(a,"hand")}),[n]);var i,c,d=[];for(var f in u.T)u.T[f].hideFromToolbar||n&&!u.T[f].readOnly||d.push(m.createElement(b,{key:f,tool:f,isSelected:f==t}));return m.createElement("div",{style:(i=p({},v),c={width:"46px",display:"flex",flexDirection:"column"},c=null!=c?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i)},d)}function b(e){var t=e.tool,n=e.isSelected,r=(0,s.s)(),a=r.actions,c=r.id,d=u.T[t],y=d.icon,p=d.tip,v=d.key,h=d.onClick;return m.createElement(l.Z,{placement:"right",title:null==v?p:m.createElement(m.Fragment,null,p," ",m.createElement(E,{keys:v}))},m.createElement(o.Z,{type:"text",onClick:function(){h?h(a,c):a.setSelectedTool(c,t)},style:n?{color:"#fff",background:f.h}:void 0},m.createElement(i.JO,{name:y,style:{fontSize:"16px"}})))}function E(e){var t=e.keys;return"string"==typeof t?m.createElement(a.Z.Text,{keyboard:!0},t.toUpperCase()):(0,c.d)(t.map((function(e){return m.createElement(E,{key:e,keys:e})})))}},5411:(e,t,n)=>{n.d(t,{DM:()=>p,ZP:()=>g,hJ:()=>w});var r=n(60799),l=n(24809),o=n(52224),a=n(36134),i=n(15690),c=n(85415),u=n(63505);function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}for(var d,f,m,y,p=["#252937","#95067a","#2b6855","#53b79c","#c1003c","#82bc0e","#009ac1","#411a09"],v=[2,5],h=p.length*v.length,b=[],E=0;E<h;E++)b.push((void 0,void 0,{radius:null!==(f=v[(d=E)%v.length])&&void 0!==f?f:i.O2,color:null!==(m=p[Math.floor(d/v.length)%p.length])&&void 0!==m?m:"#000"}));function g(){return u.createElement(a.ZP,{tool:"pen",presetManager:x,Preview:w,buttonTitle:function(e){var t=e.color,n=e.radius,r=e.opacity;return"Color: ".concat(t,", Radius: ").concat(n,"px")+(r?", Opacity: ".concat(r):"")},editableParams:new Set(["radius","color","opacity"]),style:{width:"100px"},presetStyle:{marginTop:"-14px"},editParamsStyle:{left:"108px"},AlternateTop:S})}var x=(0,a.An)("pen",b,(s(y={},-1,{color:"#ffff00",opacity:.4,radius:15}),s(y,-2,{color:"#ffffff",radius:15}),y));function S(e){var t=e.setSelected,n=e.selected,a="20px";return u.createElement("div",{style:{margin:"5px 0 10px -8px"}},u.createElement("div",{style:{textAlign:"center",color:"#666",fontSize:"14px"}},"Pen"),u.createElement(r.Z,{title:"Pen (customize below)"},u.createElement(l.Z,{style:{width:"25px"},type:"text",onClick:function(){return t(0)}},u.createElement(o.JO,{style:{fontSize:a,color:n>=0?c.h:void 0},name:"pencil"}))),u.createElement(r.Z,{title:"Highlighter (a wide transparent pen)"},u.createElement(l.Z,{style:{width:"25px"},type:"text",onClick:function(){return t(-1)}},u.createElement(o.JO,{style:{fontSize:a,color:-1==n?c.h:void 0},name:"blog"}))),u.createElement(r.Z,{title:"Whiteout (a wide white pen)"},u.createElement(l.Z,{style:{width:"25px"},type:"text",onClick:function(){return t(-2)}},u.createElement(o.JO,{style:{fontSize:a,color:-2==n?c.h:void 0},name:"eraser"}))))}function w(e){var t=e.radius,n=e.color,r=e.maxRadius,l=void 0===r?i.C7:r;return u.createElement("div",{style:{position:"relative",width:"".concat(2*(l+1),"px"),height:"".concat(2*(l+1),"px"),borderRadius:"".concat(l+1,"px"),background:"white",border:"3px solid ".concat(null!=n?n:"#ccc"),paddingLeft:"".concat(l+1-t-3,"px"),paddingTop:"".concat(l+1-t-3,"px")}},u.createElement("div",{style:{width:"".concat(2*Math.min(t,l-2),"px"),height:"".concat(2*Math.min(t,l-2),"px"),borderRadius:"".concat(Math.min(t,l-2),"px"),background:n}}))}},36134:(e,t,n)=>{n.d(t,{An:()=>L,Qf:()=>F,ZP:()=>A,sb:()=>I});var r=n(63505),l=n(24809),o=n(86871),a=n(60799),i=n(74904),c=n(9572),u=n(572),s=n(52224),d=n(6174),f=n(54822),m=n(20812),y=n(39530),p=n(15690),v=n(86171),h=n(50455),b=n(1207),E=n(39926),g=n(85415),x=n(34183),S=n(84787),w=n(32295),O=n(31727),k=n(63505);function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(){return P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Z(e,t,n[t])}))}return e}function z(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function T(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e){for(var t,n,i=e.presetManager,c=e.tool,d=e.Preview,m=e.ButtonPreview,y=e.AlternateTop,p=e.style,v=e.editParamsStyle,h=e.presetStyle,b=e.editableParams,E=e.buttonTitle,S=function(e){j(e),H(e)},w=function(e){var t,n=e.id,r=null!==(t=V[n])&&void 0!==t?t:i.DEFAULT;return k.createElement(l.Z,{style:C({padding:"5px",height:"35px"},h),type:"text",onClick:function(){n==F?R(!_):L(n)}},k.createElement(o.Z,{mouseEnterDelay:.2,mouseLeaveDelay:0,placement:"right",title:k.createElement("div",{style:{textAlign:"center"}},null==E?void 0:E(r)),content:k.createElement("div",{style:{display:"flex",justifyContent:"center"}},k.createElement(d,P({},r)))},k.createElement("div",{style:{border:"3px solid ".concat(n==F?g.h:"white"),borderRadius:"3px"}},null!=m?k.createElement(m,P({},r)):k.createElement(d,P({},r)))))},O=i.loadPresets,j=i.savePresets,A=(0,f.s)(),J=T((0,r.useState)(null!==(t=A.desc.get("".concat(c,"Id")))&&void 0!==t?t:0),2),F=J[0],I=J[1],L=function(e){I(e),A.actions.set_frame_tree(Z({id:A.id},"".concat(c,"Id"),e))},U=T((0,r.useState)(!1),2),_=U[0],R=U[1],M=T((0,r.useState)(O()),2),V=M[0],H=M[1],W=[],B=0;B<i.DEFAULTS.length;B++)W.push(k.createElement(w,{key:B,id:B}));var N=null!==(n=V[F])&&void 0!==n?n:i.DEFAULT;return k.createElement("div",{style:C(z(C({},u.Vv),{display:"flex",flexDirection:"column",left:"55px",width:"75px"}),p)},null==y&&k.createElement(k.Fragment,null,k.createElement("div",{style:{textAlign:"center",color:"#666",fontSize:"14px"}},x.T[c].tip),k.createElement(a.Z,{title:x.T[c].tip,mouseEnterDelay:.7},k.createElement(l.Z,{type:"text"},k.createElement(s.JO,{style:{color:g.h,fontSize:"20px"},name:x.T[c].icon})))),null!=y&&k.createElement(y,{selected:F,setSelected:L}),k.createElement("div",null,W),k.createElement(g.J,{onClick:function(){S(i.DEFAULTS)}}),_&&k.createElement(D,{Preview:d,params:N,editableParams:b,set:function(e,t){S(z(C({},V),Z({},F,z(C({},V[F]),Z({},e,t)))))},style:v,onClose:function(){return R(!1)}}))}function D(e){var t,n,r,l,o,s=e.params,f=e.set,m=e.Preview,y=e.editableParams,g=e.style,x=e.onClose;return k.createElement("div",{style:C(z(C({},u.Vv),{position:"absolute",left:"51px",top:0,padding:"10px",margin:0,overflowY:"auto",maxHeight:"70vh",minWidth:"300px"}),g)},k.createElement(d.p,{on_close:x,style:{color:"#666",fontSize:"12px",marginTop:"-5px"}}),k.createElement("div",{style:{display:"flex",justifyContent:"center",marginBottom:"10px"}},k.createElement(m,P({},s))),y.has("radius")&&k.createElement("div",{style:{width:"100%",display:"flex"}},k.createElement(i.Z,{value:null!==(t=s.radius)&&void 0!==t?t:p.O2,min:p.KQ,max:p.C7,step:.5,onChange:function(e){return f("radius",e)},style:{flex:"1"}}),k.createElement("div",{style:{color:"#666",marginLeft:"5px",fontSize:"9pt",paddingTop:"6px"}},"Radius (",s.radius,"px)")),y.has("opacity")&&k.createElement("div",{style:{width:"100%",display:"flex"}},k.createElement(i.Z,{value:null!==(n=s.opacity)&&void 0!==n?n:1,min:0,max:1,step:.01,onChange:function(e){return f("opacity",e)},style:{flex:"1"}}),k.createElement(a.Z,{title:"Opacity: 1 is solid; less than 1 is transparent"},k.createElement("div",{style:{color:"#666",marginLeft:"5px",fontSize:"9pt",paddingTop:"6px"}},"Opacity (",null!==(r=s.opacity)&&void 0!==r?r:1,")"))),y.has("fontSize")&&k.createElement("div",{style:{width:"100%",display:"flex"}},k.createElement(i.Z,{value:null!==(l=s.fontSize)&&void 0!==l?l:p.n5,min:p.mp,max:p.lq,step:1,onChange:function(e){return f("fontSize",e)},style:{flex:"1"}}),k.createElement("div",{style:{marginLeft:"5px",fontSize:"9pt",paddingTop:"6px"}},"Font Size (",null!==(o=s.fontSize)&&void 0!==o?o:p.n5," px)")),y.has("fontFamily")&&k.createElement("div",{style:{width:"100%",display:"flex",marginBottom:"10px"}},k.createElement(v.XT,{onChange:function(e){return f("fontFamily",e)},value:s.fontFamily,size:"small",style:{width:"70%",flex:1}}),k.createElement("div",{style:{marginLeft:"5px",fontSize:"9pt",paddingTop:"6px"}},"Font Family")),y.has("countdown")&&k.createElement("div",{style:{width:"100%",display:"flex",marginBottom:"10px"}},k.createElement("div",{style:{flex:1}},k.createElement(c.Z,{defaultValue:(0,E.r)(s.countdown),onChange:function(e){f("countdown",null!=e?e.second()+60*e.minute()+60*e.hour()*60:null)},showNow:!1})),k.createElement("div",{style:{marginLeft:"5px",fontSize:"9pt",paddingTop:"6px"}},"Countdown From")),y.has("icon")&&k.createElement(b.Z,{onSelect:function(e){return f("icon",e)},fontSize:"9pt",style:{fontSize:"20pt",maxWidth:"100%",marginBottom:"10px",maxHeight:"35vh",overflowY:"scroll"}}),y.has("color")&&k.createElement(h.Z,{color:s.color,onChange:function(e){return f("color",e)}}))}var J={};function F(e,t){var n;return null===(n=J[e])||void 0===n?void 0:n.call(J,t)}function I(e,t){var n,r,l,o=F(e,t),a=null===(n=x.T[e])||void 0===n?void 0:n.type;if(null==a)throw Error('bug -- tool "'.concat(e,"\" doesn't create element"));var i,c,u,s=null===(r=x.T[e])||void 0===r?void 0:r.size,d={type:a,data:o};null!=s?(i=(u=s(d)).w,c=u.h):(i=y.$7,c=y.R$),d.w=i,d.h=c;var f=null===(l=S.D[a])||void 0===l?void 0:l.updateSize;return null!=f&&f(d),d}function L(e,t,n){var r=function(){var e={};try{e=JSON.parse(w.redux.getStore("account").getIn(["editor_settings",l],"{}"))}catch(t){e={}}for(var n=[],r=0;r<t.length;r++){var o;n.push(null!==(o=e[r])&&void 0!==o?o:C({},t[r]))}return n},l="whiteboard_".concat(e),o=void 0;for(var a in t){o=t[a];break}if(null==o)throw Error("there must be at least one default preset");var i=o,c=(0,m.debounce)((function(e){for(var n={},r=0;r<t.length;r++)(0,m.isEqual)(e[r],t[r])||(n[r]=e[r]);var o=JSON.stringify(n);(0,O.e)({editor_settings:Z({},l,o)})}),250);return J[e]=function(e){var t,l=null==n?void 0:n[e];return null!=l?l:null!==(t=r()[e])&&void 0!==t?t:i},{DEFAULT:i,DEFAULTS:t,loadPresets:r,savePresets:c}}},31727:(e,t,n)=>{n.d(t,{W:()=>a,e:()=>o});var r=n(32295),l=n(34440);function o(e){r.redux.getTable("account").set(e)}function a(e){"string"!=typeof e&&(e=JSON.stringify(e)),(0,l.alert_message)({type:"error",message:"Settings error -- ".concat(e)})}},84787:(e,t,n)=>{n.d(t,{D:()=>l});var r=n(68943),l={icon:{updateSize:function(e){var t,n,l,o;e.w=(null!==(l=null===(t=e.data)||void 0===t?void 0:t.fontSize)&&void 0!==l?l:20)+2*r.Hw,e.h=(null!==(o=null===(n=e.data)||void 0===n?void 0:n.fontSize)&&void 0!==o?o:20)+2*r.Hw},noResize:!0}}},68943:(e,t,n)=>{n.d(t,{Hw:()=>l,YK:()=>c,_K:()=>o,aT:()=>r,cf:()=>a,gA:()=>i});var r="#40a9ff",l=3,o="dashed",a=0,i="#66bb6a",c="solid"}}]);