{"version":3,"sources":["webpack://feed4ceres/./resources/js/src/components/Feed4CeresGallery.vue?b24d","webpack://feed4ceres/./resources/js/src/components/Feed4CeresGallery.vue?5309","webpack://feed4ceres/resources/js/src/components/Feed4CeresGallery.vue","webpack://feed4ceres/./resources/js/src/components/Feed4CeresGallery.vue?7b63","webpack://feed4ceres/./resources/js/src/components/Feed4CeresGallery.vue","webpack://feed4ceres/./resources/js/src/components/Feed4CeresGallery.vue?cb37"],"names":["___CSS_LOADER_EXPORT___","push","module","id","render","_vm","this","_h","$createElement","_c","_self","loading","data","itemShowed","staticClass","class","gutters","style","cssVars","_l","dataToDisplay","item","index","width","widthItem","attrs","src","imgThumbnail","alt","on","error","$event","setAltImg","urlOriginal","_v","media_type","viewBox","fill","xmlns","height","d","_e","_m","showPostEnable","domProps","innerHTML","_s","textPost","toString","substring","indexOf","length","modalEnabled","href","idModal","click","openItem","tabindex","role","modalClick","staticStyle","right","type","closeModalEvent","actualMediaType","position","top","left","isPlaying","padding","videoClick","children","itemCarousel","active","playsinline","imgMedia","loop","setAltVideo","dataVideo","enableLinksInsta","target","rel","linkInstagram","opacity","nextItemCarousel","itemSelected","userInfo","profilePicture","username_ig","bottom","createdTime","split","isFirstItem","prevItem","isLastItem","nextItem","cycleInfo","cycles","actualCycle","outlineButtonColor","buttonAppearance","buttonSize_","buttonSpacingClasses","buttonSpacingInline","loadMoreData","buttonText","_withStripped","component","options","__file","content","__esModule","default","locals","exports","add"],"mappings":"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SAAW5F,EAAI6F,YAC3BzF,EAAG,MAAO,CAAEK,YAAa,kCAAoC,CAC3DL,EACE,SACA,CACEK,YAAa,MACbC,MAAO,CACLV,EAAI8F,mBACA,eAAiB9F,EAAI+F,iBACrB,OAAS/F,EAAI+F,iBAAmB,IACpC,OAAS/F,EAAIgG,YACbhG,EAAIiG,sBAENrF,MAAOZ,EAAIkG,oBACX1E,GAAI,CACF0B,MAAO,SAAUxB,GACf,OAAO1B,EAAImG,cACb,IAGJ,CAACnG,EAAI6B,GAAG7B,EAAIyC,GAAGzC,EAAIoG,iBAGvBpG,EAAIoC,MAGhB,EAsDArC,EAAOsG,eAAgB,E,u/NCjtBvB,MCrI8L,EDqI9L,CACA,OACA,mCACA,oCACA,wCACA,sCACA,sCACA,uCACA,oCACA,qCACA,wCACA,4CACA,0CACA,6CACA,0BACA,oCACA,8CACA,6CACA,mDACA,uCACA,2CACA,wCACA,4CACA,8CACA,gDACA,yCACA,qCACA,oCAGA,QA9BA,WA8BA,WAUA,2FACA,0FAUA,mGACA,8FAGA,mGASA,+BACA,gDAEA,2CACA,EAeA,8FAEA,oBACA,iBAEA,YAEA,GAEA,EACA,KA7FA,WA8FA,OACA,qBACA,sCACA,kCACA,4BACA,6BACA,uBACA,eACA,aACA,eACA,cACA,mBACA,YACA,QACA,WACA,aACA,YACA,yBACA,0BACA,4BACA,kCACA,gCACA,cAEA,WACA,WACA,aACA,aACA,aACA,UAEA,EACA,UACA,QADA,WAEA,sBAKA,GAJA,CACA,sCAMA,EACA,cAXA,WAYA,+CACA,EACA,UAdA,WAeA,yBAMA,GALA,sCACA,oBAIA,iCACA,0BAIA,0CACA,sCACA,GACA,SACA,UAEA,aAEA,GACA,QAFA,qCAEA,EACA,UAIA,CACA,GAEA,SACA,qBADA,SACA,cACA,kCAEA,QACA,MACA,8BACA,qBACA,uCAEA,YACA,gBACA,QACA,kBAEA,YACA,QACA,QACA,mBACA,qBAGA,oCAiDA,MAhDA,0BACA,6HACA,2BACA,6HACA,4BACA,8HAEA,gCACA,4BACA,uBAEA,oBADA,YACA,8GACA,aACA,8GACA,YACA,8GAEA,eAGA,YACA,qHACA,aACA,qHACA,cACA,qHAGA,IACA,sBAEA,oBADA,YACA,8GACA,aACA,8GACA,YACA,8GAEA,eAGA,YACA,qHACA,aACA,qHACA,cACA,sHAGA,CACA,IAEA,4BACA,kCAIA,gCAEA,4BACA,+CAEA,KACA,sBACA,eACA,KACA,GAEA,GACA,EACA,YA5FA,SA4FA,O,EAAA,c,EAAA,wGACA,0BADA,wD,gLAMA,EAEA,wBAGA,2CACA,qEACA,6CAEA,uCAEA,oBAEA,EACA,kCACA,+BACA,sDACA,YACA,uBACA,WACA,UACA,eAEA,GAEA,CACA,EACA,uCACA,kDACA,YACA,uBACA,WACA,UACA,eAEA,GAEA,EACA,uBACA,2DACA,UACA,SACA,oBAEA,UACA,kBAEA,EACA,0BACA,OACA,oBACA,oBACA,6BACA,oBACA,qBAEA,oBACA,mBAEA,EACA,yBAEA,0CACA,gDACA,2BACA,oDAEA,uBACA,oBACA,kCACA,sCACA,oDAEA,EACA,uBACA,kCACA,2DACA,qDACA,oCACA,kBACA,0CACA,gDACA,2BACA,mDAGA,EACA,uBACA,kCACA,oCACA,kBACA,2DACA,qDACA,0CACA,gDACA,2BACA,mDAEA,EACA,0CACA,oDACA,YACA,uBACA,WACA,UACA,eAEA,GAEA,EACA,aAhNA,SAgNA,GACA,gBACA,uCACA,UACA,wCAEA,uCAEA,EACA,SAzNA,WA0NA,uBACA,kBACA,gDACA,uBACA,kBACA,iDAEA,kBACA,+CAEA,EACA,OArOA,SAqOA,GACA,OACA,kBACA,gDACA,OACA,kBACA,iDAEA,kBACA,+CAEA,EACA,UAjPA,SAiPA,KAGA,cACA,EAEA,YAvPA,SAuPA,KAIA,cACA,EAEA,cA9PA,WAgQA,uBACA,GAGA,cA7aA,WA8aA,kDACA,G,YE5iBIC,GAAY,E,QAAA,GACd,EACAvG,EHuxBoB,CACpB,WACE,IACIG,EADMD,KACGE,eACTC,EAFMH,KAEGI,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEK,YAAa,OAAS,CACvCL,EAAG,MAAO,CAAEK,YAAa,8BAAgC,CACvDL,EAAG,IAAK,CAAEK,YAAa,iCAG7B,EACA,WACE,IACIP,EADMD,KACGE,eACTC,EAFMH,KAEGI,MAAMD,IAAMF,EACzB,OAAOE,EAAG,OAAQ,CAACA,EAAG,IAAK,CAAEK,YAAa,8BAC5C,EACA,WACE,IACIP,EADMD,KACGE,eACTC,EAFMH,KAEGI,MAAMD,IAAMF,EACzB,OAAOE,EAAG,OAAQ,CAACA,EAAG,IAAK,CAAEK,YAAa,+BAC5C,EACA,WACE,IAAIT,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,OACA,CACEK,YAAa,0BACb8C,YAAa,CAAE6B,OAAQ,IAAK5B,MAAO,MAErC,CACEpD,EAAG,QAAS,CACVA,EACE,IACA,CACEK,YAAa,aACb8C,YAAa,CAAE,cAAe,iBAC9BnC,MAAO,CACL4B,KAAM,wBACN2B,OAAQ,SACRC,IAAK,aAGT,CAAC5E,EAAI6B,GAAG,4BAKlB,IGx0BA,EACA,KACA,WACA,MAuBFyE,EAAUC,QAAQC,OAAS,oDAC3B,QAAeF,E,wBCpCf,IAAIG,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,iBAAZF,IAAsBA,EAAU,CAAC,CAAC5G,EAAOC,GAAI2G,EAAS,MAC7DA,EAAQG,SAAQ/G,EAAOgH,QAAUJ,EAAQG,SAG/BE,EADH,WACO,WAAYL,GAAS,EAAO,CAAC,E","file":"chunks/f4c-3.min.js","sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\\n.mw-flex-gap[data-v-e3fbb44c] {\\n    padding: var(--spacing-gap) 0 0 var(--spacing-gap);\\n    margin: calc(0px - var(--spacing-gap));\\n}\\n.mw-flex-gap > *[data-v-e3fbb44c] {\\n    border: 0 solid transparent;\\n    border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\\n    background-clip: padding-box;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./resources/js/src/components/Feed4CeresGallery.vue\"],\"names\":[],\"mappings\":\";AA0jBA;IACA,kDAAA;IACA,sCAAA;AACA;AACA;IACA,2BAAA;IACA,uDAAA;IACA,4BAAA;AACA\",\"sourcesContent\":[\"<template>\\n    <div v-if=\\\"!loading && data[itemShowed] != null\\\">\\n        <div :class=\\\"[ !gutters ? 'flex-wrapper-mw' : '']\\\">\\n            <div class=\\\"d-flex flex-wrap\\\" :class=\\\"[ !gutters ? 'mw-flex-gap' : '']\\\" :style=\\\"cssVars\\\">\\n                <div :style=\\\"{ width: widthItem }\\\" v-for=\\\"(item,index) in dataToDisplay\\\">\\n                    <div class=\\\"widget-image-box mw-img-box widget-proportional widget-prop-1-1\\\">\\n                        <img class=\\\"img-cover\\\" :src=\\\"item.imgThumbnail\\\" alt=\\\"feed4ceresContent\\\" @error=\\\"setAltImg($event, item.urlOriginal)\\\">\\n                        <div class=\\\"widget-inner p-0 text-white justify-content-end\\\">\\n                            <i v-if=\\\"item.media_type == 'CAROUSEL_ALBUM'\\\" >\\n                                <svg viewBox=\\\"0 0 16 16\\\" fill=\\\"currentColor\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"1.5em\\\" height=\\\"1.5em\\\" class=\\\"bi bi-images m-2\\\">\\n                                    <path fill-rule=\\\"evenodd\\\" d=\\\"M12.002 4h-10a1 1 0 00-1 1v8a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 00-1-1zm-10-1a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2h-10z\\\" clip-rule=\\\"evenodd\\\"></path>\\n                                    <path d=\\\"M10.648 8.646a.5.5 0 01.577-.093l1.777 1.947V14h-12v-1l2.646-2.354a.5.5 0 01.63-.062l2.66 1.773 3.71-3.71z\\\"></path>\\n                                    <path fill-rule=\\\"evenodd\\\" d=\\\"M4.502 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM4 2h10a1 1 0 011 1v8a1 1 0 01-1 1v1a2 2 0 002-2V3a2 2 0 00-2-2H4a2 2 0 00-2 2h1a1 1 0 011-1z\\\" clip-rule=\\\"evenodd\\\"></path>\\n                                </svg>\\n                            </i>\\n                            <i v-if=\\\"item.media_type == 'VIDEO'\\\" class=\\\"fa fa-video-camera fa-lg m-2\\\"></i>\\n                        </div>\\n                        <div class=\\\"shop-overlay text-white d-flex align-items-center justify-content-center position-absolute h-100 w-100\\\">\\n                            <div class=\\\"container\\\">\\n                              <div class=\\\"row\\\">\\n                                <div class=\\\"col text-center h-50 w-100\\\">\\n                                  <i class=\\\"fa fa-instagram fa-2x m-1\\\"></i>\\n                                </div>\\n                              </div>\\n                              <div v-if=\\\"!!showPostEnable\\\" class=\\\"row\\\">\\n                                <div class=\\\"col text-center h-50 w-100\\\">\\n                                  <div class=\\\"font-weight-light\\\"><span class=\\\"text-caption-hover\\\" v-html=\\\"item.textPost.toString().substring(0,item.textPost.toString().indexOf(' ',40) !== -1 ? item.textPost.toString().indexOf(' ',40):item.textPost.toString().length)\\\"></span></div>\\n                                </div>\\n                              </div>\\n                            </div>\\n                            <a v-if=\\\"modalEnabled\\\" class=\\\"widget-inner\\\" data-toggle=\\\"modal\\\" :href=\\\"'#'+idModal\\\" @click=\\\"openItem(index,item.media_type,$event)\\\"></a>\\n                        </div>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n\\n        <div v-if=\\\"modalEnabled\\\" class=\\\"modal fade px-0\\\" :id=\\\"idModal\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"modalContentF4CLabel\\\" aria-hidden=\\\"true\\\" @click=\\\"modalClick($event)\\\">\\n            <div class=\\\"modal-dialog modal-dialog-centered modal-lg\\\" role=\\\"document\\\">\\n                <div class=\\\"modal-content bg-light\\\">\\n                    <div class=\\\"modal-body p-0\\\">\\n                        <button type=\\\"button\\\" data-dismiss=\\\"modal\\\" aria-label=\\\"Close\\\" style=\\\"right: 0px; z-index: 3;\\\" class=\\\"btn p-2 close-btn float-right position-absolute\\\" @click=\\\"closeModalEvent($event)\\\">\\n                            <i aria-hidden=\\\"true\\\">\\n                                <svg class=\\\"bi bi-x modal-close-icon\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"currentColor\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n                                    <path  fill=\\\"black\\\" fill-opacity=\\\"1\\\" d=\\\"M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z\\\" clip-rule=\\\"evenodd\\\"></path>\\n                                    <path  fill=\\\"black\\\" fill-opacity=\\\"1\\\" d=\\\"M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z\\\" clip-rule=\\\"evenodd\\\"></path>\\n                                </svg>\\n                            </i>\\n                        </button>\\n\\n                        <div class=\\\"row m-0\\\">\\n\\n                            <div class=\\\"col-12 col-md-7 p-0\\\">\\n                                <div v-if=\\\"actualMediaType === 'VIDEO' \\\" style=\\\"z-index: 3; position: absolute; ;top: 50%;left: 50%;margin-left: -108px;margin-top: -112px;\\\">\\n                                    <i  :class=\\\"[ !isPlaying  ? 'fa-play control-play' : 'fa-pause control-pause']\\\" aria-hidden=\\\"true\\\" @click=\\\"videoClick($event)\\\" style=\\\"text-shadow: 0 0 2px black; padding: 80px\\\" class=\\\"fa fa-4x text-white control-video\\\"></i>\\n                                </div>\\n                                <div v-if=\\\"actualMediaType === 'CAROUSEL_ALBUM' \\\" :id=\\\"idModal+'-carouselContentF4C'\\\" class=\\\"carousel slide\\\"  data-ride=\\\"carousel\\\" data-interval=\\\"false\\\">\\n                                    <div class=\\\"carousel-inner\\\">\\n                                        <div v-for=\\\"(itemCarousel,index) in data[itemShowed].children\\\" class=\\\"carousel-item\\\" :class=\\\"{ 'active': index === 0 }\\\">\\n                                            <div v-if=\\\"itemCarousel.media_type === 'VIDEO' \\\" style=\\\"z-index: 3; position: absolute; ;top: 50%;left: 50%;margin-left: -108px;margin-top: -112px;\\\">\\n                                                <i  :class=\\\"[ !isPlaying  ? 'fa-play control-play' : 'fa-pause control-pause']\\\" aria-hidden=\\\"true\\\" @click=\\\"videoClick($event)\\\" style=\\\"text-shadow: 0 0 2px black; padding: 80px\\\" class=\\\"fa fa-4x text-white control-video\\\"></i>\\n                                            </div>\\n                                            <div v-if=\\\"itemCarousel.media_type === 'VIDEO' \\\" class=\\\"embed-responsive embed-responsive-1by1\\\">\\n                                                <video playsinline=\\\"\\\" class=\\\"simple-video carousel-video embed-responsive-item\\\" :src=\\\"itemCarousel.imgMedia\\\" @error=\\\"setAltVideo($event, dataVideo[itemCarousel.id])\\\" loop>\\n                                                </video>\\n                                            </div>\\n                                            <div v-else class=\\\"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\\\">\\n                                                <img class=\\\"img-cover\\\" :src=\\\"itemCarousel.imgMedia\\\" alt=\\\"feed4ceresContent\\\" @error=\\\"setAltImg($event, itemCarousel.urlOriginal)\\\">\\n                                                <a v-if=\\\"enableLinksInsta\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\" :href=\\\"data[itemShowed].linkInstagram\\\" class=\\\"widget-inner\\\"> </a>\\n                                            </div>\\n                                        </div>\\n                                    </div>\\n                                    <a class=\\\"carousel-control-prev controls-modal\\\" style=\\\"z-index: 5; opacity: 1;\\\" :href=\\\"'#'+idModal+'-carouselContentF4C'\\\" role=\\\"button\\\" data-slide=\\\"prev\\\" @click=\\\"nextItemCarousel(itemSelected, $event )\\\">\\n                                        <span class=\\\"fa fa-chevron-circle-left fa-lg\\\"  aria-hidden=\\\"true\\\"></span>\\n                                        <span class=\\\"sr-only\\\" >Previous</span>\\n                                    </a>\\n                                    <a class=\\\"carousel-control-next controls-modal\\\" style=\\\"z-index: 5; opacity: 1;\\\" :href=\\\"'#'+idModal+'-carouselContentF4C'\\\" role=\\\"button\\\" data-slide=\\\"next\\\" @click=\\\"nextItemCarousel(itemSelected, $event )\\\">\\n                                        <span class=\\\"fa fa-chevron-circle-right fa-lg\\\"  aria-hidden=\\\"true\\\"></span>\\n                                        <span class=\\\"sr-only\\\">Next</span>\\n                                    </a>\\n                                </div>\\n                                <div v-if=\\\"actualMediaType === 'IMAGE'\\\" class=\\\"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\\\">\\n                                    <img class=\\\"img-cover\\\" :src=\\\"data[itemShowed].imgMedia\\\" alt=\\\"feed4ceresContent\\\" @error=\\\"setAltImg($event, data[itemShowed].urlOriginal)\\\">\\n                                    <a v-if=\\\"enableLinksInsta\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\" :href=\\\"data[itemShowed].linkInstagram\\\" class=\\\"widget-inner\\\"> </a>\\n                                </div>\\n                                <div v-if=\\\"actualMediaType === 'VIDEO' \\\" class=\\\"embed-responsive embed-responsive-1by1\\\">\\n                                    <video playsinline=\\\"\\\" class=\\\"simple-video embed-responsive-item\\\" :src=\\\"data[itemShowed].imgMedia\\\" @error=\\\"setAltVideo($event, dataVideo[data[itemShowed].id])\\\" loop>\\n                                    </video>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"col-12 col-md-5 p-2  \\\">\\n                                <div  class=\\\"row h-100 w-100 m-0 p-0 position-relative\\\">\\n                                    <div class=\\\"col-12 modal-info-header modal-position overflow-hidden\\\">\\n                                        <div class=\\\"row py-2 m-0\\\">\\n                                            <div class=\\\"col-2 col-md-3 p-1\\\">\\n                                                <img v-if=\\\"userInfo.profilePicture !== ''\\\" class=\\\"img-fluid rounded-circle\\\" :src=\\\"userInfo.profilePicture\\\">\\n                                                <i v-else class=\\\"fa fa-instagram fa-2x m-1\\\"></i>\\n                                            </div>\\n                                            <div class=\\\"col-auto mr-auto d-flex align-items-center\\\">\\n                                                <a v-if=\\\"enableLinksInsta\\\" class=\\\"font-weight-light text-dark\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\" :href=\\\" 'https://www.instagram.com/' + userInfo.username_ig \\\">{{ userInfo.username_ig }}</a>\\n                                                <p v-else class=\\\"font-weight-light text-dark\\\">{{ userInfo.username_ig }}</p>\\n                                            </div>\\n                                        </div>\\n                                        <hr class=\\\"m-0\\\">\\n                                    </div>\\n\\n                                    <div class=\\\"col-12 modal-info-content modal-position py-2 overflow-auto\\\" >\\n                                        <p><span v-html=\\\"data[itemShowed].textPost\\\"></span></p>\\n                                    </div>\\n                                    <div class=\\\"col-12 mt-auto text-right modal-info-footer px-0 pt-2 modal-position overflow-hidden\\\" style=\\\"bottom: 0%\\\" >\\n                                        <p class=\\\"mb-0 font-weight-lighter text-muted\\\">{{ data[itemShowed].createdTime.split('T')[0] }}</p>\\n                                    </div>\\n                                </div>\\n                            </div>\\n\\n                            <a  class=\\\"carousel-control-prev  controls-modal left-control cursor-pointer\\\" v-if=\\\"!isFirstItem\\\" @click=\\\"prevItem(itemSelected, $event )\\\" ><span><i class=\\\"fa fa-2x fa-chevron-left\\\"></i></span></a>\\n                            <a  class=\\\"carousel-control-next  controls-modal right-control cursor-pointer\\\" v-if=\\\"!isLastItem\\\" @click=\\\"nextItem(itemSelected, $event )\\\" ><span><i class=\\\"fa fa-2x fa-chevron-right\\\"></i></span></a>\\n                            <span class=\\\"position-absolute mb-n4\\\" style=\\\"bottom: 0;right: 0;\\\" >\\n                                    <small><a href=\\\"https://feed4ceres.de\\\" target=\\\"_blank\\\" style=\\\"text-shadow: 0 0 2px black;\\\" class=\\\"text-light\\\" rel=\\\"nofollow\\\">F E E D 4 C E R E S</a></small>\\n                            </span>\\n                        </div>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n        <div v-if=\\\"!(cycleInfo.cycles === actualCycle)\\\" class=\\\" d-flex justify-content-center\\\">\\n            <button :style=\\\"buttonSpacingInline\\\" :class=\\\"[outlineButtonColor ? `btn-outline-${buttonAppearance}` : `btn-${buttonAppearance} `, `btn-${buttonSize_}`, buttonSpacingClasses ]\\\" class=\\\"btn\\\" @click=\\\"loadMoreData()\\\">{{ buttonText }}</button>\\n        </div>\\n    </div>\\n    <loading-animation v-else class=\\\"d-table w-100\\\"></loading-animation>\\n</template>\\n<script>\\n\\n    export default  {\\n    props:{\\n        initItems:{type: Number, default: 12},\\n        itemsToLoad:{type: Number, default: 6},\\n        maxNumberItems:{type: Number, default: 24},\\n        mobileColumns:{type: Number, default: 2},\\n        tabletColumns:{type: Number, default: 3},\\n        desktopColumns:{type: Number, default: 4},\\n        noGutters:{type: Boolean, default: false},\\n        spacingSize: { type: Number, default: 10 },\\n        outlineButton:{type:Boolean, default: false},\\n        buttonColor:{type: String, default: \\\"primary\\\"},\\n        buttonSize:{type: String, default: \\\"normal\\\"},\\n        buttonString:{type: String, default: \\\"More...\\\"},\\n        idComponent:{type: String},\\n        searchTags:{type: String, default: ''},\\n        buttonSpacingClasses:{type: String, default: ''},\\n        buttonSpacingInline:{type: String, default: ''},\\n        recoverMediaFrom:{type: String, default: 'dataTable'},\\n        modalEnabled:{type: Boolean, default: true},\\n        enableLinksInsta:{type: Boolean, default: true},\\n        numberOfAccount:{type: Number, default: 0},\\n        thumbnailSize:{type: String, default: 'small'},\\n        modalMediaSize:{type: String, default: 'medium'},\\n        customImageProfile:{type: String, default: 'none'},\\n        showPostEnable:{type: Boolean, default: true},\\n        showThumbs:{type: Boolean,default: true},\\n        showDots:{type: Boolean,default: true}\\n\\n    },\\n    mounted() {\\n\\n        // console.log(\\\"--- mounted() ---\\\");\\n\\n        // Using WS from graph.facebook\\n\\n        //const urlInstaMedia = `${window.location.protocol}//${window.location.host}/f4cmediadata/`;\\n        //const urlInstaProfile = `${window.location.protocol}//${window.location.host}/f4cuserdata/`;\\n\\n        // Using Instagram WS\\n        const urlInstaMedia = `${window.location.protocol}//${window.location.host}/f4cmediadataig/`;\\n        const urlInstaProfile = `${window.location.protocol}//${window.location.host}/f4cuserdataig/`;\\n\\n        // const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3/`;\\n        // const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserig/`;\\n\\n        // Version 3.3.2\\n        // const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3xacnt/`;\\n        // const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserigxacnt/`;\\n\\n        // Version 4.0.0\\n        const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3xacntig/`;\\n        const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserigxacntig/`;\\n\\n        // Version 4.0.10\\n        const urlDataTableMediaVideoArray =  `${window.location.protocol}//${window.location.host}/f4cmediadataigvideoarray/`;\\n\\n        let urlMedia = urlDataTableMedia;\\n        let urlMediaVideo = urlDataTableMediaVideoArray;\\n        let urlProfile = urlDataTableProfile;\\n\\n        //console.log(\\\"Account Vue Feed4Ceres: \\\"+this.numberOfAccount);\\n\\n        // Code of created()\\n        this.onInit(window.innerWidth);\\n        window.addEventListener('resize', this.onResize)\\n\\n        if( this.recoverMediaFrom === 'instagramDirect'){\\n            urlMedia = urlInstaMedia;\\n            urlProfile = urlInstaProfile;\\n        }\\n\\n      // this.recoverProfileAndMedia(urlProfile,urlMediaVideo,urlMedia)\\n      //     .then(() => {\\n      //       // console.log('All resolved!');\\n      //       this.loading=false;\\n      //       // console.log('Loading false')\\n      //     });\\n\\n        // console.log(\\\"recoverMediaFrom: \\\",this.recoverMediaFrom);\\n\\n        // const masterUrl = this.recoverMediaFrom === 'instagramDirect' ? '/f4cgetalldata/' :  '/getf4calldataxacntigAlt/' ;\\n\\n      const masterUrl = this.recoverMediaFrom === 'instagramDirect' ? '/f4cgetalldata/' :  '/getf4calldataxacntigSec/' ;\\n\\n      this.recoverData(masterUrl)\\n          .then(() => {\\n            // console.log('Resolved');\\n            this.loading=false;\\n            // console.log('Loading false')\\n          });\\n\\n    },\\n    data(){\\n        return{\\n            tags : this.searchTags,\\n            outlineButtonColor : this.outlineButton,\\n            buttonAppearance: this.buttonColor,\\n            buttonSize_ : this.buttonSize,\\n            buttonText : this.buttonString,\\n            gutters: this.noGutters,\\n            itemSelected : 0,\\n            itemShowed : 0,\\n            isFirstItem : false,\\n            isLastItem : false,\\n            actualMediaType : \\\"\\\",\\n            userInfo : {},\\n            data: [],\\n            loading: true,\\n            isPlaying: false,\\n            dateItem : '',\\n            idModal: this.idComponent,\\n            dataLoaded: this.initItems,\\n            itemsCycle: this.itemsToLoad,\\n            maxDataToLoad: this.maxNumberItems,\\n            actualDataLoaded : this.initItems,\\n            actualCycle: 0,\\n            // New variables for flex layout\\n            display: '',\\n            spacing : 10,\\n            widthItem : '',\\n            isMounted : false,\\n            dataVideo: [],\\n            dataOk: false\\n        }\\n    },\\n    computed:{\\n        cssVars() {\\n            if( !this.noGutters){\\n                return {\\n                    '--spacing-gap': this.spacingSize + 'px',\\n                }\\n            }else{\\n                return {}\\n            }\\n\\n        },\\n        dataToDisplay(){\\n            return this.data.slice(0,this.actualDataLoaded);\\n        },\\n        cycleInfo(){\\n            let numberOfDataRecovered = this.maxDataToLoad;\\n            if(this.data.length < this.maxDataToLoad){\\n                numberOfDataRecovered = this.data.length;\\n            }\\n\\n            //Case when data loaded is less or equal than the init items, so it doesnt't require any cycle.\\n            if(this.data.length <= this.initItems){\\n                return { cycles: 0, module: 0}\\n            }\\n            //\\n\\n            let noCycles = ((numberOfDataRecovered-this.dataLoaded)/this.itemsCycle);\\n            let mod = ((numberOfDataRecovered-this.dataLoaded)% this.itemsCycle);\\n            let cycleData = {\\n                cycles: noCycles,\\n                module: mod,\\n            };\\n            if(!(mod === 0)){\\n                const realCycle = ((numberOfDataRecovered-this.dataLoaded -  mod)/this.itemsCycle);\\n                cycleData = {\\n                    cycles: realCycle+1,\\n                    module: mod,\\n                };\\n                return cycleData;\\n            }\\n            return cycleData;\\n        }\\n    },\\n      methods: {\\n        fetchProfileAndMedia(url){\\n          return new Promise((resolve, reject) => {\\n            // console.log('Recover Media info! ');\\n            $.ajax({\\n              data: {\\n                \\\"numberOfMedia\\\" : this.maxDataToLoad,\\n                \\\"filterToApply\\\": this.tags,\\n                \\\"numberOfAccount\\\": this.numberOfAccount+1000\\n              },\\n              type: \\\"POST\\\",\\n              dataType: \\\"json\\\",\\n              url:  url\\n            }).done(( res ) => {\\n\\n              let smallSize = \\\"300\\\";\\n              let mediumSize = \\\"640\\\";\\n              let largeSize = \\\"800\\\";\\n              let modalImageSize = this.modalMediaSize;\\n              let customImageProfile = this.customImageProfile;\\n\\n              // new implementation\\n              this.data = res.mediaData.map((el) => {\\n                if (this.thumbnailSize === \\\"small\\\") {\\n                  el[\\\"imgThumbnail\\\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${smallSize}`;\\n                } else if (this.thumbnailSize === \\\"medium\\\") {\\n                  el[\\\"imgThumbnail\\\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${mediumSize}`;\\n                } else if (this.thumbnailSize === \\\"large\\\") {\\n                  el[\\\"imgThumbnail\\\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${largeSize}`;\\n                }\\n                if(el.media_type === 'CAROUSEL_ALBUM'){\\n                  el.children.map( albumChild => {\\n                    if(albumChild.media_type === 'VIDEO'){\\n                      if(modalImageSize === \\\"small\\\"){\\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${smallSize}`;\\n                      }else if(modalImageSize === \\\"medium\\\"){\\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${mediumSize}`;\\n                      }else if(modalImageSize === \\\"large\\\"){\\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${largeSize}`;\\n                      }else{\\n                        albumChild.imgThumbnailModal = albumChild[\\\"imgThumbnail\\\"];\\n                      }\\n                    }else{\\n                      if(modalImageSize === \\\"small\\\"){\\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${smallSize}`;\\n                      }else if(modalImageSize === \\\"medium\\\"){\\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${mediumSize}`;\\n                      }else if(modalImageSize === \\\"large\\\"){\\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${largeSize}`;\\n                      }\\n                    }\\n                  })\\n                }else if(el.media_type == 'VIDEO'){\\n                  if(modalImageSize === \\\"small\\\"){\\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${smallSize}`;\\n                  }else if(modalImageSize === \\\"medium\\\"){\\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${mediumSize}`;\\n                  }else if(modalImageSize === \\\"large\\\"){\\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgThumbnail\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${largeSize}`;\\n                  }else{\\n                    el.imgThumbnailModal = el[\\\"imgThumbnail\\\"];\\n                  }\\n                }else{\\n                  if(modalImageSize === \\\"small\\\"){\\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${smallSize}`;\\n                  }else if(modalImageSize === \\\"medium\\\"){\\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${mediumSize}`;\\n                  }else if(modalImageSize === \\\"large\\\"){\\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\\\"imgMedia\\\"].replace(\\\"https://\\\", \\\"\\\"))}&w=${largeSize}`;\\n                  }\\n                }\\n                return el\\n              });\\n\\n              if(this.data.length < this.initItems ){\\n                this.actualDataLoaded = this.data.length;\\n              }\\n\\n              // Video Call\\n              this.dataVideo = Object(res.videoData);\\n              // Info account call\\n              this.userInfo= res.infoAccount[0];\\n              this.userInfo.profilePicture = this.customImageProfile;\\n\\n              resolve(true)\\n            }).fail( err  => {\\n              console.log(err)\\n              reject(false)\\n            });\\n\\n          });\\n        },\\n        async recoverData(url){\\n          const dataLoaded = await this.fetchProfileAndMedia(url);\\n          // console.log(\\\"dataLoaded: \\\",dataLoaded);\\n          // console.log(\\\"Data: \\\",this.data.length);\\n          // console.log(\\\"Video: \\\",JSON.stringify(this.dataVideo));\\n          // console.log(\\\"InfoAccount: \\\",JSON.stringify(this.userInfo));\\n        },\\n\\n        loadMoreData: function(){\\n            // console.log('DataComputed',this.cycleInfo );\\n            // console.log('Actual Cycle', this.actualCycle);\\n            if(!(this.actualCycle === this.cycleInfo.cycles)){\\n                if(!(this.cycleInfo.module===0) && ((this.cycleInfo.cycles - this.actualCycle) === 1)){\\n                    this.actualDataLoaded += this.cycleInfo.module;\\n                }else{\\n                    this.actualDataLoaded += this.itemsCycle;\\n                }\\n                this.actualCycle += 1;\\n            }\\n        },\\n        modalClick: function(event){\\n            if( event.target.id === this.idModal ){\\n                const vid= document.getElementsByClassName(\\\"simple-video\\\");\\n                if(vid.length > 0){\\n                    vid.forEach(video => {\\n                        if(!video.paused){\\n                            video.pause();\\n                            this.isPlaying=false;\\n                        }\\n                    });\\n                }\\n            }\\n        },\\n        closeModalEvent: function(event) {\\n            const vid= document.getElementsByClassName(\\\"simple-video\\\");\\n            if(vid.length > 0){\\n                vid.forEach(video => {\\n                    if(!video.paused){\\n                        video.pause();\\n                        this.isPlaying=false;\\n                    }\\n                });\\n            }\\n        },\\n        videoClick: function(event){\\n            const videoElement = event.target.parentElement.nextElementSibling.firstChild;\\n            if(videoElement.paused){\\n                videoElement.play();\\n                this.isPlaying = true;\\n            }else{\\n                videoElement.pause();\\n                this.isPlaying=false;\\n            }\\n        },\\n        isFirstOrLast : function (item){\\n            if (item === 0){\\n                this.isFirstItem=true;\\n                this.isLastItem=false;\\n            }else if(item === this.actualDataLoaded - 1){\\n                this.isFirstItem=false;\\n                this.isLastItem=true;\\n            }else{\\n                this.isFirstItem=false;\\n                this.isLastItem=false;\\n            }\\n        },\\n        openItem: function (message,type, event) {\\n\\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') {\\n                $('.carousel-item').addClass('transition-none');\\n                $('.carousel').carousel(0);\\n                $('.carousel-item').removeClass('transition-none');\\n            }\\n            this.actualMediaType = type;\\n            this.itemSelected = message;\\n            this.itemShowed = this.itemSelected;\\n            this.isFirstOrLast(this.itemSelected);\\n            this.dateItem =this.data[this.itemShowed].createdTime;\\n\\n        },\\n        nextItem: function (message, event) {\\n            this.itemShowed = this.itemShowed + 1;\\n            this.actualMediaType = this.data[this.itemShowed].media_type;\\n            this.dateItem =this.data[this.itemShowed].createdTime;\\n            this.isFirstOrLast(this.itemShowed);\\n            this.isPlaying=false;\\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') {\\n                $('.carousel-item').addClass('transition-none');\\n                $('.carousel').carousel(0);\\n                $('.carousel-item').removeClass('transition-none');\\n            }\\n\\n        },\\n        prevItem: function (message, event) {\\n            this.itemShowed = this.itemShowed -1;\\n            this.isFirstOrLast(this.itemShowed);\\n            this.isPlaying=false;\\n            this.actualMediaType = this.data[this.itemShowed].media_type;\\n            this.dateItem =this.data[this.itemShowed].createdTime;\\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') { // Add transition-none class while moving from one carousel to another\\n                $('.carousel-item').addClass('transition-none');\\n                $('.carousel').carousel(0);\\n                $('.carousel-item').removeClass('transition-none');\\n            }\\n        },\\n        nextItemCarousel: function (message,event){\\n            const videoCarousel = document.getElementsByClassName('carousel-video');\\n            if(videoCarousel.length > 0){\\n                videoCarousel.forEach(video => {\\n                    if(!video.paused){\\n                        video.pause();\\n                        this.isPlaying=false;\\n                    }\\n                });\\n            }\\n        },\\n        setItemWidth(size){\\n            if(size === 'sm'){\\n                return   (100 / this.mobileColumns).toString() + '%'\\n            }else if(size === 'md'){\\n                return  ( 100 / this.tabletColumns).toString() + '%'\\n            }else{\\n                return   (100 / this.desktopColumns).toString() + '%'\\n            }\\n        },\\n        onResize() {\\n            if (window.innerWidth > 992) {\\n                this.display = 'lg';\\n                this.widthItem = this.setItemWidth(this.display);\\n            } else if (window.innerWidth > 768) {\\n                this.display = 'md';\\n                this.widthItem = this.setItemWidth(this.display);\\n            } else {\\n                this.display = 'sm';\\n                this.widthItem = this.setItemWidth(this.display);\\n            }\\n        },\\n        onInit(size) {\\n            if (size > 992) {\\n                this.display = 'lg';\\n                this.widthItem = this.setItemWidth(this.display);\\n            }else if (size > 768) {\\n                this.display = 'md';\\n                this.widthItem = this.setItemWidth(this.display);\\n            }else {\\n                this.display = 'sm';\\n                this.widthItem = this.setItemWidth(this.display);\\n            }\\n        },\\n        setAltImg(event, newImage) {\\n          /* console.log(\\\"Event: \\\", event);\\n          console.log(\\\"IMG error: \\\", newImage); */\\n          event.target.src = newImage\\n        },\\n\\n        setAltVideo(event, newVideo) {\\n          /* console.log(\\\"Event: \\\", event);\\n          console.log(\\\"Video error on: \\\", event.target.src);\\n          console.log(\\\"New Video: \\\", newVideo);*/\\n          event.target.src = newVideo\\n        },\\n\\n        getImageCount()\\n        {\\n          return this.data.length;\\n        },\\n\\n      },\\n    beforeDestroy() {\\n        window.removeEventListener('resize', this.onResize)\\n    }\\n}\\n</script>\\n\\n\\n<style scoped>\\n    .mw-flex-gap {\\n        padding: var(--spacing-gap) 0 0 var(--spacing-gap);\\n        margin: calc(0px - var(--spacing-gap));\\n    }\\n    .mw-flex-gap > * {\\n        border: 0 solid transparent;\\n        border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\\n        background-clip: padding-box;\\n    }\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.loading && _vm.data[_vm.itemShowed] != null\n    ? _c(\"div\", [\n        _c(\"div\", { class: [!_vm.gutters ? \"flex-wrapper-mw\" : \"\"] }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"d-flex flex-wrap\",\n              class: [!_vm.gutters ? \"mw-flex-gap\" : \"\"],\n              style: _vm.cssVars,\n            },\n            _vm._l(_vm.dataToDisplay, function (item, index) {\n              return _c(\"div\", { style: { width: _vm.widthItem } }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"widget-image-box mw-img-box widget-proportional widget-prop-1-1\",\n                  },\n                  [\n                    _c(\"img\", {\n                      staticClass: \"img-cover\",\n                      attrs: {\n                        src: item.imgThumbnail,\n                        alt: \"feed4ceresContent\",\n                      },\n                      on: {\n                        error: function ($event) {\n                          return _vm.setAltImg($event, item.urlOriginal)\n                        },\n                      },\n                    }),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"widget-inner p-0 text-white justify-content-end\",\n                      },\n                      [\n                        item.media_type == \"CAROUSEL_ALBUM\"\n                          ? _c(\"i\", [\n                              _c(\n                                \"svg\",\n                                {\n                                  staticClass: \"bi bi-images m-2\",\n                                  attrs: {\n                                    viewBox: \"0 0 16 16\",\n                                    fill: \"currentColor\",\n                                    xmlns: \"http://www.w3.org/2000/svg\",\n                                    width: \"1.5em\",\n                                    height: \"1.5em\",\n                                  },\n                                },\n                                [\n                                  _c(\"path\", {\n                                    attrs: {\n                                      \"fill-rule\": \"evenodd\",\n                                      d: \"M12.002 4h-10a1 1 0 00-1 1v8a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 00-1-1zm-10-1a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2h-10z\",\n                                      \"clip-rule\": \"evenodd\",\n                                    },\n                                  }),\n                                  _vm._v(\" \"),\n                                  _c(\"path\", {\n                                    attrs: {\n                                      d: \"M10.648 8.646a.5.5 0 01.577-.093l1.777 1.947V14h-12v-1l2.646-2.354a.5.5 0 01.63-.062l2.66 1.773 3.71-3.71z\",\n                                    },\n                                  }),\n                                  _vm._v(\" \"),\n                                  _c(\"path\", {\n                                    attrs: {\n                                      \"fill-rule\": \"evenodd\",\n                                      d: \"M4.502 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM4 2h10a1 1 0 011 1v8a1 1 0 01-1 1v1a2 2 0 002-2V3a2 2 0 00-2-2H4a2 2 0 00-2 2h1a1 1 0 011-1z\",\n                                      \"clip-rule\": \"evenodd\",\n                                    },\n                                  }),\n                                ]\n                              ),\n                            ])\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        item.media_type == \"VIDEO\"\n                          ? _c(\"i\", {\n                              staticClass: \"fa fa-video-camera fa-lg m-2\",\n                            })\n                          : _vm._e(),\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"shop-overlay text-white d-flex align-items-center justify-content-center position-absolute h-100 w-100\",\n                      },\n                      [\n                        _c(\"div\", { staticClass: \"container\" }, [\n                          _vm._m(0, true),\n                          _vm._v(\" \"),\n                          !!_vm.showPostEnable\n                            ? _c(\"div\", { staticClass: \"row\" }, [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"col text-center h-50 w-100\" },\n                                  [\n                                    _c(\n                                      \"div\",\n                                      { staticClass: \"font-weight-light\" },\n                                      [\n                                        _c(\"span\", {\n                                          staticClass: \"text-caption-hover\",\n                                          domProps: {\n                                            innerHTML: _vm._s(\n                                              item.textPost\n                                                .toString()\n                                                .substring(\n                                                  0,\n                                                  item.textPost\n                                                    .toString()\n                                                    .indexOf(\" \", 40) !== -1\n                                                    ? item.textPost\n                                                        .toString()\n                                                        .indexOf(\" \", 40)\n                                                    : item.textPost.toString()\n                                                        .length\n                                                )\n                                            ),\n                                          },\n                                        }),\n                                      ]\n                                    ),\n                                  ]\n                                ),\n                              ])\n                            : _vm._e(),\n                        ]),\n                        _vm._v(\" \"),\n                        _vm.modalEnabled\n                          ? _c(\"a\", {\n                              staticClass: \"widget-inner\",\n                              attrs: {\n                                \"data-toggle\": \"modal\",\n                                href: \"#\" + _vm.idModal,\n                              },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.openItem(\n                                    index,\n                                    item.media_type,\n                                    $event\n                                  )\n                                },\n                              },\n                            })\n                          : _vm._e(),\n                      ]\n                    ),\n                  ]\n                ),\n              ])\n            }),\n            0\n          ),\n        ]),\n        _vm._v(\" \"),\n        _vm.modalEnabled\n          ? _c(\n              \"div\",\n              {\n                staticClass: \"modal fade px-0\",\n                attrs: {\n                  id: _vm.idModal,\n                  tabindex: \"-1\",\n                  role: \"dialog\",\n                  \"aria-labelledby\": \"modalContentF4CLabel\",\n                  \"aria-hidden\": \"true\",\n                },\n                on: {\n                  click: function ($event) {\n                    return _vm.modalClick($event)\n                  },\n                },\n              },\n              [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"modal-dialog modal-dialog-centered modal-lg\",\n                    attrs: { role: \"document\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"modal-content bg-light\" }, [\n                      _c(\"div\", { staticClass: \"modal-body p-0\" }, [\n                        _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"btn p-2 close-btn float-right position-absolute\",\n                            staticStyle: { right: \"0px\", \"z-index\": \"3\" },\n                            attrs: {\n                              type: \"button\",\n                              \"data-dismiss\": \"modal\",\n                              \"aria-label\": \"Close\",\n                            },\n                            on: {\n                              click: function ($event) {\n                                return _vm.closeModalEvent($event)\n                              },\n                            },\n                          },\n                          [\n                            _c(\"i\", { attrs: { \"aria-hidden\": \"true\" } }, [\n                              _c(\n                                \"svg\",\n                                {\n                                  staticClass: \"bi bi-x modal-close-icon\",\n                                  attrs: {\n                                    viewBox: \"0 0 16 16\",\n                                    fill: \"currentColor\",\n                                    xmlns: \"http://www.w3.org/2000/svg\",\n                                  },\n                                },\n                                [\n                                  _c(\"path\", {\n                                    attrs: {\n                                      fill: \"black\",\n                                      \"fill-opacity\": \"1\",\n                                      d: \"M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z\",\n                                      \"clip-rule\": \"evenodd\",\n                                    },\n                                  }),\n                                  _vm._v(\" \"),\n                                  _c(\"path\", {\n                                    attrs: {\n                                      fill: \"black\",\n                                      \"fill-opacity\": \"1\",\n                                      d: \"M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z\",\n                                      \"clip-rule\": \"evenodd\",\n                                    },\n                                  }),\n                                ]\n                              ),\n                            ]),\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"div\", { staticClass: \"row m-0\" }, [\n                          _c(\"div\", { staticClass: \"col-12 col-md-7 p-0\" }, [\n                            _vm.actualMediaType === \"VIDEO\"\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticStyle: {\n                                      \"z-index\": \"3\",\n                                      position: \"absolute\",\n                                      top: \"50%\",\n                                      left: \"50%\",\n                                      \"margin-left\": \"-108px\",\n                                      \"margin-top\": \"-112px\",\n                                    },\n                                  },\n                                  [\n                                    _c(\"i\", {\n                                      staticClass:\n                                        \"fa fa-4x text-white control-video\",\n                                      class: [\n                                        !_vm.isPlaying\n                                          ? \"fa-play control-play\"\n                                          : \"fa-pause control-pause\",\n                                      ],\n                                      staticStyle: {\n                                        \"text-shadow\": \"0 0 2px black\",\n                                        padding: \"80px\",\n                                      },\n                                      attrs: { \"aria-hidden\": \"true\" },\n                                      on: {\n                                        click: function ($event) {\n                                          return _vm.videoClick($event)\n                                        },\n                                      },\n                                    }),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.actualMediaType === \"CAROUSEL_ALBUM\"\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"carousel slide\",\n                                    attrs: {\n                                      id: _vm.idModal + \"-carouselContentF4C\",\n                                      \"data-ride\": \"carousel\",\n                                      \"data-interval\": \"false\",\n                                    },\n                                  },\n                                  [\n                                    _c(\n                                      \"div\",\n                                      { staticClass: \"carousel-inner\" },\n                                      _vm._l(\n                                        _vm.data[_vm.itemShowed].children,\n                                        function (itemCarousel, index) {\n                                          return _c(\n                                            \"div\",\n                                            {\n                                              staticClass: \"carousel-item\",\n                                              class: { active: index === 0 },\n                                            },\n                                            [\n                                              itemCarousel.media_type ===\n                                              \"VIDEO\"\n                                                ? _c(\n                                                    \"div\",\n                                                    {\n                                                      staticStyle: {\n                                                        \"z-index\": \"3\",\n                                                        position: \"absolute\",\n                                                        top: \"50%\",\n                                                        left: \"50%\",\n                                                        \"margin-left\": \"-108px\",\n                                                        \"margin-top\": \"-112px\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\"i\", {\n                                                        staticClass:\n                                                          \"fa fa-4x text-white control-video\",\n                                                        class: [\n                                                          !_vm.isPlaying\n                                                            ? \"fa-play control-play\"\n                                                            : \"fa-pause control-pause\",\n                                                        ],\n                                                        staticStyle: {\n                                                          \"text-shadow\":\n                                                            \"0 0 2px black\",\n                                                          padding: \"80px\",\n                                                        },\n                                                        attrs: {\n                                                          \"aria-hidden\": \"true\",\n                                                        },\n                                                        on: {\n                                                          click: function (\n                                                            $event\n                                                          ) {\n                                                            return _vm.videoClick(\n                                                              $event\n                                                            )\n                                                          },\n                                                        },\n                                                      }),\n                                                    ]\n                                                  )\n                                                : _vm._e(),\n                                              _vm._v(\" \"),\n                                              itemCarousel.media_type ===\n                                              \"VIDEO\"\n                                                ? _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"embed-responsive embed-responsive-1by1\",\n                                                    },\n                                                    [\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"simple-video carousel-video embed-responsive-item\",\n                                                        attrs: {\n                                                          playsinline: \"\",\n                                                          src: itemCarousel.imgMedia,\n                                                          loop: \"\",\n                                                        },\n                                                        on: {\n                                                          error: function (\n                                                            $event\n                                                          ) {\n                                                            return _vm.setAltVideo(\n                                                              $event,\n                                                              _vm.dataVideo[\n                                                                itemCarousel.id\n                                                              ]\n                                                            )\n                                                          },\n                                                        },\n                                                      }),\n                                                    ]\n                                                  )\n                                                : _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\",\n                                                    },\n                                                    [\n                                                      _c(\"img\", {\n                                                        staticClass:\n                                                          \"img-cover\",\n                                                        attrs: {\n                                                          src: itemCarousel.imgMedia,\n                                                          alt: \"feed4ceresContent\",\n                                                        },\n                                                        on: {\n                                                          error: function (\n                                                            $event\n                                                          ) {\n                                                            return _vm.setAltImg(\n                                                              $event,\n                                                              itemCarousel.urlOriginal\n                                                            )\n                                                          },\n                                                        },\n                                                      }),\n                                                      _vm._v(\" \"),\n                                                      _vm.enableLinksInsta\n                                                        ? _c(\"a\", {\n                                                            staticClass:\n                                                              \"widget-inner\",\n                                                            attrs: {\n                                                              target: \"_blank\",\n                                                              rel: \"noopener\",\n                                                              href: _vm.data[\n                                                                _vm.itemShowed\n                                                              ].linkInstagram,\n                                                            },\n                                                          })\n                                                        : _vm._e(),\n                                                    ]\n                                                  ),\n                                            ]\n                                          )\n                                        }\n                                      ),\n                                      0\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"a\",\n                                      {\n                                        staticClass:\n                                          \"carousel-control-prev controls-modal\",\n                                        staticStyle: {\n                                          \"z-index\": \"5\",\n                                          opacity: \"1\",\n                                        },\n                                        attrs: {\n                                          href:\n                                            \"#\" +\n                                            _vm.idModal +\n                                            \"-carouselContentF4C\",\n                                          role: \"button\",\n                                          \"data-slide\": \"prev\",\n                                        },\n                                        on: {\n                                          click: function ($event) {\n                                            return _vm.nextItemCarousel(\n                                              _vm.itemSelected,\n                                              $event\n                                            )\n                                          },\n                                        },\n                                      },\n                                      [\n                                        _c(\"span\", {\n                                          staticClass:\n                                            \"fa fa-chevron-circle-left fa-lg\",\n                                          attrs: { \"aria-hidden\": \"true\" },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"span\", { staticClass: \"sr-only\" }, [\n                                          _vm._v(\"Previous\"),\n                                        ]),\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"a\",\n                                      {\n                                        staticClass:\n                                          \"carousel-control-next controls-modal\",\n                                        staticStyle: {\n                                          \"z-index\": \"5\",\n                                          opacity: \"1\",\n                                        },\n                                        attrs: {\n                                          href:\n                                            \"#\" +\n                                            _vm.idModal +\n                                            \"-carouselContentF4C\",\n                                          role: \"button\",\n                                          \"data-slide\": \"next\",\n                                        },\n                                        on: {\n                                          click: function ($event) {\n                                            return _vm.nextItemCarousel(\n                                              _vm.itemSelected,\n                                              $event\n                                            )\n                                          },\n                                        },\n                                      },\n                                      [\n                                        _c(\"span\", {\n                                          staticClass:\n                                            \"fa fa-chevron-circle-right fa-lg\",\n                                          attrs: { \"aria-hidden\": \"true\" },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"span\", { staticClass: \"sr-only\" }, [\n                                          _vm._v(\"Next\"),\n                                        ]),\n                                      ]\n                                    ),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.actualMediaType === \"IMAGE\"\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\",\n                                  },\n                                  [\n                                    _c(\"img\", {\n                                      staticClass: \"img-cover\",\n                                      attrs: {\n                                        src: _vm.data[_vm.itemShowed].imgMedia,\n                                        alt: \"feed4ceresContent\",\n                                      },\n                                      on: {\n                                        error: function ($event) {\n                                          return _vm.setAltImg(\n                                            $event,\n                                            _vm.data[_vm.itemShowed].urlOriginal\n                                          )\n                                        },\n                                      },\n                                    }),\n                                    _vm._v(\" \"),\n                                    _vm.enableLinksInsta\n                                      ? _c(\"a\", {\n                                          staticClass: \"widget-inner\",\n                                          attrs: {\n                                            target: \"_blank\",\n                                            rel: \"noopener\",\n                                            href: _vm.data[_vm.itemShowed]\n                                              .linkInstagram,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.actualMediaType === \"VIDEO\"\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"embed-responsive embed-responsive-1by1\",\n                                  },\n                                  [\n                                    _c(\"video\", {\n                                      staticClass:\n                                        \"simple-video embed-responsive-item\",\n                                      attrs: {\n                                        playsinline: \"\",\n                                        src: _vm.data[_vm.itemShowed].imgMedia,\n                                        loop: \"\",\n                                      },\n                                      on: {\n                                        error: function ($event) {\n                                          return _vm.setAltVideo(\n                                            $event,\n                                            _vm.dataVideo[\n                                              _vm.data[_vm.itemShowed].id\n                                            ]\n                                          )\n                                        },\n                                      },\n                                    }),\n                                  ]\n                                )\n                              : _vm._e(),\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"div\", { staticClass: \"col-12 col-md-5 p-2  \" }, [\n                            _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"row h-100 w-100 m-0 p-0 position-relative\",\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"col-12 modal-info-header modal-position overflow-hidden\",\n                                  },\n                                  [\n                                    _c(\"div\", { staticClass: \"row py-2 m-0\" }, [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"col-2 col-md-3 p-1\" },\n                                        [\n                                          _vm.userInfo.profilePicture !== \"\"\n                                            ? _c(\"img\", {\n                                                staticClass:\n                                                  \"img-fluid rounded-circle\",\n                                                attrs: {\n                                                  src: _vm.userInfo\n                                                    .profilePicture,\n                                                },\n                                              })\n                                            : _c(\"i\", {\n                                                staticClass:\n                                                  \"fa fa-instagram fa-2x m-1\",\n                                              }),\n                                        ]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"col-auto mr-auto d-flex align-items-center\",\n                                        },\n                                        [\n                                          _vm.enableLinksInsta\n                                            ? _c(\n                                                \"a\",\n                                                {\n                                                  staticClass:\n                                                    \"font-weight-light text-dark\",\n                                                  attrs: {\n                                                    target: \"_blank\",\n                                                    rel: \"noopener\",\n                                                    href:\n                                                      \"https://www.instagram.com/\" +\n                                                      _vm.userInfo.username_ig,\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(\n                                                      _vm.userInfo.username_ig\n                                                    )\n                                                  ),\n                                                ]\n                                              )\n                                            : _c(\n                                                \"p\",\n                                                {\n                                                  staticClass:\n                                                    \"font-weight-light text-dark\",\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(\n                                                      _vm.userInfo.username_ig\n                                                    )\n                                                  ),\n                                                ]\n                                              ),\n                                        ]\n                                      ),\n                                    ]),\n                                    _vm._v(\" \"),\n                                    _c(\"hr\", { staticClass: \"m-0\" }),\n                                  ]\n                                ),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"col-12 modal-info-content modal-position py-2 overflow-auto\",\n                                  },\n                                  [\n                                    _c(\"p\", [\n                                      _c(\"span\", {\n                                        domProps: {\n                                          innerHTML: _vm._s(\n                                            _vm.data[_vm.itemShowed].textPost\n                                          ),\n                                        },\n                                      }),\n                                    ]),\n                                  ]\n                                ),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"col-12 mt-auto text-right modal-info-footer px-0 pt-2 modal-position overflow-hidden\",\n                                    staticStyle: { bottom: \"0%\" },\n                                  },\n                                  [\n                                    _c(\n                                      \"p\",\n                                      {\n                                        staticClass:\n                                          \"mb-0 font-weight-lighter text-muted\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          _vm._s(\n                                            _vm.data[\n                                              _vm.itemShowed\n                                            ].createdTime.split(\"T\")[0]\n                                          )\n                                        ),\n                                      ]\n                                    ),\n                                  ]\n                                ),\n                              ]\n                            ),\n                          ]),\n                          _vm._v(\" \"),\n                          !_vm.isFirstItem\n                            ? _c(\n                                \"a\",\n                                {\n                                  staticClass:\n                                    \"carousel-control-prev  controls-modal left-control cursor-pointer\",\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.prevItem(\n                                        _vm.itemSelected,\n                                        $event\n                                      )\n                                    },\n                                  },\n                                },\n                                [_vm._m(1)]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          !_vm.isLastItem\n                            ? _c(\n                                \"a\",\n                                {\n                                  staticClass:\n                                    \"carousel-control-next  controls-modal right-control cursor-pointer\",\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.nextItem(\n                                        _vm.itemSelected,\n                                        $event\n                                      )\n                                    },\n                                  },\n                                },\n                                [_vm._m(2)]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm._m(3),\n                        ]),\n                      ]),\n                    ]),\n                  ]\n                ),\n              ]\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        !(_vm.cycleInfo.cycles === _vm.actualCycle)\n          ? _c(\"div\", { staticClass: \" d-flex justify-content-center\" }, [\n              _c(\n                \"button\",\n                {\n                  staticClass: \"btn\",\n                  class: [\n                    _vm.outlineButtonColor\n                      ? \"btn-outline-\" + _vm.buttonAppearance\n                      : \"btn-\" + _vm.buttonAppearance + \" \",\n                    \"btn-\" + _vm.buttonSize_,\n                    _vm.buttonSpacingClasses,\n                  ],\n                  style: _vm.buttonSpacingInline,\n                  on: {\n                    click: function ($event) {\n                      return _vm.loadMoreData()\n                    },\n                  },\n                },\n                [_vm._v(_vm._s(_vm.buttonText))]\n              ),\n            ])\n          : _vm._e(),\n      ])\n    : _c(\"loading-animation\", { staticClass: \"d-table w-100\" })\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"row\" }, [\n      _c(\"div\", { staticClass: \"col text-center h-50 w-100\" }, [\n        _c(\"i\", { staticClass: \"fa fa-instagram fa-2x m-1\" }),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"span\", [_c(\"i\", { staticClass: \"fa fa-2x fa-chevron-left\" })])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"span\", [_c(\"i\", { staticClass: \"fa fa-2x fa-chevron-right\" })])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"span\",\n      {\n        staticClass: \"position-absolute mb-n4\",\n        staticStyle: { bottom: \"0\", right: \"0\" },\n      },\n      [\n        _c(\"small\", [\n          _c(\n            \"a\",\n            {\n              staticClass: \"text-light\",\n              staticStyle: { \"text-shadow\": \"0 0 2px black\" },\n              attrs: {\n                href: \"https://feed4ceres.de\",\n                target: \"_blank\",\n                rel: \"nofollow\",\n              },\n            },\n            [_vm._v(\"F E E D 4 C E R E S\")]\n          ),\n        ]),\n      ]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"!loading && data[itemShowed] != null\">\n        <div :class=\"[ !gutters ? 'flex-wrapper-mw' : '']\">\n            <div class=\"d-flex flex-wrap\" :class=\"[ !gutters ? 'mw-flex-gap' : '']\" :style=\"cssVars\">\n                <div :style=\"{ width: widthItem }\" v-for=\"(item,index) in dataToDisplay\">\n                    <div class=\"widget-image-box mw-img-box widget-proportional widget-prop-1-1\">\n                        <img class=\"img-cover\" :src=\"item.imgThumbnail\" alt=\"feed4ceresContent\" @error=\"setAltImg($event, item.urlOriginal)\">\n                        <div class=\"widget-inner p-0 text-white justify-content-end\">\n                            <i v-if=\"item.media_type == 'CAROUSEL_ALBUM'\" >\n                                <svg viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" width=\"1.5em\" height=\"1.5em\" class=\"bi bi-images m-2\">\n                                    <path fill-rule=\"evenodd\" d=\"M12.002 4h-10a1 1 0 00-1 1v8a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 00-1-1zm-10-1a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2h-10z\" clip-rule=\"evenodd\"></path>\n                                    <path d=\"M10.648 8.646a.5.5 0 01.577-.093l1.777 1.947V14h-12v-1l2.646-2.354a.5.5 0 01.63-.062l2.66 1.773 3.71-3.71z\"></path>\n                                    <path fill-rule=\"evenodd\" d=\"M4.502 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM4 2h10a1 1 0 011 1v8a1 1 0 01-1 1v1a2 2 0 002-2V3a2 2 0 00-2-2H4a2 2 0 00-2 2h1a1 1 0 011-1z\" clip-rule=\"evenodd\"></path>\n                                </svg>\n                            </i>\n                            <i v-if=\"item.media_type == 'VIDEO'\" class=\"fa fa-video-camera fa-lg m-2\"></i>\n                        </div>\n                        <div class=\"shop-overlay text-white d-flex align-items-center justify-content-center position-absolute h-100 w-100\">\n                            <div class=\"container\">\n                              <div class=\"row\">\n                                <div class=\"col text-center h-50 w-100\">\n                                  <i class=\"fa fa-instagram fa-2x m-1\"></i>\n                                </div>\n                              </div>\n                              <div v-if=\"!!showPostEnable\" class=\"row\">\n                                <div class=\"col text-center h-50 w-100\">\n                                  <div class=\"font-weight-light\"><span class=\"text-caption-hover\" v-html=\"item.textPost.toString().substring(0,item.textPost.toString().indexOf(' ',40) !== -1 ? item.textPost.toString().indexOf(' ',40):item.textPost.toString().length)\"></span></div>\n                                </div>\n                              </div>\n                            </div>\n                            <a v-if=\"modalEnabled\" class=\"widget-inner\" data-toggle=\"modal\" :href=\"'#'+idModal\" @click=\"openItem(index,item.media_type,$event)\"></a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div v-if=\"modalEnabled\" class=\"modal fade px-0\" :id=\"idModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalContentF4CLabel\" aria-hidden=\"true\" @click=\"modalClick($event)\">\n            <div class=\"modal-dialog modal-dialog-centered modal-lg\" role=\"document\">\n                <div class=\"modal-content bg-light\">\n                    <div class=\"modal-body p-0\">\n                        <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" style=\"right: 0px; z-index: 3;\" class=\"btn p-2 close-btn float-right position-absolute\" @click=\"closeModalEvent($event)\">\n                            <i aria-hidden=\"true\">\n                                <svg class=\"bi bi-x modal-close-icon\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path  fill=\"black\" fill-opacity=\"1\" d=\"M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z\" clip-rule=\"evenodd\"></path>\n                                    <path  fill=\"black\" fill-opacity=\"1\" d=\"M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z\" clip-rule=\"evenodd\"></path>\n                                </svg>\n                            </i>\n                        </button>\n\n                        <div class=\"row m-0\">\n\n                            <div class=\"col-12 col-md-7 p-0\">\n                                <div v-if=\"actualMediaType === 'VIDEO' \" style=\"z-index: 3; position: absolute; ;top: 50%;left: 50%;margin-left: -108px;margin-top: -112px;\">\n                                    <i  :class=\"[ !isPlaying  ? 'fa-play control-play' : 'fa-pause control-pause']\" aria-hidden=\"true\" @click=\"videoClick($event)\" style=\"text-shadow: 0 0 2px black; padding: 80px\" class=\"fa fa-4x text-white control-video\"></i>\n                                </div>\n                                <div v-if=\"actualMediaType === 'CAROUSEL_ALBUM' \" :id=\"idModal+'-carouselContentF4C'\" class=\"carousel slide\"  data-ride=\"carousel\" data-interval=\"false\">\n                                    <div class=\"carousel-inner\">\n                                        <div v-for=\"(itemCarousel,index) in data[itemShowed].children\" class=\"carousel-item\" :class=\"{ 'active': index === 0 }\">\n                                            <div v-if=\"itemCarousel.media_type === 'VIDEO' \" style=\"z-index: 3; position: absolute; ;top: 50%;left: 50%;margin-left: -108px;margin-top: -112px;\">\n                                                <i  :class=\"[ !isPlaying  ? 'fa-play control-play' : 'fa-pause control-pause']\" aria-hidden=\"true\" @click=\"videoClick($event)\" style=\"text-shadow: 0 0 2px black; padding: 80px\" class=\"fa fa-4x text-white control-video\"></i>\n                                            </div>\n                                            <div v-if=\"itemCarousel.media_type === 'VIDEO' \" class=\"embed-responsive embed-responsive-1by1\">\n                                                <video playsinline=\"\" class=\"simple-video carousel-video embed-responsive-item\" :src=\"itemCarousel.imgMedia\" @error=\"setAltVideo($event, dataVideo[itemCarousel.id])\" loop>\n                                                </video>\n                                            </div>\n                                            <div v-else class=\"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\">\n                                                <img class=\"img-cover\" :src=\"itemCarousel.imgMedia\" alt=\"feed4ceresContent\" @error=\"setAltImg($event, itemCarousel.urlOriginal)\">\n                                                <a v-if=\"enableLinksInsta\" target=\"_blank\" rel=\"noopener\" :href=\"data[itemShowed].linkInstagram\" class=\"widget-inner\"> </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <a class=\"carousel-control-prev controls-modal\" style=\"z-index: 5; opacity: 1;\" :href=\"'#'+idModal+'-carouselContentF4C'\" role=\"button\" data-slide=\"prev\" @click=\"nextItemCarousel(itemSelected, $event )\">\n                                        <span class=\"fa fa-chevron-circle-left fa-lg\"  aria-hidden=\"true\"></span>\n                                        <span class=\"sr-only\" >Previous</span>\n                                    </a>\n                                    <a class=\"carousel-control-next controls-modal\" style=\"z-index: 5; opacity: 1;\" :href=\"'#'+idModal+'-carouselContentF4C'\" role=\"button\" data-slide=\"next\" @click=\"nextItemCarousel(itemSelected, $event )\">\n                                        <span class=\"fa fa-chevron-circle-right fa-lg\"  aria-hidden=\"true\"></span>\n                                        <span class=\"sr-only\">Next</span>\n                                    </a>\n                                </div>\n                                <div v-if=\"actualMediaType === 'IMAGE'\" class=\"widget-image-box mw-img-box widget-image-box-no-caption widget-primary widget-proportional widget-prop-1-1\">\n                                    <img class=\"img-cover\" :src=\"data[itemShowed].imgMedia\" alt=\"feed4ceresContent\" @error=\"setAltImg($event, data[itemShowed].urlOriginal)\">\n                                    <a v-if=\"enableLinksInsta\" target=\"_blank\" rel=\"noopener\" :href=\"data[itemShowed].linkInstagram\" class=\"widget-inner\"> </a>\n                                </div>\n                                <div v-if=\"actualMediaType === 'VIDEO' \" class=\"embed-responsive embed-responsive-1by1\">\n                                    <video playsinline=\"\" class=\"simple-video embed-responsive-item\" :src=\"data[itemShowed].imgMedia\" @error=\"setAltVideo($event, dataVideo[data[itemShowed].id])\" loop>\n                                    </video>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-5 p-2  \">\n                                <div  class=\"row h-100 w-100 m-0 p-0 position-relative\">\n                                    <div class=\"col-12 modal-info-header modal-position overflow-hidden\">\n                                        <div class=\"row py-2 m-0\">\n                                            <div class=\"col-2 col-md-3 p-1\">\n                                                <img v-if=\"userInfo.profilePicture !== ''\" class=\"img-fluid rounded-circle\" :src=\"userInfo.profilePicture\">\n                                                <i v-else class=\"fa fa-instagram fa-2x m-1\"></i>\n                                            </div>\n                                            <div class=\"col-auto mr-auto d-flex align-items-center\">\n                                                <a v-if=\"enableLinksInsta\" class=\"font-weight-light text-dark\" target=\"_blank\" rel=\"noopener\" :href=\" 'https://www.instagram.com/' + userInfo.username_ig \">{{ userInfo.username_ig }}</a>\n                                                <p v-else class=\"font-weight-light text-dark\">{{ userInfo.username_ig }}</p>\n                                            </div>\n                                        </div>\n                                        <hr class=\"m-0\">\n                                    </div>\n\n                                    <div class=\"col-12 modal-info-content modal-position py-2 overflow-auto\" >\n                                        <p><span v-html=\"data[itemShowed].textPost\"></span></p>\n                                    </div>\n                                    <div class=\"col-12 mt-auto text-right modal-info-footer px-0 pt-2 modal-position overflow-hidden\" style=\"bottom: 0%\" >\n                                        <p class=\"mb-0 font-weight-lighter text-muted\">{{ data[itemShowed].createdTime.split('T')[0] }}</p>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <a  class=\"carousel-control-prev  controls-modal left-control cursor-pointer\" v-if=\"!isFirstItem\" @click=\"prevItem(itemSelected, $event )\" ><span><i class=\"fa fa-2x fa-chevron-left\"></i></span></a>\n                            <a  class=\"carousel-control-next  controls-modal right-control cursor-pointer\" v-if=\"!isLastItem\" @click=\"nextItem(itemSelected, $event )\" ><span><i class=\"fa fa-2x fa-chevron-right\"></i></span></a>\n                            <span class=\"position-absolute mb-n4\" style=\"bottom: 0;right: 0;\" >\n                                    <small><a href=\"https://feed4ceres.de\" target=\"_blank\" style=\"text-shadow: 0 0 2px black;\" class=\"text-light\" rel=\"nofollow\">F E E D 4 C E R E S</a></small>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div v-if=\"!(cycleInfo.cycles === actualCycle)\" class=\" d-flex justify-content-center\">\n            <button :style=\"buttonSpacingInline\" :class=\"[outlineButtonColor ? `btn-outline-${buttonAppearance}` : `btn-${buttonAppearance} `, `btn-${buttonSize_}`, buttonSpacingClasses ]\" class=\"btn\" @click=\"loadMoreData()\">{{ buttonText }}</button>\n        </div>\n    </div>\n    <loading-animation v-else class=\"d-table w-100\"></loading-animation>\n</template>\n<script>\n\n    export default  {\n    props:{\n        initItems:{type: Number, default: 12},\n        itemsToLoad:{type: Number, default: 6},\n        maxNumberItems:{type: Number, default: 24},\n        mobileColumns:{type: Number, default: 2},\n        tabletColumns:{type: Number, default: 3},\n        desktopColumns:{type: Number, default: 4},\n        noGutters:{type: Boolean, default: false},\n        spacingSize: { type: Number, default: 10 },\n        outlineButton:{type:Boolean, default: false},\n        buttonColor:{type: String, default: \"primary\"},\n        buttonSize:{type: String, default: \"normal\"},\n        buttonString:{type: String, default: \"More...\"},\n        idComponent:{type: String},\n        searchTags:{type: String, default: ''},\n        buttonSpacingClasses:{type: String, default: ''},\n        buttonSpacingInline:{type: String, default: ''},\n        recoverMediaFrom:{type: String, default: 'dataTable'},\n        modalEnabled:{type: Boolean, default: true},\n        enableLinksInsta:{type: Boolean, default: true},\n        numberOfAccount:{type: Number, default: 0},\n        thumbnailSize:{type: String, default: 'small'},\n        modalMediaSize:{type: String, default: 'medium'},\n        customImageProfile:{type: String, default: 'none'},\n        showPostEnable:{type: Boolean, default: true},\n        showThumbs:{type: Boolean,default: true},\n        showDots:{type: Boolean,default: true}\n\n    },\n    mounted() {\n\n        // console.log(\"--- mounted() ---\");\n\n        // Using WS from graph.facebook\n\n        //const urlInstaMedia = `${window.location.protocol}//${window.location.host}/f4cmediadata/`;\n        //const urlInstaProfile = `${window.location.protocol}//${window.location.host}/f4cuserdata/`;\n\n        // Using Instagram WS\n        const urlInstaMedia = `${window.location.protocol}//${window.location.host}/f4cmediadataig/`;\n        const urlInstaProfile = `${window.location.protocol}//${window.location.host}/f4cuserdataig/`;\n\n        // const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3/`;\n        // const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserig/`;\n\n        // Version 3.3.2\n        // const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3xacnt/`;\n        // const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserigxacnt/`;\n\n        // Version 4.0.0\n        const urlDataTableMedia =  `${window.location.protocol}//${window.location.host}/getf4cmediaxvidf3xacntig/`;\n        const urlDataTableProfile =  `${window.location.protocol}//${window.location.host}/getf4cuserigxacntig/`;\n\n        // Version 4.0.10\n        const urlDataTableMediaVideoArray =  `${window.location.protocol}//${window.location.host}/f4cmediadataigvideoarray/`;\n\n        let urlMedia = urlDataTableMedia;\n        let urlMediaVideo = urlDataTableMediaVideoArray;\n        let urlProfile = urlDataTableProfile;\n\n        //console.log(\"Account Vue Feed4Ceres: \"+this.numberOfAccount);\n\n        // Code of created()\n        this.onInit(window.innerWidth);\n        window.addEventListener('resize', this.onResize)\n\n        if( this.recoverMediaFrom === 'instagramDirect'){\n            urlMedia = urlInstaMedia;\n            urlProfile = urlInstaProfile;\n        }\n\n      // this.recoverProfileAndMedia(urlProfile,urlMediaVideo,urlMedia)\n      //     .then(() => {\n      //       // console.log('All resolved!');\n      //       this.loading=false;\n      //       // console.log('Loading false')\n      //     });\n\n        // console.log(\"recoverMediaFrom: \",this.recoverMediaFrom);\n\n        // const masterUrl = this.recoverMediaFrom === 'instagramDirect' ? '/f4cgetalldata/' :  '/getf4calldataxacntigAlt/' ;\n\n      const masterUrl = this.recoverMediaFrom === 'instagramDirect' ? '/f4cgetalldata/' :  '/getf4calldataxacntigSec/' ;\n\n      this.recoverData(masterUrl)\n          .then(() => {\n            // console.log('Resolved');\n            this.loading=false;\n            // console.log('Loading false')\n          });\n\n    },\n    data(){\n        return{\n            tags : this.searchTags,\n            outlineButtonColor : this.outlineButton,\n            buttonAppearance: this.buttonColor,\n            buttonSize_ : this.buttonSize,\n            buttonText : this.buttonString,\n            gutters: this.noGutters,\n            itemSelected : 0,\n            itemShowed : 0,\n            isFirstItem : false,\n            isLastItem : false,\n            actualMediaType : \"\",\n            userInfo : {},\n            data: [],\n            loading: true,\n            isPlaying: false,\n            dateItem : '',\n            idModal: this.idComponent,\n            dataLoaded: this.initItems,\n            itemsCycle: this.itemsToLoad,\n            maxDataToLoad: this.maxNumberItems,\n            actualDataLoaded : this.initItems,\n            actualCycle: 0,\n            // New variables for flex layout\n            display: '',\n            spacing : 10,\n            widthItem : '',\n            isMounted : false,\n            dataVideo: [],\n            dataOk: false\n        }\n    },\n    computed:{\n        cssVars() {\n            if( !this.noGutters){\n                return {\n                    '--spacing-gap': this.spacingSize + 'px',\n                }\n            }else{\n                return {}\n            }\n\n        },\n        dataToDisplay(){\n            return this.data.slice(0,this.actualDataLoaded);\n        },\n        cycleInfo(){\n            let numberOfDataRecovered = this.maxDataToLoad;\n            if(this.data.length < this.maxDataToLoad){\n                numberOfDataRecovered = this.data.length;\n            }\n\n            //Case when data loaded is less or equal than the init items, so it doesnt't require any cycle.\n            if(this.data.length <= this.initItems){\n                return { cycles: 0, module: 0}\n            }\n            //\n\n            let noCycles = ((numberOfDataRecovered-this.dataLoaded)/this.itemsCycle);\n            let mod = ((numberOfDataRecovered-this.dataLoaded)% this.itemsCycle);\n            let cycleData = {\n                cycles: noCycles,\n                module: mod,\n            };\n            if(!(mod === 0)){\n                const realCycle = ((numberOfDataRecovered-this.dataLoaded -  mod)/this.itemsCycle);\n                cycleData = {\n                    cycles: realCycle+1,\n                    module: mod,\n                };\n                return cycleData;\n            }\n            return cycleData;\n        }\n    },\n      methods: {\n        fetchProfileAndMedia(url){\n          return new Promise((resolve, reject) => {\n            // console.log('Recover Media info! ');\n            $.ajax({\n              data: {\n                \"numberOfMedia\" : this.maxDataToLoad,\n                \"filterToApply\": this.tags,\n                \"numberOfAccount\": this.numberOfAccount+1000\n              },\n              type: \"POST\",\n              dataType: \"json\",\n              url:  url\n            }).done(( res ) => {\n\n              let smallSize = \"300\";\n              let mediumSize = \"640\";\n              let largeSize = \"800\";\n              let modalImageSize = this.modalMediaSize;\n              let customImageProfile = this.customImageProfile;\n\n              // new implementation\n              this.data = res.mediaData.map((el) => {\n                if (this.thumbnailSize === \"small\") {\n                  el[\"imgThumbnail\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${smallSize}`;\n                } else if (this.thumbnailSize === \"medium\") {\n                  el[\"imgThumbnail\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${mediumSize}`;\n                } else if (this.thumbnailSize === \"large\") {\n                  el[\"imgThumbnail\"] = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${largeSize}`;\n                }\n                if(el.media_type === 'CAROUSEL_ALBUM'){\n                  el.children.map( albumChild => {\n                    if(albumChild.media_type === 'VIDEO'){\n                      if(modalImageSize === \"small\"){\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${smallSize}`;\n                      }else if(modalImageSize === \"medium\"){\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${mediumSize}`;\n                      }else if(modalImageSize === \"large\"){\n                        albumChild.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${largeSize}`;\n                      }else{\n                        albumChild.imgThumbnailModal = albumChild[\"imgThumbnail\"];\n                      }\n                    }else{\n                      if(modalImageSize === \"small\"){\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${smallSize}`;\n                      }else if(modalImageSize === \"medium\"){\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${mediumSize}`;\n                      }else if(modalImageSize === \"large\"){\n                        albumChild.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(albumChild[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${largeSize}`;\n                      }\n                    }\n                  })\n                }else if(el.media_type == 'VIDEO'){\n                  if(modalImageSize === \"small\"){\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${smallSize}`;\n                  }else if(modalImageSize === \"medium\"){\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${mediumSize}`;\n                  }else if(modalImageSize === \"large\"){\n                    el.imgThumbnailModal = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgThumbnail\"].replace(\"https://\", \"\"))}&w=${largeSize}`;\n                  }else{\n                    el.imgThumbnailModal = el[\"imgThumbnail\"];\n                  }\n                }else{\n                  if(modalImageSize === \"small\"){\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${smallSize}`;\n                  }else if(modalImageSize === \"medium\"){\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${mediumSize}`;\n                  }else if(modalImageSize === \"large\"){\n                    el.imgMedia = `https://wsrv.nl/?url=ssl:${encodeURIComponent(el[\"imgMedia\"].replace(\"https://\", \"\"))}&w=${largeSize}`;\n                  }\n                }\n                return el\n              });\n\n              if(this.data.length < this.initItems ){\n                this.actualDataLoaded = this.data.length;\n              }\n\n              // Video Call\n              this.dataVideo = Object(res.videoData);\n              // Info account call\n              this.userInfo= res.infoAccount[0];\n              this.userInfo.profilePicture = this.customImageProfile;\n\n              resolve(true)\n            }).fail( err  => {\n              console.log(err)\n              reject(false)\n            });\n\n          });\n        },\n        async recoverData(url){\n          const dataLoaded = await this.fetchProfileAndMedia(url);\n          // console.log(\"dataLoaded: \",dataLoaded);\n          // console.log(\"Data: \",this.data.length);\n          // console.log(\"Video: \",JSON.stringify(this.dataVideo));\n          // console.log(\"InfoAccount: \",JSON.stringify(this.userInfo));\n        },\n\n        loadMoreData: function(){\n            // console.log('DataComputed',this.cycleInfo );\n            // console.log('Actual Cycle', this.actualCycle);\n            if(!(this.actualCycle === this.cycleInfo.cycles)){\n                if(!(this.cycleInfo.module===0) && ((this.cycleInfo.cycles - this.actualCycle) === 1)){\n                    this.actualDataLoaded += this.cycleInfo.module;\n                }else{\n                    this.actualDataLoaded += this.itemsCycle;\n                }\n                this.actualCycle += 1;\n            }\n        },\n        modalClick: function(event){\n            if( event.target.id === this.idModal ){\n                const vid= document.getElementsByClassName(\"simple-video\");\n                if(vid.length > 0){\n                    vid.forEach(video => {\n                        if(!video.paused){\n                            video.pause();\n                            this.isPlaying=false;\n                        }\n                    });\n                }\n            }\n        },\n        closeModalEvent: function(event) {\n            const vid= document.getElementsByClassName(\"simple-video\");\n            if(vid.length > 0){\n                vid.forEach(video => {\n                    if(!video.paused){\n                        video.pause();\n                        this.isPlaying=false;\n                    }\n                });\n            }\n        },\n        videoClick: function(event){\n            const videoElement = event.target.parentElement.nextElementSibling.firstChild;\n            if(videoElement.paused){\n                videoElement.play();\n                this.isPlaying = true;\n            }else{\n                videoElement.pause();\n                this.isPlaying=false;\n            }\n        },\n        isFirstOrLast : function (item){\n            if (item === 0){\n                this.isFirstItem=true;\n                this.isLastItem=false;\n            }else if(item === this.actualDataLoaded - 1){\n                this.isFirstItem=false;\n                this.isLastItem=true;\n            }else{\n                this.isFirstItem=false;\n                this.isLastItem=false;\n            }\n        },\n        openItem: function (message,type, event) {\n\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') {\n                $('.carousel-item').addClass('transition-none');\n                $('.carousel').carousel(0);\n                $('.carousel-item').removeClass('transition-none');\n            }\n            this.actualMediaType = type;\n            this.itemSelected = message;\n            this.itemShowed = this.itemSelected;\n            this.isFirstOrLast(this.itemSelected);\n            this.dateItem =this.data[this.itemShowed].createdTime;\n\n        },\n        nextItem: function (message, event) {\n            this.itemShowed = this.itemShowed + 1;\n            this.actualMediaType = this.data[this.itemShowed].media_type;\n            this.dateItem =this.data[this.itemShowed].createdTime;\n            this.isFirstOrLast(this.itemShowed);\n            this.isPlaying=false;\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') {\n                $('.carousel-item').addClass('transition-none');\n                $('.carousel').carousel(0);\n                $('.carousel-item').removeClass('transition-none');\n            }\n\n        },\n        prevItem: function (message, event) {\n            this.itemShowed = this.itemShowed -1;\n            this.isFirstOrLast(this.itemShowed);\n            this.isPlaying=false;\n            this.actualMediaType = this.data[this.itemShowed].media_type;\n            this.dateItem =this.data[this.itemShowed].createdTime;\n            if(this.actualMediaType === 'CAROUSEL_ALBUM') { // Add transition-none class while moving from one carousel to another\n                $('.carousel-item').addClass('transition-none');\n                $('.carousel').carousel(0);\n                $('.carousel-item').removeClass('transition-none');\n            }\n        },\n        nextItemCarousel: function (message,event){\n            const videoCarousel = document.getElementsByClassName('carousel-video');\n            if(videoCarousel.length > 0){\n                videoCarousel.forEach(video => {\n                    if(!video.paused){\n                        video.pause();\n                        this.isPlaying=false;\n                    }\n                });\n            }\n        },\n        setItemWidth(size){\n            if(size === 'sm'){\n                return   (100 / this.mobileColumns).toString() + '%'\n            }else if(size === 'md'){\n                return  ( 100 / this.tabletColumns).toString() + '%'\n            }else{\n                return   (100 / this.desktopColumns).toString() + '%'\n            }\n        },\n        onResize() {\n            if (window.innerWidth > 992) {\n                this.display = 'lg';\n                this.widthItem = this.setItemWidth(this.display);\n            } else if (window.innerWidth > 768) {\n                this.display = 'md';\n                this.widthItem = this.setItemWidth(this.display);\n            } else {\n                this.display = 'sm';\n                this.widthItem = this.setItemWidth(this.display);\n            }\n        },\n        onInit(size) {\n            if (size > 992) {\n                this.display = 'lg';\n                this.widthItem = this.setItemWidth(this.display);\n            }else if (size > 768) {\n                this.display = 'md';\n                this.widthItem = this.setItemWidth(this.display);\n            }else {\n                this.display = 'sm';\n                this.widthItem = this.setItemWidth(this.display);\n            }\n        },\n        setAltImg(event, newImage) {\n          /* console.log(\"Event: \", event);\n          console.log(\"IMG error: \", newImage); */\n          event.target.src = newImage\n        },\n\n        setAltVideo(event, newVideo) {\n          /* console.log(\"Event: \", event);\n          console.log(\"Video error on: \", event.target.src);\n          console.log(\"New Video: \", newVideo);*/\n          event.target.src = newVideo\n        },\n\n        getImageCount()\n        {\n          return this.data.length;\n        },\n\n      },\n    beforeDestroy() {\n        window.removeEventListener('resize', this.onResize)\n    }\n}\n</script>\n\n\n<style scoped>\n    .mw-flex-gap {\n        padding: var(--spacing-gap) 0 0 var(--spacing-gap);\n        margin: calc(0px - var(--spacing-gap));\n    }\n    .mw-flex-gap > * {\n        border: 0 solid transparent;\n        border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\n        background-clip: padding-box;\n    }\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feed4CeresGallery.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feed4CeresGallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Feed4CeresGallery.vue?vue&type=template&id=e3fbb44c&scoped=true&\"\nimport script from \"./Feed4CeresGallery.vue?vue&type=script&lang=js&\"\nexport * from \"./Feed4CeresGallery.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Feed4CeresGallery.vue?vue&type=style&index=0&id=e3fbb44c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e3fbb44c\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/nsierrar/Projects/PlentyMarkets/Repo-GitHub/Feed4Ceres/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e3fbb44c')) {\n      api.createRecord('e3fbb44c', component.options)\n    } else {\n      api.reload('e3fbb44c', component.options)\n    }\n    module.hot.accept(\"./Feed4CeresGallery.vue?vue&type=template&id=e3fbb44c&scoped=true&\", function () {\n      api.rerender('e3fbb44c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/Feed4CeresGallery.vue\"\nexport default component.exports","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feed4CeresGallery.vue?vue&type=style&index=0&id=e3fbb44c&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"2c861c8e\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feed4CeresGallery.vue?vue&type=style&index=0&id=e3fbb44c&scoped=true&lang=css&\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feed4CeresGallery.vue?vue&type=style&index=0&id=e3fbb44c&scoped=true&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}"],"sourceRoot":""}