@daoyi/nmtl-ui 1.1.30-beta.1 → 1.1.30-beta.13

package/lib/components/Drawer-e93c7c89.js

@@ -0,0 +1 @@
+import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import*as t from"react";import r,{useState as n}from"react";import o from"prop-types";import a from"./Select.js";import{useHistory as i}from"react-router-dom";import{L as s}from"./Menu-d1267946.js";import{L as c}from"./MenuItem-56abef4a.js";import{L as l,a as p,D as d}from"./ListItemText-cc180de2.js";import{s as m}from"./style-inject.es-1f59c1d0.js";import{I as u}from"./IconButton-920a73fd.js";import{c as f}from"./createSvgIcon-231b6223.js";import{p as g,_ as h,a as v,w}from"./withStyles-75fe409f.js";import{c as y,a as x}from"./capitalize-4566b0fe.js";import{u as E}from"./useTheme-ea7e9223.js";import{P as b}from"./Paper-fa04140f.js";import{M as k}from"./Modal-3941cd33.js";import{B as _}from"./Backdrop-d3d2985b.js";import*as L from"react-dom";import{d as P}from"./debounce-65582d84.js";import{u as j}from"./useForkRef-4ff8cc89.js";import{T as C,g as T,r as N}from"./utils-bb216124.js";function A(e,t){var r=function(e,t){var r,n=t.getBoundingClientRect();if(t.fakeTransform)r=t.fakeTransform;else{var o=window.getComputedStyle(t);r=o.getPropertyValue("-webkit-transform")||o.getPropertyValue("transform")}var a=0,i=0;if(r&&"none"!==r&&"string"==typeof r){var s=r.split("(")[1].split(")")[0].split(",");a=parseInt(s[4],10),i=parseInt(s[5],10)}return"left"===e?"translateX(".concat(window.innerWidth,"px) translateX(").concat(a-n.left,"px)"):"right"===e?"translateX(-".concat(n.left+n.width-a,"px)"):"up"===e?"translateY(".concat(window.innerHeight,"px) translateY(").concat(i-n.top,"px)"):"translateY(-".concat(n.top+n.height-i,"px)")}(e,t);r&&(t.style.webkitTransform=r,t.style.transform=r)}var B={enter:g.enteringScreen,exit:g.leavingScreen},D=t.forwardRef((function(e,r){var n=e.children,o=e.direction,a=void 0===o?"down":o,i=e.in,s=e.onEnter,c=e.onEntered,l=e.onEntering,p=e.onExit,d=e.onExited,m=e.onExiting,u=e.style,f=e.timeout,g=void 0===f?B:f,w=e.TransitionComponent,y=void 0===w?C:w,x=h(e,["children","direction","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),b=E(),k=t.useRef(null),_=t.useCallback((function(e){k.current=L.findDOMNode(e)}),[]),D=j(n.ref,_),R=j(D,r),S=function(e){return function(t){e&&(void 0===t?e(k.current):e(k.current,t))}},z=S((function(e,t){A(a,e),N(e),s&&s(e,t)})),I=S((function(e,t){var r=T({timeout:g,style:u},{mode:"enter"});e.style.webkitTransition=b.transitions.create("-webkit-transform",v({},r,{easing:b.transitions.easing.easeOut})),e.style.transition=b.transitions.create("transform",v({},r,{easing:b.transitions.easing.easeOut})),e.style.webkitTransform="none",e.style.transform="none",l&&l(e,t)})),O=S(c),M=S(m),H=S((function(e){var t=T({timeout:g,style:u},{mode:"exit"});e.style.webkitTransition=b.transitions.create("-webkit-transform",v({},t,{easing:b.transitions.easing.sharp})),e.style.transition=b.transitions.create("transform",v({},t,{easing:b.transitions.easing.sharp})),A(a,e),p&&p(e)})),Y=S((function(e){e.style.webkitTransition="",e.style.transition="",d&&d(e)})),q=t.useCallback((function(){k.current&&A(a,k.current)}),[a]);return t.useEffect((function(){if(!i&&"down"!==a&&"right"!==a){var e=P((function(){k.current&&A(a,k.current)}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}}),[a,i]),t.useEffect((function(){i||q()}),[i,q]),t.createElement(y,v({nodeRef:k,onEnter:z,onEntered:O,onEntering:I,onExit:H,onExited:Y,onExiting:M,appear:!0,in:i,timeout:g},x),(function(e,r){return t.cloneElement(n,v({ref:R,style:v({visibility:"exited"!==e||i?void 0:"hidden"},u,n.props.style)},r))}))})),R={left:"right",right:"left",top:"down",bottom:"up"};var S={enter:g.enteringScreen,exit:g.leavingScreen},z=t.forwardRef((function(e,r){var n=e.anchor,o=void 0===n?"left":n,a=e.BackdropProps,i=e.children,s=e.classes,c=e.className,l=e.elevation,p=void 0===l?16:l,d=e.ModalProps,m=(d=void 0===d?{}:d).BackdropProps,u=h(d,["BackdropProps"]),f=e.onClose,g=e.open,w=void 0!==g&&g,L=e.PaperProps,P=void 0===L?{}:L,j=e.SlideProps,C=e.TransitionComponent,T=void 0===C?D:C,N=e.transitionDuration,A=void 0===N?S:N,B=e.variant,z=void 0===B?"temporary":B,I=h(e,["anchor","BackdropProps","children","classes","className","elevation","ModalProps","onClose","open","PaperProps","SlideProps","TransitionComponent","transitionDuration","variant"]),O=E(),M=t.useRef(!1);t.useEffect((function(){M.current=!0}),[]);var H=function(e,t){return"rtl"===e.direction&&function(e){return-1!==["left","right"].indexOf(e)}(t)?R[t]:t}(O,o),Y=t.createElement(b,v({elevation:"temporary"===z?p:0,square:!0},P,{className:y(s.paper,s["paperAnchor".concat(x(H))],P.className,"temporary"!==z&&s["paperAnchorDocked".concat(x(H))])}),i);if("permanent"===z)return t.createElement("div",v({className:y(s.root,s.docked,c),ref:r},I),Y);var q=t.createElement(T,v({in:w,direction:R[H],timeout:A,appear:M.current},j),Y);return"persistent"===z?t.createElement("div",v({className:y(s.root,s.docked,c),ref:r},I),q):t.createElement(k,v({BackdropProps:v({},a,m,{transitionDuration:A}),BackdropComponent:_,className:y(s.root,s.modal,c),open:w,onClose:f,ref:r},I,u),q)})),I=w((function(e){return{root:{},docked:{flex:"0 0 auto"},paper:{overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:e.zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0},paperAnchorLeft:{left:0,right:"auto"},paperAnchorRight:{left:"auto",right:0},paperAnchorTop:{top:0,left:0,bottom:"auto",right:0,height:"auto",maxHeight:"100%"},paperAnchorBottom:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"},paperAnchorDockedLeft:{borderRight:"1px solid ".concat(e.palette.divider)},paperAnchorDockedTop:{borderBottom:"1px solid ".concat(e.palette.divider)},paperAnchorDockedRight:{borderLeft:"1px solid ".concat(e.palette.divider)},paperAnchorDockedBottom:{borderTop:"1px solid ".concat(e.palette.divider)},modal:{}}}),{name:"MuiDrawer",flip:!1})(z),O=f(t.createElement("path",{d:"M2 17c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1z"})),M=function(e){var t=e.language,r=e.supportLanguages;return r.some((function(e){return e.value===t}))?t:r[0].value};const H=({locale:e,drawerList:t,setOpen:n})=>{const o=i();return r.createElement(s,{className:"drawer__list"},Array.isArray(t)&&t.map((({name:t,icon:a,path:i},s)=>r.createElement(c,{button:!0,key:s.toString(),onClick:()=>{o.push({pathname:`/${e}${i}`}),n(!1)}},a&&r.createElement(l,{style:{marginRight:24}},a),r.createElement(p,{primary:t})))))};H.defaultProps={locale:"zh-tw"},H.propTypes={locale:o.string,drawerList:o.arrayOf(o.any).isRequired,setOpen:o.func.isRequired};m(".drawer__icon {\n  display: none !important;\n  margin-left: 10px; }\n\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px; }\n  .drawer__header-title {\n    font-size: 18px;\n    font-weight: bold; }\n\n.drawer__list {\n  padding: 10px !important; }\n  .drawer__list .MuiSvgIcon-root {\n    margin-left: 8px; }\n\n.drawer__lang {\n  margin: 24px 36px !important; }\n\n@media screen and (max-width: 600px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n");var Y=function(t){var o=t.title,i=t.logo,s=t.locale,c=t.supportLanguages,l=t.drawerList,p=t.onLanguageChange,m=n(!1),f=e(m,2),g=f[0],h=f[1];return r.createElement("div",{className:"drawer"},r.createElement(u,{className:"drawer__icon",onClick:function(){return h(!0)}},r.createElement(O,null)),r.createElement(I,{anchor:"right",open:g,onClose:function(){return h(!1)},onKeyDown:function(){return h(!1)}},(i||o)&&r.createElement("div",{className:"drawer__header"},r.createElement("div",{className:"drawer__header-logo"},i),r.createElement("div",{className:"drawer__header-title"},o)),r.createElement(d,null),r.createElement(H,{locale:s,drawerList:(Array.isArray(l)?l:[]).filter((function(e){return e.showInHeader})),setOpen:h}),r.createElement(d,null),r.createElement(a,{className:"drawer__lang",defaultValue:M({language:s,supportLanguages:c}),onChange:function(e){return p(e)},options:c})))};Y.defaultProps={title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],drawerList:void 0,onLanguageChange:function(){}},Y.propTypes={title:o.string,logo:o.node,locale:o.string,supportLanguages:o.arrayOf(o.any),drawerList:o.arrayOf(o.any),onLanguageChange:o.func};export{Y as D,M as c};

package/lib/components/Drawer.js

@@ -1 +1 @@
-import"./_rollupPluginBabelHelpers-9a98782c.js";import"react";import"prop-types";export{D as default}from"./Drawer-bf4b1bef.js";import"./Select-22e8ba5e.js";import"./IconButton-f380331f.js";import"./Select-e12cb52b.js";import"./withStyles-43125883.js";import"react-is";import"./capitalize-017d2500.js";import"./isMuiElement-3726d123.js";import"./useFormControl-479b5455.js";import"./ownerWindow-ba2c31bc.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-7954d1aa.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-03889d3e.js";import"./useEventCallback-8817ed1c.js";import"./Portal-1b30ccbc.js";import"./Paper-8eaa8df4.js";import"./Grow-e28280cd.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-3b1a21b0.js";import"./Typography-fe7cdaf3.js";import"react-router";import"./style-inject.es-1f59c1d0.js";import"./Backdrop-0c72d47e.js";import"./Fade-edb8e7af.js";import"./index-d90e1489.js";import"./_commonjsHelpers-ae1b5db5.js";import"./Empty.js";import"./CircularProgress-8332110b.js";import"./ButtonBase-54fbcc3c.js";import"./useIsFocusVisible-217260c3.js";
+import"./_rollupPluginBabelHelpers-6c1cf22a.js";import"react";import"prop-types";export{D as default}from"./Drawer-e93c7c89.js";import"./Select.js";import"./IconButton-920a73fd.js";import"./ListItemText-cc180de2.js";import"react-router-dom";import"./Menu-d1267946.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useTheme-ea7e9223.js";import"./debounce-65582d84.js";import"./ownerWindow-ba2c31bc.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./useEventCallback-8817ed1c.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./TransitionGroupContext-2ba64e99.js";import"./MenuItem-56abef4a.js";import"./isMuiElement-64ad493a.js";import"./ButtonBase-013fbd95.js";import"./useIsFocusVisible-217260c3.js";import"./style-inject.es-1f59c1d0.js";import"./createSvgIcon-231b6223.js";import"./Backdrop-d3d2985b.js";import"./Fade-92cf2aad.js";import"./index-d90e1489.js";import"./_commonjsHelpers-ae1b5db5.js";import"./Empty.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./FormControlContext-90b149a2.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./Typography-642487e3.js";

package/lib/components/Dropdown.js

@@ -0,0 +1 @@
+import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import o,{useRef as t,useState as r}from"react";import{c as i}from"./index-d90e1489.js";import n from"prop-types";import a from"./MUITheme.js";import{s}from"./style-inject.es-1f59c1d0.js";import{s as l}from"./withStyles-75fe409f.js";import{B as c}from"./Button-3b3ff093.js";import{M as p}from"./Menu-d1267946.js";import{D as m,L as d,a as u}from"./ListItemText-cc180de2.js";import{M as f}from"./MenuItem-56abef4a.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-75179648.js";import"react-is";import"./capitalize-4566b0fe.js";import"./ButtonBase-013fbd95.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useEventCallback-8817ed1c.js";import"./useIsFocusVisible-217260c3.js";import"./TransitionGroupContext-2ba64e99.js";import"./useTheme-ea7e9223.js";import"./debounce-65582d84.js";import"./ownerWindow-ba2c31bc.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./Typography-642487e3.js";import"./isMuiElement-64ad493a.js";s("");var b=function(n){var s=n.darkMode,b=n.className,j=n.type,v=n.disabled,y=n.children,h=n.icon,C=n.options,k=n.onOpen,E=n.onClose,g=n.getPopupContainer,M=t(null),P=r(!1),x=e(P,2),O=x[0],T=x[1],w=l((function(){return{root:{opacity:.6,pointerEvents:"none",cursor:"pointer"},disabled:!0}}));return o.createElement(a,{darkMode:s||!1},o.createElement("div",{className:i("dropdown",b)},o.createElement(c,{id:"basic-button",ref:M,"aria-controls":"basic-menu","aria-haspopup":"true","aria-expanded":O?"true":void 0,onClick:function(){C&&Array.isArray(C)&&C.length>0&&(T(!0),k&&k())},variant:{default:"outlined",primary:"contained",link:"text"}[j]||"text",startIcon:h||null,disabled:v||!1},y||null),o.createElement(p,{id:"basic-menu",getContentAnchorEl:null,container:g||M.current,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},anchorEl:M.current,open:O,onClose:function(){T(!1),E&&E()},MenuListProps:{"aria-labelledby":"basic-button"}},C&&Array.isArray(C)&&C.map((function(e,t){return o.createElement("div",{key:t.toString()},e.divider&&o.createElement(m,null),o.createElement(f,{className:e.disabled?w().root:"",onClick:function(){T(!1),E&&E(),e.onClick&&e.onClick({label:e.label,value:e.value})}},e.icon&&o.createElement(d,null,e.icon),e.label&&o.createElement(u,null,e.label)))})))))};b.defaultProps={darkMode:void 0,className:void 0,children:void 0,icon:void 0,type:"link",disabled:void 0,options:void 0,getPopupContainer:void 0,onOpen:void 0,onClose:void 0},b.propTypes={darkMode:n.bool,className:n.string,children:n.node,icon:n.node,type:n.string,disabled:n.bool,options:n.arrayOf(n.any),getPopupContainer:n.func,onOpen:n.func,onClose:n.func};export{b as default};

package/lib/components/Fade-92cf2aad.js

@@ -0,0 +1 @@
+import{p as t,_ as e,a as n,c as i}from"./withStyles-75fe409f.js";import*as o from"react";import"prop-types";import{u as r}from"./useTheme-ea7e9223.js";import{T as s,r as a,g as c}from"./utils-bb216124.js";import{u as d}from"./useForkRef-4ff8cc89.js";var p={entering:{opacity:1},entered:{opacity:1}},m={enter:t.enteringScreen,exit:t.leavingScreen},l=o.forwardRef((function(t,l){var f=t.children,u=t.disableStrictModeCompat,y=void 0!==u&&u,E=t.in,v=t.onEnter,x=t.onEntered,g=t.onEntering,b=t.onExit,T=t.onExited,h=t.onExiting,S=t.style,j=t.TransitionComponent,w=void 0===j?s:j,C=t.timeout,R=void 0===C?m:C,k=e(t,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),M=r(),F=M.unstable_strictMode&&!y,_=o.useRef(null),q=d(f.ref,l),z=d(F?_:void 0,q),A=function(t){return function(e,n){if(t){var o=F?[_.current,e]:[e,n],r=i(o,2),s=r[0],a=r[1];void 0===a?t(s):t(s,a)}}},B=A(g),D=A((function(t,e){a(t);var n=c({style:S,timeout:R},{mode:"enter"});t.style.webkitTransition=M.transitions.create("opacity",n),t.style.transition=M.transitions.create("opacity",n),v&&v(t,e)})),G=A(x),H=A(h),I=A((function(t){var e=c({style:S,timeout:R},{mode:"exit"});t.style.webkitTransition=M.transitions.create("opacity",e),t.style.transition=M.transitions.create("opacity",e),b&&b(t)})),J=A(T);return o.createElement(w,n({appear:!0,in:E,nodeRef:F?_:void 0,onEnter:D,onEntered:G,onEntering:B,onExit:I,onExited:J,onExiting:H,timeout:R},k),(function(t,e){return o.cloneElement(f,n({style:n({opacity:0,visibility:"exited"!==t||E?void 0:"hidden"},p[t],S,f.props.style),ref:z},e))}))}));export{l as F};

package/lib/components/FormControlContext-90b149a2.js

@@ -0,0 +1 @@
+import*as t from"react";var r=t.createContext();function e(){return t.useContext(r)}var a=r;export{a as F,e as u};

package/lib/components/{FormControlLabel-b4f37c46.js → FormControlLabel-cf8d4563.js}

@@ -1 +1 @@
-import{w as e,b as a,k as o,_ as n}from"./withStyles-43125883.js";import*as t from"react";import"prop-types";import{c as l,a as r}from"./capitalize-017d2500.js";import{u as i}from"./useControlled-b5d6fb94.js";import{a as c}from"./useFormControl-479b5455.js";import{I as d}from"./IconButton-f380331f.js";import{T as s}from"./Typography-fe7cdaf3.js";var u=t.forwardRef((function(e,r){var s=e.autoFocus,u=e.checked,m=e.checkedIcon,p=e.classes,f=e.className,b=e.defaultChecked,h=e.disabled,v=e.icon,g=e.id,k=e.inputProps,C=e.inputRef,x=e.name,y=e.onBlur,F=e.onChange,B=e.onFocus,I=e.readOnly,P=e.required,R=e.tabIndex,w=e.type,N=e.value,j=a(e,["autoFocus","checked","checkedIcon","classes","className","defaultChecked","disabled","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"]),E=i({controlled:u,default:Boolean(b),name:"SwitchBase",state:"checked"}),L=o(E,2),S=L[0],T=L[1],q=c(),D=h;q&&void 0===D&&(D=q.disabled);var O="checkbox"===w||"radio"===w;return t.createElement(d,n({component:"span",className:l(p.root,f,S&&p.checked,D&&p.disabled),disabled:D,tabIndex:null,role:void 0,onFocus:function(e){B&&B(e),q&&q.onFocus&&q.onFocus(e)},onBlur:function(e){y&&y(e),q&&q.onBlur&&q.onBlur(e)},ref:r},j),t.createElement("input",n({autoFocus:s,checked:u,defaultChecked:b,className:p.input,disabled:D,id:O&&g,name:x,onChange:function(e){var a=e.target.checked;T(a),F&&F(e,a)},readOnly:I,ref:C,required:P,tabIndex:R,type:w,value:N},k)),S?m:v)})),m=e({root:{padding:9},checked:{},disabled:{},input:{cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}},{name:"PrivateSwitchBase"})(u),p=t.forwardRef((function(e,o){e.checked;var i=e.classes,d=e.className,u=e.control,m=e.disabled;e.inputRef;var p=e.label,f=e.labelPlacement,b=void 0===f?"end":f;e.name,e.onChange,e.value;var h=a(e,["checked","classes","className","control","disabled","inputRef","label","labelPlacement","name","onChange","value"]),v=c(),g=m;void 0===g&&void 0!==u.props.disabled&&(g=u.props.disabled),void 0===g&&v&&(g=v.disabled);var k={disabled:g};return["checked","name","onChange","value","inputRef"].forEach((function(a){void 0===u.props[a]&&void 0!==e[a]&&(k[a]=e[a])})),t.createElement("label",n({className:l(i.root,d,"end"!==b&&i["labelPlacement".concat(r(b))],g&&i.disabled),ref:o},h),t.cloneElement(u,k),t.createElement(s,{component:"span",className:l(i.label,g&&i.disabled)},p))})),f=e((function(e){return{root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,"&$disabled":{cursor:"default"}},labelPlacementStart:{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},labelPlacementTop:{flexDirection:"column-reverse",marginLeft:16},labelPlacementBottom:{flexDirection:"column",marginLeft:16},disabled:{},label:{"&$disabled":{color:e.palette.text.disabled}}}}),{name:"MuiFormControlLabel"})(p);export{f as F,m as S};
+import{w as e,_ as a,c as o,a as n}from"./withStyles-75fe409f.js";import*as t from"react";import"prop-types";import{c as l,a as r}from"./capitalize-4566b0fe.js";import{u as i}from"./useControlled-b5d6fb94.js";import{u as c}from"./useFormControl-607a2e33.js";import{I as s}from"./IconButton-920a73fd.js";import{T as d}from"./Typography-642487e3.js";var u=t.forwardRef((function(e,r){var d=e.autoFocus,u=e.checked,m=e.checkedIcon,p=e.classes,f=e.className,b=e.defaultChecked,h=e.disabled,v=e.icon,g=e.id,k=e.inputProps,C=e.inputRef,x=e.name,y=e.onBlur,F=e.onChange,B=e.onFocus,I=e.readOnly,P=e.required,R=e.tabIndex,w=e.type,N=e.value,j=a(e,["autoFocus","checked","checkedIcon","classes","className","defaultChecked","disabled","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"]),E=i({controlled:u,default:Boolean(b),name:"SwitchBase",state:"checked"}),L=o(E,2),S=L[0],T=L[1],q=c(),D=h;q&&void 0===D&&(D=q.disabled);var O="checkbox"===w||"radio"===w;return t.createElement(s,n({component:"span",className:l(p.root,f,S&&p.checked,D&&p.disabled),disabled:D,tabIndex:null,role:void 0,onFocus:function(e){B&&B(e),q&&q.onFocus&&q.onFocus(e)},onBlur:function(e){y&&y(e),q&&q.onBlur&&q.onBlur(e)},ref:r},j),t.createElement("input",n({autoFocus:d,checked:u,defaultChecked:b,className:p.input,disabled:D,id:O&&g,name:x,onChange:function(e){var a=e.target.checked;T(a),F&&F(e,a)},readOnly:I,ref:C,required:P,tabIndex:R,type:w,value:N},k)),S?m:v)})),m=e({root:{padding:9},checked:{},disabled:{},input:{cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}},{name:"PrivateSwitchBase"})(u),p=t.forwardRef((function(e,o){e.checked;var i=e.classes,s=e.className,u=e.control,m=e.disabled;e.inputRef;var p=e.label,f=e.labelPlacement,b=void 0===f?"end":f;e.name,e.onChange,e.value;var h=a(e,["checked","classes","className","control","disabled","inputRef","label","labelPlacement","name","onChange","value"]),v=c(),g=m;void 0===g&&void 0!==u.props.disabled&&(g=u.props.disabled),void 0===g&&v&&(g=v.disabled);var k={disabled:g};return["checked","name","onChange","value","inputRef"].forEach((function(a){void 0===u.props[a]&&void 0!==e[a]&&(k[a]=e[a])})),t.createElement("label",n({className:l(i.root,s,"end"!==b&&i["labelPlacement".concat(r(b))],g&&i.disabled),ref:o},h),t.cloneElement(u,k),t.createElement(d,{component:"span",className:l(i.label,g&&i.disabled)},p))})),f=e((function(e){return{root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,"&$disabled":{cursor:"default"}},labelPlacementStart:{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},labelPlacementTop:{flexDirection:"column-reverse",marginLeft:16},labelPlacementBottom:{flexDirection:"column",marginLeft:16},disabled:{},label:{"&$disabled":{color:e.palette.text.disabled}}}}),{name:"MuiFormControlLabel"})(p);export{f as F,m as S};

package/lib/components/Grow-2b0c4caa.js

@@ -0,0 +1 @@
+import{_ as t,a as n,c as e}from"./withStyles-75fe409f.js";import*as o from"react";import"prop-types";import{u as i}from"./useTheme-ea7e9223.js";import{T as r,r as a,g as s}from"./utils-bb216124.js";import{u}from"./useForkRef-4ff8cc89.js";function c(t){return"scale(".concat(t,", ").concat(Math.pow(t,2),")")}var d={entering:{opacity:1,transform:c(1)},entered:{opacity:1,transform:"none"}},f=o.forwardRef((function(f,l){var m=f.children,p=f.disableStrictModeCompat,y=void 0!==p&&p,E=f.in,v=f.onEnter,g=f.onEntered,x=f.onEntering,h=f.onExit,b=f.onExited,j=f.onExiting,R=f.style,T=f.timeout,C=void 0===T?"auto":T,H=f.TransitionComponent,M=void 0===H?r:H,S=t(f,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),w=o.useRef(),A=o.useRef(),D=i(),_=D.unstable_strictMode&&!y,k=o.useRef(null),F=u(m.ref,l),G=u(_?k:void 0,F),L=function(t){return function(n,o){if(t){var i=_?[k.current,n]:[n,o],r=e(i,2),a=r[0],s=r[1];void 0===s?t(a):t(a,s)}}},q=L(x),z=L((function(t,n){a(t);var e,o=s({style:R,timeout:C},{mode:"enter"}),i=o.duration,r=o.delay;"auto"===C?(e=D.transitions.getAutoHeightDuration(t.clientHeight),A.current=e):e=i,t.style.transition=[D.transitions.create("opacity",{duration:e,delay:r}),D.transitions.create("transform",{duration:.666*e,delay:r})].join(","),v&&v(t,n)})),B=L(g),I=L(j),J=L((function(t){var n,e=s({style:R,timeout:C},{mode:"exit"}),o=e.duration,i=e.delay;"auto"===C?(n=D.transitions.getAutoHeightDuration(t.clientHeight),A.current=n):n=o,t.style.transition=[D.transitions.create("opacity",{duration:n,delay:i}),D.transitions.create("transform",{duration:.666*n,delay:i||.333*n})].join(","),t.style.opacity="0",t.style.transform=c(.75),h&&h(t)})),K=L(b);return o.useEffect((function(){return function(){clearTimeout(w.current)}}),[]),o.createElement(M,n({appear:!0,in:E,nodeRef:_?k:void 0,onEnter:z,onEntered:B,onEntering:q,onExit:J,onExited:K,onExiting:I,addEndListener:function(t,n){var e=_?t:n;"auto"===C&&(w.current=setTimeout(e,A.current||0))},timeout:"auto"===C?null:C},S),(function(t,e){return o.cloneElement(m,n({style:n({opacity:0,transform:c(.75),visibility:"exited"!==t||E?void 0:"hidden"},d[t],R,m.props.style),ref:G},e))}))}));f.muiSupportAuto=!0;var l=f;export{l as G};

package/lib/components/Header.js

@@ -1 +1 @@
-import{c as e}from"./_rollupPluginBabelHelpers-9a98782c.js";import*as t from"react";import a,{useState as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{c}from"./index-d90e1489.js";import{d as s}from"./debounce-4916cd99.js";import{Router as l,__RouterContext as d,matchPath as p,useRouteMatch as m}from"react-router";import{w as h,a as u,b as f,_ as g,d as b,h as v}from"./withStyles-43125883.js";import{c as y,D as k}from"./Drawer-bf4b1bef.js";import{S as w}from"./Select-22e8ba5e.js";import{s as j}from"./style-inject.es-1f59c1d0.js";import{S as x,F as _}from"./FormControlLabel-b4f37c46.js";import{c as C,a as E}from"./capitalize-017d2500.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-fbff54e4.js";import"react-is";import"./Select-e12cb52b.js";import"./isMuiElement-3726d123.js";import"./useFormControl-479b5455.js";import"./ownerWindow-ba2c31bc.js";import"react-dom";import"./TransitionGroupContext-2cd2fcd6.js";import"./utils-7954d1aa.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-03889d3e.js";import"./useEventCallback-8817ed1c.js";import"./Portal-1b30ccbc.js";import"./Paper-8eaa8df4.js";import"./Grow-e28280cd.js";import"./useControlled-b5d6fb94.js";import"./createSvgIcon-3b1a21b0.js";import"./Typography-fe7cdaf3.js";import"./IconButton-f380331f.js";import"./ButtonBase-54fbcc3c.js";import"./useIsFocusVisible-217260c3.js";import"./Backdrop-0c72d47e.js";import"./Fade-edb8e7af.js";import"./Empty.js";import"./CircularProgress-8332110b.js";var $=t.forwardRef((function(e,a){var r=e.classes,n=e.className,o=e.color,i=void 0===o?"secondary":o,c=e.edge,s=void 0!==c&&c,l=e.size,d=void 0===l?"medium":l,p=f(e,["classes","className","color","edge","size"]),m=t.createElement("span",{className:r.thumb});return t.createElement("span",{className:C(r.root,n,{start:r.edgeStart,end:r.edgeEnd}[s],"small"===d&&r["size".concat(E(d))])},t.createElement(x,g({type:"checkbox",icon:m,checkedIcon:m,classes:{root:C(r.switchBase,r["color".concat(E(i))]),input:r.input,checked:r.checked,disabled:r.disabled},ref:a},p)),t.createElement("span",{className:r.track}))})),N=h((function(e){return{root:{display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},edgeStart:{marginLeft:-8},edgeEnd:{marginRight:-8},switchBase:{position:"absolute",top:0,left:0,zIndex:1,color:"light"===e.palette.type?e.palette.grey[50]:e.palette.grey[400],transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),"&$checked":{transform:"translateX(20px)"},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{opacity:.5},"&$disabled + $track":{opacity:"light"===e.palette.type?.12:.1}},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:u(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.primary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:u(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:"light"===e.palette.type?e.palette.grey[400]:e.palette.grey[800]},"&$checked + $track":{backgroundColor:e.palette.secondary.main},"&$disabled + $track":{backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white}},sizeSmall:{width:40,height:24,padding:7,"& $thumb":{width:16,height:16},"& $switchBase":{padding:4,"&$checked":{transform:"translateX(16px)"}}},checked:{},disabled:{},input:{left:"-100%",width:"300%"},thumb:{boxShadow:e.shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"},track:{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:"light"===e.palette.type?e.palette.common.black:e.palette.common.white,opacity:"light"===e.palette.type?.38:.3}}}),{name:"MuiSwitch"})($);function R(e){return"/"===e.charAt(0)}function S(e,t){for(var a=t,r=a+1,n=e.length;r<n;a+=1,r+=1)e[a]=e[r];e.pop()}function L(e,t){if(!e)throw new Error("Invariant failed")}function z(e,t,a,r){var n;"string"==typeof e?(n=function(e){var t=e||"/",a="",r="",n=t.indexOf("#");-1!==n&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return-1!==o&&(a=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===a?"":a,hash:"#"===r?"":r}}(e),n.state=t):(void 0===(n=g({},e)).pathname&&(n.pathname=""),n.search?"?"!==n.search.charAt(0)&&(n.search="?"+n.search):n.search="",n.hash?"#"!==n.hash.charAt(0)&&(n.hash="#"+n.hash):n.hash="",void 0!==t&&void 0===n.state&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return a&&(n.key=a),r?n.pathname?"/"!==n.pathname.charAt(0)&&(n.pathname=function(e,t){void 0===t&&(t="");var a,r=e&&e.split("/")||[],n=t&&t.split("/")||[],o=e&&R(e),i=t&&R(t),c=o||i;if(e&&R(e)?n=r:r.length&&(n.pop(),n=n.concat(r)),!n.length)return"/";if(n.length){var s=n[n.length-1];a="."===s||".."===s||""===s}else a=!1;for(var l=0,d=n.length;d>=0;d--){var p=n[d];"."===p?S(n,d):".."===p?(S(n,d),l++):l&&(S(n,d),l--)}if(!c)for(;l--;l)n.unshift("..");!c||""===n[0]||n[0]&&R(n[0])||n.unshift("");var m=n.join("/");return a&&"/"!==m.substr(-1)&&(m+="/"),m}(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}"undefined"==typeof window||!window.document||window.document.createElement;a.Component,a.Component;var I=function(e,t){return"function"==typeof e?e(t):e},A=function(e,t){return"string"==typeof e?z(e,null,null,t):e},M=function(e){return e},B=a.forwardRef;void 0===B&&(B=M);var D=B((function(e,t){var r=e.innerRef,n=e.navigate,o=e.onClick,i=v(e,["innerRef","navigate","onClick"]),c=i.target,s=g({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),n())}});return s.ref=M!==B&&t||r,a.createElement("a",s)})),P=B((function(e,t){var r=e.component,n=void 0===r?D:r,o=e.replace,i=e.to,c=e.innerRef,s=v(e,["component","replace","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=e.history,l=A(I(i,e.location),e.location),d=l?r.createHref(l):"",p=g({},s,{href:d,navigate:function(){var t=I(i,e.location);(o?r.replace:r.push)(t)}});return M!==B?p.ref=t||c:p.innerRef=c,a.createElement(n,p)}))})),O=function(e){return e},F=a.forwardRef;void 0===F&&(F=O);var H=F((function(e,t){var r=e["aria-current"],n=void 0===r?"page":r,o=e.activeClassName,i=void 0===o?"active":o,c=e.activeStyle,s=e.className,l=e.exact,m=e.isActive,h=e.location,u=e.sensitive,f=e.strict,b=e.style,y=e.to,k=e.innerRef,w=v(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(d.Consumer,null,(function(e){e||L(!1);var r=h||e.location,o=A(I(y,r),r),d=o.pathname,v=d&&d.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),j=v?p(r.pathname,{path:v,exact:l,sensitive:u,strict:f}):null,x=!!(m?m(j,r):j),_=x?function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((function(e){return e})).join(" ")}(s,i):s,C=x?g({},b,{},c):b,E=g({"aria-current":x&&n||null,className:_,style:C,to:o},w);return O!==F?E.ref=t||k:E.innerRef=k,a.createElement(P,E)}))}));j(".header {\n  display: flex;\n  align-items: center;\n  padding: 12px 36px;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  width: 100%;\n  transition: top 0.3s ease-in-out; }\n  .header__title {\n    color: white;\n    font-size: 18px;\n    font-weight: bold;\n    margin-right: 12px; }\n  .header__links {\n    flex: 1;\n    display: flex; }\n    .header__links__item {\n      color: rgba(0, 0, 0, 0.85);\n      text-decoration: none;\n      font-weight: bold;\n      padding: 8px 14px; }\n      .header__links__item--active {\n        color: rgba(0, 0, 0, 0.65);\n        border-bottom: 2px solid white; }\n      .header__links__item:hover {\n        color: rgba(0, 0, 0, 0.65); }\n  .header--hide {\n    top: -100px; }\n\n@media screen and (max-width: 600px) {\n  .header__links {\n    display: none; } }\n");var K=function(t){var i=t.title,l=t.logo,d=t.locale,p=t.supportLanguages,h=t.pages,u=t.darkMode,f=t.className,g=t.setDarkMode,b=t.onLanguageChange,v=m().url,j=r(!1),x=e(j,2),C=x[0],E=x[1],$=n(s((function(){return E(window.scrollY>100)}),10)).current;return o((function(){return window.addEventListener("scroll",$),function(){window.removeEventListener("scroll",$)}}),[]),a.createElement("div",{className:c("header",{"header--hide":C},f)},l,a.createElement("div",{className:"header__title"},i),a.createElement("div",{className:"header__links"},(Array.isArray(h)?h:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,r=e.name;return a.createElement(H,{key:t,to:"".concat(v).concat(t),className:"header__links__item",activeClassName:"header__links__item--active"},r)}))),a.createElement(_,{control:a.createElement(N,{checked:u,onChange:function(e){return g(e.target.checked)},color:"secondary"}),label:"Dark"}),a.createElement(w,{defaultValue:y({language:d,supportLanguages:p}),onChange:function(e){return b(e)},options:p}),a.createElement(k,{title:i,logo:l,drawerList:h,supportLanguages:p}))};K.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,setDarkMode:function(){},onLanguageChange:function(){}},K.propTypes={className:i.string,title:i.string,logo:i.node,locale:i.string,supportLanguages:i.arrayOf(i.any),pages:i.arrayOf(i.any).isRequired,darkMode:i.bool,setDarkMode:i.func,onLanguageChange:i.func};export{K as default};
+import{a as e}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import r,{useState as t,useEffect as n,useRef as o}from"react";import a from"prop-types";import{c as i}from"./index-d90e1489.js";import{d as s}from"./debounce-7d215a19.js";import{useHistory as c,useRouteMatch as l,NavLink as p}from"react-router-dom";import{c as d,D as u}from"./Drawer-e93c7c89.js";import m from"./Select.js";import{c as f}from"./_commonjsHelpers-ae1b5db5.js";import h from"axios";import g from"./Autocomplete.js";import{s as y}from"./style-inject.es-1f59c1d0.js";import{T as b}from"./Typography-642487e3.js";import"./isObjectLike-75179648.js";import"./Menu-d1267946.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"react-dom";import"./useForkRef-4ff8cc89.js";import"./useTheme-ea7e9223.js";import"./debounce-65582d84.js";import"./ownerWindow-ba2c31bc.js";import"./createChainedFunction-8d6683d4.js";import"./Modal-3941cd33.js";import"./useEventCallback-8817ed1c.js";import"./Portal-411c252b.js";import"./Paper-fa04140f.js";import"./Grow-2b0c4caa.js";import"./utils-bb216124.js";import"./TransitionGroupContext-2ba64e99.js";import"./MenuItem-56abef4a.js";import"./isMuiElement-64ad493a.js";import"./ButtonBase-013fbd95.js";import"./useIsFocusVisible-217260c3.js";import"./ListItemText-cc180de2.js";import"./IconButton-920a73fd.js";import"./createSvgIcon-231b6223.js";import"./Backdrop-d3d2985b.js";import"./Fade-92cf2aad.js";import"./Empty.js";import"./Select-c0d0b016.js";import"./OutlinedInput-e0ddbd3a.js";import"./FormControlContext-90b149a2.js";import"./useControlled-b5d6fb94.js";import"./useFormControl-607a2e33.js";import"./CircularProgress-0af3f40f.js";import"./TextField-940e48e6.js";import"./unstable_useId-45c5b1e4.js";import"./Popper-896103c0.js";var _=new RegExp("%[a-f0-9]{2}","gi"),j=new RegExp("(%[a-f0-9]{2})+","gi");function x(e,r){try{return decodeURIComponent(e.join(""))}catch(e){}if(1===e.length)return e;r=r||1;var t=e.slice(0,r),n=e.slice(r);return Array.prototype.concat.call([],x(t),x(n))}function k(e){try{return decodeURIComponent(e)}catch(n){for(var r=e.match(_),t=1;t<r.length;t++)r=(e=x(r,t).join("")).match(_);return e}}var w=function(e){if("string"!=typeof e)throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch(r){return function(e){for(var r={"%FE%FF":"��","%FF%FE":"��"},t=j.exec(e);t;){try{r[t[0]]=decodeURIComponent(t[0])}catch(e){var n=k(t[0]);n!==t[0]&&(r[t[0]]=n)}t=j.exec(e)}r["%C2"]="�";for(var o=Object.keys(r),a=0;a<o.length;a++){var i=o[a];e=e.replace(new RegExp(i,"g"),r[i])}return e}(e)}},v=(e,r)=>{if("string"!=typeof e||"string"!=typeof r)throw new TypeError("Expected the arguments to be of type `string`");if(""===r)return[e];const t=e.indexOf(r);return-1===t?[e]:[e.slice(0,t),e.slice(t+r.length)]},E=f((function(e,r){function t(e){if("string"!=typeof e||1!==e.length)throw new TypeError("arrayFormatSeparator must be single character string")}function n(e,r){return r.encode?r.strict?encodeURIComponent(e).replace(/[!'()*]/g,(e=>`%${e.charCodeAt(0).toString(16).toUpperCase()}`)):encodeURIComponent(e):e}function o(e,r){return r.decode?w(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(((e,r)=>Number(e)-Number(r))).map((r=>e[r])):e}function i(e){const r=e.indexOf("#");return-1!==r&&(e=e.slice(0,r)),e}function s(e){const r=(e=i(e)).indexOf("?");return-1===r?"":e.slice(r+1)}function c(e,r){return r.parseNumbers&&!Number.isNaN(Number(e))&&"string"==typeof e&&""!==e.trim()?e=Number(e):!r.parseBooleans||null===e||"true"!==e.toLowerCase()&&"false"!==e.toLowerCase()||(e="true"===e.toLowerCase()),e}function l(e,r){t((r=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},r)).arrayFormatSeparator);const n=function(e){let r;switch(e.arrayFormat){case"index":return(e,t,n)=>{r=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),r?(void 0===n[e]&&(n[e]={}),n[e][r[1]]=t):n[e]=t};case"bracket":return(e,t,n)=>{r=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),r?void 0!==n[e]?n[e]=[].concat(n[e],t):n[e]=[t]:n[e]=t};case"comma":case"separator":return(r,t,n)=>{const a="string"==typeof t&&t.split("").indexOf(e.arrayFormatSeparator)>-1?t.split(e.arrayFormatSeparator).map((r=>o(r,e))):null===t?t:o(t,e);n[r]=a};default:return(e,r,t)=>{void 0!==t[e]?t[e]=[].concat(t[e],r):t[e]=r}}}(r),i=Object.create(null);if("string"!=typeof e)return i;if(!(e=e.trim().replace(/^[?#&]/,"")))return i;for(const t of e.split("&")){let[e,a]=v(r.decode?t.replace(/\+/g," "):t,"=");a=void 0===a?null:["comma","separator"].includes(r.arrayFormat)?a:o(a,r),n(o(e,r),a,i)}for(const e of Object.keys(i)){const t=i[e];if("object"==typeof t&&null!==t)for(const e of Object.keys(t))t[e]=c(t[e],r);else i[e]=c(t,r)}return!1===r.sort?i:(!0===r.sort?Object.keys(i).sort():Object.keys(i).sort(r.sort)).reduce(((e,r)=>{const t=i[r];return Boolean(t)&&"object"==typeof t&&!Array.isArray(t)?e[r]=a(t):e[r]=t,e}),Object.create(null))}r.extract=s,r.parse=l,r.stringify=(e,r)=>{if(!e)return"";t((r=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},r)).arrayFormatSeparator);const o=t=>r.skipNull&&null==e[t]||r.skipEmptyString&&""===e[t],a=function(e){switch(e.arrayFormat){case"index":return r=>(t,o)=>{const a=t.length;return void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[",a,"]"].join("")]:[...t,[n(r,e),"[",n(a,e),"]=",n(o,e)].join("")]};case"bracket":return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,[n(r,e),"[]"].join("")]:[...t,[n(r,e),"[]=",n(o,e)].join("")];case"comma":case"separator":return r=>(t,o)=>null==o||0===o.length?t:0===t.length?[[n(r,e),"=",n(o,e)].join("")]:[[t,n(o,e)].join(e.arrayFormatSeparator)];default:return r=>(t,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?t:null===o?[...t,n(r,e)]:[...t,[n(r,e),"=",n(o,e)].join("")]}}(r),i={};for(const r of Object.keys(e))o(r)||(i[r]=e[r]);const s=Object.keys(i);return!1!==r.sort&&s.sort(r.sort),s.map((t=>{const o=e[t];return void 0===o?"":null===o?n(t,r):Array.isArray(o)?o.reduce(a(t),[]).join("&"):n(t,r)+"="+n(o,r)})).filter((e=>e.length>0)).join("&")},r.parseUrl=(e,r)=>({url:i(e).split("?")[0]||"",query:l(s(e),r)}),r.stringifyUrl=(e,t)=>{const n=i(e.url).split("?")[0]||"",o=r.extract(e.url),a=r.parse(o),s=function(e){let r="";const t=e.indexOf("#");return-1!==t&&(r=e.slice(t)),r}(e.url),c=Object.assign(a,e.query);let l=r.stringify(c,t);return l&&(l=`?${l}`),`${n}${l}${s}`}}));E.extract,E.parse,E.stringify,E.parseUrl,E.stringifyUrl;const S=(e,r="value")=>e.filter(((e,t,n)=>n.findIndex((t=>t[r]===e[r]))===t));y(".headerSearch {\n  border-radius: 4px;\n  width: 100%;\n  margin-right: 14px; }\n  .headerSearch .autocomplete {\n    transition: max-width 0.3s ease-out;\n    max-width: 240px; }\n  .headerSearch--focus {\n    flex: 1; }\n    .headerSearch--focus .autocomplete {\n      max-width: 100%; }\n  .headerSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n    border-radius: 10px;\n    background-color: #ffffff66; }\n");const O=({searchAPI:e,placeholder:o,setAutocompleteOpen:a,autocompleteOpen:s,onSearch:l})=>{const[p,d]=t(!1),[u,m]=t([]),f=c(),{location:{search:y}}=f,{keyword:b}=E.parse(y);n((()=>{a(!1)}),[y]);return r.createElement("div",{className:i("headerSearch",{"headerSearch--focus":s})},r.createElement(g,{defaultValue:b,loading:p,options:S(u,"id").map((({name:e,id:r})=>({value:r,label:e}))),placeholder:o,onSearch:r=>{var t;(t=r)&&0!==t.length&&(d(!0),h.get(e,{params:{keyword:t}}).then((e=>{e.data&&e.data.data&&m(e.data.data)})).finally((()=>d(!1))))},onChange:e=>{e&&l(e)},onFocus:()=>a(!0),onBlur:()=>a(!1)}))};O.defaultProps={searchAPI:void 0,placeholder:void 0,autocompleteOpen:!1,setAutocompleteOpen:()=>{},onSearch:()=>{}},O.propTypes={searchAPI:a.string,placeholder:a.string,autocompleteOpen:a.bool,setAutocompleteOpen:a.func,onSearch:a.func};y(".header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6) !important;\n  background-color: rgba(255, 255, 255, 0.6) !important;\n  padding: 12px 36px !important;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  width: 100% !important;\n  transition: top 0.3s ease-in-out;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(4px);\n          backdrop-filter: blur(4px); }\n  .header__logo {\n    display: flex;\n    width: -moz-fit-content !important;\n    width: fit-content !important;\n    margin-right: 30px !important; }\n    .header__logo__img {\n      display: flex;\n      align-items: center;\n      margin-right: 12px; }\n    .header__logo__title {\n      white-space: nowrap;\n      font-size: 18px !important;\n      font-weight: bold !important; }\n  .header__links {\n    display: flex;\n    justify-content: flex-end;\n    padding-right: 14px; }\n    .header__links a {\n      text-decoration: none; }\n    .header__links--full {\n      flex: 1; }\n    .header__links__item {\n      color: rgba(0, 0, 0, 0.85);\n      font-weight: bold !important;\n      white-space: nowrap;\n      padding: 6px 14px; }\n      .header__links__item--active .header__links__item {\n        font-weight: 800 !important;\n        background: #ffffff66;\n        border-radius: 45px; }\n      .header__links__item:hover {\n        font-weight: 800 !important; }\n  .header__language {\n    min-width: 100px !important; }\n  .header--hide {\n    top: -100px; }\n  .header--focus .header__links {\n    display: none; }\n  .header .MuiTypography-root {\n    width: 100%;\n    display: flex;\n    align-items: center; }\n\n@media screen and (max-width: 600px) {\n  .header__logo {\n    margin-right: 16px !important; }\n    .header__logo__title {\n      display: none !important; }\n  .header__links {\n    display: none; }\n  .header__language {\n    display: none !important; }\n  .header--focus .header__logo {\n    display: none !important; }\n  .autocomplete__icon {\n    display: none !important; } }\n");var C=function(a){var f=a.title,h=a.logo,g=a.locale,y=a.supportLanguages,_=a.pages;a.darkMode;var j=a.className,x=a.searchAPI,k=a.searchPlaceholder,w=a.onSearch;a.setDarkMode;var v=a.onLanguageChange,E=c(),S=E.location.search,C=l().url,F=t(!1),I=e(F,2),A=I[0],N=I[1],P=t(!1),L=e(P,2),M=L[0],R=L[1],T=o(s((function(){return N(window.scrollY>100)}),10)).current;return n((function(){return window.addEventListener("scroll",T),function(){window.removeEventListener("scroll",T)}}),[]),n((function(){R(!1)}),[S]),r.createElement("div",{className:i("MuiPaper-root","header",{"header--hide":A},{"header--focus":M},j)},r.createElement("div",{className:"header__logo",onClick:function(){return E.push("/".concat(g))}},h&&r.createElement("div",{className:"header__logo__img"},h),!M&&f&&r.createElement(b,{color:"primary",className:"header__logo__title"},f)),x&&r.createElement(O,{searchAPI:x,placeholder:k,autocompleteOpen:M,setAutocompleteOpen:R,onSearch:w}),r.createElement("div",{className:i("header__links",{"header__links--full":!x})},(Array.isArray(_)?_:[]).filter((function(e){return e.showInHeader})).map((function(e){var t=e.path,n=e.name;return r.createElement(p,{key:t,to:"".concat(C).concat(t),activeClassName:"header__links__item--active"},r.createElement(b,{className:"header__links__item",color:"primary"},n))}))),false,r.createElement(m,{className:"header__language",defaultValue:d({language:g,supportLanguages:y}),onChange:function(e){return v(e)},options:y}),r.createElement(u,{title:f,logo:h,drawerList:_,supportLanguages:y}))};C.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],darkMode:!1,searchAPI:void 0,searchPlaceholder:void 0,onSearch:function(){},setDarkMode:function(){},onLanguageChange:function(){}},C.propTypes={className:a.string,title:a.string,logo:a.node,locale:a.string,supportLanguages:a.arrayOf(a.any),pages:a.arrayOf(a.any).isRequired,darkMode:a.bool,searchAPI:a.string,searchPlaceholder:a.string,onSearch:a.func,setDarkMode:a.func,onLanguageChange:a.func};export{C as default};

package/lib/components/IconButton-920a73fd.js

@@ -0,0 +1 @@
+import{w as e,b as a,_ as o,a as t}from"./withStyles-75fe409f.js";import*as r from"react";import"prop-types";import{c as i,a as n}from"./capitalize-4566b0fe.js";import{B as l}from"./ButtonBase-013fbd95.js";var s=r.forwardRef((function(e,a){var s=e.edge,d=void 0!==s&&s,c=e.children,p=e.classes,m=e.className,g=e.color,u=void 0===g?"default":g,b=e.disabled,f=void 0!==b&&b,h=e.disableFocusRipple,v=void 0!==h&&h,y=e.size,R=void 0===y?"medium":y,z=o(e,["edge","children","classes","className","color","disabled","disableFocusRipple","size"]);return r.createElement(l,t({className:i(p.root,m,"default"!==u&&p["color".concat(n(u))],f&&p.disabled,"small"===R&&p["size".concat(n(R))],{start:p.edgeStart,end:p.edgeEnd}[d]),centerRipple:!0,focusRipple:!v,disabled:f,ref:a},z),r.createElement("span",{className:p.label},c))})),d=e((function(e){return{root:{textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:12,borderRadius:"50%",overflow:"visible",color:e.palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{backgroundColor:a(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{backgroundColor:"transparent",color:e.palette.action.disabled}},edgeStart:{marginLeft:-12,"$sizeSmall&":{marginLeft:-3}},edgeEnd:{marginRight:-12,"$sizeSmall&":{marginRight:-3}},colorInherit:{color:"inherit"},colorPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:a(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},colorSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:a(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},disabled:{},sizeSmall:{padding:3,fontSize:e.typography.pxToRem(18)},label:{width:"100%",display:"flex",alignItems:"inherit",justifyContent:"inherit"}}}),{name:"MuiIconButton"})(s);export{d as I};

package/lib/components/Image.js

@@ -1 +1 @@
-import{c as M}from"./_rollupPluginBabelHelpers-9a98782c.js";import T,{useState as D}from"react";import{c as t}from"./index-d90e1489.js";import w from"prop-types";import{c as A,u as e}from"./_commonjsHelpers-ae1b5db5.js";import{s as O}from"./style-inject.es-1f59c1d0.js";var k=e(A((function(M){M.exports=function(M){var T={};function D(t){if(T[t])return T[t].exports;var w=T[t]={i:t,l:!1,exports:{}};return M[t].call(w.exports,w,w.exports,D),w.l=!0,w.exports}return D.m=M,D.c=T,D.d=function(M,T,t){D.o(M,T)||Object.defineProperty(M,T,{enumerable:!0,get:t})},D.r=function(M){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(M,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(M,"__esModule",{value:!0})},D.t=function(M,T){if(1&T&&(M=D(M)),8&T)return M;if(4&T&&"object"==typeof M&&M&&M.__esModule)return M;var t=Object.create(null);if(D.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:M}),2&T&&"string"!=typeof M)for(var w in M)D.d(t,w,function(T){return M[T]}.bind(null,w));return t},D.n=function(M){var T=M&&M.__esModule?function(){return M.default}:function(){return M};return D.d(T,"a",T),T},D.o=function(M,T){return Object.prototype.hasOwnProperty.call(M,T)},D.p="",D(D.s=1)}([function(M,D){M.exports=T},function(M,T,D){D.r(T),D.d(T,"default",(function(){return c}));var t=D(0),w=D.n(t);function A(M){return(A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(M){return typeof M}:function(M){return M&&"function"==typeof Symbol&&M.constructor===Symbol&&M!==Symbol.prototype?"symbol":typeof M})(M)}function e(M,T){if(!(M instanceof T))throw new TypeError("Cannot call a class as a function")}function O(M,T){return(O=Object.setPrototypeOf||function(M,T){return M.__proto__=T,M})(M,T)}function k(M){var T=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(M){return!1}}();return function(){var D,t=o(M);if(T){var w=o(this).constructor;D=Reflect.construct(t,arguments,w)}else D=t.apply(this,arguments);return i(this,D)}}function i(M,T){return!T||"object"!==A(T)&&"function"!=typeof T?n(M):T}function n(M){if(void 0===M)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return M}function o(M){return(o=Object.setPrototypeOf?Object.getPrototypeOf:function(M){return M.__proto__||Object.getPrototypeOf(M)})(M)}function I(M,T,D){return T in M?Object.defineProperty(M,T,{value:D,enumerable:!0,configurable:!0,writable:!0}):M[T]=D,M}function a(M){var T=0,D=0;return M.touches&&M.touches.length?(T=M.touches[0].pageX,D=M.touches[0].pageY):(T=M.pageX,D=M.pageY),{x:T,y:D}}function l(M){return M.condition?w.a.createElement(w.a.Fragment,null,M.children):null}var c=function(M){!function(M,T){if("function"!=typeof T&&null!==T)throw new TypeError("Super expression must either be null or a function");M.prototype=Object.create(T&&T.prototype,{constructor:{value:M,writable:!0,configurable:!0}}),T&&O(M,T)}(t,M);var T,D=k(t);function t(){var M,T,A,O,k;e(this,t);for(var i=arguments.length,o=new Array(i),l=0;l<i;l++)o[l]=arguments[l];return I(n(k=D.call.apply(D,[this].concat(o))),"initX",0),I(n(k),"initY",0),I(n(k),"lastX",0),I(n(k),"lastY",0),I(n(k),"_cont",w.a.createRef()),I(n(k),"state",{x:0,y:0,zoom:1,rotate:0,loading:!0,moving:!1,current:null!==(M=null===(T=k.props)||void 0===T?void 0:T.startIndex)&&void 0!==M?M:0,multi:!(null===(A=k.props)||void 0===A||null===(O=A.images)||void 0===O||!O.length)}),I(n(k),"createTransform",(function(M,T,D,t){return"translate3d(".concat(M,"px,").concat(T,"px,0px) scale(").concat(D,") rotate(").concat(t,"deg)")})),I(n(k),"stopSideEffect",(function(M){return M.stopPropagation()})),I(n(k),"getCurrentImage",(function(M,T){var D,t,w,A,e;return M.multi?null!==(t=null!==(w=null===(A=T.images[M.current])||void 0===A?void 0:A.url)&&void 0!==w?w:null===(e=T.images)||void 0===e?void 0:e[M.current])&&void 0!==t?t:"":null!==(D=T.image)&&void 0!==D?D:""})),I(n(k),"getCurrentTitle",(function(M,T){var D,t,w,A;return M.multi?null!==(t=null===(w=T.images)||void 0===w||null===(A=w[M.current])||void 0===A?void 0:A.title)&&void 0!==t?t:"":null!==(D=T.title)&&void 0!==D?D:""})),I(n(k),"resetZoom",(function(){return k.setState({x:0,y:0,zoom:1})})),I(n(k),"shockZoom",(function(M){var T,D,t=k.props,w=t.zoomStep,A=void 0===w?.3:w,e=t.allowZoom,O=void 0===e||e,i=t.doubleClickZoom,n=void 0===i?4:i;if(!O||!n)return!1;if(k.stopSideEffect(M),k.state.zoom>1)return k.resetZoom();var o=(A<1?Math.ceil(n/A):A)*A,I=a(M),l=null===(T=k._cont.current)||void 0===T||null===(D=T.getBoundingClientRect)||void 0===D?void 0:D.call(T),c=l.x+l.width/2,u=l.y+l.height/2,r=-1*(I.x-c)*o,g=-1*(I.y-u)*o;k.setState({x:r,y:g,zoom:o})})),I(n(k),"navigateImage",(function(M,T){k.stopSideEffect(T);var D=0;switch(M){case"next":D=k.state.current+1;break;case"prev":D=k.state.current-1}D>=k.props.images.length?D=0:D<0&&(D=k.props.images.length-1),k.setState({current:D,x:0,y:0,zoom:1,rotate:0,loading:!0})})),I(n(k),"startMove",(function(M){if(k.state.zoom<=1)return!1;k.setState({moving:!0});var T=a(M);k.initX=T.x-k.lastX,k.initY=T.y-k.lastY})),I(n(k),"duringMove",(function(M){if(!k.state.moving)return!1;var T=a(M);k.lastX=T.x-k.initX,k.lastY=T.y-k.initY,k.setState({x:T.x-k.initX,y:T.y-k.initY})})),I(n(k),"endMove",(function(M){return k.setState({moving:!1})})),I(n(k),"applyZoom",(function(M){var T=k.props.zoomStep,D=void 0===T?.3:T;switch(M){case"in":k.setState({zoom:k.state.zoom+D});break;case"out":var t=k.state.zoom-D;if(t<1)break;1===t?k.setState({x:0,y:0,zoom:1}):k.setState({zoom:t});break;case"reset":k.resetZoom()}})),I(n(k),"applyRotate",(function(M){switch(M){case"cw":k.setState({rotate:k.state.rotate+90});break;case"acw":k.setState({rotate:k.state.rotate-90})}})),I(n(k),"reset",(function(M){k.stopSideEffect(M),k.setState({x:0,y:0,zoom:1,rotate:0})})),I(n(k),"exit",(function(M){if("function"==typeof k.props.onClose)return k.props.onClose(M);console.error("No Exit function passed on prop: onClose. Clicking the close button will do nothing")})),I(n(k),"shouldShowReset",(function(){return k.state.x||k.state.y||1!==k.state.zoom||0!==k.state.rotate})),I(n(k),"canvasClick",(function(M){var T=k.props.clickOutsideToExit;if((void 0===T||T)&&k.state.zoom<=1)return k.exit(M)})),I(n(k),"keyboardNavigation",(function(M){var T=k.props,D=T.allowZoom,t=void 0===D||D,w=T.allowReset,A=void 0===w||w,e=k.state,O=e.multi,i=e.x,n=e.y,o=e.zoom;switch(M.key){case"ArrowLeft":O&&1===o?k.navigateImage("prev",M):o>1&&k.setState({x:i-20});break;case"ArrowRight":O&&1===o?k.navigateImage("next",M):o>1&&k.setState({x:i+20});break;case"ArrowUp":o>1&&k.setState({y:n+20});break;case"ArrowDown":o>1&&k.setState({y:n-20});break;case"+":t&&k.applyZoom("in");break;case"-":t&&k.applyZoom("out");break;case"Escape":A&&k.shouldShowReset()?k.reset(M):k.exit(M)}})),k}return(T=[{key:"componentDidMount",value:function(){document.body.classList.add("lb-open-lightbox");var M=this.props.keyboardInteraction;(void 0===M||M)&&document.addEventListener("keyup",this.keyboardNavigation)}},{key:"componentWillUnmount",value:function(){document.body.classList.remove("lb-open-lightbox");var M=this.props.keyboardInteraction;(void 0===M||M)&&document.removeEventListener("keyup",this.keyboardNavigation)}},{key:"render",value:function(){var M=this,T=this.getCurrentImage(this.state,this.props),D=this.getCurrentTitle(this.state,this.props);if(!T)return console.warn("Not showing lightbox because no image(s) was supplied"),null;var t=this.props,A=t.allowZoom,e=void 0===A||A,O=t.allowRotate,k=void 0===O||O,i=t.buttonAlign,n=void 0===i?"flex-end":i,o=t.showTitle,I=void 0===o||o,a=t.allowReset,c=void 0===a||a,u=this.state,r=u.x,g=u.y,j=u.zoom,d=u.rotate,m=u.multi,s=u.loading,y=u.moving,b=c&&this.shouldShowReset();return w.a.createElement("div",{className:"lb-container"},w.a.createElement("div",{className:"lb-header",style:{justifyContent:n}},w.a.createElement(l,{condition:I&&D},w.a.createElement("div",{className:"lb-title",style:{display:"center"===n?"none":"flex",order:"flex-start"===n?"2":"unset"}},w.a.createElement("span",{title:D,style:{textAlign:"flex-start"===n?"right":"left"}},D))),w.a.createElement(l,{condition:"center"===n||b},w.a.createElement("div",{title:"Reset",style:{order:"flex-start"===n?"1":"unset"},className:"lb-button lb-icon-reset lb-hide-mobile reload ".concat(b?"":"lb-disabled"),onClick:this.reset})),w.a.createElement(l,{condition:m},w.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev lb-hide-mobile",onClick:function(T){return M.navigateImage("prev",T)}}),w.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next lb-hide-mobile",onClick:function(T){return M.navigateImage("next",T)}})),w.a.createElement(l,{condition:e},w.a.createElement("div",{title:"Zoom In",className:"lb-button lb-icon-zoomin zoomin",onClick:function(){return M.applyZoom("in")}}),w.a.createElement("div",{title:"Zoom Out",className:"lb-button lb-icon-zoomout zoomout ".concat(j<=1?"lb-disabled":""),onClick:function(){return M.applyZoom("out")}})),w.a.createElement(l,{condition:k},w.a.createElement("div",{title:"Rotate left",className:"lb-button lb-icon-rotate rotatel",onClick:function(){return M.applyRotate("acw")}}),w.a.createElement("div",{title:"Rotate right",className:"lb-button lb-icon-rotate rotater",onClick:function(){return M.applyRotate("cw")}})),w.a.createElement("div",{title:"Close",className:"lb-button lb-icon-close close",style:{order:"flex-start"===n?"-1":"unset"},onClick:function(T){return M.exit(T)}})),w.a.createElement("div",{className:"lb-canvas".concat(s?" lb-loading":""),ref:this._cont,onClick:function(T){return M.canvasClick(T)}},w.a.createElement("img",{draggable:"false",style:{transform:this.createTransform(r,g,j,d),cursor:j>1?"grab":"unset",transition:y?"none":"all 0.1s"},onMouseDown:function(T){return M.startMove(T)},onTouchStart:function(T){return M.startMove(T)},onMouseMove:function(T){return M.duringMove(T)},onTouchMove:function(T){return M.duringMove(T)},onMouseUp:function(T){return M.endMove(T)},onMouseLeave:function(T){return M.endMove(T)},onTouchEnd:function(T){return M.endMove(T)},onClick:function(T){return M.stopSideEffect(T)},onDoubleClick:function(T){return M.shockZoom(T)},onLoad:function(T){return M.setState({loading:!1})},className:"lb-img".concat(s?" lb-loading":""),title:D,src:T,alt:D}),w.a.createElement("div",{className:"mobile-controls lb-show-mobile"},m?w.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev",onClick:function(T){return M.navigateImage("prev",T)}}):null,b?w.a.createElement("div",{title:"Reset",className:"lb-button lb-icon-reset reload",onClick:this.reset}):null,m?w.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next",onClick:function(T){return M.navigateImage("next",T)}}):null)))}}])&&function(M,T){for(var D=0;D<T.length;D++){var t=T[D];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(M,t.key,t)}}(t.prototype,T),t}(w.a.Component)}])})));O('\n.lb-icon-close{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5jbG9zZS1saW5lPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlLWxpbmUiIHVuaWNvZGU9IiYjeGVlZTE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik03NjIuNSAyMDBsMzcuNSAzNy41LTI2Mi41IDI2Mi41IDI2Mi41IDI2Mi41LTM3LjUgMzcuNS0yNjIuNS0yNjIuNS0yNjIuNSAyNjIuNS0zNy41LTM3LjUgMjYyLjUtMjYyLjUtMjYyLjUtMjYyLjUgMzcuNS0zNy41IDI2Mi41IDI2Mi41eiIvPgo8L3N2Zz4=");\n}\n.lb-icon-arrow{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImFycm93LWxlZnQiIHVuaWNvZGU9IiYjeGVhNWM7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTc3Ny40IDQyNy42aC0zNDMuMjk5OTk5OTk5OTk5OTVsMTI3LjUtMTI3LjVjOC43OTk5OTk5OTk5OTk5NTUtOC44MDAwMDAwMDAwMDAwMTEgOC43OTk5OTk5OTk5OTk5NTUtMjMuMTAwMDAwMDAwMDAwMDIzIDAtMzEuOTAwMDAwMDAwMDAwMDM0bC01My42MDAwMDAwMDAwMDAwMi01My41OTk5OTk5OTk5OTk5OTRjLTguODAwMDAwMDAwMDAwMDExLTguNzk5OTk5OTk5OTk5OTgzLTIzLjEwMDAwMDAwMDAwMDAyMy04Ljc5OTk5OTk5OTk5OTk4My0zMS44OTk5OTk5OTk5OTk5NzcgMGwtMjY5LjUgMjY5LjRjLTguODAwMDAwMDAwMDAwMDExIDguODAwMDAwMDAwMDAwMDExLTguODAwMDAwMDAwMDAwMDExIDIzLjEwMDAwMDAwMDAwMDAyMy0yLjg0MjE3MDk0MzA0MDQwMWUtMTQgMzEuODk5OTk5OTk5OTk5OTc3bDI2OS41IDI2OS41YzguNzk5OTk5OTk5OTk5OTU1IDguODAwMDAwMDAwMDAwMDY4IDIzLjA5OTk5OTk5OTk5OTk2NiA4LjgwMDAwMDAwMDAwMDA2OCAzMS44OTk5OTk5OTk5OTk5NzcgMGw1My42MDAwMDAwMDAwMDAwMi01My42MDAwMDAwMDAwMDAwMmM4Ljc5OTk5OTk5OTk5OTk1NS04Ljc5OTk5OTk5OTk5OTk1NSA4Ljc5OTk5OTk5OTk5OTk1NS0yMy4wOTk5OTk5OTk5OTk5MSAwLTMxLjg5OTk5OTk5OTk5OTk3N2wtMTM2LjkwMDAwMDAwMDAwMDAzLTEzNi43OTk5OTk5OTk5OTk5NWgzNTIuN2MxMi41IDAgMjIuNjAwMDAwMDAwMDAwMDIzLTEwLjEwMDAwMDAwMDAwMDAyMyAyMi42MDAwMDAwMDAwMDAwMjMtMjIuNjAwMDAwMDAwMDAwMDIzdi05MC4zMDAwMDAwMDAwMDAwMWMwLTEyLjUtMTAuMTAwMDAwMDAwMDAwMDIzLTIyLjU5OTk5OTk5OTk5OTk2Ni0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTY2eiIvPgo8L3N2Zz4=");\n}\n.lb-icon-zoomin{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLWluPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVpLXpvb20taW4iIHVuaWNvZGU9IiYjeGVjOTc7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTk4Mi4yIDc4OC42bC0yMzQuOTAwMDAwMDAwMDAwMS0yMTZjMjcuMTAwMDAwMDAwMDAwMDIzLTUzLjM5OTk5OTk5OTk5OTk4IDQyLjYwMDAwMDAwMDAwMDAyLTExMy42MDAwMDAwMDAwMDAwMiA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljc5OTk5OTk5OTk5OTk1LTM5NC45LTM5NS0zOTQuOS0yMTcuOTk5OTk5OTk5OTk5OTcgMC0zOTQuOSAxNzYuOC0zOTQuOSAzOTQuOSAwIDIxOC4yMDAwMDAwMDAwMDAwNSAxNzYuOSAzOTUgMzk0LjkgMzk1IDY0IDAgMTI0LjIwMDAwMDAwMDAwMDA1LTE1LjUgMTc3LjYwMDAwMDAwMDAwMDAyLTQyLjVsMjE2IDIzNWMyMSAyMi44MDAwMDAwMDAwMDAwNjggNTYuMTAwMDAwMDAwMDAwMDIgMjMuNSA3OC4xMDAwMDAwMDAwMDAwMiAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjE5OTk5OTk5OTk5OTkzLTExNy4yOTk5OTk5OTk5OTk5NWMyMi0yMiAyMS4yMDAwMDAwMDAwMDAwNDUtNTcuMTAwMDAwMDAwMDAwMDItMS41OTk5OTk5OTk5OTk5MDktNzguMTAwMDAwMDAwMDAwMDJ6IG0tNTg3LjMwMDAwMDAwMDAwMDEtMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzIuODk5OTk5OTk5OTk5OTggMC0yNDAuNzk5OTk5OTk5OTk5OTgtMTA3Ljg5OTk5OTk5OTk5OTk4LTI0MC43OTk5OTk5OTk5OTk5OC0yNDFzMTA3LjktMjQwLjg5OTk5OTk5OTk5OTk4IDI0MC43OTk5OTk5OTk5OTk5OC0yNDAuODk5OTk5OTk5OTk5OThjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQxIDEwNy44OTk5OTk5OTk5OTk5OCAyNDEgMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MSAyNDF6IG0xMjUuMzAwMDAwMDAwMDAwMDctMjgyLjVoLTg5LjQwMDAwMDAwMDAwMDAzdi04OS4zOTk5OTk5OTk5OTk5OGMwLTEyLjQwMDAwMDAwMDAwMDAwNi0xMC4xOTk5OTk5OTk5OTk5ODktMjIuNTk5OTk5OTk5OTk5OTk0LTIyLjYwMDAwMDAwMDAwMDAyMy0yMi41OTk5OTk5OTk5OTk5OTRoLTI5LjM5OTk5OTk5OTk5OTk3N2MtMTIuNSAwLTIyLjY5OTk5OTk5OTk5OTk5IDEwLjE5OTk5OTk5OTk5OTk4OS0yMi42OTk5OTk5OTk5OTk5OSAyMi41OTk5OTk5OTk5OTk5OTR2ODkuMzk5OTk5OTk5OTk5OThoLTg5LjQwMDAwMDAwMDAwMDAzYy0xMi4zOTk5OTk5OTk5OTk5NzcgMC0yMi41OTk5OTk5OTk5OTk5OTQgMTAuMjAwMDAwMDAwMDAwMDQ1LTIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4yMDAwMDAwMDAwMDAwMTcgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjNoODkuNDAwMDAwMDAwMDAwMDN2ODkuMzk5OTk5OTk5OTk5OThjMCAxMi41IDEwLjE5OTk5OTk5OTk5OTk4OSAyMi42MDAwMDAwMDAwMDAwMjMgMjIuNjk5OTk5OTk5OTk5OTkgMjIuNjAwMDAwMDAwMDAwMDIzaDI5LjM5OTk5OTk5OTk5OTk3N2MxMi40MDAwMDAwMDAwMDAwMzQgMCAyMi42MDAwMDAwMDAwMDAwMjMtMTAuMTAwMDAwMDAwMDAwMDIzIDIyLjYwMDAwMDAwMDAwMDAyMy0yMi42MDAwMDAwMDAwMDAwMjN2LTg5LjM5OTk5OTk5OTk5OTk4aDg5LjQwMDAwMDAwMDAwMDAzYzEyLjUgMCAyMi41OTk5OTk5OTk5OTk5MS0xMC4yMDAwMDAwMDAwMDAwNDUgMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzdi0yOS41YzAtMTIuMzk5OTk5OTk5OTk5OTc3LTEwLjA5OTk5OTk5OTk5OTkwOS0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=");\n}\n.lb-icon-zoomout{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLW91dDwvdGl0bGU+CjxnbHlwaCBnbHlwaC1uYW1lPSJ1aS16b29tLW91dCIgdW5pY29kZT0iJiN4ZWM5ODsiIGhvcml6LWFkdi14PSIxMDAwIiAvPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTgyLjIgNzg4LjZsLTIzNC45MDAwMDAwMDAwMDAxLTIxNmMyNy01My41IDQyLjYwMDAwMDAwMDAwMDAyLTExMy43MDAwMDAwMDAwMDAwNSA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljg5OTk5OTk5OTk5OTk4LTM5NC45LTM5NC45LTM5NC45LTIxOC4yIDAtMzk1IDE3Ni44LTM5NSAzOTQuOSAwIDIxOC4xMDAwMDAwMDAwMDAwMiAxNzYuOCAzOTUgMzk1IDM5NSA2My44OTk5OTk5OTk5OTk5OCAwIDEyNC4xMDAwMDAwMDAwMDAwMi0xNS41IDE3Ny42MDAwMDAwMDAwMDAwMi00Mi41bDIxNS44OTk5OTk5OTk5OTk5OCAyMzQuODk5OTk5OTk5OTk5OThjMjEgMjIuOTAwMDAwMDAwMDAwMDkgNTYuMjAwMDAwMDAwMDAwMDQ1IDIzLjYwMDAwMDAwMDAwMDAyMyA3OC4yMDAwMDAwMDAwMDAwNSAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjI5OTk5OTk5OTk5OTk1LTExNy4yOTk5OTk5OTk5OTk5NWMyMS43OTk5OTk5OTk5OTk5NTUtMjEuODAwMDAwMDAwMDAwMDY4IDIxLjEwMDAwMDAwMDAwMDAyMy01Ny0xLjc5OTk5OTk5OTk5OTk1NDUtNzh6IG0tNTg3LjItMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzMgMC0yNDAuOS0xMDcuODk5OTk5OTk5OTk5OTgtMjQwLjktMjQwLjg5OTk5OTk5OTk5OTk4czEwNy45LTI0MSAyNDAuOS0yNDFjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQwLjg5OTk5OTk5OTk5OTk4IDEwNy44OTk5OTk5OTk5OTk5OCAyNDAuODk5OTk5OTk5OTk5OTggMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MC44OTk5OTk5OTk5OTk5OCAyNDF6IG0xMjUuMjk5OTk5OTk5OTk5OTUtMjgyLjVoLTI1My41OTk5OTk5OTk5OTk5N2MtMTIuMzk5OTk5OTk5OTk5OTc3IDAtMjIuNSAxMC4xMDAwMDAwMDAwMDAwMjMtMjIuNSAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4xMDAwMDAwMDAwMDAwMjMgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjUgMjIuNjAwMDAwMDAwMDAwMDIzaDI1My41OTk5OTk5OTk5OTk5N2MxMi40MDAwMDAwMDAwMDAwOTEgMCAyMi41LTEwLjEwMDAwMDAwMDAwMDAyMyAyMi41LTIyLjYwMDAwMDAwMDAwMDAyM3YtMjkuNWMwLTEyLjM5OTk5OTk5OTk5OTk3Ny0xMC4wOTk5OTk5OTk5OTk5MDktMjIuNjAwMDAwMDAwMDAwMDIzLTIyLjUtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=");\n}\n.lb-icon-rotate{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51bmRvPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVuZG8iIHVuaWNvZGU9IiYjeGVlMGI7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik04OTguMSA2NTVjLTcuMjAwMDAwMDAwMDAwMDQ1NSAyOS41LTExLjM5OTk5OTk5OTk5OTk3NyA1OS43MDAwMDAwMDAwMDAwNDUtMjEuNzAwMDAwMDAwMDAwMDQ1IDg4LjUtNTMuMzk5OTk5OTk5OTk5OTggMTUwLjcwMDAwMDAwMDAwMDA1LTIwMCAyNTUuODk5OTk5OTk5OTk5OTgtMzU4LjI5OTk5OTk5OTk5OTk1IDI1Ni41LTQxLjcwMDAwMDAwMDAwMDA0NSAwLjEwMDAwMDAwMDAwMDAyMjc0LTc2LjMwMDAwMDAwMDAwMDAxLTI4Ljg5OTk5OTk5OTk5OTk3Ny04MC40MDAwMDAwMDAwMDAwMy02Ny4zOTk5OTk5OTk5OTk5OC00LjM5OTk5OTk5OTk5OTk3Ny00MC44OTk5OTk5OTk5OTk5OCAyMC45MDAwMDAwMDAwMDAwMzQtNzcuODk5OTk5OTk5OTk5OTggNjAuNjAwMDAwMDAwMDAwMDItODUuMTAwMDAwMDAwMDAwMDIgMjIuODAwMDAwMDAwMDAwMDEtNC4xMDAwMDAwMDAwMDAwMjMgNDYuNjk5OTk5OTk5OTk5OTktMi4yOTk5OTk5OTk5OTk5NTQ1IDY5LjQwMDAwMDAwMDAwMDAzLTguNSA5Mi4wOTk5OTk5OTk5OTk5MS0yNS4yMDAwMDAwMDAwMDAwNDUgMTUzLTg0IDE3MC43OTk5OTk5OTk5OTk5NS0xNzcuMjk5OTk5OTk5OTk5OTUgMTguODk5OTk5OTk5OTk5OTc3LTk4LjMwMDAwMDAwMDAwMDA3LTkuNS0xODQuMDAwMDAwMDAwMDAwMDYtOTIuMjAwMDAwMDAwMDAwMDUtMjQ2LjQwMDAwMDAwMDAwMDAzLTIzLjM5OTk5OTk5OTk5OTk3Ny0xNy42MDAwMDAwMDAwMDAwMjMtNTAuODk5OTk5OTk5OTk5OTgtMjguMTk5OTk5OTk5OTk5OTktODAtMjktNTYuMTk5OTk5OTk5OTk5OTMtMS41LTExMi4zOTk5OTk5OTk5OTk5OC0wLjQwMDAwMDAwMDAwMDAzNDEtMTY5LjA5OTk5OTk5OTk5OTk3LTAuNDAwMDAwMDAwMDAwMDM0MSAwLjQwMDAwMDAwMDAwMDAzNDEgNy41IDYuNSAxMC4yMDAwMDAwMDAwMDAwNDUgMTAuNDAwMDAwMDAwMDAwMDM0IDE0LjEwMDAwMDAwMDAwMDAyMyAyNy43OTk5OTk5OTk5OTk5NTUgMjguMTAwMDAwMDAwMDAwMDIzIDU2LjM5OTk5OTk5OTk5OTk4IDU1LjYwMDAwMDAwMDAwMDAyIDgzLjc5OTk5OTk5OTk5OTk1IDg0LjEwMDAwMDAwMDAwMDAyIDMxIDMyLjEwMDAwMDAwMDAwMDAyIDMwLjUgNzkuMjk5OTk5OTk5OTk5OTUtMC4wOTk5OTk5OTk5OTk5NjU5IDEwOS42OTk5OTk5OTk5OTk5My0yOS44MDAwMDAwMDAwMDAwMSAyOS42MDAwMDAwMDAwMDAwMjMtNzcuMTAwMDAwMDAwMDAwMDIgMzAuMjAwMDAwMDAwMDAwMDQ1LTEwOC4zMDAwMDAwMDAwMDAwMS0wLjY5OTk5OTk5OTk5OTkzMTgtOTIuNS05MS43MDAwMDAwMDAwMDAwNS0xODQuMi0xODQuMTAwMDAwMDAwMDAwMDItMjc2LjQtMjc1LjkwMDAwMDAwMDAwMDAzLTcuNTAwMDAwMDAwMDAwMDI4LTcuNS02LjIwMDAwMDAwMDAwMDAxNy0xMS4zOTk5OTk5OTk5OTk5NzcgMC42OTk5OTk5OTk5OTk5NzQ0LTE4LjMwMDAwMDAwMDAwMDAxIDkxLjgtOTEuMjk5OTk5OTk5OTk5OTggMTgzLjM5OTk5OTk5OTk5OTk4LTE4Mi44OTk5OTk5OTk5OTk5OCAyNzQuNy0yNzQuNyAxMS44MDAwMDAwMDAwMDAwMTEtMTEuODk5OTk5OTk5OTk5OTg4IDI3LTE2LjY5OTk5OTk5OTk5OTk5IDQxLTI0LjE5OTk5OTk5OTk5OTk5aDI4LjgwMDAwMDAwMDAwMDAxYzEuMzk5OTk5OTk5OTk5OTc3MyAzLjQgNC41OTk5OTk5OTk5OTk5NjYgMy4xIDcuMzk5OTk5OTk5OTk5OTc3IDQuMSA1OC4xOTk5OTk5OTk5OTk5OSAyMC41IDczLjY5OTk5OTk5OTk5OTk5IDg1LjUgMzAuOTAwMDAwMDAwMDAwMDM0IDEzMC05LjUgOS45MDAwMDAwMDAwMDAwMDYtMTkuNSAxOS41LTI5LjMwMDAwMDAwMDAwMDAxIDI5LjIwMDAwMDAwMDAwMDAxNy0yMS41IDIxLjE5OTk5OTk5OTk5OTk5LTQzIDQyLjUtNjguMzAwMDAwMDAwMDAwMDEgNjcuMzk5OTk5OTk5OTk5OThoMjMuMTAwMDAwMDAwMDAwMDIzYzQ3LjM5OTk5OTk5OTk5OTk4IDAgOTQuNjk5OTk5OTk5OTk5OTktMC4zOTk5OTk5OTk5OTk5NzcyNiAxNDIuMTAwMDAwMDAwMDAwMDIgMC4zMDAwMDAwMDAwMDAwMTEzNyAzNC44OTk5OTk5OTk5OTk5OCAwLjU5OTk5OTk5OTk5OTk5NDMgNjkuMTk5OTk5OTk5OTk5OTMgNi41IDEwMS43OTk5OTk5OTk5OTk5NSAxOS4wOTk5OTk5OTk5OTk5OTQgMTEzLjEwMDAwMDAwMDAwMDAyIDQzLjU5OTk5OTk5OTk5OTk5NCAxODIuMzk5OTk5OTk5OTk5OTggMTI3LjUwMDAwMDAwMDAwMDAzIDIyMC4xMDAwMDAwMDAwMDAwMiAyNDAuMjk5OTk5OTk5OTk5OTggOC44OTk5OTk5OTk5OTk5NzcgMjYuNzAwMDAwMDAwMDAwMDQ1IDExLjM5OTk5OTk5OTk5OTk3NyA1NC44MDAwMDAwMDAwMDAwNyAxOC4zOTk5OTk5OTk5OTk5NzcgODEuODAwMDAwMDAwMDAwMDcgMC4xMDAwMDAwMDAwMDAwMjI3NCAyNy41OTk5OTk5OTk5OTk5MSAwLjEwMDAwMDAwMDAwMDAyMjc0IDU1LjE5OTk5OTk5OTk5OTkzIDAuMTAwMDAwMDAwMDAwMDIyNzQgODIuNzk5OTk5OTk5OTk5OTV6Ii8+Cjwvc3ZnPg==");\n}\n.lb-icon-reset{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5yZWZyZXNoPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InJlZnJlc2giIHVuaWNvZGU9IiYjeGVmZDE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTg5OS44IDU1NC42aC00Mi4xOTk5OTk5OTk5OTk5M2MtMTguODk5OTk5OTk5OTk5OTc3IDAtMzYuNSAxNS4xOTk5OTk5OTk5OTk5MzItNDEuNjAwMDAwMDAwMDAwMDIgMzMuMzk5OTk5OTk5OTk5OTgtMzguMjk5OTk5OTk5OTk5OTU1IDEzOC4zOTk5OTk5OTk5OTk5OC0xNjUuMzk5OTk5OTk5OTk5OTggMjQwLTMxNi4yIDI0MC0xMDIuODAwMDAwMDAwMDAwMDEgMC0xOTQuOC00Ny4yOTk5OTk5OTk5OTk5NTUtMjU0LjktMTIxLjYwMDAwMDAwMDAwMDAyLTExLjkwMDAwMDAwMDAwMDAwNi0xNC42OTk5OTk5OTk5OTk5MzItOC44MDAwMDAwMDAwMDAwMTEtMzggNS4wOTk5OTk5OTk5OTk5OTQtNTAuNzk5OTk5OTk5OTk5OTU1bDg0LjgwMDAwMDAwMDAwMDAxLTc3Ljg5OTk5OTk5OTk5OTk4YzEzLjg5OTk5OTk5OTk5OTk3Ny0xMi44MDAwMDAwMDAwMDAwNjggOS44OTk5OTk5OTk5OTk5NzctMjMuMTAwMDAwMDAwMDAwMDIzLTktMjMuMTAwMDAwMDAwMDAwMDIzaC0yMjkuMTAwMDAwMDAwMDAwMDJjLTE4Ljg5OTk5OTk5OTk5OTk5IDAtMzQuMTk5OTk5OTk5OTk5OTkgMTUuMjk5OTk5OTk5OTk5OTU1LTM0LjE5OTk5OTk5OTk5OTk5IDM0LjE5OTk5OTk5OTk5OTkzdjIwNS4xMDAwMDAwMDAwMDAwMmMwIDE4Ljg5OTk5OTk5OTk5OTk3NyAxMS4yOTk5OTk5OTk5OTk5OTcgMjMuODAwMDAwMDAwMDAwMDY4IDI1LjA5OTk5OTk5OTk5OTk5NCAxMWwzMC42MDAwMDAwMDAwMDAwMS0yOC4xOTk5OTk5OTk5OTk5MzJjMTMuODk5OTk5OTk5OTk5OTkxLTEyLjgwMDAwMDAwMDAwMDA2OCAzMy44OTk5OTk5OTk5OTk5OS0xMC42MDAwMDAwMDAwMDAwMjMgNDYuMTAwMDAwMDAwMDAwMDEgMy44OTk5OTk5OTk5OTk5NzczIDgwLjI5OTk5OTk5OTk5OTk4IDk1Ljg5OTk5OTk5OTk5OTk4IDIwMC44OTk5OTk5OTk5OTk5OCAxNTYuODk5OTk5OTk5OTk5OTggMzM1LjUgMTU2Ljg5OTk5OTk5OTk5OTk4IDIxMS40OTk5OTk5OTk5OTk5NCAwIDM4Ny43LTE1MCA0MjguNTk5OTk5OTk5OTk5OTctMzQ5LjIwMDAwMDAwMDAwMDA1IDMuODk5OTk5OTk5OTk5OTc3My0xOC41LTkuNjk5OTk5OTk5OTk5OTMyLTMzLjY5OTk5OTk5OTk5OTkzLTI4LjYwMDAwMDAwMDAwMDAyMy0zMy42OTk5OTk5OTk5OTk5M3ogbTEzLjUtMzU4LjQwMDAwMDAwMDAwMDAzbC0yOS44OTk5OTk5OTk5OTk5NzcgMjkuODAwMDAwMDAwMDAwMDFjLTEzLjM5OTk5OTk5OTk5OTk3NyAxMy4zMDAwMDAwMDAwMDAwMTEtMzIuNzk5OTk5OTk5OTk5OTU1IDExLjUtNDQuNzk5OTk5OTk5OTk5OTU1LTMuMDk5OTk5OTk5OTk5OTk0My04MC4yMDAwMDAwMDAwMDAwNS05Ny45LTIwMi4zMDAwMDAwMDAwMDAwNy0xNjAuNC0zMzguOC0xNjAuNC0yMTEuMTAwMDAwMDAwMDAwMDIgMC0zODcuNiAxNDkuNy00MjguMyAzNDkuMi0zLjc5OTk5OTk5OTk5OTk5NyAxOC41IDkuNzk5OTk5OTk5OTk5OTk3IDMzLjgwMDAwMDAwMDAwMDAxIDI4LjcwMDAwMDAwMDAwMDAwMyAzMy44MDAwMDAwMDAwMDAwMWg0Mi4yYzE4LjkwMDAwMDAwMDAwMDAwNiAwIDM2LjUtMTUuMTAwMDAwMDAwMDAwMDIzIDQxLjUtMzMuMzAwMDAwMDAwMDAwMDEgMzguMjk5OTk5OTk5OTk5OTgtMTM4LjggMTY1LjQtMjQwLjIgMzE1LjktMjQwLjIgMTA2LjYwMDAwMDAwMDAwMDAyIDAgMjAxLjIwMDAwMDAwMDAwMDA1IDUwLjUgMjYxLjIwMDAwMDAwMDAwMDA1IDEyOS4xMDAwMDAwMDAwMDAwMiAxMS41IDE1IDguMzk5OTk5OTk5OTk5OTc3IDM5LTQuODk5OTk5OTk5OTk5OTc3IDUyLjI5OTk5OTk5OTk5OTk1NWwtNjcuODAwMDAwMDAwMDAwMDcgNjcuOTAwMDAwMDAwMDAwMDNjLTEzLjI5OTk5OTk5OTk5OTk1NSAxMy4zOTk5OTk5OTk5OTk5NzctOC44OTk5OTk5OTk5OTk5NzcgMjQuMTk5OTk5OTk5OTk5OTkgMTAgMjQuMTk5OTk5OTk5OTk5OTloMjA1LjEwMDAwMDAwMDAwMDAyYzE4Ljg5OTk5OTk5OTk5OTk3NyAwIDM0LjIwMDAwMDAwMDAwMDA0NS0xNS4zMDAwMDAwMDAwMDAwMTEgMzQuMjAwMDAwMDAwMDAwMDQ1LTM0LjE5OTk5OTk5OTk5OTk5di0yMDUuMTAwMDAwMDAwMDAwMDJjLTAuMTAwMDAwMDAwMDAwMDIyNzQtMTguODk5OTk5OTk5OTk5OTc3LTEwLjg5OTk5OTk5OTk5OTk3Ny0yMy4zOTk5OTk5OTk5OTk5NzctMjQuMzAwMDAwMDAwMDAwMDY4LTEweiIvPgo8L3N2Zz4=");\n}\n.lb-container{\n    z-index: 50000;\n    position: absolute;\n    position: fixed;\n    left:0px;\n    top:0px;\n    width: 100%;\n    height: 100%;\n    background-color: #000;\n    background-color: rgba(0,0,0,0.8);\n    display: flex;\n    flex-direction: column;\n}\n.lb-container .lb-header{\n    height: 50px;\n    background: #000;\n    background: rgba(0,0,0,0.9);\n    box-shadow: 0px 1px 5px 0px #111;\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-end;\n    z-index: 10;\n}\n.lb-header .lb-button{\n    padding: 10px 25px;\n    background-size: 40% auto;\n    background-position: center center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n}\n.lb-header .lb-button:not(:last-child){\n    margin-right: 3px;\n}\n.lb-header .lb-button:hover{\n    background-color:#777;\n}\n\n.lb-header .lb-button.rotater{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-title{\n    flex: 1;\n    align-items: center;\n    color: white;\n    font-size: 1.1em;\n    padding: 0em 0.8em;\n    overflow: hidden;\n}\n.lb-header .lb-title span{\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    width: 100%;\n}\n.lb-container .lb-canvas{\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    position: relative;\n}\n.lb-canvas .lb-img{\n    max-width: 80vw;\n    max-height: 80vh;\n    min-width: 100px;\n    min-height: 100px;\n    /* transition: all 0.1s; */\n    cursor: grab;\n    background-size: 50px;\n    transform-origin: center center;\n}\n.lb-canvas .lb-img.lb-loading{\n    opacity: 0;\n}\n.lb-canvas.lb-loading{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjEwMXB4IiBoZWlnaHQ9IjEwMXB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSgwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC45MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDggNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDcyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC43MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg5NiA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNDQgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjUzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE2OCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNDY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTkyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTYgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMjY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI2NCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjg4IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4xMzMzMzMzMzMzMzMzMzMzM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzEyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4wNjY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzM2IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz4KPCEtLSBbbGRpb10gZ2VuZXJhdGVkIGJ5IGh0dHBzOi8vbG9hZGluZy5pby8gLS0+PC9zdmc+");\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n.mobile-controls{\n    position: absolute;\n    bottom: 25px;\n    left: 0px;\n    width: 100%;\n    height: 45px;\n    display: flex;\n    justify-content: center;\n}\n.mobile-controls .lb-button{\n    width: 50px;\n    height: 50px;\n    background-color: rgba(0,0,0,0.9);\n    background-position: center center;\n    background-size: 40%;\n    background-repeat: no-repeat;\n    margin: 0.2em;\n    cursor: pointer;\n}\n.mobile-controls .lb-button:active{\n    background-color:#777;\n}\n.mobile-controls .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-show-mobile{\n    display: none;   \n}\n.lb-disabled{\n    pointer-events: none;\n    touch-action: none;\n    opacity: 0.4;\n}\n@media (max-width:600px){\n    .lb-header .lb-button:hover{\n        background-color: inherit;\n    }\n    .lb-header .lb-button:active{\n        background-color: #777;\n    }\n    .lb-show-mobile{\n        display: flex !important;\n    }\n    .lb-hide-mobile{\n        display: none !important;\n    }\n    .lb-canvas .lb-img{\n        max-height: 60vh;\n    }\n}');O(".image {\n  cursor: pointer; }\n");var i=function(w){var A=w.className,e=w.src,O=w.width,i=D(!1),n=M(i,2),o=n[0],I=n[1];return T.createElement("div",null,T.createElement("img",{src:e,className:t("image",A),style:{width:"".concat(O,"px")},alt:"preview",onClick:function(){return I(!0)}}),o?T.createElement(k,{image:e,showTitle:!1,onClose:function(){return I(!1)}}):null)};i.defaultProps={className:void 0,src:void 0,width:200},i.propTypes={className:w.string,src:w.string,width:w.number};export{i as default};
+import{a as M}from"./_rollupPluginBabelHelpers-6c1cf22a.js";import T,{useState as D}from"react";import{c as t}from"./index-d90e1489.js";import w from"prop-types";import{c as A,u as e}from"./_commonjsHelpers-ae1b5db5.js";import{s as O}from"./style-inject.es-1f59c1d0.js";var k=e(A((function(M){M.exports=function(M){var T={};function D(t){if(T[t])return T[t].exports;var w=T[t]={i:t,l:!1,exports:{}};return M[t].call(w.exports,w,w.exports,D),w.l=!0,w.exports}return D.m=M,D.c=T,D.d=function(M,T,t){D.o(M,T)||Object.defineProperty(M,T,{enumerable:!0,get:t})},D.r=function(M){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(M,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(M,"__esModule",{value:!0})},D.t=function(M,T){if(1&T&&(M=D(M)),8&T)return M;if(4&T&&"object"==typeof M&&M&&M.__esModule)return M;var t=Object.create(null);if(D.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:M}),2&T&&"string"!=typeof M)for(var w in M)D.d(t,w,function(T){return M[T]}.bind(null,w));return t},D.n=function(M){var T=M&&M.__esModule?function(){return M.default}:function(){return M};return D.d(T,"a",T),T},D.o=function(M,T){return Object.prototype.hasOwnProperty.call(M,T)},D.p="",D(D.s=1)}([function(M,D){M.exports=T},function(M,T,D){D.r(T),D.d(T,"default",(function(){return c}));var t=D(0),w=D.n(t);function A(M){return(A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(M){return typeof M}:function(M){return M&&"function"==typeof Symbol&&M.constructor===Symbol&&M!==Symbol.prototype?"symbol":typeof M})(M)}function e(M,T){if(!(M instanceof T))throw new TypeError("Cannot call a class as a function")}function O(M,T){return(O=Object.setPrototypeOf||function(M,T){return M.__proto__=T,M})(M,T)}function k(M){var T=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(M){return!1}}();return function(){var D,t=o(M);if(T){var w=o(this).constructor;D=Reflect.construct(t,arguments,w)}else D=t.apply(this,arguments);return i(this,D)}}function i(M,T){return!T||"object"!==A(T)&&"function"!=typeof T?n(M):T}function n(M){if(void 0===M)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return M}function o(M){return(o=Object.setPrototypeOf?Object.getPrototypeOf:function(M){return M.__proto__||Object.getPrototypeOf(M)})(M)}function I(M,T,D){return T in M?Object.defineProperty(M,T,{value:D,enumerable:!0,configurable:!0,writable:!0}):M[T]=D,M}function a(M){var T=0,D=0;return M.touches&&M.touches.length?(T=M.touches[0].pageX,D=M.touches[0].pageY):(T=M.pageX,D=M.pageY),{x:T,y:D}}function l(M){return M.condition?w.a.createElement(w.a.Fragment,null,M.children):null}var c=function(M){!function(M,T){if("function"!=typeof T&&null!==T)throw new TypeError("Super expression must either be null or a function");M.prototype=Object.create(T&&T.prototype,{constructor:{value:M,writable:!0,configurable:!0}}),T&&O(M,T)}(t,M);var T,D=k(t);function t(){var M,T,A,O,k;e(this,t);for(var i=arguments.length,o=new Array(i),l=0;l<i;l++)o[l]=arguments[l];return I(n(k=D.call.apply(D,[this].concat(o))),"initX",0),I(n(k),"initY",0),I(n(k),"lastX",0),I(n(k),"lastY",0),I(n(k),"_cont",w.a.createRef()),I(n(k),"state",{x:0,y:0,zoom:1,rotate:0,loading:!0,moving:!1,current:null!==(M=null===(T=k.props)||void 0===T?void 0:T.startIndex)&&void 0!==M?M:0,multi:!(null===(A=k.props)||void 0===A||null===(O=A.images)||void 0===O||!O.length)}),I(n(k),"createTransform",(function(M,T,D,t){return"translate3d(".concat(M,"px,").concat(T,"px,0px) scale(").concat(D,") rotate(").concat(t,"deg)")})),I(n(k),"stopSideEffect",(function(M){return M.stopPropagation()})),I(n(k),"getCurrentImage",(function(M,T){var D,t,w,A,e;return M.multi?null!==(t=null!==(w=null===(A=T.images[M.current])||void 0===A?void 0:A.url)&&void 0!==w?w:null===(e=T.images)||void 0===e?void 0:e[M.current])&&void 0!==t?t:"":null!==(D=T.image)&&void 0!==D?D:""})),I(n(k),"getCurrentTitle",(function(M,T){var D,t,w,A;return M.multi?null!==(t=null===(w=T.images)||void 0===w||null===(A=w[M.current])||void 0===A?void 0:A.title)&&void 0!==t?t:"":null!==(D=T.title)&&void 0!==D?D:""})),I(n(k),"resetZoom",(function(){return k.setState({x:0,y:0,zoom:1})})),I(n(k),"shockZoom",(function(M){var T,D,t=k.props,w=t.zoomStep,A=void 0===w?.3:w,e=t.allowZoom,O=void 0===e||e,i=t.doubleClickZoom,n=void 0===i?4:i;if(!O||!n)return!1;if(k.stopSideEffect(M),k.state.zoom>1)return k.resetZoom();var o=(A<1?Math.ceil(n/A):A)*A,I=a(M),l=null===(T=k._cont.current)||void 0===T||null===(D=T.getBoundingClientRect)||void 0===D?void 0:D.call(T),c=l.x+l.width/2,u=l.y+l.height/2,r=-1*(I.x-c)*o,g=-1*(I.y-u)*o;k.setState({x:r,y:g,zoom:o})})),I(n(k),"navigateImage",(function(M,T){k.stopSideEffect(T);var D=0;switch(M){case"next":D=k.state.current+1;break;case"prev":D=k.state.current-1}D>=k.props.images.length?D=0:D<0&&(D=k.props.images.length-1),k.setState({current:D,x:0,y:0,zoom:1,rotate:0,loading:!0})})),I(n(k),"startMove",(function(M){if(k.state.zoom<=1)return!1;k.setState({moving:!0});var T=a(M);k.initX=T.x-k.lastX,k.initY=T.y-k.lastY})),I(n(k),"duringMove",(function(M){if(!k.state.moving)return!1;var T=a(M);k.lastX=T.x-k.initX,k.lastY=T.y-k.initY,k.setState({x:T.x-k.initX,y:T.y-k.initY})})),I(n(k),"endMove",(function(M){return k.setState({moving:!1})})),I(n(k),"applyZoom",(function(M){var T=k.props.zoomStep,D=void 0===T?.3:T;switch(M){case"in":k.setState({zoom:k.state.zoom+D});break;case"out":var t=k.state.zoom-D;if(t<1)break;1===t?k.setState({x:0,y:0,zoom:1}):k.setState({zoom:t});break;case"reset":k.resetZoom()}})),I(n(k),"applyRotate",(function(M){switch(M){case"cw":k.setState({rotate:k.state.rotate+90});break;case"acw":k.setState({rotate:k.state.rotate-90})}})),I(n(k),"reset",(function(M){k.stopSideEffect(M),k.setState({x:0,y:0,zoom:1,rotate:0})})),I(n(k),"exit",(function(M){if("function"==typeof k.props.onClose)return k.props.onClose(M);console.error("No Exit function passed on prop: onClose. Clicking the close button will do nothing")})),I(n(k),"shouldShowReset",(function(){return k.state.x||k.state.y||1!==k.state.zoom||0!==k.state.rotate})),I(n(k),"canvasClick",(function(M){var T=k.props.clickOutsideToExit;if((void 0===T||T)&&k.state.zoom<=1)return k.exit(M)})),I(n(k),"keyboardNavigation",(function(M){var T=k.props,D=T.allowZoom,t=void 0===D||D,w=T.allowReset,A=void 0===w||w,e=k.state,O=e.multi,i=e.x,n=e.y,o=e.zoom;switch(M.key){case"ArrowLeft":O&&1===o?k.navigateImage("prev",M):o>1&&k.setState({x:i-20});break;case"ArrowRight":O&&1===o?k.navigateImage("next",M):o>1&&k.setState({x:i+20});break;case"ArrowUp":o>1&&k.setState({y:n+20});break;case"ArrowDown":o>1&&k.setState({y:n-20});break;case"+":t&&k.applyZoom("in");break;case"-":t&&k.applyZoom("out");break;case"Escape":A&&k.shouldShowReset()?k.reset(M):k.exit(M)}})),k}return(T=[{key:"componentDidMount",value:function(){document.body.classList.add("lb-open-lightbox");var M=this.props.keyboardInteraction;(void 0===M||M)&&document.addEventListener("keyup",this.keyboardNavigation)}},{key:"componentWillUnmount",value:function(){document.body.classList.remove("lb-open-lightbox");var M=this.props.keyboardInteraction;(void 0===M||M)&&document.removeEventListener("keyup",this.keyboardNavigation)}},{key:"render",value:function(){var M=this,T=this.getCurrentImage(this.state,this.props),D=this.getCurrentTitle(this.state,this.props);if(!T)return console.warn("Not showing lightbox because no image(s) was supplied"),null;var t=this.props,A=t.allowZoom,e=void 0===A||A,O=t.allowRotate,k=void 0===O||O,i=t.buttonAlign,n=void 0===i?"flex-end":i,o=t.showTitle,I=void 0===o||o,a=t.allowReset,c=void 0===a||a,u=this.state,r=u.x,g=u.y,j=u.zoom,d=u.rotate,m=u.multi,s=u.loading,y=u.moving,b=c&&this.shouldShowReset();return w.a.createElement("div",{className:"lb-container"},w.a.createElement("div",{className:"lb-header",style:{justifyContent:n}},w.a.createElement(l,{condition:I&&D},w.a.createElement("div",{className:"lb-title",style:{display:"center"===n?"none":"flex",order:"flex-start"===n?"2":"unset"}},w.a.createElement("span",{title:D,style:{textAlign:"flex-start"===n?"right":"left"}},D))),w.a.createElement(l,{condition:"center"===n||b},w.a.createElement("div",{title:"Reset",style:{order:"flex-start"===n?"1":"unset"},className:"lb-button lb-icon-reset lb-hide-mobile reload ".concat(b?"":"lb-disabled"),onClick:this.reset})),w.a.createElement(l,{condition:m},w.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev lb-hide-mobile",onClick:function(T){return M.navigateImage("prev",T)}}),w.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next lb-hide-mobile",onClick:function(T){return M.navigateImage("next",T)}})),w.a.createElement(l,{condition:e},w.a.createElement("div",{title:"Zoom In",className:"lb-button lb-icon-zoomin zoomin",onClick:function(){return M.applyZoom("in")}}),w.a.createElement("div",{title:"Zoom Out",className:"lb-button lb-icon-zoomout zoomout ".concat(j<=1?"lb-disabled":""),onClick:function(){return M.applyZoom("out")}})),w.a.createElement(l,{condition:k},w.a.createElement("div",{title:"Rotate left",className:"lb-button lb-icon-rotate rotatel",onClick:function(){return M.applyRotate("acw")}}),w.a.createElement("div",{title:"Rotate right",className:"lb-button lb-icon-rotate rotater",onClick:function(){return M.applyRotate("cw")}})),w.a.createElement("div",{title:"Close",className:"lb-button lb-icon-close close",style:{order:"flex-start"===n?"-1":"unset"},onClick:function(T){return M.exit(T)}})),w.a.createElement("div",{className:"lb-canvas".concat(s?" lb-loading":""),ref:this._cont,onClick:function(T){return M.canvasClick(T)}},w.a.createElement("img",{draggable:"false",style:{transform:this.createTransform(r,g,j,d),cursor:j>1?"grab":"unset",transition:y?"none":"all 0.1s"},onMouseDown:function(T){return M.startMove(T)},onTouchStart:function(T){return M.startMove(T)},onMouseMove:function(T){return M.duringMove(T)},onTouchMove:function(T){return M.duringMove(T)},onMouseUp:function(T){return M.endMove(T)},onMouseLeave:function(T){return M.endMove(T)},onTouchEnd:function(T){return M.endMove(T)},onClick:function(T){return M.stopSideEffect(T)},onDoubleClick:function(T){return M.shockZoom(T)},onLoad:function(T){return M.setState({loading:!1})},className:"lb-img".concat(s?" lb-loading":""),title:D,src:T,alt:D}),w.a.createElement("div",{className:"mobile-controls lb-show-mobile"},m?w.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev",onClick:function(T){return M.navigateImage("prev",T)}}):null,b?w.a.createElement("div",{title:"Reset",className:"lb-button lb-icon-reset reload",onClick:this.reset}):null,m?w.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next",onClick:function(T){return M.navigateImage("next",T)}}):null)))}}])&&function(M,T){for(var D=0;D<T.length;D++){var t=T[D];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(M,t.key,t)}}(t.prototype,T),t}(w.a.Component)}])})));O('\n.lb-icon-close{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5jbG9zZS1saW5lPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlLWxpbmUiIHVuaWNvZGU9IiYjeGVlZTE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik03NjIuNSAyMDBsMzcuNSAzNy41LTI2Mi41IDI2Mi41IDI2Mi41IDI2Mi41LTM3LjUgMzcuNS0yNjIuNS0yNjIuNS0yNjIuNSAyNjIuNS0zNy41LTM3LjUgMjYyLjUtMjYyLjUtMjYyLjUtMjYyLjUgMzcuNS0zNy41IDI2Mi41IDI2Mi41eiIvPgo8L3N2Zz4=");\n}\n.lb-icon-arrow{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5hcnJvdy1sZWZ0PC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9ImFycm93LWxlZnQiIHVuaWNvZGU9IiYjeGVhNWM7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTc3Ny40IDQyNy42aC0zNDMuMjk5OTk5OTk5OTk5OTVsMTI3LjUtMTI3LjVjOC43OTk5OTk5OTk5OTk5NTUtOC44MDAwMDAwMDAwMDAwMTEgOC43OTk5OTk5OTk5OTk5NTUtMjMuMTAwMDAwMDAwMDAwMDIzIDAtMzEuOTAwMDAwMDAwMDAwMDM0bC01My42MDAwMDAwMDAwMDAwMi01My41OTk5OTk5OTk5OTk5OTRjLTguODAwMDAwMDAwMDAwMDExLTguNzk5OTk5OTk5OTk5OTgzLTIzLjEwMDAwMDAwMDAwMDAyMy04Ljc5OTk5OTk5OTk5OTk4My0zMS44OTk5OTk5OTk5OTk5NzcgMGwtMjY5LjUgMjY5LjRjLTguODAwMDAwMDAwMDAwMDExIDguODAwMDAwMDAwMDAwMDExLTguODAwMDAwMDAwMDAwMDExIDIzLjEwMDAwMDAwMDAwMDAyMy0yLjg0MjE3MDk0MzA0MDQwMWUtMTQgMzEuODk5OTk5OTk5OTk5OTc3bDI2OS41IDI2OS41YzguNzk5OTk5OTk5OTk5OTU1IDguODAwMDAwMDAwMDAwMDY4IDIzLjA5OTk5OTk5OTk5OTk2NiA4LjgwMDAwMDAwMDAwMDA2OCAzMS44OTk5OTk5OTk5OTk5NzcgMGw1My42MDAwMDAwMDAwMDAwMi01My42MDAwMDAwMDAwMDAwMmM4Ljc5OTk5OTk5OTk5OTk1NS04Ljc5OTk5OTk5OTk5OTk1NSA4Ljc5OTk5OTk5OTk5OTk1NS0yMy4wOTk5OTk5OTk5OTk5MSAwLTMxLjg5OTk5OTk5OTk5OTk3N2wtMTM2LjkwMDAwMDAwMDAwMDAzLTEzNi43OTk5OTk5OTk5OTk5NWgzNTIuN2MxMi41IDAgMjIuNjAwMDAwMDAwMDAwMDIzLTEwLjEwMDAwMDAwMDAwMDAyMyAyMi42MDAwMDAwMDAwMDAwMjMtMjIuNjAwMDAwMDAwMDAwMDIzdi05MC4zMDAwMDAwMDAwMDAwMWMwLTEyLjUtMTAuMTAwMDAwMDAwMDAwMDIzLTIyLjU5OTk5OTk5OTk5OTk2Ni0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTY2eiIvPgo8L3N2Zz4=");\n}\n.lb-icon-zoomin{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLWluPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVpLXpvb20taW4iIHVuaWNvZGU9IiYjeGVjOTc7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTk4Mi4yIDc4OC42bC0yMzQuOTAwMDAwMDAwMDAwMS0yMTZjMjcuMTAwMDAwMDAwMDAwMDIzLTUzLjM5OTk5OTk5OTk5OTk4IDQyLjYwMDAwMDAwMDAwMDAyLTExMy42MDAwMDAwMDAwMDAwMiA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljc5OTk5OTk5OTk5OTk1LTM5NC45LTM5NS0zOTQuOS0yMTcuOTk5OTk5OTk5OTk5OTcgMC0zOTQuOSAxNzYuOC0zOTQuOSAzOTQuOSAwIDIxOC4yMDAwMDAwMDAwMDAwNSAxNzYuOSAzOTUgMzk0LjkgMzk1IDY0IDAgMTI0LjIwMDAwMDAwMDAwMDA1LTE1LjUgMTc3LjYwMDAwMDAwMDAwMDAyLTQyLjVsMjE2IDIzNWMyMSAyMi44MDAwMDAwMDAwMDAwNjggNTYuMTAwMDAwMDAwMDAwMDIgMjMuNSA3OC4xMDAwMDAwMDAwMDAwMiAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjE5OTk5OTk5OTk5OTkzLTExNy4yOTk5OTk5OTk5OTk5NWMyMi0yMiAyMS4yMDAwMDAwMDAwMDAwNDUtNTcuMTAwMDAwMDAwMDAwMDItMS41OTk5OTk5OTk5OTk5MDktNzguMTAwMDAwMDAwMDAwMDJ6IG0tNTg3LjMwMDAwMDAwMDAwMDEtMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzIuODk5OTk5OTk5OTk5OTggMC0yNDAuNzk5OTk5OTk5OTk5OTgtMTA3Ljg5OTk5OTk5OTk5OTk4LTI0MC43OTk5OTk5OTk5OTk5OC0yNDFzMTA3LjktMjQwLjg5OTk5OTk5OTk5OTk4IDI0MC43OTk5OTk5OTk5OTk5OC0yNDAuODk5OTk5OTk5OTk5OThjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQxIDEwNy44OTk5OTk5OTk5OTk5OCAyNDEgMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MSAyNDF6IG0xMjUuMzAwMDAwMDAwMDAwMDctMjgyLjVoLTg5LjQwMDAwMDAwMDAwMDAzdi04OS4zOTk5OTk5OTk5OTk5OGMwLTEyLjQwMDAwMDAwMDAwMDAwNi0xMC4xOTk5OTk5OTk5OTk5ODktMjIuNTk5OTk5OTk5OTk5OTk0LTIyLjYwMDAwMDAwMDAwMDAyMy0yMi41OTk5OTk5OTk5OTk5OTRoLTI5LjM5OTk5OTk5OTk5OTk3N2MtMTIuNSAwLTIyLjY5OTk5OTk5OTk5OTk5IDEwLjE5OTk5OTk5OTk5OTk4OS0yMi42OTk5OTk5OTk5OTk5OSAyMi41OTk5OTk5OTk5OTk5OTR2ODkuMzk5OTk5OTk5OTk5OThoLTg5LjQwMDAwMDAwMDAwMDAzYy0xMi4zOTk5OTk5OTk5OTk5NzcgMC0yMi41OTk5OTk5OTk5OTk5OTQgMTAuMjAwMDAwMDAwMDAwMDQ1LTIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4yMDAwMDAwMDAwMDAwMTcgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjU5OTk5OTk5OTk5OTk5NCAyMi42MDAwMDAwMDAwMDAwMjNoODkuNDAwMDAwMDAwMDAwMDN2ODkuMzk5OTk5OTk5OTk5OThjMCAxMi41IDEwLjE5OTk5OTk5OTk5OTk4OSAyMi42MDAwMDAwMDAwMDAwMjMgMjIuNjk5OTk5OTk5OTk5OTkgMjIuNjAwMDAwMDAwMDAwMDIzaDI5LjM5OTk5OTk5OTk5OTk3N2MxMi40MDAwMDAwMDAwMDAwMzQgMCAyMi42MDAwMDAwMDAwMDAwMjMtMTAuMTAwMDAwMDAwMDAwMDIzIDIyLjYwMDAwMDAwMDAwMDAyMy0yMi42MDAwMDAwMDAwMDAwMjN2LTg5LjM5OTk5OTk5OTk5OTk4aDg5LjQwMDAwMDAwMDAwMDAzYzEyLjUgMCAyMi41OTk5OTk5OTk5OTk5MS0xMC4yMDAwMDAwMDAwMDAwNDUgMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzdi0yOS41YzAtMTIuMzk5OTk5OTk5OTk5OTc3LTEwLjA5OTk5OTk5OTk5OTkwOS0yMi42MDAwMDAwMDAwMDAwMjMtMjIuNTk5OTk5OTk5OTk5OTEtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=");\n}\n.lb-icon-zoomout{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51aS16b29tLW91dDwvdGl0bGU+CjxnbHlwaCBnbHlwaC1uYW1lPSJ1aS16b29tLW91dCIgdW5pY29kZT0iJiN4ZWM5ODsiIGhvcml6LWFkdi14PSIxMDAwIiAvPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTgyLjIgNzg4LjZsLTIzNC45MDAwMDAwMDAwMDAxLTIxNmMyNy01My41IDQyLjYwMDAwMDAwMDAwMDAyLTExMy43MDAwMDAwMDAwMDAwNSA0Mi42MDAwMDAwMDAwMDAwMi0xNzcuNzAwMDAwMDAwMDAwMDUgMC0yMTguMDk5OTk5OTk5OTk5OTctMTc2Ljg5OTk5OTk5OTk5OTk4LTM5NC45LTM5NC45LTM5NC45LTIxOC4yIDAtMzk1IDE3Ni44LTM5NSAzOTQuOSAwIDIxOC4xMDAwMDAwMDAwMDAwMiAxNzYuOCAzOTUgMzk1IDM5NSA2My44OTk5OTk5OTk5OTk5OCAwIDEyNC4xMDAwMDAwMDAwMDAwMi0xNS41IDE3Ny42MDAwMDAwMDAwMDAwMi00Mi41bDIxNS44OTk5OTk5OTk5OTk5OCAyMzQuODk5OTk5OTk5OTk5OThjMjEgMjIuOTAwMDAwMDAwMDAwMDkgNTYuMjAwMDAwMDAwMDAwMDQ1IDIzLjYwMDAwMDAwMDAwMDAyMyA3OC4yMDAwMDAwMDAwMDAwNSAxLjYwMDAwMDAwMDAwMDAyMjdsMTE3LjI5OTk5OTk5OTk5OTk1LTExNy4yOTk5OTk5OTk5OTk5NWMyMS43OTk5OTk5OTk5OTk5NTUtMjEuODAwMDAwMDAwMDAwMDY4IDIxLjEwMDAwMDAwMDAwMDAyMy01Ny0xLjc5OTk5OTk5OTk5OTk1NDUtNzh6IG0tNTg3LjItMTUyLjcwMDAwMDAwMDAwMDA1Yy0xMzMgMC0yNDAuOS0xMDcuODk5OTk5OTk5OTk5OTgtMjQwLjktMjQwLjg5OTk5OTk5OTk5OTk4czEwNy45LTI0MSAyNDAuOS0yNDFjMTMzLjEwMDAwMDAwMDAwMDAyIDAgMjQwLjg5OTk5OTk5OTk5OTk4IDEwNy44OTk5OTk5OTk5OTk5OCAyNDAuODk5OTk5OTk5OTk5OTggMjQwLjg5OTk5OTk5OTk5OTk4cy0xMDcuODk5OTk5OTk5OTk5OTggMjQxLTI0MC44OTk5OTk5OTk5OTk5OCAyNDF6IG0xMjUuMjk5OTk5OTk5OTk5OTUtMjgyLjVoLTI1My41OTk5OTk5OTk5OTk5N2MtMTIuMzk5OTk5OTk5OTk5OTc3IDAtMjIuNSAxMC4xMDAwMDAwMDAwMDAwMjMtMjIuNSAyMi42MDAwMDAwMDAwMDAwMjN2MjkuNWMwIDEyLjM5OTk5OTk5OTk5OTk3NyAxMC4xMDAwMDAwMDAwMDAwMjMgMjIuNjAwMDAwMDAwMDAwMDIzIDIyLjUgMjIuNjAwMDAwMDAwMDAwMDIzaDI1My41OTk5OTk5OTk5OTk5N2MxMi40MDAwMDAwMDAwMDAwOTEgMCAyMi41LTEwLjEwMDAwMDAwMDAwMDAyMyAyMi41LTIyLjYwMDAwMDAwMDAwMDAyM3YtMjkuNWMwLTEyLjM5OTk5OTk5OTk5OTk3Ny0xMC4wOTk5OTk5OTk5OTk5MDktMjIuNjAwMDAwMDAwMDAwMDIzLTIyLjUtMjIuNjAwMDAwMDAwMDAwMDIzeiIvPgo8L3N2Zz4=");\n}\n.lb-icon-rotate{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT51bmRvPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InVuZG8iIHVuaWNvZGU9IiYjeGVlMGI7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggIGZpbGw9IiNmZmZmZmYiIGQ9Ik04OTguMSA2NTVjLTcuMjAwMDAwMDAwMDAwMDQ1NSAyOS41LTExLjM5OTk5OTk5OTk5OTk3NyA1OS43MDAwMDAwMDAwMDAwNDUtMjEuNzAwMDAwMDAwMDAwMDQ1IDg4LjUtNTMuMzk5OTk5OTk5OTk5OTggMTUwLjcwMDAwMDAwMDAwMDA1LTIwMCAyNTUuODk5OTk5OTk5OTk5OTgtMzU4LjI5OTk5OTk5OTk5OTk1IDI1Ni41LTQxLjcwMDAwMDAwMDAwMDA0NSAwLjEwMDAwMDAwMDAwMDAyMjc0LTc2LjMwMDAwMDAwMDAwMDAxLTI4Ljg5OTk5OTk5OTk5OTk3Ny04MC40MDAwMDAwMDAwMDAwMy02Ny4zOTk5OTk5OTk5OTk5OC00LjM5OTk5OTk5OTk5OTk3Ny00MC44OTk5OTk5OTk5OTk5OCAyMC45MDAwMDAwMDAwMDAwMzQtNzcuODk5OTk5OTk5OTk5OTggNjAuNjAwMDAwMDAwMDAwMDItODUuMTAwMDAwMDAwMDAwMDIgMjIuODAwMDAwMDAwMDAwMDEtNC4xMDAwMDAwMDAwMDAwMjMgNDYuNjk5OTk5OTk5OTk5OTktMi4yOTk5OTk5OTk5OTk5NTQ1IDY5LjQwMDAwMDAwMDAwMDAzLTguNSA5Mi4wOTk5OTk5OTk5OTk5MS0yNS4yMDAwMDAwMDAwMDAwNDUgMTUzLTg0IDE3MC43OTk5OTk5OTk5OTk5NS0xNzcuMjk5OTk5OTk5OTk5OTUgMTguODk5OTk5OTk5OTk5OTc3LTk4LjMwMDAwMDAwMDAwMDA3LTkuNS0xODQuMDAwMDAwMDAwMDAwMDYtOTIuMjAwMDAwMDAwMDAwMDUtMjQ2LjQwMDAwMDAwMDAwMDAzLTIzLjM5OTk5OTk5OTk5OTk3Ny0xNy42MDAwMDAwMDAwMDAwMjMtNTAuODk5OTk5OTk5OTk5OTgtMjguMTk5OTk5OTk5OTk5OTktODAtMjktNTYuMTk5OTk5OTk5OTk5OTMtMS41LTExMi4zOTk5OTk5OTk5OTk5OC0wLjQwMDAwMDAwMDAwMDAzNDEtMTY5LjA5OTk5OTk5OTk5OTk3LTAuNDAwMDAwMDAwMDAwMDM0MSAwLjQwMDAwMDAwMDAwMDAzNDEgNy41IDYuNSAxMC4yMDAwMDAwMDAwMDAwNDUgMTAuNDAwMDAwMDAwMDAwMDM0IDE0LjEwMDAwMDAwMDAwMDAyMyAyNy43OTk5OTk5OTk5OTk5NTUgMjguMTAwMDAwMDAwMDAwMDIzIDU2LjM5OTk5OTk5OTk5OTk4IDU1LjYwMDAwMDAwMDAwMDAyIDgzLjc5OTk5OTk5OTk5OTk1IDg0LjEwMDAwMDAwMDAwMDAyIDMxIDMyLjEwMDAwMDAwMDAwMDAyIDMwLjUgNzkuMjk5OTk5OTk5OTk5OTUtMC4wOTk5OTk5OTk5OTk5NjU5IDEwOS42OTk5OTk5OTk5OTk5My0yOS44MDAwMDAwMDAwMDAwMSAyOS42MDAwMDAwMDAwMDAwMjMtNzcuMTAwMDAwMDAwMDAwMDIgMzAuMjAwMDAwMDAwMDAwMDQ1LTEwOC4zMDAwMDAwMDAwMDAwMS0wLjY5OTk5OTk5OTk5OTkzMTgtOTIuNS05MS43MDAwMDAwMDAwMDAwNS0xODQuMi0xODQuMTAwMDAwMDAwMDAwMDItMjc2LjQtMjc1LjkwMDAwMDAwMDAwMDAzLTcuNTAwMDAwMDAwMDAwMDI4LTcuNS02LjIwMDAwMDAwMDAwMDAxNy0xMS4zOTk5OTk5OTk5OTk5NzcgMC42OTk5OTk5OTk5OTk5NzQ0LTE4LjMwMDAwMDAwMDAwMDAxIDkxLjgtOTEuMjk5OTk5OTk5OTk5OTggMTgzLjM5OTk5OTk5OTk5OTk4LTE4Mi44OTk5OTk5OTk5OTk5OCAyNzQuNy0yNzQuNyAxMS44MDAwMDAwMDAwMDAwMTEtMTEuODk5OTk5OTk5OTk5OTg4IDI3LTE2LjY5OTk5OTk5OTk5OTk5IDQxLTI0LjE5OTk5OTk5OTk5OTk5aDI4LjgwMDAwMDAwMDAwMDAxYzEuMzk5OTk5OTk5OTk5OTc3MyAzLjQgNC41OTk5OTk5OTk5OTk5NjYgMy4xIDcuMzk5OTk5OTk5OTk5OTc3IDQuMSA1OC4xOTk5OTk5OTk5OTk5OSAyMC41IDczLjY5OTk5OTk5OTk5OTk5IDg1LjUgMzAuOTAwMDAwMDAwMDAwMDM0IDEzMC05LjUgOS45MDAwMDAwMDAwMDAwMDYtMTkuNSAxOS41LTI5LjMwMDAwMDAwMDAwMDAxIDI5LjIwMDAwMDAwMDAwMDAxNy0yMS41IDIxLjE5OTk5OTk5OTk5OTk5LTQzIDQyLjUtNjguMzAwMDAwMDAwMDAwMDEgNjcuMzk5OTk5OTk5OTk5OThoMjMuMTAwMDAwMDAwMDAwMDIzYzQ3LjM5OTk5OTk5OTk5OTk4IDAgOTQuNjk5OTk5OTk5OTk5OTktMC4zOTk5OTk5OTk5OTk5NzcyNiAxNDIuMTAwMDAwMDAwMDAwMDIgMC4zMDAwMDAwMDAwMDAwMTEzNyAzNC44OTk5OTk5OTk5OTk5OCAwLjU5OTk5OTk5OTk5OTk5NDMgNjkuMTk5OTk5OTk5OTk5OTMgNi41IDEwMS43OTk5OTk5OTk5OTk5NSAxOS4wOTk5OTk5OTk5OTk5OTQgMTEzLjEwMDAwMDAwMDAwMDAyIDQzLjU5OTk5OTk5OTk5OTk5NCAxODIuMzk5OTk5OTk5OTk5OTggMTI3LjUwMDAwMDAwMDAwMDAzIDIyMC4xMDAwMDAwMDAwMDAwMiAyNDAuMjk5OTk5OTk5OTk5OTggOC44OTk5OTk5OTk5OTk5NzcgMjYuNzAwMDAwMDAwMDAwMDQ1IDExLjM5OTk5OTk5OTk5OTk3NyA1NC44MDAwMDAwMDAwMDAwNyAxOC4zOTk5OTk5OTk5OTk5NzcgODEuODAwMDAwMDAwMDAwMDcgMC4xMDAwMDAwMDAwMDAwMjI3NCAyNy41OTk5OTk5OTk5OTk5MSAwLjEwMDAwMDAwMDAwMDAyMjc0IDU1LjE5OTk5OTk5OTk5OTkzIDAuMTAwMDAwMDAwMDAwMDIyNzQgODIuNzk5OTk5OTk5OTk5OTV6Ii8+Cjwvc3ZnPg==");\n}\n.lb-icon-reset{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMDAwIiB3aWR0aD0iMTAwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8bWV0YWRhdGE+SWNvRm9udCBJY29uczwvbWV0YWRhdGE+Cjx0aXRsZT5yZWZyZXNoPC90aXRsZT4KPGdseXBoIGdseXBoLW5hbWU9InJlZnJlc2giIHVuaWNvZGU9IiYjeGVmZDE7IiBob3Jpei1hZHYteD0iMTAwMCIgLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTg5OS44IDU1NC42aC00Mi4xOTk5OTk5OTk5OTk5M2MtMTguODk5OTk5OTk5OTk5OTc3IDAtMzYuNSAxNS4xOTk5OTk5OTk5OTk5MzItNDEuNjAwMDAwMDAwMDAwMDIgMzMuMzk5OTk5OTk5OTk5OTgtMzguMjk5OTk5OTk5OTk5OTU1IDEzOC4zOTk5OTk5OTk5OTk5OC0xNjUuMzk5OTk5OTk5OTk5OTggMjQwLTMxNi4yIDI0MC0xMDIuODAwMDAwMDAwMDAwMDEgMC0xOTQuOC00Ny4yOTk5OTk5OTk5OTk5NTUtMjU0LjktMTIxLjYwMDAwMDAwMDAwMDAyLTExLjkwMDAwMDAwMDAwMDAwNi0xNC42OTk5OTk5OTk5OTk5MzItOC44MDAwMDAwMDAwMDAwMTEtMzggNS4wOTk5OTk5OTk5OTk5OTQtNTAuNzk5OTk5OTk5OTk5OTU1bDg0LjgwMDAwMDAwMDAwMDAxLTc3Ljg5OTk5OTk5OTk5OTk4YzEzLjg5OTk5OTk5OTk5OTk3Ny0xMi44MDAwMDAwMDAwMDAwNjggOS44OTk5OTk5OTk5OTk5NzctMjMuMTAwMDAwMDAwMDAwMDIzLTktMjMuMTAwMDAwMDAwMDAwMDIzaC0yMjkuMTAwMDAwMDAwMDAwMDJjLTE4Ljg5OTk5OTk5OTk5OTk5IDAtMzQuMTk5OTk5OTk5OTk5OTkgMTUuMjk5OTk5OTk5OTk5OTU1LTM0LjE5OTk5OTk5OTk5OTk5IDM0LjE5OTk5OTk5OTk5OTkzdjIwNS4xMDAwMDAwMDAwMDAwMmMwIDE4Ljg5OTk5OTk5OTk5OTk3NyAxMS4yOTk5OTk5OTk5OTk5OTcgMjMuODAwMDAwMDAwMDAwMDY4IDI1LjA5OTk5OTk5OTk5OTk5NCAxMWwzMC42MDAwMDAwMDAwMDAwMS0yOC4xOTk5OTk5OTk5OTk5MzJjMTMuODk5OTk5OTk5OTk5OTkxLTEyLjgwMDAwMDAwMDAwMDA2OCAzMy44OTk5OTk5OTk5OTk5OS0xMC42MDAwMDAwMDAwMDAwMjMgNDYuMTAwMDAwMDAwMDAwMDEgMy44OTk5OTk5OTk5OTk5NzczIDgwLjI5OTk5OTk5OTk5OTk4IDk1Ljg5OTk5OTk5OTk5OTk4IDIwMC44OTk5OTk5OTk5OTk5OCAxNTYuODk5OTk5OTk5OTk5OTggMzM1LjUgMTU2Ljg5OTk5OTk5OTk5OTk4IDIxMS40OTk5OTk5OTk5OTk5NCAwIDM4Ny43LTE1MCA0MjguNTk5OTk5OTk5OTk5OTctMzQ5LjIwMDAwMDAwMDAwMDA1IDMuODk5OTk5OTk5OTk5OTc3My0xOC41LTkuNjk5OTk5OTk5OTk5OTMyLTMzLjY5OTk5OTk5OTk5OTkzLTI4LjYwMDAwMDAwMDAwMDAyMy0zMy42OTk5OTk5OTk5OTk5M3ogbTEzLjUtMzU4LjQwMDAwMDAwMDAwMDAzbC0yOS44OTk5OTk5OTk5OTk5NzcgMjkuODAwMDAwMDAwMDAwMDFjLTEzLjM5OTk5OTk5OTk5OTk3NyAxMy4zMDAwMDAwMDAwMDAwMTEtMzIuNzk5OTk5OTk5OTk5OTU1IDExLjUtNDQuNzk5OTk5OTk5OTk5OTU1LTMuMDk5OTk5OTk5OTk5OTk0My04MC4yMDAwMDAwMDAwMDAwNS05Ny45LTIwMi4zMDAwMDAwMDAwMDAwNy0xNjAuNC0zMzguOC0xNjAuNC0yMTEuMTAwMDAwMDAwMDAwMDIgMC0zODcuNiAxNDkuNy00MjguMyAzNDkuMi0zLjc5OTk5OTk5OTk5OTk5NyAxOC41IDkuNzk5OTk5OTk5OTk5OTk3IDMzLjgwMDAwMDAwMDAwMDAxIDI4LjcwMDAwMDAwMDAwMDAwMyAzMy44MDAwMDAwMDAwMDAwMWg0Mi4yYzE4LjkwMDAwMDAwMDAwMDAwNiAwIDM2LjUtMTUuMTAwMDAwMDAwMDAwMDIzIDQxLjUtMzMuMzAwMDAwMDAwMDAwMDEgMzguMjk5OTk5OTk5OTk5OTgtMTM4LjggMTY1LjQtMjQwLjIgMzE1LjktMjQwLjIgMTA2LjYwMDAwMDAwMDAwMDAyIDAgMjAxLjIwMDAwMDAwMDAwMDA1IDUwLjUgMjYxLjIwMDAwMDAwMDAwMDA1IDEyOS4xMDAwMDAwMDAwMDAwMiAxMS41IDE1IDguMzk5OTk5OTk5OTk5OTc3IDM5LTQuODk5OTk5OTk5OTk5OTc3IDUyLjI5OTk5OTk5OTk5OTk1NWwtNjcuODAwMDAwMDAwMDAwMDcgNjcuOTAwMDAwMDAwMDAwMDNjLTEzLjI5OTk5OTk5OTk5OTk1NSAxMy4zOTk5OTk5OTk5OTk5NzctOC44OTk5OTk5OTk5OTk5NzcgMjQuMTk5OTk5OTk5OTk5OTkgMTAgMjQuMTk5OTk5OTk5OTk5OTloMjA1LjEwMDAwMDAwMDAwMDAyYzE4Ljg5OTk5OTk5OTk5OTk3NyAwIDM0LjIwMDAwMDAwMDAwMDA0NS0xNS4zMDAwMDAwMDAwMDAwMTEgMzQuMjAwMDAwMDAwMDAwMDQ1LTM0LjE5OTk5OTk5OTk5OTk5di0yMDUuMTAwMDAwMDAwMDAwMDJjLTAuMTAwMDAwMDAwMDAwMDIyNzQtMTguODk5OTk5OTk5OTk5OTc3LTEwLjg5OTk5OTk5OTk5OTk3Ny0yMy4zOTk5OTk5OTk5OTk5NzctMjQuMzAwMDAwMDAwMDAwMDY4LTEweiIvPgo8L3N2Zz4=");\n}\n.lb-container{\n    z-index: 50000;\n    position: absolute;\n    position: fixed;\n    left:0px;\n    top:0px;\n    width: 100%;\n    height: 100%;\n    background-color: #000;\n    background-color: rgba(0,0,0,0.8);\n    display: flex;\n    flex-direction: column;\n}\n.lb-container .lb-header{\n    height: 50px;\n    background: #000;\n    background: rgba(0,0,0,0.9);\n    box-shadow: 0px 1px 5px 0px #111;\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-end;\n    z-index: 10;\n}\n.lb-header .lb-button{\n    padding: 10px 25px;\n    background-size: 40% auto;\n    background-position: center center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n}\n.lb-header .lb-button:not(:last-child){\n    margin-right: 3px;\n}\n.lb-header .lb-button:hover{\n    background-color:#777;\n}\n\n.lb-header .lb-button.rotater{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-header .lb-title{\n    flex: 1;\n    align-items: center;\n    color: white;\n    font-size: 1.1em;\n    padding: 0em 0.8em;\n    overflow: hidden;\n}\n.lb-header .lb-title span{\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    width: 100%;\n}\n.lb-container .lb-canvas{\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    position: relative;\n}\n.lb-canvas .lb-img{\n    max-width: 80vw;\n    max-height: 80vh;\n    min-width: 100px;\n    min-height: 100px;\n    /* transition: all 0.1s; */\n    cursor: grab;\n    background-size: 50px;\n    transform-origin: center center;\n}\n.lb-canvas .lb-img.lb-loading{\n    opacity: 0;\n}\n.lb-canvas.lb-loading{\n    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjEwMXB4IiBoZWlnaHQ9IjEwMXB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSgwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC45MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDggNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDcyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC43MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg5NiA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNDQgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjUzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE2OCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNDY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTkyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTYgNTAgNTApIj4KICA8cmVjdCB4PSI0OC41IiB5PSIyNSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZmZmZiI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI0MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMjY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI2NCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ4LjUiIHk9IjI1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZmZmZmIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjg4IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4xMzMzMzMzMzMzMzMzMzMzM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzEyIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4wNjY2NjY2NjY2NjY2NjY2N3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzM2IDUwIDUwKSI+CiAgPHJlY3QgeD0iNDguNSIgeT0iMjUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmZmZmYiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz4KPCEtLSBbbGRpb10gZ2VuZXJhdGVkIGJ5IGh0dHBzOi8vbG9hZGluZy5pby8gLS0+PC9zdmc+");\n    background-position: center center;\n    background-repeat: no-repeat;\n}\n.mobile-controls{\n    position: absolute;\n    bottom: 25px;\n    left: 0px;\n    width: 100%;\n    height: 45px;\n    display: flex;\n    justify-content: center;\n}\n.mobile-controls .lb-button{\n    width: 50px;\n    height: 50px;\n    background-color: rgba(0,0,0,0.9);\n    background-position: center center;\n    background-size: 40%;\n    background-repeat: no-repeat;\n    margin: 0.2em;\n    cursor: pointer;\n}\n.mobile-controls .lb-button:active{\n    background-color:#777;\n}\n.mobile-controls .lb-button.next{\n    transform: rotateY(180deg);\n}\n.lb-show-mobile{\n    display: none;   \n}\n.lb-disabled{\n    pointer-events: none;\n    touch-action: none;\n    opacity: 0.4;\n}\n@media (max-width:600px){\n    .lb-header .lb-button:hover{\n        background-color: inherit;\n    }\n    .lb-header .lb-button:active{\n        background-color: #777;\n    }\n    .lb-show-mobile{\n        display: flex !important;\n    }\n    .lb-hide-mobile{\n        display: none !important;\n    }\n    .lb-canvas .lb-img{\n        max-height: 60vh;\n    }\n}');O(".image {\n  cursor: pointer; }\n");var i=function(w){var A=w.className,e=w.src,O=w.width,i=D(!1),n=M(i,2),o=n[0],I=n[1];return T.createElement("div",null,T.createElement("img",{src:e,className:t("image",A),style:{width:"".concat(O,"px")},alt:"preview",onClick:function(){return I(!0)}}),o?T.createElement(k,{image:e,showTitle:!1,onClose:function(){return I(!1)}}):null)};i.defaultProps={className:void 0,src:void 0,width:200},i.propTypes={className:w.string,src:w.string,width:w.number};export{i as default};

package/lib/components/Input.js

@@ -0,0 +1 @@
+import e from"react";import t from"prop-types";import{c as r}from"./index-d90e1489.js";import s from"./MUITheme.js";import{s as o}from"./style-inject.es-1f59c1d0.js";import{O as n}from"./OutlinedInput-e0ddbd3a.js";import"./_commonjsHelpers-ae1b5db5.js";import"./isObjectLike-75179648.js";import"./withStyles-75fe409f.js";import"react-is";import"./capitalize-4566b0fe.js";import"./useTheme-ea7e9223.js";import"./FormControlContext-90b149a2.js";import"./useForkRef-4ff8cc89.js";import"./debounce-65582d84.js";o(".input {\n  padding: 12px; }\n");var a=function(t){var o=t.className,a=t.placeholder,i=t.defaultValue,l=t.value,p=t.type,u=t.onChange,d=t.onKeyPress,m=t.onPressEnter,f=t.suffix,c={inputProps:{className:r("input",o)},placeholder:a,defaultValue:i,onChange:function(e){var t=e.target;u&&u(t.value)},onKeyPress:function(e){"Enter"===e.key&&m&&m(e.key,e.target.value),d&&d(e)},value:l,endAdornment:f&&e.isValidElement(f)?f:null,type:p};return e.createElement(s,{darkMode:!1},e.createElement(n,c))};a.defaultProps={className:void 0,placeholder:"Please enter text",defaultValue:void 0,value:void 0,onChange:void 0,onKeyPress:void 0,onPressEnter:void 0,suffix:null,type:"text"},a.propTypes={className:t.string,placeholder:t.string,defaultValue:t.string,value:t.string,onChange:t.func,onKeyPress:t.func,onPressEnter:t.func,suffix:t.node,type:t.string};export{a as default};