1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[947],{4947:function(e,t,n){n.r(t),n.d(t,{default:function(){return H}});var o=n(2676),r=n(7241),a=n(4217),l=n(6698),i=n.n(l),c=n(5271);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(r,e);var t,n,o=(t=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,n=f(r);return e=t?Reflect.construct(n,arguments,f(this).constructor):n.apply(this,arguments),function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,e)});function r(){return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r),o.apply(this,arguments)}return n=[{key:"componentDidMount",value:function(){!function(e,t){if(!document.head.querySelector("#"+e)){var n=document.createElement("style");n.textContent=t,n.type="text/css",n.id=e,document.head.appendChild(n)}}(this.props.name,this.props.css)}},{key:"componentWillUnmount",value:function(){var e=document.getElementById(this.props.name);e.parentNode.removeChild(e)}},{key:"render",value:function(){return null}}],function(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r}(c.Component),m=function(e){var t=e.imageBackgroundColor;return"\n body {\n overflow: hidden;\n }\n\n .__react_modal_image__modal_container {\n position: fixed;\n z-index: 5000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n touch-action: none;\n overflow: hidden;\n }\n\n .__react_modal_image__modal_content {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .__react_modal_image__modal_content img, \n .__react_modal_image__modal_content svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n -webkit-transform: translate3d(-50%, -50%, 0);\n -ms-transform: translate3d(-50%, -50%, 0);\n overflow: hidden;\n }\n\n .__react_modal_image__medium_img {\n max-width: 98%;\n max-height: 98%;\n background-color: ".concat(t,";\n }\n\n .__react_modal_image__large_img {\n cursor: move;\n background-color: ").concat(t,"\n }\n\n .__react_modal_image__icon_menu a {\n display: inline-block;\n font-size: 40px;\n cursor: pointer;\n line-height: 40px;\n box-sizing: border-box;\n border: none;\n padding: 0px 5px 0px 5px;\n margin-left: 10px;\n color: white;\n background-color: rgba(0, 0, 0, 0);\n }\n\n .__react_modal_image__icon_menu {\n display: inline-block;\n float: right;\n }\n\n .__react_modal_image__caption {\n display: inline-block;\n color: white;\n font-size: 120%;\n padding: 10px;\n margin: 0;\n }\n\n .__react_modal_image__header {\n position: absolute;\n top: 0;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n overflow: hidden;\n }\n")},h=function(){return c.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),c.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))},p=function(){return c.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),c.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))},v=function(){return c.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),c.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},g=function(){return c.createElement("svg",{fill:"#ffffff",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),c.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},y=function(){return c.createElement("svg",{fill:"#ffffff",height:"48",viewBox:"0 0 24 24",width:"48",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"}),c.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}))},b=function(){return c.createElement("svg",{fill:"#ffffff",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{fill:"none",d:"M0 0h24v24H0V0zm0 0h24v24H0V0z"}),c.createElement("path",{d:"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11
1H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z"}))},_=function(e){var t=e.image,n=e.alt,o=e.zoomed,r=e.toggleZoom,a=e.toggleRotate,l=e.onClose,i=e.enableDownload,u=e.enableZoom,s=e.enableRotate;return c.createElement("div",{className:"__react_modal_image__header"},c.createElement("span",{className:"__react_modal_image__icon_menu"},i&&c.createElement("a",{href:t,download:!0,onClick:function(e){document.location.hostname!==new URL(t,document.location).hostname&&(e.preventDefault(),fetch(t).then(function(e){return e.ok||console.error("Failed to download image, HTTP status "+e.status+" from "+t),e.blob().then(function(e){var n=document.createElement("a");n.setAttribute("download",t.split("/").pop()),n.href=URL.createObjectURL(e),n.click()})}).catch(function(e){console.error(e),console.error("Failed to download image from "+t)}))}},c.createElement(v,null)),u&&c.createElement("a",{onClick:r},o?c.createElement(p,null):c.createElement(h,null)),s&&c.createElement("a",{onClick:a},c.createElement(b,null)),c.createElement("a",{onClick:l},c.createElement(g,null))),n&&c.createElement("span",{className:"__react_modal_image__caption"},n))};function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function x(e,t){return(x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function E(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e){return(O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&x(e,t)}(r,e);var t,n,o=(t=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,n=O(r);return e=t?Reflect.construct(n,arguments,O(this).constructor):n.apply(this,arguments),function(e,t){if(t&&("object"===w(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return E(e)}(this,e)});function r(){var e;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r);for(var t=arguments.length,n=Array(t),a=0;a<t;a++)n[a]=arguments[a];return k(E(e=o.call.apply(o,[this].concat(n))),"state",{loading:!0}),k(E(e),"handleOnLoad",function(){e.setState({loading:!1})}),k(E(e),"handleOnContextMenu",function(t){e.props.contextMenu||t.preventDefault()}),e}return n=[{key:"render",value:function(){var e=this.props,t=e.id,n=e.className,o=e.src,r=e.style,a=e.handleDoubleClick;return c.createElement("div",null,this.state.loading&&c.createElement(y,null),c.createElement("img",{id:t,className:n,src:o,style:r,onLoad:this.handleOnLoad,onDoubleClick:a,onContextMenu:this.handleOnContextMenu}))}}],function(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r}(c.Component);function M(e){return(M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function z(e,t){return(z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function C(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}
1function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function D(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&z(e,t)}(r,e);var t,n,o=(t=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,n=S(r);return e=t?Reflect.construct(n,arguments,S(this).constructor):n.apply(this,arguments),function(e,t){if(t&&("object"===M(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return C(e)}(this,e)});function r(){var e;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r);for(var t=arguments.length,n=Array(t),a=0;a<t;a++)n[a]=arguments[a];return D(C(e=o.call.apply(o,[this].concat(n))),"state",{move:{x:0,y:0},moveStart:void 0,zoomed:!1,rotationDeg:0}),D(C(e),"handleKeyDown",function(t){(27===t.keyCode||13===t.keyCode)&&e.props.onClose()}),D(C(e),"getCoordinatesIfOverImg",function(t){var n=t.changedTouches?t.changedTouches[0]:t;if("react-modal-image-img"===n.target.id){var o=e.contentEl.getBoundingClientRect();return{x:n.clientX-o.left,y:n.clientY-o.top}}}),D(C(e),"handleMouseDownOrTouchStart",function(t){if(t.preventDefault(),!t.touches||!(t.touches.length>1)){var n=e.getCoordinatesIfOverImg(t);n||e.props.onClose(),e.state.zoomed&&e.setState(function(e){return{moveStart:{x:n.x-e.move.x,y:n.y-e.move.y}}})}}),D(C(e),"handleMouseMoveOrTouchMove",function(t){if(t.preventDefault(),e.state.zoomed&&e.state.moveStart&&(!t.touches||!(t.touches.length>1))){var n=e.getCoordinatesIfOverImg(t);n&&e.setState(function(e){return{move:{x:n.x-e.moveStart.x,y:n.y-e.moveStart.y}}})}}),D(C(e),"handleMouseUpOrTouchEnd",function(t){e.setState({moveStart:void 0})}),D(C(e),"toggleZoom",function(t){t.preventDefault(),e.setState(function(e){return{zoomed:!e.zoomed,move:e.zoomed?{x:0,y:0}:e.move}})}),D(C(e),"toggleRotate",function(t){if(t.preventDefault(),360===e.state.rotationDeg){e.setState({rotationDeg:90});return}e.setState(function(e){return{rotationDeg:e.rotationDeg+=90}})}),e}return n=[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyDown,!1)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyDown,!1)}},{key:"render",value:function(){var e=this,t=this.props,n=t.medium,o=t.large,r=t.alt,a=t.onClose,l=t.hideDownload,i=t.hideZoom,u=t.showRotate,s=t.imageBackgroundColor,f=this.state,h=f.move,p=f.zoomed,v=f.rotationDeg;return c.createElement("div",null,c.createElement(d,{name:"__react_modal_image__lightbox",css:m({imageBackgroundColor:void 0===s?"black":s})}),c.createElement("div",{className:"__react_modal_image__modal_container"},c.createElement("div",{className:"__react_modal_image__modal_content",onMouseDown:this.handleMouseDownOrTouchStart,onMouseUp:this.handleMouseUpOrTouchEnd,onMouseMove:this.handleMouseMoveOrTouchMove,onTouchStart:this.handleMouseDownOrTouchStart,onTouchEnd:this.handleMouseUpOrTouchEnd,onTouchMove:this.handleMouseMoveOrTouchMove,ref:function(t){e.contentEl=t}},p&&c.createElement(j,{id:"react-modal-image-img",className:"__react_modal_image__large_img",src:o||n,style:{transform:"translate3d(-50%, -50%, 0) translate3d(".concat(h.x,"px, ").concat(h.y,"px, 0) rotate(").concat(v,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(h.x,"px, ").concat(h.y,"px, 0) rotate(").concat(v,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) translate3d(".concat(h.x,"px, ").concat(h.y,"px, 0) rotate(").concat(v,"deg)")},handleDoubleClick:this.toggleZoom}),!p&&c.createElement(j,{id:"react-modal-image-img",className:"__react_modal_image__medium_img",src:n||o,handleDoubleClick:this.toggleZoom,contextMenu:!n,style:{transform:"translate3d(-50%, -50%, 0) rotate(".concat(v,"deg)"),WebkitTransform:"translate3d(-50%, -50%, 0) rotate(".concat(v,"deg)"),MsTransform:"translate3d(-50%, -50%, 0) rotate(".concat(v,"deg)")}}
1)),c.createElement(_,{image:o||n,alt:r,zoomed:p,toggleZoom:this.toggleZoom,toggleRotate:this.toggleRotate,onClose:a,enableDownload:!l,enableZoom:!i,enableRotate:!!u})))}}],function(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r}(c.Component),R=n(6417);let T=[3,-5,5,3,-5,4,3,-1,-1,-4,-1,-5,-5,-6,5,-3,6,3,-5,6,-6,-1,5,3,-3];var H=e=>{let{images:t}=e,[n,l]=(0,c.useState)(),u=(0,c.useMemo)(()=>t.map((e,t)=>{let{width:n,height:o}=(0,r.pz)(e);return{key:e._key,description:null==e?void 0:e.description,author:null==e?void 0:e.author,url:(0,a.i)(e).url(),thumbUrl:(0,a.i)(e).width(620).url(),width:n,height:o,rotateDeg:T[t%T.length]}}),[t]);return(0,o.jsxs)("div",{className:"bg-purple-dark bg-page-stars bg-repeat-y bg-top",children:[(0,o.jsx)(R.Z,{className:"py-20 columns-1 md:columns-2 lg:columns-3 xl:columns-4 gap-0 relative z-20",children:u.map(e=>(0,o.jsx)("div",{className:"break-inside-avoid-column p-8",children:(0,o.jsxs)("a",{className:"block bg-white p-4 rounded-xl shadow-lg border border-gray-200",style:{transform:"rotate(".concat(e.rotateDeg,"deg)")},href:e.url,onClick:t=>{t.preventDefault(),l(e)},target:"_blank",rel:"noopener noreferrer",children:[(0,o.jsx)("div",{children:(0,o.jsx)(i(),{layout:"responsive",width:e.width,height:e.height,alt:null==e?void 0:e.description,src:e.thumbUrl})}),(!!(null==e?void 0:e.author)||!!(null==e?void 0:e.description))&&(0,o.jsxs)("div",{className:"pt-4 pb-2",children:[!!(null==e?void 0:e.author)&&(0,o.jsxs)("strong",{className:"text-xl lg:text-2xl block font-extrabold",children:["By ",e.author]}),!!(null==e?void 0:e.description)&&(0,o.jsx)("p",{className:"text-sm lg:text-base",children:e.description})]})]})},e.key))}),n&&(0,o.jsx)(P,{medium:n.url,large:n.url,alt:null==n?void 0:n.description,onClose:()=>l(void 0),hideDownload:!0})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.