(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{365:function(e,t,n){"use strict";n.r(t),n.d(t,"default",function(){return g});var a=n(15),i=n.n(a),r=n(16),c=n.n(r),t=n(343),l=n.n(t),a=n(344),s=n.n(a),r=n(345),o=n.n(r),t=n(60),d=n.n(t),a=n(346),r=n(351),t=n.n(r),r=n(354);function h(n){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=o()(n);return t=a?(e=o()(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),s()(this,t)}}function u(t,e){var n,a=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,n)),a}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?u(Object(n),!0).forEach(function(e){d()(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var p=t.a.component("channel-related-list",{name:"channelRelatedList",data:function(){return{imagePlaceholder:"https://imguol.com/c/geral/3d/2021/05/25/placeholder-image-1621949831997_v2_300x225.jpg"}},computed:m(m({},Object(r.mapGetters)(["getPublicationDate","getRelatedItems","getDisableRelated","getLiveRelatedItens"])),{},{styleRelatedItems:function(){return 2<this.getRelatedItems.length?"related-items more-than-two":"related-items"}}),methods:{hitAudience:function(e){var t=e.action,e=e.reference;try{var n={component:"channel-related-list",central:"mov",channel:"uolplay",reference:e,action:t||"clique",mediaName:"Home",publicationDate:this.getPublicationDate};window.hitAudience.countClick(n)}catch(e){console.error("hitAudience",e)}}},updated:function(){this.getDisableRelated&&!this.getLiveRelatedItens.isLive||this.hitAudience({action:"impressao",reference:"componente-visualizado"})},template:'\n        <div class="channel-related-list">\n            <div :class="styleRelatedItems">\n                <a v-if="getLiveRelatedItens.isLive" :href="getLiveRelatedItens.link" class="channel-related-list-link" @click="hitAudience({ action: getLiveRelatedItens.link, reference: \'abrir-chamada\' })">\n                    <figure class="channel-related-list-thumb">\n                        <img :src="getLiveRelatedItens.imagem.src.replace(\'http:\',\'https:\') || imagePlaceholder" :data-src="getLiveRelatedItens.imagem.src.replace(\'http:\',\'https:\')" :alt="getLiveRelatedItens.credito" :width="getLiveRelatedItens.imagem.width" :height="getLiveRelatedItens.imagem.height">\n                    </figure>\n                    <span v-if="getLiveRelatedItens.icon" class="live-seal animate ao-vivo"></span>\n                    <div class="channel-related-list-text">\n                        <p class="channel-related-list-station">{{ getLiveRelatedItens.estacao }}</p>\n                        <p class="channel-related-list-program">{{ getLiveRelatedItens.programa }}</p>\n                    </div>\n                </a>\n                <a v-if="!getDisableRelated" v-for="item of getRelatedItems" :href="item.link" class="channel-related-list-link" @click="hitAudience({ action: item.link, reference: \'abrir-chamada\' })">\n                    <figure class="channel-related-list-thumb">\n                        <img :src="item.imagem.src.replace(\'http:\',\'https:\') || imagePlaceholder" :data-src="item.imagem.src.replace(\'http:\',\'https:\')" :alt="item.credito" :width="item.imagem.width" :height="item.imagem.height">\n                    </figure>\n                    <span v-if="item.icon" class="live-seal animate ao-vivo"></span>\n                    <div class="channel-related-list-text">\n                        <p class="channel-related-list-station">{{ item.estacao }}</p>\n                        <p class="channel-related-list-program">{{ item.programa }}</p>\n                    </div>\n                </a>\n            </div>\n        </div>\n    '}),g=function(e){l()(n,e);var t=h(n);function n(){return i()(this,n),t.apply(this,arguments)}return c()(n,[{key:"onCreate",value:function(){}},{key:"relatedItems",get:function(){return p}}]),n}(a.a)}}]);