@daoyi/nmtl-ui 2.0.1-beta.4 → 2.0.1-beta.41

package/lib/components/Header.js

@@ -1 +1 @@
-import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{c as o}from"./index-11391ca3.js";import{d as i,K as l}from"./KeywordSearch-71d79d41.js";import{useHistory as s,useRouteMatch as d,NavLink as p}from"react-router-dom";import{List as c,ListItem as m,ListItemIcon as h,ListItemText as g,IconButton as _,Drawer as u,Divider as f,Typography as y}from"@material-ui/core";import{DehazeRounded as w,SearchOutlined as x}from"@material-ui/icons";import{S as k}from"./Select-c8f23c48.js";import{s as v}from"./style-inject.es-c875d022.js";import"axios";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1b8c042f.js";import"./Empty-8a67e9c0.js";const E=({language:e,supportLanguages:a})=>a.some((({value:a})=>a===e))?e:a[0].value,b=({drawerList:a,setOpen:n})=>{const r=s(),{url:t}=d();return e.createElement(c,{className:"drawer__list"},Array.isArray(a)&&a.map((({name:a,icon:o,path:i},l)=>e.createElement(m,{button:!0,key:l.toString(),onClick:()=>{i.indexOf("http")>-1?window.location=i:r.push({pathname:`${t}${i}`}),n(!1)}},o&&e.createElement(h,{style:{marginRight:24}},o),e.createElement(g,{primary:a})))))};b.defaultProps={},b.propTypes={drawerList:t.arrayOf(t.any).isRequired,setOpen:t.func.isRequired};v(".drawer__icon {\n  display: none !important; }\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: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n");const S=({title:n,logo:r,locale:t,supportLanguages:o,drawerList:i,onLanguageChange:l})=>{const[s,d]=a(!1);return e.createElement("div",{className:"drawer"},e.createElement(_,{className:"drawer__icon",onClick:()=>d(!0)},e.createElement(w,{fontSize:"large"})),e.createElement(u,{anchor:"right",open:s,onClose:()=>d(!1),onKeyDown:()=>d(!1)},(r||n)&&e.createElement("div",{className:"drawer__header"},e.createElement("div",{className:"drawer__header-logo"},r),e.createElement("div",{className:"drawer__header-title"},n)),e.createElement(f,null),e.createElement(b,{drawerList:(Array.isArray(i)?i:[]).filter((({showInHeader:e})=>e)),setOpen:d}),e.createElement(f,null),Array.isArray(o)&&o.length>0&&e.createElement(k,{className:"drawer__lang",defaultValue:E({language:t,supportLanguages:o}),onChange:e=>l(e),options:o})))};S.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:()=>{}},S.propTypes={title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),drawerList:t.arrayOf(t.any),onLanguageChange:t.func};v(".header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6);\n  background-color: rgba(255, 255, 255, 0.6);\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    cursor: pointer; }\n    .header__logo__img {\n      display: flex;\n      align-items: center; }\n    .header__logo__title {\n      white-space: nowrap;\n      margin-left: 1rem !important;\n      font-size: 1.5rem !important;\n      font-weight: 700 !important;\n      font-family: 'Noto Sans TC' !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-size: 1.125rem !important;\n      font-weight: 500 !important;\n      white-space: nowrap;\n      padding: 6px 14px;\n      font-family: 'Noto Sans TC' !important; }\n      .header__links__item--active .header__links__item {\n        font-weight: 800 !important;\n        background: transparent;\n        border-radius: 45px; }\n      .header__links__item:hover {\n        font-weight: 800 !important; }\n  .header__language {\n    min-width: 100px !important; }\n  .header__searchIcon {\n    display: none !important; }\n  @media screen and (max-width: 768px) {\n    .header--smallUseSearchIcon .header__searchIcon {\n      display: flex !important;\n      margin-right: 10px !important; }\n    .header--smallUseSearchIcon .keywordSearch {\n      visibility: hidden;\n      flex: 1;\n      width: 0; } }\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  .header .autocomplete {\n    float: right; }\n    .header .autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n      padding: 1px 8px !important; }\n  .header .keywordSearch {\n    margin-right: 8px; }\n    .header .keywordSearch--focus .autocomplete {\n      width: 100% !important; }\n    .header .keywordSearch--animation .autocomplete {\n      width: 240px;\n      transition: width 0.3s ease-in-out; }\n\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important; }\n    .header__logo {\n      margin-right: 16px !important; }\n      .header__logo__title {\n        display: none !important; }\n    .header__links {\n      display: none; }\n      .header__links__item {\n        font-size: 1rem !important; }\n    .header__language {\n      display: none !important; }\n    .header--focus .header__logo {\n      display: none !important; }\n  .autocomplete__icon {\n    display: none !important; } }\n");const L=t=>{const{title:c,logo:m,locale:h,supportLanguages:g,pages:u,darkMode:f,typographyColor:w,className:v}=t,{searchAPI:b,searchPlaceholder:L,smallUseSearchIcon:C}=t,{onSearch:N,setDarkMode:I,onLanguageChange:A,onSearchIconClick:O}=t,P=s(),{location:{search:z}}=P,{url:M}=d(),[j,T]=a(!1),[U,D]=a(!1),R=n(i((()=>T(window.scrollY>100)),10)).current;return r((()=>(window.addEventListener("scroll",R),()=>{window.removeEventListener("scroll",R)})),[]),r((()=>{D(!1)}),[z]),e.createElement("div",{className:o("MuiPaper-root","header",{"header--smallUseSearchIcon":C},{"header--hide":j},{"header--focus":U},v)},e.createElement("div",{className:"header__logo",onClick:()=>P.push(`/${h}`)},m&&e.createElement("div",{className:"header__logo__img"},m),!U&&c&&e.createElement(y,{color:w,className:"header__logo__title"},c)),b&&e.createElement(l,{animation:!0,searchAPI:b,placeholder:L,menuOpen:U,setMenuOpen:D,onSearch:N}),e.createElement("div",{className:o("header__links",{"header__links--full":!b})},(Array.isArray(u)?u:[]).filter((({showInHeader:e})=>e)).map((({path:a="",name:n},r)=>{const t=e.createElement(y,{className:"header__links__item",color:w},n);return a.indexOf("http")>-1?e.createElement("a",{key:r.toString(),href:a,className:"header__links__item--active"},t):e.createElement(p,{key:r.toString(),to:`${M}${a}`,activeClassName:"header__links__item--active"},t)}))),e.createElement(_,{className:"header__searchIcon",onClick:O},e.createElement(x,{fontSize:"large"})),false,Array.isArray(g)&&g.length>0&&e.createElement(k,{className:"header__language",defaultValue:E({language:h,supportLanguages:g}),onChange:e=>A(e),options:g}),e.createElement(S,{title:c,logo:m,drawerList:u,supportLanguages:g}))};L.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,typographyColor:"primary",searchAPI:void 0,searchPlaceholder:void 0,smallUseSearchIcon:void 0,onSearch:()=>{},setDarkMode:()=>{},onLanguageChange:()=>{},onSearchIconClick:()=>{}},L.propTypes={className:t.string,title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),pages:t.arrayOf(t.any).isRequired,darkMode:t.bool,typographyColor:t.oneOf(["initial","inherit","primary","secondary","textPrimary","textSecondary","error"]),searchAPI:t.string,searchPlaceholder:t.string,smallUseSearchIcon:t.bool,onSearch:t.func,setDarkMode:t.func,onLanguageChange:t.func,onSearchIconClick:t.func};export{L as default};
+import e,{useState as a,useRef as n,useEffect as r}from"react";import t from"prop-types";import{c as o}from"./index-11391ca3.js";import{d as i,K as l}from"./KeywordSearch-494832fa.js";import{useHistory as s,useRouteMatch as d,NavLink as p}from"react-router-dom";import{List as c,ListItem as m,ListItemIcon as h,ListItemText as g,IconButton as _,Drawer as u,Divider as f,Typography as y}from"@material-ui/core";import{DehazeRounded as w,SearchOutlined as x}from"@material-ui/icons";import{S as k}from"./Select-86fee0d1.js";import{s as v}from"./style-inject.es-c875d022.js";import"axios";import"./isObjectLike-2f1983fe.js";import"@material-ui/lab";import"./_rollupPluginBabelHelpers-1fef267c.js";import"./Empty-a053f253.js";const E=e=>{let{language:a,supportLanguages:n}=e;return n.some((e=>{let{value:n}=e;return n===a}))?a:n[0].value},S=a=>{let{drawerList:n,setOpen:r}=a;const t=s(),{url:o}=d();return e.createElement(c,{className:"drawer__list"},Array.isArray(n)&&n.map(((a,n)=>{let{name:i,icon:l,path:s}=a;return e.createElement(m,{button:!0,key:n.toString(),onClick:()=>{s.indexOf("http")>-1?window.location=s:t.push({pathname:`${o}${s}`}),r(!1)}},l&&e.createElement(h,{style:{marginRight:24}},l),e.createElement(g,{primary:i}))})))};S.defaultProps={},S.propTypes={drawerList:t.arrayOf(t.any).isRequired,setOpen:t.func.isRequired};v(".drawer__icon {\n  display: none !important; }\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: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n");const b=n=>{let{title:r,logo:t,locale:o,supportLanguages:i,drawerList:l,onLanguageChange:s}=n;const[d,p]=a(!1);return e.createElement("div",{className:"drawer"},e.createElement(_,{className:"drawer__icon",onClick:()=>p(!0)},e.createElement(w,{fontSize:"large"})),e.createElement(u,{anchor:"right",open:d,onClose:()=>p(!1),onKeyDown:()=>p(!1)},(t||r)&&e.createElement("div",{className:"drawer__header"},e.createElement("div",{className:"drawer__header-logo"},t),e.createElement("div",{className:"drawer__header-title"},r)),e.createElement(f,null),e.createElement(S,{drawerList:(Array.isArray(l)?l:[]).filter((e=>{let{showInHeader:a}=e;return a})),setOpen:p}),e.createElement(f,null),Array.isArray(i)&&i.length>0&&e.createElement(k,{className:"drawer__lang",defaultValue:E({language:o,supportLanguages:i}),onChange:e=>s(e),options:i})))};b.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:()=>{}},b.propTypes={title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),drawerList:t.arrayOf(t.any),onLanguageChange:t.func};v("@charset \"UTF-8\";\n.header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6);\n  background-color: rgba(255, 255, 255, 0.6);\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    cursor: pointer; }\n    .header__logo__img {\n      display: flex;\n      align-items: center; }\n    .header__logo__title {\n      white-space: nowrap;\n      margin-left: 1rem !important;\n      font-size: 1.5rem !important;\n      font-weight: 700 !important;\n      font-family: 'Noto Sans TC' !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-size: 1.125rem !important;\n      font-weight: 500 !important;\n      white-space: nowrap;\n      padding: 6px 14px;\n      font-family: 'Noto Sans TC' !important; }\n      .header__links__item--active .header__links__item {\n        font-weight: 800 !important;\n        background: transparent;\n        border-radius: 45px; }\n      .header__links__item:hover {\n        font-weight: 800 !important; }\n  .header__language {\n    min-width: 100px !important; }\n  .header__searchIcon {\n    display: none !important; }\n  @media screen and (max-width: 768px) {\n    .header--smallUseSearchIcon .header__searchIcon {\n      display: flex !important;\n      margin-right: 10px !important; }\n    .header--smallUseSearchIcon .keywordSearch {\n      visibility: hidden;\n      flex: 1;\n      width: 0; } }\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  .header .autocomplete {\n    float: right; }\n    .header .autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n      padding: 1px 8px !important; }\n  .header .keywordSearch {\n    margin-right: 8px; }\n    .header .keywordSearch--focus .autocomplete {\n      width: 100% !important; }\n    .header .keywordSearch--animation .autocomplete {\n      width: 240px;\n      transition: width 0.3s ease-in-out; }\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n  .header .keywordSearch--animation .autocomplete {\n    width: 100%; } }\n\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important; }\n    .header__logo {\n      margin-right: 16px !important; }\n      .header__logo__title {\n        display: none !important; }\n    .header__links {\n      display: none; }\n      .header__links__item {\n        font-size: 1rem !important; }\n    .header__language {\n      display: none !important; }\n    .header--focus .header__logo {\n      display: none !important; }\n  .autocomplete__icon {\n    display: none !important; } }\n");const L=t=>{const{title:c,logo:m,locale:h,supportLanguages:g,pages:u,darkMode:f,typographyColor:w,className:v}=t,{searchAPI:S,searchPlaceholder:L,smallUseSearchIcon:C}=t,{onSearch:N,setDarkMode:I,onLanguageChange:A,onSearchIconClick:O}=t,P=s(),{location:{search:M}}=P,{url:j}=d(),[z,T]=a(!1),[U,D]=a(!1),R=n(i((()=>T(window.scrollY>100)),10)).current;return r((()=>(window.addEventListener("scroll",R),()=>{window.removeEventListener("scroll",R)})),[]),r((()=>{D(!1)}),[M]),e.createElement("div",{className:o("MuiPaper-root","header",{"header--smallUseSearchIcon":C},{"header--hide":z},{"header--focus":U},v)},e.createElement("div",{className:"header__logo",onClick:()=>P.push(`/${h}`)},m&&e.createElement("div",{className:"header__logo__img"},m),!U&&c&&e.createElement(y,{color:w,className:"header__logo__title"},c)),S&&e.createElement(l,{animation:!0,searchAPI:S,placeholder:L,menuOpen:U,setMenuOpen:D,onSearch:N}),e.createElement("div",{className:o("header__links",{"header__links--full":!S})},(Array.isArray(u)?u:[]).filter((e=>{let{showInHeader:a}=e;return a})).map(((a,n)=>{let{path:r="",name:t}=a;const o=e.createElement(y,{className:"header__links__item",color:w},t);return r.indexOf("http")>-1?e.createElement("a",{key:n.toString(),href:r,className:"header__links__item--active"},o):e.createElement(p,{key:n.toString(),to:`${j}${r}`,activeClassName:"header__links__item--active"},o)}))),e.createElement(_,{className:"header__searchIcon",onClick:O},e.createElement(x,{fontSize:"large"})),false,Array.isArray(g)&&g.length>0&&e.createElement(k,{className:"header__language",defaultValue:E({language:h,supportLanguages:g}),onChange:e=>A(e),options:g}),e.createElement(b,{title:c,logo:m,drawerList:u,supportLanguages:g}))};L.defaultProps={className:void 0,title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"zh-tw",label:"繁體中文"}],darkMode:!1,typographyColor:"primary",searchAPI:void 0,searchPlaceholder:void 0,smallUseSearchIcon:void 0,onSearch:()=>{},setDarkMode:()=>{},onLanguageChange:()=>{},onSearchIconClick:()=>{}},L.propTypes={className:t.string,title:t.string,logo:t.node,locale:t.string,supportLanguages:t.arrayOf(t.any),pages:t.arrayOf(t.any).isRequired,darkMode:t.bool,typographyColor:t.oneOf(["initial","inherit","primary","secondary","textPrimary","textSecondary","error"]),searchAPI:t.string,searchPlaceholder:t.string,smallUseSearchIcon:t.bool,onSearch:t.func,setDarkMode:t.func,onLanguageChange:t.func,onSearchIconClick:t.func};export{L as default};

package/lib/components/Image.js

@@ -1 +1 @@
-import{a as M}from"./_rollupPluginBabelHelpers-b18bba19.js";import T,{useState as D}from"react";import{b as t,u as w,c as A}from"./index-b2745105.js";import e from"prop-types";import{s as O}from"./style-inject.es-1f59c1d0.js";var k=w(t((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 u}));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 u=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),u=l.x+l.width/2,c=l.y+l.height/2,r=-1*(I.x-u)*o,g=-1*(I.y-c)*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,u=void 0===a||a,c=this.state,r=c.x,g=c.y,j=c.zoom,d=c.rotate,y=c.multi,m=c.loading,s=c.moving,b=u&&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:y},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(m?" 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:s?"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(m?" lb-loading":""),title:D,src:T,alt:D}),w.a.createElement("div",{className:"mobile-controls lb-show-mobile"},y?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,y?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(t){var w=t.className,e=t.src,O=t.width,i=t.thumbnailSrc,n=D(!1),o=M(n,2),I=o[0],a=o[1];return T.createElement("div",null,T.createElement("img",{src:i||e,className:A("image",w),style:{width:"".concat(O,"px")},alt:"preview",onClick:function(){return a(!0)}}),I?T.createElement(k,{image:e,showTitle:!1,onClose:function(){return a(!1)}}):null)};i.defaultProps={className:void 0,src:void 0,width:200,thumbnailSrc:void 0},i.propTypes={className:e.string,src:e.string,width:e.number,thumbnailSrc:e.string};export{i as default};
+import{a as M}from"./_rollupPluginBabelHelpers-b6a1ebe2.js";import T,{useState as D}from"react";import{b as t,u as w,c as A}from"./index-b2745105.js";import e from"prop-types";import{s as O}from"./style-inject.es-1f59c1d0.js";var k=w(t((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 u}));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 u=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),u=l.x+l.width/2,c=l.y+l.height/2,r=-1*(I.x-u)*o,g=-1*(I.y-c)*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,u=void 0===a||a,c=this.state,r=c.x,g=c.y,j=c.zoom,d=c.rotate,y=c.multi,m=c.loading,s=c.moving,b=u&&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:y},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(m?" 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:s?"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(m?" lb-loading":""),title:D,src:T,alt:D}),w.a.createElement("div",{className:"mobile-controls lb-show-mobile"},y?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,y?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(t){var w=t.className,e=t.src,O=t.width,i=t.thumbnailSrc,n=D(!1),o=M(n,2),I=o[0],a=o[1];return T.createElement("div",null,T.createElement("img",{src:i||e,className:A("image",w),style:{width:"".concat(O,"px")},alt:"preview",onClick:function(){return a(!0)}}),I?T.createElement(k,{image:e,showTitle:!1,onClose:function(){return a(!1)}}):null)};i.defaultProps={className:void 0,src:void 0,width:200,thumbnailSrc:void 0},i.propTypes={className:e.string,src:e.string,width:e.number,thumbnailSrc:e.string};export{i as default};