https://starvell.com/_next/static/chunks/pages/ui/components/image-slider-c5cc35e7a656e580.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5683],{9534:(e,t,i)=>{"use strict";i.d(t,{A:()=>m});var r=i(37876),n=i(54587),s=i.n(n),l=i(35284),a=i.n(l);let o={src:"/_next/static/media/arrow-left.aa44af1c.svg",height:20,width:20,blurWidth:0,blurHeight:0};var c=i(89099),d=i(69241),u=i(77328),A=i.n(u),g=i(49908);function m(e){let{children:t,marginBottom:i=8,backButton:n,setDocumentTitle:l=!0,documentTitle:u,size:m="default",backButtonInline:h=!1,onBackButtonClick:p}=e,x=(0,c.useRouter)(),{back:f}=(0,g.O)();return(0,r.jsxs)("h1",{style:{marginBottom:i},className:(0,d.A)(a().title,a().has_back_button,a()["size_".concat(m)],{[a().inline]:h}),children:[("string"==typeof t||u)&&l&&(0,r.jsx)(A(),{children:(0,r.jsx)("title",{children:null!=u?u:t})}),(n||p)&&(0,r.jsx)(s(),{className:a().back_button,src:o,alt:"Назад",draggable:!1,onClick:null!=p?p:()=>{"string"==typeof n?x.push(n):"function"==typeof n?n(x):f()}}),(0,r.jsx)("div",{children:t})]})}},13843:(e,t,i)=>{"use strict";i.d(t,{w:()=>s});var r=i(37876),n=i(42439);function s(e){let{title:t,children:i,withBg:s,style:l}=e;return(0,r.jsxs)("div",{style:{marginBottom:"24px",...l},children:[(0,r.jsx)(n.A,{marginBottom:16,children:t}),(0,r.jsx)("div",{style:{...s?{background:"var(--background)",padding:"24px",borderRadius:"8px"}:{},marginBottom:"24px",display:"flex",flexDirection:"column",gap:"16px"},children:i})]})}},32882:e=>{e.exports={subtitle:"subtitle_subtitle__lEZ9_"}},34842:(e,t,i)=>{"use strict";i.d(t,{C:()=>o});var r=i(7963),n=i(94085),s=i(48654),l=i(68071);async function a(e){let t,i=new URL(e,location.href).pathname.split("/").pop()||"image";try{let i=await fetch(e);if(!i.ok)throw Error("HTTP ".concat(i.status));t=await i.blob()}catch(t){console.error(t),s.V.error({text:"Произошла ошибка при скачивании файла"}),l.m.error(t,{reason:"Failed to download image",src:e});return}if(n.un){var r,a;let n=new File([t],i,{type:t.type});if(null==(r=(a=navigator).canShare)?void 0:r.call(a,{files:[n]}))try{await navigator.share({files:[n]});return}catch(t){if("AbortError"===t.name)return;l.m.error(t,{reason:"Failed to share image",src:e})}}let o=URL.createObjectURL(t),c=document.createElement("a");c.href=o,c.download=i,document.body.appendChild(c),c.click(),c.remove(),setTimeout(()=>URL.revokeObjectURL(o),1e4)}function o(e){let{images:t,imageIndex:n=0,onClose:s}=e;function l(){r.Fancybox.getInstance()&&r.Fancybox.close()}Promise.resolve().then(i.bind(i,7963)).then(e=>{window.addEventListener("popstate",l,{once:!0});let i=new e.Fancybox(t.map(e=>{var t,i;return{thumbSrc:e.src,src:e.fullSrc,width:null!=(t=e.width)?t:"auto",height:null!=(i=e.height)?i:"auto"}}),{compact:!1,startIndex:n,contentDblClick:"iterateZoom",idle:!1,on:{close:function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];window.removeEventListener("popstate",l),null==s||s(...t)}},Carousel:{Navigation:{prevTpl:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4715 3.52858C10.2111 3.26823 9.78903 3.26823 9.52868 3.52858L5.52868 7.52858C5.26833 7.78892 5.26833 8.21103 5.52868 8.47138L9.52868 12.4714C9.78903 12.7317 10.2111 12.7317 10.4715 12.4714C10.7318 12.211 10.7318 11.7889 10.4715 11.5286L6.94289 7.99998L10.4715 4.47138C10.7318 4.21103 10.7318 3.78892 10.4715 3.52858Z" fill="currentColor"/>\n                        </svg>',nextTpl:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n                            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.52876 3.52858C5.78911 3.26823 6.21122 3.26823 6.47157 3.52858L10.4716 7.52858C10.7319 7.78892 10.7319 8.21103 10.4716 8.47138L6.47157 12.4714C6.21122 12.7317 5.78911 12.7317 5.52876 12.4714C5.26841 12.211 5.26841 11.7889 5.52876 11.5286L9.05735 7.99998L5.52876 4.47138C5.26841 4.21103 5.26841 3.78892 5.52876 3.52858Z" fill="currentColor"/>\n                        </svg>'}},Toolbar:{display:{left:["infobar_always"],middle:[],right:["report","download","close"]},items:{infobar_always:{tpl:'<div class="fancybox__infobar" tabindex="-1"><span data-fancybox-current-index></span>/<span data-fancybox-count></span></div>'},report:{tpl:'<button class="f-button">\n                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none">\n                                    <path d="M16 13.847V17.1796M16 20.5121H16.0088M14.7858 9.59108L7.57337 21.4272C7.17332 22.0837 6.9733 22.412 7.00286 22.6814C7.02865 22.9164 7.15823 23.1299 7.35935 23.2688C7.58994 23.4281 7.98916 23.4281 8.7876 23.4281H23.2124C24.0108 23.4281 24.4101 23.4281 24.6406 23.2688C24.8418 23.1299 24.9714 22.9164 24.9971 22.6814C25.0267 22.412 24.8267 22.0837 24.4266 21.4272L17.2142 9.59108C16.8156 8.93693 16.6163 8.60985 16.3563 8.5C16.1295 8.40418 15.8705 8.40418 15.6437 8.5C15.3837 8.60985 15.1844 8.93693 14.7858 9.59108Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n                                </svg>\n                            </button>',click:()=>{window.open("/support/new")}},download:{tpl:'<button class="f-button" title="Скачать">\n                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none">\n                                    <path d="M24 18.6667V19.7333C24 21.2268 24 21.9735 23.7094 22.544C23.4537 23.0457 23.0457 23.4537 22.544 23.7094C21.9735 24 21.2268 24 19.7333 24H12.2667C10.7732 24 10.0265 24 9.45603 23.7094C8.95426 23.4537 8.54631 23.0457 8.29065 22.544C8 21.9735 8 21.2268 8 19.7333V18.6667M20.4444 14.2222L16 18.6667M16 18.6667L11.5556 14.2222M16 18.6667V8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n                                </svg>\n                            </button>',click:()=>{var e;let t=null==(e=i.getSlide())?void 0:e.src;t&&"string"==typeof t&&a(t)}},close:{tpl:'<button class="f-button" title="Закрыть" data-fancybox-close>\n                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none">\n                                    <path d="M16.0001 14.3032L21.9401 8.3632L23.6369 10.06L17.6969 16L23.6369 21.94L21.9401 23.6368L16.0001 17.6968L10.0601 23.6368L8.36328 21.94L14.3033 16L8.36328 10.06L10.0601 8.3632L16.0001 14.3032Z" fill="currentColor"/>\n                                </svg>\n                            </button>'}}},Thumbs:{type:"classic",minCount:0,Carousel:{on:{ready(e){e.container.addEventListener("mousedown",e=>{e.target.closest(".f-thumbs__slide")||i.close()})}}}}})})}},35284:e=>{e.exports={title:"title_title__rb9tp",back_button:"title_back_button__rC0dy",

1size_medium:"title_size_medium__898B4",size_small:"title_size_small__KTExz",inline:"title_inline__RV1QZ",has_back_button:"title_has_back_button__tiNiF"}},40623:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});let r={src:"/_next/static/media/bg-game.ee05d5b4.jpg",height:428,width:428,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAAAjiJ//8QAHhAAAQMEAwAAAAAAAAAAAAAAAwECEgAEE0ERFDL/2gAIAQEAAT8A7IyGdb5TJFkcr/Uk3xqv/8QAGBEAAgMAAAAAAAAAAAAAAAAAABECIlH/2gAIAQIBAT8AnVLD/8QAGBEAAgMAAAAAAAAAAAAAAAAAAAECISL/2gAIAQMBAT8AjpWf/9k=",blurWidth:8,blurHeight:8}},42439:(e,t,i)=>{"use strict";i.d(t,{A:()=>l});var r=i(37876),n=i(32882),s=i.n(n);function l(e){let{children:t,marginBottom:i=0}=e;return(0,r.jsx)("h2",{style:{marginBottom:i},className:s().subtitle,children:t})}},63340:(e,t,i)=>{"use strict";i.d(t,{J:()=>h});var r=i(37876),n=i(9534),s=i(81567),l=i.n(s),a=i(15955),o=i.n(a),c=i(69241),d=i(48230),u=i.n(d),A=i(89099),g=i(14232);let m=[{id:"button",text:"Button",url:"/ui/components/button"},{id:"field-checkbox",text:"Field Checkbox",url:"/ui/components/field-checkbox"},{id:"field-text",text:"Field Text",url:"/ui/components/field-text"},{id:"field-textarea",text:"Field Textarea",url:"/ui/components/field-textarea"},{id:"messenger-notification",text:"Messenger/Notification",url:"/ui/components/messenger-notification"},{id:"image-slider",text:"ImageSlider",url:"/ui/components/image-slider"},{id:"notification",text:"Notification",url:"/ui/components/notification"},{id:"select",text:"Select",url:"/ui/components/select"},{id:"stars",text:"Stars",url:"/ui/components/stars"},{id:"tiptap",text:"TipTap",url:"/ui/components/tiptap"}

1,{id:"game-background",text:"Game Background",url:"/ui/components/game-background"},{id:"z403",text:"403 (Forbidden)",url:"/ui/403"},{id:"z429",text:"429 (Too Many Requests)",url:"/ui/429"},{id:"drag-and-drop",text:"DragAndDrop",url:"/ui/components/drag-and-drop"}].sort((e,t)=>e.id.localeCompare(t.id));function h(e){let{children:t}=e,i=(0,A.useRouter)(),s=(0,g.useMemo)(()=>{var e,t;return null!=(t=null==(e=m.find(e=>e.url===i.pathname))?void 0:e.text)?t:"UI Library"},[i.pathname]);return(0,r.jsxs)("div",{className:l().layout,children:[(0,r.jsx)("div",{className:(0,c.A)(l().aside),children:(0,r.jsx)("div",{className:l().nav,children:m.map(e=>(0,r.jsx)(u(),{className:(0,c.A)(l().nav_item,{[l().active]:e.url===i.pathname}),href:e.url,children:e.text},e.id))})}),(0,r.jsxs)("div",{className:(0,c.A)(o().panel,l().content),children:[(0,r.jsx)(n.A,{marginBottom:16,children:s}),t]})]})}},81567:e=>{e.exports={layout:"ui_layout__OsRol",aside:"ui_aside__gH3GP",content:"ui_content__NpHxi",nav:"ui_nav__troI3",nav_item:"ui_nav_item__ATmQk",active:"ui_active__VVUlt"}},88699:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>g,default:()=>m});var r=i(37876),n=i(40623);let s={src:"/_next/static/media/black_desert.82a9fec5.jpg"},l={src:"/_next/static/media/game-roblox.51df1ff2.jpg"},a={src:"/_next/static/media/roblox-screenshot-01.391b7bf5.jpg"};var o=i(34842),c=i(82398),d=i(63340),u=i(13843),A=i(14232),g=!0;function m(){let[e,t]=(0,A.useState)({images:[{id:"1",src:n.A.src,fullSrc:n.A.src,size:2e3},{id:"2",src:s.src,fullSrc:s.src,size:2e3},{id:"3",src:l.src,fullSrc:l.src,size:2e3},{id:"4",src:a.src,fullSrc:a.src,size:2e3}]});return(0,r.jsxs)(d.J,{children:[(0,r.jsxs)(u.w,{title:"Default (non-clickable)",style:{maxWidth:"500px"},children:[(0,r.jsx)(c.A,{images:[{src:n.A.src,fullSrc:n.A.src},{src:s.src,fullSrc:s.src},{src:l.src,fullSrc:l.src},{src:a.src,fullSrc:a.src}]}),(0,r.jsx)(c.A,{images:[{src:n.A.src,fullSrc:n.A.src}]})]}),(0,r.jsx)(u.w,{title:"Fancybox",style:{maxWidth:"500px"},children:(0,r.jsx)(c.A,{onImageClick:e=>{let{images:t,index:i}=e;(0,o.C)({images:t,imageIndex:i})},images:[{src:n.A.src,fullSrc:n.A.src},{src:s.src,fullSrc:s.src},{src:l.src,fullSrc:l.src},{src:a.src,fullSrc:a.src}]})}),(0,r.jsx)(u.w,{title:"With file size",style:{maxWidth:"500px"},children:(0,r.jsx)(c.A,{images:[{src:n.A.src,fullSrc:n.A.src,size:2e3},{src:s.src,fullSrc:s.src,size:2e3},{src:l.src,fullSrc:l.src,size:2e3},{src:a.src,fullSrc:a.src,size:2e3}]})}),(0,r.jsx)(u.w,{title:"Deletable",style:{maxWidth:"500px"},children:!!e.images.length&&(0,r.jsx)(c.A,{deletable:!0,onDeleteClick:e=>{t(t=>({images:t.images.filter(t=>t.id!==e)}))},images:e.images})})]})}},94034:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui/components/image-slider",function(){return i(88699)}])}},e=>{e.O(0,[7963,636,6593,8792],()=>e(e.s=94034)),_N_E=e.O()}]);