{"version":3,"file":"component---src-pages-dynamic-gallery-item-page-dynamic-js-c00997beea473c075bff.js","mappings":"gLAuDA,UA9C+B,SAAAA,GAC3B,IAAMC,EAAOD,EAAME,YAAYC,YACzBC,EAAOJ,EAAME,YAAYE,KACzBC,EAAmBL,EAAME,YAAYG,iBACrCC,EAAgBN,EAAME,YAAYI,cAExC,OACI,2BACI,uBAAKC,UAAU,0BACX,gBAAC,IAAM,CACHH,KAAMA,EACNI,UAAWF,EAAc,WACzBG,SAAUJ,EACVK,kBAAkB,IAEtB,gBAAC,IAAG,CACAC,gBAAiBL,EAAc,mBAC/BM,YAAaN,EAAc,sBAC3BO,MAAOP,EAAc,aAEzB,uBAAKC,UAAU,OACX,uBAAKA,UAAU,YACX,gBAAC,IAAa,CACVO,IAAKb,EAAKc,GACVT,cAAeA,EACfL,KAAMA,EACNY,MAAOZ,EAAKY,MACZD,YAAaX,EAAKW,YAClBI,MAAOf,EAAKgB,KACZC,OAAQjB,EAAKiB,OACbC,OAAQlB,EAAKkB,OACbC,QAASnB,EAAKc,QAM9B,gBAAC,IAAM,CACHM,kBAAmBrB,EAAME,YAAYmB,kBACrCC,mBAAoBtB,EAAME,YAAYoB,mBACtCC,mBAAoBvB,EAAME,YAAYqB,qBAItD,C,yDC0BA,IAxEsB,SAAH,GASZ,IARLtB,EAAI,EAAJA,KACAY,EAAK,EAALA,MACAD,EAAW,EAAXA,YAGAO,GAFK,EAALH,MACM,EAANE,OACM,EAANC,QACAb,EAAa,EAAbA,cACAc,EAAO,EAAPA,QAEA,GAAoCI,EAAAA,EAAAA,YAA7BC,EAAU,KAAEC,EAAa,KAWhC,OACE,uBAAKZ,IAAKb,EAAKc,GAAIR,UAAU,gCAC3B,uBAAKA,UAAU,OACb,sBAAIA,UAAU,kBAAkBM,IAElC,uBACEN,UAAU,uBACVoB,wBAAyB,CAAEC,OAAQhB,KAQpCX,SAAAA,EAAM4B,WAAN5B,MAAmBA,GAAAA,EAAM6B,SACxB,uBAAKvB,UAAU,cACb,qBACEwB,KAAM9B,aAAI,EAAJA,EAAM6B,SACZE,KAAK,SACLzB,UAAU,8CAETN,aAAI,EAAJA,EAAM4B,WAET,uBAAKtB,UAAU,eAEf,KACJ,uBAAKA,UAAU,qBACb,gBAAC,IAAkB,CACjBa,QAASA,EACTa,MAAOC,MAAMC,QAAQhB,GAAUA,EAAS,CAACA,GACzCiB,aAAa,EACbC,SAzCS,SAAAC,GACXA,GAAQA,EAAKrB,MACfS,EAAc,CACZT,KAAMqB,EAAKrB,KACXC,OAAQoB,EAAKpB,OACbqB,YAAaD,EAAKC,aAGxB,IAmCM,uBAAKhC,UAAU,iGACb,uBAAKiC,KAAKC,EAAAA,EAAAA,aAAYhB,aAAU,EAAVA,EAAYc,gBAEpC,uBAAKhC,UAAU,gCACZD,GACC,uBAAKC,UAAU,IACZD,EAAsB,OAAE,KAAQmB,aAAU,EAAVA,EAAYR,KAAK,OAC9BX,EAAsB,OAAE,KAC3CmB,aAAU,EAAVA,EAAYP,UAO3B,C,mECrEAwB,EAAAA,GAAAA,IAAe,CAACC,EAAAA,KA0FhB,IAxF2B,SAAH,GACjB,EAAL9B,MAOK,IANLoB,EAAK,EAALA,MACAW,EAAU,EAAVA,WACAZ,EAAI,EAAJA,KACAZ,EAAO,EAAPA,QACAgB,EAAW,EAAXA,YACAC,EAAQ,EAARA,SAOA,OALAQ,EAAAA,EAAAA,YAAU,WACJT,GACFC,EAASJ,EAAM,GAEnB,GAAG,IAED,uBAAK1B,UAAS,yBACZ,gBAAC,IAAM,CACLQ,GAAE,MAAQK,EACVN,IAAKM,EACLb,UAAS,UAAYa,EACrB0B,cAAe,EACfC,aAAc,IACdC,WAAY,CACVC,OAAO,gBAAiB7B,EACxB8B,OAAO,gBAAiB9B,IAGzBa,GAASA,EAAMkB,OACZlB,EAAMmB,KAAI,SAACnD,EAAMoD,GACjB,OACE,gBAAC,IAAW,CAACvC,IAAKb,EAAKc,GAAIR,UAAU,IACnC,uBAAKA,UAAU,0EACH,UAATyB,EACC,0BACEA,KAAK,YACLlB,IAAK,EACLD,MAAM,uBACNyC,YAAY,IACZC,iBAAe,EACfC,MAAM,2FACNhB,IAAKvC,EAAKwD,YAGZ,uBACE3C,IAAKuC,EACL9C,UAAU,uDAEV,uBACEA,UAAU,eACViC,KAAKC,EAAAA,EAAAA,aAAYxC,EAAKyD,WAAazD,KAIxCgC,EAAMkB,OAAS,EACd,uBAAK5C,UAAU,iEACb,uBACEA,UAAS,+BAAiCa,EAC1CuC,QAAS,WACHvB,GAAeH,EAAM2B,QAAQ3D,GAAQ,GAAK,GAC5CoC,EAASJ,EAAMA,EAAM2B,QAAQ3D,GAAQ,GAEzC,IAEF,uBACEM,UAAS,+BAAiCa,EAC1CuC,QAAS,WACHvB,GAAeH,EAAM2B,QAAQ3D,GAAQ,GAAKgC,EAAMkB,QAClDd,EAASJ,EAAMA,EAAM2B,QAAQ3D,GAAQ,GAEzC,KAGF,MAEL2C,GACC,uBAAKrC,UAAU,0BACZN,EAAKW,aAKhB,IACE,MAIZ,C","sources":["webpack://bigmedia-site/./src/pages-dynamic/GalleryItemPageDynamic.js","webpack://bigmedia-site/./src/shared/board-template/BoardTemplate.js","webpack://bigmedia-site/./src/shared/one-slide-view-slider/OneSlideViewSlider.js"],"sourcesContent":["import React from \"react\"\r\nimport \"../scss/GalleryPage.scss\"\r\nimport Seo from \"../components/seo/seo\"\r\n\r\nimport BoardTemplate from \"../shared/board-template/BoardTemplate\"\r\n\r\nimport Header from \"../components/header/header\"\r\nimport Footer from \"../components/footer/footer\"\r\n\r\nconst GalleryItemPageDynamic = props => {\r\n    const item = props.pageContext.galleryItem\r\n    const menu = props.pageContext.menu\r\n    const staticHeaderPage = props.pageContext.staticHeaderPage\r\n    const staticContent = props.pageContext.staticContent\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"container gallery-page\">\r\n                <Header\r\n                    menu={menu}\r\n                    siteTitle={staticContent[\"<title>\"]}\r\n                    contents={staticHeaderPage}\r\n                    displayLogoLinks={false}\r\n                />\r\n                <Seo\r\n                    keywordsContent={staticContent[\"<meta> keywords\"]}\r\n                    description={staticContent[\"<meta> description\"]}\r\n                    title={staticContent[\"<title>\"]}\r\n                />\r\n                <div className=\"row\">\r\n                    <div className=\"col mb-5\">\r\n                        <BoardTemplate\r\n                            key={item.id}\r\n                            staticContent={staticContent}\r\n                            item={item}\r\n                            title={item.title}\r\n                            description={item.description}\r\n                            sizes={item.size}\r\n                            amount={item.amount}\r\n                            images={item.images}\r\n                            itemKey={item.id}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <Footer\r\n                recaptchaSettings={props.pageContext.recaptchaSettings}\r\n                staticContactsForm={props.pageContext.staticContactsForm}\r\n                staticContactsPage={props.pageContext.staticContactsPage}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default GalleryItemPageDynamic\r\n","import React, { useState } from \"react\"\r\nimport \"./BoardTemplate.scss\"\r\n\r\nimport OneSlideViewSlider from \"../one-slide-view-slider/OneSlideViewSlider\"\r\n\r\nimport { getImageUrl } from \"../../services/Utils\"\r\n\r\nconst BoardTemplate = ({\r\n  item,\r\n  title,\r\n  description,\r\n  sizes,\r\n  amount,\r\n  images,\r\n  staticContent,\r\n  itemKey,\r\n}) => {\r\n  const [boardSizes, setBoardSizes] = useState()\r\n\r\n  const getSizes = data => {\r\n    if (data && data.size) {\r\n      setBoardSizes({\r\n        size: data.size,\r\n        amount: data.amount,\r\n        previewIcon: data.previewIcon,\r\n      })\r\n    }\r\n  }\r\n  return (\r\n    <div key={item.id} className=\"board-template row mt-4 mb-6\">\r\n      <div className=\"row\">\r\n        <h1 className=\"col-lg-12 mb-3\">{title}</h1>\r\n      </div>\r\n      <div\r\n        className=\"description col-lg-8\"\r\n        dangerouslySetInnerHTML={{ __html: description }}\r\n      ></div>\r\n      {/* <div className=\"description col-lg-12 mt-4\">\r\n        {staticContent[\"Format\"]}: {sizes}\r\n      </div>\r\n      <div className=\"description col-lg-12\">\r\n        {staticContent[\"Planes\"]}: {amount}\r\n      </div> */}\r\n      {item?.orderText && item?.orderUrl ? (\r\n        <div className=\" mt-2 mb-5\">\r\n          <a\r\n            href={item?.orderUrl}\r\n            type=\"button\"\r\n            className=\"btn btn-primary btn-lg mt-4 col text-white\"\r\n          >\r\n            {item?.orderText}\r\n          </a>\r\n          <div className=\"col-lg-10\"></div>\r\n        </div>\r\n      ) : null}\r\n      <div className=\"position-relative\">\r\n        <OneSlideViewSlider\r\n          itemKey={itemKey}\r\n          items={Array.isArray(images) ? images : [images]}\r\n          bottomSizes={true}\r\n          getSizes={getSizes}\r\n        />\r\n        <div className=\"mini-icon-item d-flex align-items-center justify-content-center pt-3 curs-P position-absolute\">\r\n          <img src={getImageUrl(boardSizes?.previewIcon)}></img>\r\n        </div>\r\n        <div className=\"board-description-text w-100\">\r\n          {staticContent && (\r\n            <div className=\"\">\r\n              {staticContent[\"Format\"]}:&nbsp;{boardSizes?.size}\r\n              &nbsp;&nbsp;&nbsp; {staticContent[\"Planes\"]}:&nbsp;\r\n              {boardSizes?.amount}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default BoardTemplate\r\n","import React, { useEffect } from \"react\"\r\nimport \"./OneSlideViewSlider.scss\"\r\n\r\nimport { Swiper, SwiperSlide } from \"swiper/react\"\r\nimport SwiperCore, { Navigation } from \"swiper\"\r\nimport \"swiper/css\"\r\nimport { getImageUrl } from \"../../services/Utils\"\r\n\r\nSwiperCore.use([Navigation])\r\n\r\nconst OneSlideViewSlider = ({\r\n  title,\r\n  items,\r\n  descNeeded,\r\n  type,\r\n  itemKey,\r\n  bottomSizes,\r\n  getSizes,\r\n}) => {\r\n  useEffect(() => {\r\n    if (bottomSizes) {\r\n      getSizes(items[0])\r\n    }\r\n  }, [])\r\n  return (\r\n    <div className={`one-slide-view-slider`}>\r\n      <Swiper\r\n        id={`id_${itemKey}`}\r\n        key={itemKey}\r\n        className={`row sw_${itemKey}`}\r\n        slidesPerView={1}\r\n        spaceBetween={200}\r\n        navigation={{\r\n          nextEl: `.custom-next-${itemKey}`,\r\n          prevEl: `.custom-prev-${itemKey}`,\r\n        }}\r\n      >\r\n        {items && items.length\r\n          ? items.map((item, index) => {\r\n            return (\r\n              <SwiperSlide key={item.id} className=\"\">\r\n                <div className=\"projects-list__item col-lg-12 position-relative justify-content-center\">\r\n                  {type === \"video\" ? (\r\n                    <iframe\r\n                      type=\"text/html\"\r\n                      key={1}\r\n                      title=\"YouTube video player\"\r\n                      frameBorder=\"0\"\r\n                      allowFullScreen\r\n                      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                      src={item.videoLink}\r\n                    />\r\n                  ) : (\r\n                    <div\r\n                      key={index}\r\n                      className=\"gallery-image-wrapper d-flex justify-content-center\"\r\n                    >\r\n                      <img\r\n                        className=\"slider-image\"\r\n                        src={getImageUrl(item.imageUrl) || item}\r\n                      />\r\n                    </div>\r\n                  )}\r\n                  {items.length > 1 ? (\r\n                    <div className=\"btn-wrapper d-flex justify-content-between align-items-center\">\r\n                      <div\r\n                        className={`prev-arrow ps-6 custom-prev-${itemKey}`}\r\n                        onClick={() => {\r\n                          if (bottomSizes && items.indexOf(item) - 1 >= 0) {\r\n                            getSizes(items[items.indexOf(item) - 1])\r\n                          }\r\n                        }}\r\n                      />\r\n                      <div\r\n                        className={`next-arrow pe-8 custom-next-${itemKey}`}\r\n                        onClick={() => {\r\n                          if (bottomSizes && items.indexOf(item) + 1 <= items.length) {\r\n                            getSizes(items[items.indexOf(item) + 1])\r\n                          }\r\n                        }}\r\n                      />\r\n                    </div>\r\n                  ) : null}\r\n                </div>\r\n                {descNeeded && (\r\n                  <div className=\"slide-description mt-3\">\r\n                    {item.description}\r\n                  </div>\r\n                )}\r\n              </SwiperSlide>\r\n            )\r\n          })\r\n          : null}\r\n      </Swiper>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default OneSlideViewSlider\r\n"],"names":["props","item","pageContext","galleryItem","menu","staticHeaderPage","staticContent","className","siteTitle","contents","displayLogoLinks","keywordsContent","description","title","key","id","sizes","size","amount","images","itemKey","recaptchaSettings","staticContactsForm","staticContactsPage","useState","boardSizes","setBoardSizes","dangerouslySetInnerHTML","__html","orderText","orderUrl","href","type","items","Array","isArray","bottomSizes","getSizes","data","previewIcon","src","getImageUrl","SwiperCore","Navigation","descNeeded","useEffect","slidesPerView","spaceBetween","navigation","nextEl","prevEl","length","map","index","frameBorder","allowFullScreen","allow","videoLink","imageUrl","onClick","indexOf"],"sourceRoot":""}