polotno 2.9.6 → 2.9.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polotno",
-  "version": "2.9.6",
+  "version": "2.9.7",
   "description": "Design Editor Framework",
   "author": "Anton Lavrenov",
   "keywords": [

package/polotno.bundle.js

@@ -417,7 +417,7 @@ For simpler debugging here is the log of the parent element:`,l8=(e,t,n,r,i,o)=>
 Plugins prop is no longer supported.
 Instead, mount it with "Sortable.mount(new MultiDrag())"
 Please read the updated README.md at https://github.com/SortableJS/react-sortablejs.
-      `)}componentDidMount(){if(null===this.ref.current)return;let e=this.makeOptions();Ap(kS).create(this.ref.current,e)}componentDidUpdate(e){e.disabled!==this.props.disabled&&this.sortable&&this.sortable.option("disabled",this.props.disabled)}render(){let{tag:e,style:t,className:n,id:r}=this.props;return(0,w.createElement)(e&&null!==e?e:"div",{ref:this.ref,style:t,className:n,id:r},this.getChildren())}getChildren(){let{children:e,dataIdAttr:t,selectedClass:n="sortable-selected",chosenClass:r="sortable-chosen",dragClass:i="sortable-drag",fallbackClass:o="sortable-falback",ghostClass:a="sortable-ghost",swapClass:l="sortable-swap-highlight",filter:s="sortable-filter",list:u}=this.props;if(!e||null==e)return null;let c=t||"data-id";return(0,w.Children).map(e,(e,t)=>{if(void 0===e)return;let i=u[t]||{},{className:o}=e.props,a="string"==typeof s&&{[s.replace(".","")]:!!i.filtered},l=Ap(Ad)(o,{[n]:i.selected,[r]:i.chosen,...a});return(0,w.cloneElement)(e,{[c]:e.key,className:l})})}get sortable(){let e=this.ref.current;if(null===e)return null;let t=Object.keys(e).find(e=>e.includes("Sortable"));return t?e[t]:null}makeOptions(){let e=function(e){let{list:t,setList:n,children:r,tag:i,style:o,className:a,clone:l,onAdd:s,onChange:u,onChoose:c,onClone:d,onEnd:h,onFilter:f,onRemove:p,onSort:g,onStart:m,onUnchoose:v,onUpdate:y,onMove:b,onSpill:w,onSelect:x,onDeselect:_,...E}=e;return E}(this.props);return["onAdd","onChoose","onDeselect","onEnd","onRemove","onSelect","onSpill","onStart","onUnchoose","onUpdate"].forEach(t=>e[t]=this.prepareOnHandlerPropAndDOM(t)),["onChange","onClone","onFilter","onSort"].forEach(t=>e[t]=this.prepareOnHandlerProp(t)),{...e,onMove:(e,t)=>{let{onMove:n}=this.props,r=e.willInsertAfter||-1;if(!n)return r;let i=n(e,t,this.sortable,AE);return void 0!==i&&i}}}prepareOnHandlerPropAndDOM(e){return t=>{this.callOnHandlerProp(t,e),this[e](t)}}prepareOnHandlerProp(e){return t=>{this.callOnHandlerProp(t,e)}}callOnHandlerProp(e,t){let n=this.props[t];n&&n(e,this.sortable,AE)}onAdd(e){let{list:t,setList:n,clone:r}=this.props,i=Ab(e,[...AE.dragging.props.list]);Av(i),n(Ax(i,t,e,r).map(e=>Object.assign(e,{selected:!1})),this.sortable,AE)}onRemove(e){let{list:t,setList:n}=this.props,r=A_(e),i=Ab(e,t);Ay(i);let o=[...t];if("clone"!==e.pullMode)o=Aw(i,o);else{let t=i;switch(r){case"multidrag":t=i.map((t,n)=>({...t,element:e.clones[n]}));break;case"normal":t=i.map(t=>({...t,element:e.clone}));break;default:Ap(Ah)(!0,`mode "${r}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${r}" plugin`)}Av(t),i.forEach(t=>{let n=t.oldIndex,r=this.props.clone(t.item,e);o.splice(n,1,r)})}n(o=o.map(e=>Object.assign(e,{selected:!1})),this.sortable,AE)}onUpdate(e){let{list:t,setList:n}=this.props,r=Ab(e,t);return Av(r),Ay(r),n(function(e,t){let n=Aw(e,t);return Ax(e,n)}(r,t),this.sortable,AE)}onStart(){AE.dragging=this}onEnd(){AE.dragging=null}onChoose(e){let{list:t,setList:n}=this.props;n(t.map((t,n)=>{let r=t;return n===e.oldIndex&&(r=Object.assign(t,{chosen:!0})),r}),this.sortable,AE)}onUnchoose(e){let{list:t,setList:n}=this.props;n(t.map((t,n)=>{let r=t;return n===e.oldIndex&&(r=Object.assign(r,{chosen:!1})),r}),this.sortable,AE)}onSpill(e){let{removeOnSpill:t,revertOnSpill:n}=this.props;t&&!n&&Am(e.item)}onSelect(e){let{list:t,setList:n}=this.props,r=t.map(e=>Object.assign(e,{selected:!1}));e.newIndicies.forEach(t=>{let n=t.index;if(-1===n){console.log(`"${e.type}" had indice of "${t.index}", which is probably -1 and doesn't usually happen here.`),console.log(e);return}r[n].selected=!0}),n(r,this.sortable,AE)}onDeselect(e){let{list:t,setList:n}=this.props,r=t.map(e=>Object.assign(e,{selected:!1}));e.newIndicies.forEach(e=>{let t=e.index;-1!==t&&(r[t].selected=!0)}),n(r,this.sortable,AE)}}Object.keys(s={}).forEach(function(e){"default"===e||"__esModule"===e||kE.hasOwnProperty(e)||Object.defineProperty(kE,e,{enumerable:!0,get:function(){return s[e]}})});let AC=N(({element:e,store:t})=>{let n=t.selectedElements.indexOf(e)>=0,[r,i]=c(w).useState(!1),o=()=>i(!1),a=r?e.name:e.name||iM(e.text)||`#${e.id}`;return(0,v.jsx)(kw,{onMouseDown:n=>{let r=n.ctrlKey||n.metaKey||n.shiftKey?[...t.selectedElementsIds]:[];0>r.indexOf(e.id)&&r.push(e.id),t.selectElements(r)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:n?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"},children:(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsxs)("div",{style:{lineHeight:"30px",display:"flex"},children:[(0,v.jsx)("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"},children:(0,v.jsx)(ph,{icon:"drag-handle-vertical"})}),(0,v.jsx)("div",{style:{padding:"0 7px",opacity:.5,width:"55px"},children:l5("sidePanel.layerTypes."+e.type)}),(0,v.jsx)("div",{style:{maxWidth:"142px"},children:(0,v.jsx)(kx,{minWidth:130,placeholder:l5("sidePanel.namePlaceholder"),value:a,maxLines:1,onEdit:()=>i(!0),onCancel:o,onConfirm:o,onChange:t=>{e.set({name:t})}})})]}),(0,v.jsxs)("div",{children:[(0,v.jsx)(py,{minimal:!0,icon:e?.visible?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),(0,v.jsx)(py,{minimal:!0,icon:e?.locked?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),(0,v.jsx)(py,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}})]})]})})}),AO=N(({store:e})=>{let t=e.activePage?.children.map(e=>({id:e.id}))||[];t.reverse();let n=iB();return(0,v.jsxs)("div",{style:{height:"100%",overflow:"auto"},children:[(0,v.jsx)("div",{style:{height:"40px",paddingTop:"5px"},children:l5("sidePanel.layersTip")}),(0,v.jsxs)("div",{children:[0===t.length?(0,v.jsx)("div",{children:l5("sidePanel.noLayers")}):null,(0,v.jsx)(kE.ReactSortable,{list:t,setList:t=>{t.forEach(({id:n},r)=>{let i=t.length-r-1,o=e.getElementById(n);e.activePage?.children.indexOf(o)!==i&&e.activePage?.setElementZIndex(o.id,i)})},direction:"horizontal",handle:n?".drag-handle":void 0,children:t.map(({id:t})=>{let n=e.getElementById(t);return(0,v.jsx)(AC,{element:n,store:e},t)})})]})]})});g("8NFma");let Ak=({query:e,page:t})=>`https://api.polotno.com/api/pexels/videos/${e?"search":"popular"}?query=${e}&per_page=20&page=${t}&KEY=${aT()}`;var w=g("8NFma");let AP=Object.keys(ao),AT=[{width:300,height:300,fill:"lightgray",stroke:"#0c0c0c",strokeWidth:0,url:""}],AA=[];AP.forEach(e=>{AT.forEach(t=>{AA.push({subType:e,...t})})}),AA.forEach(e=>{e.url=i4(aa(e))});let AN=oL("div")`
+      `)}componentDidMount(){if(null===this.ref.current)return;let e=this.makeOptions();Ap(kS).create(this.ref.current,e)}componentDidUpdate(e){e.disabled!==this.props.disabled&&this.sortable&&this.sortable.option("disabled",this.props.disabled)}render(){let{tag:e,style:t,className:n,id:r}=this.props;return(0,w.createElement)(e&&null!==e?e:"div",{ref:this.ref,style:t,className:n,id:r},this.getChildren())}getChildren(){let{children:e,dataIdAttr:t,selectedClass:n="sortable-selected",chosenClass:r="sortable-chosen",dragClass:i="sortable-drag",fallbackClass:o="sortable-falback",ghostClass:a="sortable-ghost",swapClass:l="sortable-swap-highlight",filter:s="sortable-filter",list:u}=this.props;if(!e||null==e)return null;let c=t||"data-id";return(0,w.Children).map(e,(e,t)=>{if(void 0===e)return;let i=u[t]||{},{className:o}=e.props,a="string"==typeof s&&{[s.replace(".","")]:!!i.filtered},l=Ap(Ad)(o,{[n]:i.selected,[r]:i.chosen,...a});return(0,w.cloneElement)(e,{[c]:e.key,className:l})})}get sortable(){let e=this.ref.current;if(null===e)return null;let t=Object.keys(e).find(e=>e.includes("Sortable"));return t?e[t]:null}makeOptions(){let e=function(e){let{list:t,setList:n,children:r,tag:i,style:o,className:a,clone:l,onAdd:s,onChange:u,onChoose:c,onClone:d,onEnd:h,onFilter:f,onRemove:p,onSort:g,onStart:m,onUnchoose:v,onUpdate:y,onMove:b,onSpill:w,onSelect:x,onDeselect:_,...E}=e;return E}(this.props);return["onAdd","onChoose","onDeselect","onEnd","onRemove","onSelect","onSpill","onStart","onUnchoose","onUpdate"].forEach(t=>e[t]=this.prepareOnHandlerPropAndDOM(t)),["onChange","onClone","onFilter","onSort"].forEach(t=>e[t]=this.prepareOnHandlerProp(t)),{...e,onMove:(e,t)=>{let{onMove:n}=this.props,r=e.willInsertAfter||-1;if(!n)return r;let i=n(e,t,this.sortable,AE);return void 0!==i&&i}}}prepareOnHandlerPropAndDOM(e){return t=>{this.callOnHandlerProp(t,e),this[e](t)}}prepareOnHandlerProp(e){return t=>{this.callOnHandlerProp(t,e)}}callOnHandlerProp(e,t){let n=this.props[t];n&&n(e,this.sortable,AE)}onAdd(e){let{list:t,setList:n,clone:r}=this.props,i=Ab(e,[...AE.dragging.props.list]);Av(i),n(Ax(i,t,e,r).map(e=>Object.assign(e,{selected:!1})),this.sortable,AE)}onRemove(e){let{list:t,setList:n}=this.props,r=A_(e),i=Ab(e,t);Ay(i);let o=[...t];if("clone"!==e.pullMode)o=Aw(i,o);else{let t=i;switch(r){case"multidrag":t=i.map((t,n)=>({...t,element:e.clones[n]}));break;case"normal":t=i.map(t=>({...t,element:e.clone}));break;default:Ap(Ah)(!0,`mode "${r}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${r}" plugin`)}Av(t),i.forEach(t=>{let n=t.oldIndex,r=this.props.clone(t.item,e);o.splice(n,1,r)})}n(o=o.map(e=>Object.assign(e,{selected:!1})),this.sortable,AE)}onUpdate(e){let{list:t,setList:n}=this.props,r=Ab(e,t);return Av(r),Ay(r),n(function(e,t){let n=Aw(e,t);return Ax(e,n)}(r,t),this.sortable,AE)}onStart(){AE.dragging=this}onEnd(){AE.dragging=null}onChoose(e){let{list:t,setList:n}=this.props;n(t.map((t,n)=>{let r=t;return n===e.oldIndex&&(r=Object.assign(t,{chosen:!0})),r}),this.sortable,AE)}onUnchoose(e){let{list:t,setList:n}=this.props;n(t.map((t,n)=>{let r=t;return n===e.oldIndex&&(r=Object.assign(r,{chosen:!1})),r}),this.sortable,AE)}onSpill(e){let{removeOnSpill:t,revertOnSpill:n}=this.props;t&&!n&&Am(e.item)}onSelect(e){let{list:t,setList:n}=this.props,r=t.map(e=>Object.assign(e,{selected:!1}));e.newIndicies.forEach(t=>{let n=t.index;if(-1===n){console.log(`"${e.type}" had indice of "${t.index}", which is probably -1 and doesn't usually happen here.`),console.log(e);return}r[n].selected=!0}),n(r,this.sortable,AE)}onDeselect(e){let{list:t,setList:n}=this.props,r=t.map(e=>Object.assign(e,{selected:!1}));e.newIndicies.forEach(e=>{let t=e.index;-1!==t&&(r[t].selected=!0)}),n(r,this.sortable,AE)}}Object.keys(s={}).forEach(function(e){"default"===e||"__esModule"===e||kE.hasOwnProperty(e)||Object.defineProperty(kE,e,{enumerable:!0,get:function(){return s[e]}})});let AC=N(({element:e,store:t})=>{let n=t.selectedElements.indexOf(e)>=0,[r,i]=c(w).useState(!1),o=()=>i(!1),a=r?e.name:e.name||iM(e.text)||`#${e.id}`;return(0,v.jsx)(kw,{onMouseDown:n=>{let r=n.ctrlKey||n.metaKey||n.shiftKey?[...t.selectedElementsIds]:[];0>r.indexOf(e.id)&&r.push(e.id),t.selectElements(r)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:n?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"},children:(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsxs)("div",{style:{lineHeight:"30px",display:"flex"},children:[(0,v.jsx)("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"},children:(0,v.jsx)(ph,{icon:"drag-handle-vertical"})}),(0,v.jsx)("div",{style:{padding:"0 7px",opacity:.5,width:"55px"},children:l5("sidePanel.layerTypes."+e.type)}),(0,v.jsx)("div",{style:{maxWidth:"142px"},children:(0,v.jsx)(kx,{minWidth:130,placeholder:l5("sidePanel.namePlaceholder"),value:a,maxLines:1,onEdit:()=>i(!0),onCancel:o,onConfirm:o,onChange:t=>{e.set({name:t})}})})]}),(0,v.jsxs)("div",{children:[(0,v.jsx)(py,{minimal:!0,icon:e?.visible?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),(0,v.jsx)(py,{minimal:!0,icon:e?.locked?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked,removable:e.locked})}}),(0,v.jsx)(py,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}})]})]})})}),AO=N(({store:e})=>{let t=e.activePage?.children.map(e=>({id:e.id}))||[];t.reverse();let n=iB();return(0,v.jsxs)("div",{style:{height:"100%",overflow:"auto"},children:[(0,v.jsx)("div",{style:{height:"40px",paddingTop:"5px"},children:l5("sidePanel.layersTip")}),(0,v.jsxs)("div",{children:[0===t.length?(0,v.jsx)("div",{children:l5("sidePanel.noLayers")}):null,(0,v.jsx)(kE.ReactSortable,{list:t,setList:t=>{t.forEach(({id:n},r)=>{let i=t.length-r-1,o=e.getElementById(n);e.activePage?.children.indexOf(o)!==i&&e.activePage?.setElementZIndex(o.id,i)})},direction:"horizontal",handle:n?".drag-handle":void 0,children:t.map(({id:t})=>{let n=e.getElementById(t);return(0,v.jsx)(AC,{element:n,store:e},t)})})]})]})});g("8NFma");let Ak=({query:e,page:t})=>`https://api.polotno.com/api/pexels/videos/${e?"search":"popular"}?query=${e}&per_page=20&page=${t}&KEY=${aT()}`;var w=g("8NFma");let AP=Object.keys(ao),AT=[{width:300,height:300,fill:"lightgray",stroke:"#0c0c0c",strokeWidth:0,url:""}],AA=[];AP.forEach(e=>{AT.forEach(t=>{AA.push({subType:e,...t})})}),AA.forEach(e=>{e.url=i4(aa(e))});let AN=oL("div")`
   height: 220px;
 `,Aj=N(({store:e})=>{let t=Math.ceil(AA.length/4)||1,n=()=>e.selectedElements.map(e=>e.id).join(","),r=c(w).useMemo(n,[]),i=n();return c(w).useEffect(()=>{r!==i&&e.openSidePanel(e.previousOpenedSidePanel)},[r,i]),(0,v.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",overflow:"auto"},children:[(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsx)("h3",{style:{margin:0,lineHeight:"30px"},children:l5("sidePanel.clipImage")}),(0,v.jsx)(py,{minimal:!0,icon:(0,v.jsx)(SG,{}),onClick:()=>e.openSidePanel(e.previousOpenedSidePanel)})]}),(0,v.jsx)(AN,{style:{height:110*t+"px"},children:(0,v.jsx)(OF,{shadowEnabled:!1,rowsNumber:4,images:AA,getPreview:e=>e.url,isLoading:!1,itemHeight:100,onSelect:async(t,n,r)=>{if((r=r||e.selectedElements[0])&&"image"===r.type&&r.contentEditable){r.set({clipSrc:t.url});return}}})})]})});var w=g("8NFma"),sn=g("gztBd"),w=g("8NFma"),pa=g("leH9B"),AR=w.forwardRef(function(e,t){var n=e.size>=pa.IconSize.LARGE,r=n?pa.IconSize.LARGE:pa.IconSize.STANDARD,i="".concat(-1*r/.05/2);return w.createElement(pd,(0,sn.__assign)({iconName:"maximize",ref:t},e),w.createElement("path",{d:n?"M380 400H280C269 400 260 391 260 380S269 360 280 360H331.8L226 254.2C222.2 250.6 220 245.6 220 240C220 229 229 220 240 220C245.6 220 250.6 222.2 254.2 225.8L360 331.8V280C360 269 369 260 380 260S400 269 400 280V380C400 391 391 400 380 400zM160 180C154.4 180 149.4 177.8 145.8 174.2L40 68.2V120C40 131 31 140 20 140S0 131 0 120V20C0 9 9 0 20 0H120C131 0 140 9 140 20S131 40 120 40H68.2L174 145.8C177.8 149.4 180 154.4 180 160C180 171 171 180 160 180z":"M119.8 140.2C114.2 140.2 109.2 138 105.6 134.4L39.8 68.6V100.4C39.8 111.4 30.8 120.4 19.8 120.4S-0.2 111.4 -0.2 100.4V20.4C-0.2 9.4 8.8 0.4 19.8 0.4H99.8C110.8 0.4 119.8 9.4 119.8 20.4S110.8 40.4 99.8 40.4H68.2L134 106C137.6 109.6 139.8 114.6 139.8 120.2000000000001C139.8 131.2 130.8 140.2 119.8 140.2zM299.8 320.2H219.8C208.8 320.2 199.8 311.2 199.8 300.2S208.8 280.2 219.8 280.2H251.6L185.6 214.2C182 210.6 179.8 205.6 179.8 200.2C179.8 189.2 188.8 180.2 199.8 180.2C205.4 180.2 210.4 182.4 214 186L279.8 251.8V220C279.8 209 288.8 200 299.8 200S319.8 209 319.8 220V300C319.8 311.2 310.8 320.2 299.8 320.2z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});AR.defaultProps={size:pa.IconSize.STANDARD},AR.displayName="Blueprint5.Icon.Maximize";var sn=g("gztBd"),w=g("8NFma"),pa=g("leH9B"),AL=w.forwardRef(function(e,t){var n=e.size>=pa.IconSize.LARGE,r=n?pa.IconSize.LARGE:pa.IconSize.STANDARD,i="".concat(-1*r/.05/2);return w.createElement(pd,(0,sn.__assign)({iconName:"move",ref:t},e),w.createElement("path",{d:n?"M394.2000000000001 214.2L334.2000000000001 274.2000000000001C330.6 277.8 325.6 280 320 280C309 280 300 271 300 260C300 254.4 302.2 249.4 305.8 245.8L331.8 220H220V331.8L245.8 306C249.4 302.2 254.4 300 260 300C271 300 280 309 280 320C280 325.6 277.8 330.6 274.2000000000001 334.2L214.2 394.2C210.6 397.8 205.6 400 200 400S189.4 397.8 185.8 394.2L125.8 334.2C122.2 330.6 120 325.6 120 320C120 309 129 300 140 300C145.6 300 150.6 302.2 154.2 305.8L180 331.8V220H68.2L94 245.8C97.8 249.4 100 254.4 100 260C100 271 91 280 80 280C74.4 280 69.4 277.8 65.8 274.2L5.8 214.2C2.2 210.6 0 205.6 0 200C0 194.4 2.2 189.4 5.8 185.8L65.8 125.8C69.4 122.2 74.4 120 80 120C91 120 100 129 100 140C100 145.6 97.8 150.6 94.2 154.2L68.2 180H180V68.2L154.2 94C150.6 97.8 145.6 100 140 100C129 100 120 91 120 80C120 74.4 122.2 69.4 125.8 65.8L185.8 5.8C189.4 2.2 194.4 0 200 0S210.6 2.2 214.2 5.8L274.2000000000001 65.8C277.8 69.4 280 74.4 280 80C280 91 271 100 260 100C254.4 100 249.4 97.8 245.8 94.2000000000001L220 68.2V180H331.8L306 154.2C302.2 150.6 300 145.6 300 140C300 129 309 120 320 120C325.6 120 330.6 122.2 334.2000000000001 125.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200C400 205.6 397.8 210.6 394.2000000000001 214.2z":"M314.2000000000001 174.2L274.2000000000001 214.2C270.6 217.8 265.6 220 260 220C249 220 240 211 240 200C240 194.4 242.2 189.4 245.8 185.8L251.8 180H180V251.8L185.8 246C189.4 242.2 194.4 240 200 240C211 240 220 249 220 260C220 265.6 217.8 270.6 214.2 274.2L174.2 314.2C170.6 317.8 165.6 320 160 320S149.4 317.8 145.8 314.2L105.8 274.2C102.2 270.6 100 265.6 100 260C100 249 109 240 120 240C125.6 240 130.6 242.2 134.2 245.8L140 251.8V180H68.2L74 185.8C77.8 189.4 80 194.4 80 200C80 211 71 220 60 220C54.4 220 49.4 217.8 45.8 214.2L5.8 174.2C2.2 170.6 0 165.6 0 160C0 154.4 2.2 149.4 5.8 145.8L45.8 105.8C49.4 102.2 54.4 100 60 100C71 100 80 109 80 120C80 125.6 77.8 130.6 74.2 134.2L68.2 140H140V68.2L134.2 74C130.6 77.8 125.6 80 120 80C109 80 100 71 100 60C100 54.4 102.2 49.4 105.8 45.8L145.8 5.8C149.4 2.2 154.4 0 160 0S170.6 2.2 174.2 5.8L214.2 45.8C217.8 49.4 220 54.4 220 60C220 71 211 80 200 80C194.4 80 189.4 77.8 185.8 74.2L180 68.2V140H251.8L246 134.2C242.2 130.6 240 125.6 240 120C240 109 249 100 260 100C265.6 100 270.6 102.2 274.2000000000001 105.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160C320 165.6 317.8 170.6 314.2000000000001 174.2z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});AL.defaultProps={size:pa.IconSize.STANDARD},AL.displayName="Blueprint5.Icon.Move";var sn=g("gztBd"),w=g("8NFma"),pa=g("leH9B"),AI=w.forwardRef(function(e,t){var n=e.size>=pa.IconSize.LARGE,r=n?pa.IconSize.LARGE:pa.IconSize.STANDARD,i="".concat(-1*r/.05/2);return w.createElement(pd,(0,sn.__assign)({iconName:"tint",ref:t},e),w.createElement("path",{d:n?"M197.2 360C197.2 360 79.6 216.4 79.6 156.6C79.8 92 135.6 40 199.2 40C262.8 40.2 320 92.6 319.8000000000001 157.2C319.8 219 197.2 360 197.2 360z":"M157.6 300C157.6 300 59.6 174.4 59.6 122C59.8 65.6 106.4 20 159.4 20C212.4 20.2 260 66 260 122.6C259.8 176.6 157.6 300 157.6 300z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});AI.defaultProps={size:pa.IconSize.STANDARD},AI.displayName="Blueprint5.Icon.Tint";let AM=({value:e,onValueChange:t,...n})=>{let[r,i]=c(w).useState(e.toString());return c(w).useEffect(()=>{i(e.toString())},[e]),(0,v.jsx)(vs,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},AD=N(({element:e,store:t,enabled:n})=>{let r=e.animations.find(e=>"enter"===e.type),i=e.animations.find(e=>"exit"===e.type);return n?(0,v.jsxs)(m4,{style:{width:"100%"},children:[(0,v.jsx)(py,{fill:!0,active:r?.enabled&&!i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!1})})},children:"Enter"}),(0,v.jsx)(py,{fill:!0,active:r?.enabled&&i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!0})})},children:"Both"}),(0,v.jsx)(py,{fill:!0,active:i?.enabled&&!r?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!1}),e.setAnimation("exit",{enabled:!0})})},children:"Exit"})]}):null}),AF=(e,{handleClick:t,handleFocus:n,modifiers:r,query:i})=>r.matchesPredicate?(0,v.jsx)(mK,{active:r.active,disabled:r.disabled,onClick:t,icon:"arrow-"+e,onFocus:n,roleStructure:"listoption",text:e,shouldDismissPopover:!1},e):null,Az=["right","left","up","down","bottom-right","bottom-left","top-right","top-left"],AB=N(({value:e,onChange:t})=>(0,v.jsx)("div",{style:{paddingTop:"10px"},children:(0,v.jsx)(Ct,{items:Az,itemRenderer:AF,filterable:!1,activeItem:e,onItemSelect:e=>{t(e)},children:(0,v.jsx)(py,{text:e,icon:"arrow-"+e,fill:!0})})})),AU=N(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return n?(0,v.jsxs)("div",{style:{padding:"10px"},children:[(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:"Delay"}),(0,v.jsx)("div",{children:(0,v.jsx)(AM,{value:parseFloat((n.delay/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{delay:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,v.jsx)(vb,{min:0,max:1e3,value:n.delay,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{delay:t})}})]}):null}),AH=N(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return n?(0,v.jsxs)("div",{style:{padding:"10px"},children:[(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:"Duration"}),(0,v.jsx)("div",{children:(0,v.jsx)(AM,{value:parseFloat((n.duration/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{duration:1e3*t}),e.setAnimation("exit",{duration:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,v.jsx)(vb,{min:0,max:2500,value:n.duration,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{duration:t}),e.setAnimation("exit",{duration:t})}})]}):null}),AV=N(({store:e})=>{let t=e.selectedElements,n=t[0],r=()=>e.selectedElements.map(e=>e.id).join(","),i=c(w).useMemo(r,[]),o=r();if(c(w).useEffect(()=>{i!==o&&e.openSidePanel(e.previousOpenedSidePanel)},[i,o]),!n)return null;let a=(r,i)=>{e.history.transaction(()=>{t.forEach(e=>{e.setAnimation("enter",{name:r,...i}),e.setAnimation("exit",{name:r,...i,from:i.to,to:i.from})})}),i.enabled&&(e.play({animatedElementsIds:t.map(e=>e.id),currentTime:n.page.startTime}),setTimeout(()=>{e.stop()},1e3))},l=(r,i)=>{e.history.transaction(()=>{t.forEach(e=>{e.setAnimation("loop",{name:r,...i})})}),i.enabled&&(e.play({animatedElementsIds:t.map(e=>e.id),currentTime:n.page.startTime}),setTimeout(()=>{e.stop()},1e3))},s=e=>!!((e?n.animations?.filter(t=>t.name===e||t.type===e):n.animations)||[]).find(e=>e.enabled);return(0,v.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",overflow:"auto",padding:"0 5px"},children:[(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsx)("h3",{style:{margin:0,lineHeight:"30px"},children:l5("sidePanel.animations")}),(0,v.jsx)(py,{minimal:!0,icon:(0,v.jsx)(SG,{}),onClick:()=>e.openSidePanel(e.previousOpenedSidePanel)})]}),(0,v.jsxs)("div",{style:{paddingTop:"25px"},children:[(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},icon:(0,v.jsx)(Oi,{}),active:!s(),onClick:()=>{n.set({animations:[]})},fill:!0,children:l5("toolbar.none")})}),(0,v.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(100px, 1fr))",gap:"5px"},children:[(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},icon:(0,v.jsx)(AL,{}),active:s("move"),fill:!0,onClick:()=>{a("move",{enabled:!s("move")})},children:l5("toolbar.move")})}),(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},icon:(0,v.jsx)(AI,{}),fill:!0,active:s("fade"),onClick:()=>{a("fade",{enabled:!s("fade")})},children:l5("toolbar.fade")})}),(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},icon:(0,v.jsx)(AR,{}),fill:!0,active:s("zoom"),onClick:()=>{a("zoom",{enabled:!s("zoom")})},children:l5("toolbar.zoom")})})]}),(0,v.jsxs)("div",{style:{padding:"30px 0px"},children:[(0,v.jsx)(AD,{element:n,store:e,name:"move",enabled:s("enter")||s("exit")}),s("move")&&(0,v.jsx)(AB,{value:n.animations.find(e=>"move"===e.name)?.data?.direction||"right",onChange:e=>{a("move",{data:{direction:e},enabled:!0})}}),s("enter")&&(0,v.jsx)(AU,{store:e,element:n}),s("enter")&&(0,v.jsx)(AH,{store:e,element:n})]}),(0,v.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(100px, 1fr))",gap:"10px",paddingBottom:"10px"},children:[(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},fill:!0,active:s("rotate"),onClick:()=>{l("rotate",{enabled:!s("rotate")})},children:l5("toolbar.rotate")})}),(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},fill:!0,active:s("blink"),onClick:()=>{l("blink",{enabled:!s("blink")})},children:l5("toolbar.blink")})}),(0,v.jsx)("div",{children:(0,v.jsx)(py,{minimal:!0,style:{padding:"20px"},fill:!0,active:s("bounce"),onClick:()=>{l("bounce",{enabled:!s("bounce")})},children:l5("toolbar.bounce")})})]})]})]})});var w=g("8NFma");let Aq=(e,t,n)=>Math.max(t,Math.min(n,e)),AG=({value:e,onValueChange:t,...n})=>{let[r,i]=c(w).useState(e.toString());return c(w).useEffect(()=>{i(e.toString())},[e]),(0,v.jsx)(vs,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},AW=({label:e,enabled:t,visible:n=!0,onEnabledChange:r,numberValue:i,onNumberValueChange:o,min:a,max:l})=>n?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(Sz,{checked:t,label:e,onChange:e=>{r(e.target.checked)},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),t&&(0,v.jsxs)("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"},children:[(0,v.jsx)("div",{style:{paddingTop:"7px",paddingLeft:"10px",width:"calc(100% - 80px)"},children:(0,v.jsx)(vb,{value:i,onChange:e=>{o(e)},min:a,max:l,labelStepSize:50,showTrackFill:!1,labelRenderer:!1})}),(0,v.jsx)(vs,{value:i,onValueChange:e=>{o(Aq(e,a,l))},buttonPosition:"none",style:{width:"50px",padding:"0 5px",marginLeft:"10px"},min:a,max:l})]})]}):null,A$=N(({store:e})=>{let t=e.selectedElements,n=t[0],r=()=>e.selectedElements.map(e=>e.id).join(","),i=c(w).useMemo(r,[]),o=r();if(c(w).useEffect(()=>{i!==o&&e.openSidePanel(e.previousOpenedSidePanel)},[i,o]),!n)return null;let a="text"===n.type,l="image"===n.type,s="svg"===n.type,u=l||s,d=n=>{e.history.transaction(()=>{t.forEach(e=>{e.set(n)})})};return(0,v.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",overflow:"auto",padding:"0 5px"},children:[(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsx)("h3",{style:{margin:0,lineHeight:"30px"},children:l5("sidePanel.effects")}),(0,v.jsx)(py,{minimal:!0,icon:(0,v.jsx)(SG,{}),onClick:()=>e.openSidePanel(e.previousOpenedSidePanel)})]}),(0,v.jsx)(AW,{label:l5("toolbar.blur"),enabled:n.blurEnabled,visible:u||a,onEnabledChange:e=>{d({blurEnabled:e})},numberValue:n.blurRadius,onNumberValueChange:e=>{d({blurRadius:e})},min:0,max:100}),(0,v.jsx)(AW,{label:l5("toolbar.brightness"),visible:u,enabled:n.brightnessEnabled,onEnabledChange:e=>{d({brightnessEnabled:e})},numberValue:100*n.brightness+100,onNumberValueChange:e=>{d({brightness:(e-100)/100})},min:0,max:200}),u&&(0,v.jsx)(Sz,{checked:n.sepiaEnabled,label:l5("toolbar.sepia"),onChange:e=>{d({sepiaEnabled:e.target.checked})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),u&&(0,v.jsx)(Sz,{checked:n.grayscaleEnabled,label:l5("toolbar.grayscale"),onChange:e=>{d({grayscaleEnabled:e.target.checked})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),a&&(0,v.jsx)(Sz,{checked:!!n.strokeWidth,label:l5("toolbar.textStroke"),onChange:e=>{d({strokeWidth:e.target.checked?2:0})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),a&&!!n.strokeWidth&&(0,v.jsx)(c(w).Fragment,{children:(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsx)(SD,{value:n.stroke,size:30,onChange:e=>{d({stroke:e})},store:e}),(0,v.jsx)(vs,{defaultValue:n.strokeWidth,onValueChange:e=>{d({strokeWidth:Aq(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(n.fontSize/2)})]})}),a&&(0,v.jsx)(Sz,{checked:!!n.backgroundEnabled,label:l5("toolbar.textBackground"),onChange:e=>{d({backgroundEnabled:e.target.checked})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),!!n.backgroundEnabled&&(0,v.jsxs)(c(w).Fragment,{children:[(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.backgroundCornerRadius")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:100*n.backgroundCornerRadius,onValueChange:e=>{d({backgroundCornerRadius:Aq(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,v.jsx)(vb,{value:100*n.backgroundCornerRadius,onChange:e=>{d({backgroundCornerRadius:Aq(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.backgroundPadding")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:Math.round(100*n.backgroundPadding),onValueChange:e=>{d({backgroundPadding:Aq(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,v.jsx)(vb,{value:Math.round(100*n.backgroundPadding),onChange:e=>{d({backgroundPadding:Aq(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.opacity")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:Math.round(100*n.backgroundOpacity),onValueChange:e=>{d({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,v.jsx)(vb,{value:100*n.backgroundOpacity,onChange:e=>{d({backgroundOpacity:e/100})},min:0,max:100,labelRenderer:!1}),(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{style:{lineHeight:"30px"},children:l5("toolbar.color")}),(0,v.jsx)(SD,{value:n.backgroundColor,size:30,onChange:e=>{d({backgroundColor:e})},store:e})]})]}),u&&(0,v.jsx)(Sz,{checked:!!n.borderSize,label:l5("toolbar.border"),onChange:e=>{d({borderSize:e.target.checked?2:0})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),!!n.borderSize&&(0,v.jsx)(c(w).Fragment,{children:(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,v.jsx)(SD,{value:n.borderColor,size:30,onChange:e=>{d({borderColor:e})},store:e}),(0,v.jsx)(vs,{defaultValue:n.borderSize,onValueChange:e=>{d({borderSize:Aq(e,1,Math.min(n.width,n.height)/2)})},style:{width:"80px"},min:1,max:Math.max(1,Math.min(n.width,n.height)/2)})]})}),u&&(0,v.jsx)(AW,{label:l5("toolbar.cornerRadius"),visible:u,enabled:0!==n.cornerRadius,onEnabledChange:e=>{d({cornerRadius:e?Math.min(n.width/4,n.height/4):0})},numberValue:Math.min(n.cornerRadius,Math.round(Math.min(n.width/2,n.height/2))),onNumberValueChange:e=>{d({cornerRadius:e})},min:1,max:Math.round(Math.min(n.width/2,n.height/2))}),(0,v.jsx)(Sz,{checked:n.shadowEnabled,label:l5("toolbar.shadow"),onChange:e=>{d({shadowEnabled:e.target.checked})},alignIndicator:so.RIGHT,style:{marginTop:"20px"}}),n.shadowEnabled&&(0,v.jsxs)(c(w).Fragment,{children:[(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.blur")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:n.shadowBlur,onValueChange:e=>{d({shadowBlur:Aq(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"})})]}),(0,v.jsx)("div",{children:(0,v.jsx)(vb,{value:n.shadowBlur,onChange:e=>{d({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1})}),(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.offsetX")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:n.shadowOffsetX,onValueChange:e=>{d({shadowOffsetX:Aq(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,v.jsx)("div",{children:(0,v.jsx)(vb,{value:n.shadowOffsetX,onChange:e=>{d({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1})}),(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.offsetY")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:n.shadowOffsetY,onValueChange:e=>{d({shadowOffsetY:Aq(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,v.jsx)("div",{children:(0,v.jsx)(vb,{value:n.shadowOffsetY,onChange:e=>{d({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1})}),(0,v.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{children:l5("toolbar.opacity")}),(0,v.jsx)("div",{children:(0,v.jsx)(AG,{value:Math.round(100*n.shadowOpacity),onValueChange:e=>{d({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,v.jsx)("div",{children:(0,v.jsx)(vb,{value:100*n.shadowOpacity,onChange:e=>{d({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1})}),(0,v.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,v.jsx)("div",{style:{lineHeight:"30px"},children:l5("toolbar.color")}),(0,v.jsx)(SD,{value:n.shadowColor,size:30,onChange:e=>{d({shadowColor:e})},store:e})]})]})]})}),AK={name:"templates",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.templates"),...e,children:(0,v.jsx)(ph,{icon:"control"})})),Panel:({store:e})=>(0,v.jsx)(kb,{store:e})},AY={name:"text",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.text"),...e,children:(0,v.jsx)(ph,{icon:"new-text-box"})})),Panel:({store:e})=>(0,v.jsx)(Oq,{store:e})},AX={name:"photos",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.photos"),...e,children:(0,v.jsx)(ph,{icon:"media"})})),Panel:({store:e})=>(0,v.jsx)(O8,{store:e})},AZ={name:"elements",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.elements"),iconSize:16,...e,children:(0,v.jsx)("span",{className:"bp5-icon",children:(0,v.jsx)(c(OO),{})})})),Panel:({store:e})=>(0,v.jsx)(kg,{store:e})},AQ={name:"upload",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.upload"),...e,children:(0,v.jsx)(ph,{icon:"cloud-upload"})})),Panel:({store:e})=>(0,v.jsx)(O6,{store:e})},AJ={name:"background",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.background"),...e,children:(0,v.jsx)(ph,{icon:"layout-grid"})})),Panel:({store:e})=>(0,v.jsx)(kn,{store:e})};N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.pages"),...e,children:(0,v.jsx)(c(Ok),{})})),({store:e})=>(0,v.jsx)(km,{store:e});let A0={name:"layers",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.layers"),...e,children:(0,v.jsx)(ph,{icon:"layers"})})),Panel:({store:e})=>(0,v.jsx)(AO,{store:e})},A1={name:"size",Tab:N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.resize"),...e,children:(0,v.jsx)(ph,{icon:"fullscreen"})})),Panel:({store:e})=>(0,v.jsx)(OJ,{store:e})},A2={name:"videos",Tab:e=>(0,v.jsx)(OT,{name:l5("sidePanel.videos"),...e,children:(0,v.jsx)(OC,{})}),Panel:({store:e})=>{let{setQuery:t,loadMore:n,isReachingEnd:r,data:i,isLoading:o,error:a}=yT({defaultQuery:"",getAPI:({page:e,query:t})=>Ak({page:e,query:t}),getSize:e=>e.total_results/e.per_page});return(0,v.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,v.jsx)(m9,{leftIcon:"search",placeholder:l5("sidePanel.searchPlaceholder"),onChange:e=>{t(e.target.value)},type:"search",style:{marginBottom:"20px"}}),(0,v.jsxs)("p",{style:{textAlign:"center"},children:["Videos by"," ",(0,v.jsx)("a",{href:"https://www.pexels.com/",target:"_blank",children:"Pexels"})]}),(0,v.jsx)(OF,{images:i?.map(e=>e.videos).flat().filter(Boolean),getPreview:e=>e.image,onSelect:async(t,n,r)=>{O2({src:t.video_files.find(e=>"hd"===e.quality)?.link||t.video_files[0].link,store:e,droppedPos:n,targetElement:r,attrs:{width:t.width,height:t.height}})},isLoading:o,error:a,loadMore:!r&&n,getCredit:e=>(0,v.jsxs)("span",{children:["Video by"," ",(0,v.jsx)("a",{href:e.user.url,target:"_blank",rel:"noreferrer",children:e.user.name})," ","on"," ",(0,v.jsx)("a",{href:"https://pexels.com/?utm_source=polotno&utm_medium=referral",target:"_blank",rel:"noreferrer noopener",children:"Pexels"})]})})]})}};N(e=>(0,v.jsx)(OT,{name:l5("sidePanel.more"),...e,children:(0,v.jsx)(ph,{icon:"more"})}));let A3=[AK,AY,AX,AZ,AQ,AJ,A0,A1],A5={name:"animation",Tab:()=>null,Panel:AV},A4=[{name:"image-clip",Tab:()=>null,Panel:Aj},{name:"effects",Tab:()=>null,Panel:A$}],A6=oL("div")`
   display: flex;

package/side-panel/layers-panel.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),screen_1=require("../utils/screen"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];l.reverse();const a=(0,screen_1.isMobile)();return react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal",handle:a?".drag-handle":void 0},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),screen_1=require("../utils/screen"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked,removable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];l.reverse();const a=(0,screen_1.isMobile)();return react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal",handle:a?".drag-handle":void 0},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));