https://pngmaker.ai/_next/static/chunks/pages/gallery-71dda15b8a283918.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[214],{78340:function(e,t,r){"use strict";var n=r(20132);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}class s extends n.Component{constructor(e){let t;super(e),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this),t=this.props.breakpointCols&&this.props.breakpointCols.default?this.props.breakpointCols.default:parseInt(this.props.breakpointCols)||2,this.state={columnCount:t}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){if(!window||!window.requestAnimationFrame){this.reCalculateColumnCount();return}window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame(()=>{this.reCalculateColumnCount()})}reCalculateColumnCount(){let e=window&&window.innerWidth||1/0,t=this.props.breakpointCols;"object"!=typeof t&&(t={default:parseInt(t)||2});let r=1/0,n=t.default||2;for(let l in t){let a=parseInt(l);a>0&&e<=a&&a<r&&(r=a,n=t[l])}n=Math.max(1,parseInt(n)||1),this.state.columnCount!==n&&this.setState({columnCount:n})}itemsInColumns(){let e=this.state.columnCount,t=Array(e),r=n.Children.toArray(this.props.children);for(let n=0;n<r.length;n++){let l=n%e;t[l]||(t[l]=[]),t[l].push(r[n])}return t}renderColumns(){let{column:e,columnAttrs:t={},columnClassName:r}=this.props,a=this.itemsInColumns(),s=`${100/a.length}%`,o=r;o&&"string"!=typeof o&&(this.logDeprecated('The property "columnClassName" requires a string'),void 0===o&&(o="my-masonry-grid_column"));let c=i(i(i({},e),t),{},{style:i(i({},t.style),{},{width:s}),className:o});return a.map((e,t)=>n.createElement("div",l({},c,{key:t}),e))}logDeprecated(e){console.error("[Masonry]",e)}render(){let e=this.props,{children:t,breakpointCols:r,columnClassName:a,columnAttrs:i,column:s,className:o}=e,c=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(e,["children","breakpointCols","columnClassName","columnAttrs","column","className"]),u=o;return"string"!=typeof o&&(this.logDeprecated('The property "className" requires a string'),void 0===o&&(u="my-masonry-grid")),n.createElement("div",l({},c,{className:u}),this.renderColumns())}}s.defaultProps={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0},t.Z=s},91896:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gallery",function(){return r(44067)}])},70568:function(e,t,r){"use strict";r.d(t,{S:function(){return g}});var n=r(15311),l=r(74034),a=r.n(l),i=r(20132),s=r(78340),o=r(3605),c=r(5724),u=r(5762),d=r(20050),m=r(81756),p=r(55392);function h(e){let{currentPage:t,pageSize:r,total:l,totalPages:a,currentPageSize:i,prompt:s}=e;return(0,n.jsx)("div",{className:"w-full px-3 py-2 border-gray-800 flex items-center justify-between",children:(0,n.jsx)("div",{className:"flex flex-1 flex-wrap items-center justify-center",children:(0,n.jsx)("div",{children:(0,n.jsxs)("nav",{className:"isolate inline-flex -space-x-px rounded-md","aria-label":"Pagination",children:[t-1>=1&&(0,n.jsx)("a",{href:"/gallery/"+(t-1),className:"relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 hover:bg-teal-500 focus:z-20 focus:outline-offset-0",children:(0,n.jsx)(m.Z,{className:"h-5 w-5","aria-hidden":"true"})}),(()=>{let e=[];for(let r=1;r<=a;r++)1===r||r===a||r>=t-2&&r<=t+2?e.push((0,n.jsx)("a",{href:"/gallery/"+r,className:`relative inline-flex items-center px-4 py-2 text-sm rounded-md font-semibold ${t===r?"bg-teal-500 text-white":"text-gray-400 hover:bg-teal-500 hover:text-white"}`,children:r},r)):r===t-3?e.push((0,n.jsx)("a",{href:"/gallery/"+(t-5>=1?t-5:1),className:"relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-400",children:"..."},r)):r===t+3&&e.push((0,n.jsx)("a",{href:"/gallery/"+(t+5<=a?t+5:a),className:"relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-400",children:"..."},r));return e})(),t+1<=a&&(0,n.jsx)("a",{href:"/gallery/"+(t+1),className:"relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 hover:bg-teal-500 focus:z-20 focus:outline-offset-0",children:(0,n.jsx)(p.Z,{className:"h-5 w-5","aria-hidden":"true"})})]})})})})}var f=r(74482);function g(e){let{galleryPicList:t,pages:r,pageNum:l,pageSize:m,total:p}=e,{t:g}=(0,c.Z)("aiArtImagesPrompts");(0,u.useRouter)();let[x,y]=(0,i.useState)(null),[b,w]=(0,i.useState)({}),[v,C]=(0,i.useState)(!0),[j,N]=(0,i.useState)(null);(0,i.useEffect)(()=>{let e=setTimeout(()=>{C(!1)},2e3);return()=>clearTimeout(e)},[t]);let O=e=>{w(t=>({...t,[e]:!0}))},P=["1/1"],k=()=>{let e=Math.floor(Math.random()*P.length);return({"1/1":"aspect-square"})[P[e]]},E=e=>{N(e)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{id:"galleryMasonry",className:"pt-10 pb-20",children:(0,n.jsxs)(o.W,{children:[(0,n.jsxs)("div",{className:"mx-auto mb-14 md:text-center",children:[(0,n.jsx)("h1",{className:"font-display text-3xl tracking-tight sm:text-4xl",children:g("galleryMasonry.title")}),(0,n.jsx)("p",{className:"mt-4 text-lg tracking-tight text-gray-500",children:g("galleryMasonry.des")})]}),(0,n.jsx)(s.Z,{breakpointCols:{default:4,1100:2,700:1},className:"masonry-grid flex items-start gap-2",columnClassName:"masonry-column",children:v?Array.from({length:15}).map((e,t)=>(0,n.jsx)(d.O,{className:`w-full mb-2 rounded-lg image-with-grid-bg ${k()}`},t)):t.map((e,t)=>(0,n.jsx)("div",{onClick:()=>E(e),onMouseEnter:()=>y(t),onMouseLeave:()=>y(null),className:"image-with-grid-bg waterfall-item mb-2 rounded-xl overflow-hidden",children:(0,n.jsxs)("div",{className:"w-full relative",children:[null!=e.picUrl&&""!==e.picUrl&&(0,n.jsx)(a(),{onLoadingComplete:()=>O(t),priority:!0,src:e.picUrl,alt:e.picPrompt,className:"w-full h-auto",width:56,height:56}),(0,n.jsx)("div",{className:`absolute top-0 left-0 w-full h-full p-2 text-sm bg-gradient-to-b from-gray-50/5 to-gray-500/20 flex items-end transition-opacity duration-500 ease-in-out ${x===t?"opacity-100":"opacity-0"}`,children:(0,n.jsx)("p",{className:"line-clamp-3 whitespace-pre-line break-words",children:e.picPrompt})})]})},t))}),r>1&&(0,n.jsx)("div",{className:"w-full pt-10 flex items-center justify-center",children:(0,n.jsx)(h,{currentPage:l,pageSize:m,total:p,totalPages:r,currentPageSize:t.length})})]})}

1),j&&(0,n.jsx)(f.i,{recordDetails:j,closeDialog:()=>N(null)})]})}},20050:function(e,t,r){"use strict";r.d(t,{O:function(){return a}});var n=r(15311),l=r(48147);function a(e){let{className:t,...r}=e;return(0,n.jsx)("div",{className:(0,l.cn)("animate-pulse rounded-md bg-primary/10",t),...r})}},44067:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return u},runtime:function(){return d}});var n=r(15311),l=r(20132),a=r(5724),i=r(22627),s=r(70568),o=r(60708),c=r(34189),u=!0;t.default=e=>{let{galleryPicList:t,pageNum:r,pages:u,pageSize:d,total:m,carouselGoodRecordList:p,secondaryPageFooterList:h}=e,{t:f}=(0,a.Z)("aiArtImagesPrompts"),[g,x]=(0,l.useState)(null);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{title:f("head.title"),description:f("head.description"),availableLanguages:[],asPath:"/gallery",children:(0,n.jsx)("link",{rel:"canonical",href:"https://pngmaker.ai/gallery"})}),(0,n.jsx)(i.h,{user:g,setUser:x,availableLanguages:[]}),(0,n.jsx)("main",{className:"pt-20",children:(0,n.jsx)(s.S,{galleryPicList:t,pages:u,pageNum:r,pageSize:d,total:m})}),(0,n.jsx)(o.$,{carouselGoodRecordList:p,secondaryPageFooterList:h})]})};let d="experimental-edge"},81756:function(e,t,r){"use strict";var n=r(20132);let l=n.forwardRef(function(e,t){let{title:r,titleId:l,...a}=e;return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":l},a),r?n.createElement("title",{id:l},r):null,n.createElement("path",{fillRule:"evenodd",d:"M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z",clipRule:"evenodd"}))});t.Z=l},55392:function(e,t,r){"use strict";var n=r(20132);let l=n.forwardRef(function(e,t){let{title:r,titleId:l,...a}=e;return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":l},a),r?n.createElement("title",{id:l},r):null,n.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))});t.Z=l}},function(e){e.O(0,[4407,6342,5664,2519,6240,2765,5272,2888,9774,179],function(){return e(e.s=91896)}),_N_E=e.O()}]);