https://www.oppo.com/jimu/oppo-site/client/cmps/oppo/cmp-file-download.039eeed1ae4f9d29b51b.js

1(self.webpackJimuJsonp=self.webpackJimuJsonp||[]).push([["cmps/oppo/cmp-file-download"],{35574:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>j}),a(66992),a(33948);var i=a(66252),r=a(3577),l=a(49963),n=["aria-labelledby"],s={class:"responsive__layout cmp-file-download__inner"},o={class:"cmp-file-download__header"},d={class:"cmp-file-download__hero"},c=["id"],h={key:1,class:"cmp-file-download__subtitle ft-body-1"},u=["aria-label"],p=["data-tab-count"],m=["id","aria-selected","aria-controls","tabindex","onClick","onKeydown"],g=["id","aria-labelledby"],b={key:0,class:"cmp-file-download__search"},w=["for"],f={class:"cmp-file-download__search-row"},_=(0,i._)("span",{class:"cmp-file-download__search-icon","aria-hidden":"true"},[(0,i._)("svg",{class:"op-icon",width:"16",height:"16"},[(0,i._)("use",{"xlink:href":"#icon-com-search"})])],-1),T=["id","placeholder","aria-controls"],v=["aria-label"],k=[(0,i._)("svg",{class:"op-icon",width:"16",height:"16","aria-hidden":"true"},[(0,i._)("use",{"xlink:href":"#icon-com-close"})],-1)],y={class:"cmp-file-download__status",role:"status","aria-live":"polite","aria-atomic":"true"},x={class:"cmp-file-download__alert",role:"alert","aria-live":"assertive","aria-atomic":"true"},S=["id"],I={class:"cmp-file-download__name ft-subtitle-3 font-medium"},C=["href","download","aria-label","onClick"],P=(0,i._)("span",{class:"cmp-file-download__download-icon","aria-hidden":"true"},[(0,i._)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,i._)("path",{d:"M7 2v7.2M7 9.2L4.4 6.6M7 9.2l2.6-2.6M2.5 11.5h9",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round","stroke-linejoin":"round"})])],-1),z={key:1,class:"cmp-file-download__empty",role:"listitem"},L=(0,i._)("span",{class:"cmp-file-download__empty-icon","aria-hidden":"true"},[(0,i._)("svg",{viewBox:"0 0 66.5466 74",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,i._)("path",{d:"M37 0C27.187 0 17.776 3.898 10.837 10.837C3.898 17.776 0 27.187 0 37C0 46.813 3.898 56.224 10.837 63.163C17.776 70.102 27.187 74 37 74V0Z",fill:"#C4C4C4","fill-opacity":"0.4"}),(0,i._)("path",{d:"M37.001 12C50.256 12 61.001 22.745 61.001 36C61.001 41.388 59.224 46.362 56.226 50.367L66.547 60.688L59.475 67.759L48.683 56.967C45.226 58.898 41.242 60 37.001 60C23.746 60 13.001 49.255 13.001 36C13.001 22.745 23.746 12 37.001 12Z",fill:"#A8A8A8","fill-opacity":"0.75"})])],-1),D={class:"cmp-file-download__empty-text ft-body-3"},N=["aria-label"],M={class:"cmp-file-download__pager"},B=["aria-label","aria-disabled","disabled","tabindex"],A=[(0,i._)("svg",{class:"op-icon",width:"16",height:"16","aria-hidden":"true"},[(0,i._)("use",{"xlink:href":"#icon-com-arrow-left"})],-1)],F={class:"cmp-file-download__pager-meta","aria-current":"page"},R=["size","value","aria-label"],Z=(0,i._)("span",{class:"cmp-file-download__pager-sep ft-body-3","aria-hidden":"true"},"/",-1),E={class:"cmp-file-download__pager-total ft-body-3"},K=["aria-label","aria-disabled","disabled","tabindex"],$=[(0,i._)("svg",{class:"op-icon",width:"16",height:"16","aria-hidden":"true"},[(0,i._)("use",{"xlink:href":"#icon-com-arrow-right"})],-1)];a(26699),a(9494),a(54678),a(74916),a(32023),a(15306),a(23157),a(73210);var q=a(17118);const W={name:"CmpFileDownload",props:{data:{type:Object,default:()=>({})},pageInfo:{type:Object,default:()=>({})}},data:()=>({tabIndex:0,page:1,keyword:"",searchInput:"",statusText:"",alertText:"",isMobile:!1,lastPageSize:null,debouncedSearch:null,searchTrackTimer:null,lastTrackedSearchTerm:"",onResize:null}),computed:{attr(){var e;return(null===(e=this.data)||void 0===e?void 0:e.attr)||{}},styleId(){var e;return(null===(e=this.data)||void 0===e||null===(e=e.style)||void 0===e?void 0:e.id)||"file-download"},titleId(){return"cmp-fd-title-".concat(this.styleId)},panelId(){return"cmp-fd-panel-".concat(this.styleId)},listId(){return"cmp-fd-list-".concat(this.styleId)},searchInputId(){return"cmp-fd-search-".concat(this.styleId)},pcPageSize(){return Number(this.attr.pcPageSize)||16},moPageSize(){return Number(this.attr.moPageSize)||8},pageSize(){return this.isMobile?this.moPageSize:this.pcPageSize},showSearchBar(){var e=this.attr.showSearch;return"0"!==e&&0!==e&&!1!==e&&"false"!==e},searchInputText(){return this.i18nText("searchInputText","Search product name")},downloadButtonName(){return this.i18nText("downloadButtonName","Download")},noResultsText(){var e;return String(null!==(e=this.attr.noResultsText)&&void 0!==e?e:"").trim()||this.i18nText("noResultsText","No results")},clearSearchText(){return this.i18nText("clearSearch","Clear search")},downloadFailText(){return this.i18nText("downloadFail","Download failed. Please try again later.")},resultsFoundText(){return this.i18nText("resultsFound","Found {n} results")},categoriesLabel(){return this.i18nText("categories","Categories")},paginationLabel(){return this.i18nText("pagination","Pagination")},prevPageLabel(){return this.i18nText("prevPage","Previous page")},nextPageLabel(){return this.i18nText("nextPage","Next page")},currentPageLabel(){return this.i18nText("currentPage","Current page")},moduleTitle(){return String(this.attr.title||"").trim()||"File Download"},visibleTabs(){var e=Array.isArray(this.attr.tabs)?this.attr.tabs:[],t=(e,t)=>({id:e.id||"tab_".concat(t),title:String(e.title||"").trim(),items:(Array.isArray(e.items)?e.items:[]).filter(e=>e&&String(e.fileName||"").trim()).map((e,a)=>({id:e.id||"item_".concat(t,"_").concat(a),fileName:String(e.fileName||"").trim(),fileLink:String(e.fileLink||"").trim()}))}),a=e.filter(e=>e&&String(e.title||"").trim()).map((e,a)=>t(e,a));if(a.length)return a;var i=e[0];if(!i)return[];

1var r=t(i,0);return r.items.length?[r]:[]},showTabBar(){return this.visibleTabs.length>=2},activeTabTitle(){var e;return String((null===(e=this.visibleTabs[this.tabIndex])||void 0===e?void 0:e.title)||"").trim()},filteredItems(){var e,t=(null===(e=this.visibleTabs[this.tabIndex])||void 0===e?void 0:e.items)||[];if(!this.showSearchBar)return t;var a=this.keyword.toLowerCase();return a?t.filter(e=>e.fileName.toLowerCase().includes(a)):t},showControls(){return this.filteredItems.length>this.pageSize},totalPages(){return this.showControls?Math.max(1,Math.ceil(this.filteredItems.length/this.pageSize)):1},pageItems(){if(!this.showControls)return this.filteredItems;var e=(this.page-1)*this.pageSize;return this.filteredItems.slice(e,e+this.pageSize)},pagerInputSize(){return Math.max(1,String(this.page).length)}},watch:{totalPages(e){this.page>e&&(this.page=e)},pageSize(e,t){null!=t&&e!==t&&(this.page=1)}},created(){this.isMobile=!!q.Z.isMobile(),this.debouncedSearch=q.Z.debounce(()=>{this.applySearch()},300)},mounted(){this.onResize=q.Z.debounce(()=>{this.isMobile=!!q.Z.isMobile()},200),window.addEventListener("resize",this.onResize)},beforeUnmount(){this.cancelSearchTrack(),this.onResize&&window.removeEventListener("resize",this.onResize)},methods:{i18nText(e,t){var a="CmpFileDownload.".concat(e),i=this.$t(a);return i&&i!==a?i:t},tabDomId(e){return"cmp-fd-tab-".concat(this.styleId,"-").concat(e)},downloadAriaLabel(e){var t=this.downloadButtonName,a=String(e||"").trim();return a?"".concat(t,": ").concat(a):t},announce(){0===this.filteredItems.length?this.statusText=this.noResultsText:this.statusText=this.resultsFoundText.replace("{n}",String(this.filteredItems.length))},trackTabClick(e){q.Z.sendTrack("doc_download",{module:"Top Tag",action:"button click",product_name:"None",button_name:e||"None"})},trackDownload(e){var t=String((null==e?void 0:e.fileName)||"").trim()||"None";q.Z.sendTrack("doc_download",{module:"Download List",action:"button click",product_name:t,button_name:"".concat(this.activeTabTitle,"+").concat(this.downloadButtonName)})},trackSearch(e){var t=String(e||"").trim();t&&t!==this.lastTrackedSearchTerm&&(this.lastTrackedSearchTerm=t,q.Z.sendTrack("search",{search_type:"Normal Search",search_term:"".concat(this.activeTabTitle,"+").concat(t)}))},trackPagination(e){q.Z.sendTrack("pagination",{module:this.moduleTitle,button_name:"".concat(this.activeTabTitle,"+P").concat(e)})},selectTab(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(e<0||e>=this.visibleTabs.length)){var a=e!==this.tabIndex;this.tabIndex=e,this.page=1,this.alertText="",this.announce(),this.$nextTick(()=>{if(t.focus){var a,i=this.$refs.tabButtons;null===(a=(Array.isArray(i)?i:i?[i]:[])[e])||void 0===a||a.focus()}this.ensureActiveTabVisible(e)}),a&&this.trackTabClick(this.activeTabTitle)}},onTabKeydown(e,t){if("ArrowLeft"===e.key||"ArrowRight"===e.key){e.preventDefault();var a=this.visibleTabs.length;if(a){var i="ArrowRight"===e.key?(t+1)%a:(t-1+a)%a;this.selectTab(i,{focus:!0})}}},ensureActiveTabVisible(e){var t=this.$refs.tabButtons,a=(Array.isArray(t)?t:t?[t]:[])[e],i=this.$refs.tabsInner;if(a&&i&&!(i.scrollWidth<=i.clientWidth+1)){var r=window.getComputedStyle(i),l=parseFloat(r.paddingLeft)||0,n=parseFloat(r.paddingRight)||0,s=i.getBoundingClientRect(),o=a.getBoundingClientRect(),d=s.left+l,c=s.right-n,h=0;if(o.left<d-1?h=o.left-d:o.right>c+1&&(h=o.right-c),h){var u=Math.max(0,i.scrollLeft+h),p=i.style.scrollSnapType;i.style.scrollSnapType="none";var m=!1,g=()=>{m||(m=!0,i.style.scrollSnapType=p,i.removeEventListener("scrollend",g))};i.addEventListener("scrollend",g),window.setTimeout(g,400),"function"==typeof i.scrollTo?i.scrollTo({left:u,behavior:"smooth"}):(i.scrollLeft=u,g())}}},onSearchInput(){var e;null===(e=this.debouncedSearch)||void 0===e||e.call(this),this.scheduleSearchTrack()},onSearchEnter(){this.applySearch(),this.scheduleSearchTrack()},scheduleSearchTrack(){this.cancelSearchTrack();var e=String(this.searchInput||"").trim();this.searchTrackTimer=window.setTimeout(()=>{this.searchTrackTimer=null,this.trackSearch(e)},1500)},cancelSearchTrack(){null!=this.searchTrackTimer&&(window.clearTimeout(this.searchTrackTimer),this.searchTrackTimer=null)},applySearch(){var e=String(this.searchInput||"").trim();this.keyword=e,this.page=1,this.alertText="",this.announce()},clearSearch(){this.cancelSearchTrack(),this.searchInput="",this.keyword="",this.lastTrackedSearchTerm="",this.page=1,this.alertText="",this.announce(),this.$nextTick(()=>{var e;null===(e=document.getElementById(this.searchInputId))||void 0===e||e.focus()})},goToPage(e){var t=Math.max(1,this.totalPages),a=Math.min(Math.max(1,Number(e)||1),t);a!==this.page&&(this.page=a,this.alertText="",this.$nextTick(()=>{var e;null===(e=this.$refs.listEl)||void 0===e||e.focus({preventScroll:!0})}),this.trackPagination(this.page))},commitPagerInput(e){var t,a=String((null==e||null===(t=e.target)||void 0===t?void 0:t.value)||"").trim(),i=Number.parseInt(a,10);Number.isNaN(i)?null!=e&&e.target&&(e.target.value=String(this.page)):this.goToPage(i)},onDownloadClick(e,t){var a=String((null==t?void 0:t.fileLink)||"").trim();if(!a||!a.startsWith("http")&&!a.startsWith("//")&&!a.startsWith("/"))return e.preventDefault(),void this.showDownloadFail();this.trackDownload(t)},showDownloadFail(){this.alertText=this.downloadFailText,"function"==typeof q.Z.toast&&q.Z.toast(this.downloadFailText)}}},j=(0,a(83744).Z)(W,[["render",function(e,t,a,q,W,j){return(0,i.wg)(),(0,i.iD)("section",{class:"cmp-file-download","aria-labelledby":j.attr.title?j.titleId:void 0},[(0,i._)("div",s,[(0,i._)("div",o,[(0,i._)("header",d,[j.attr.title?((0,i.wg)(),(0,i.iD)("h2",{key:0,id:j.titleId,class:"cmp-file-download__title ft-headline-4 font-medium"},(0,r.zw)(j.attr.title),9,c)):(0,i.kq)("",!0),j.attr.subtitle?((0,i.wg)(),(0,i.iD)("p",h,(0,r.zw)(j.attr.subtitle),

11)):(0,i.kq)("",!0)]),j.showTabBar?((0,i.wg)(),(0,i.iD)("div",{key:0,class:"cmp-file-download__tabs",role:"tablist","aria-label":j.attr.title||j.categoriesLabel},[(0,i._)("div",{ref:"tabsInner",class:"cmp-file-download__tabs-inner","data-tab-count":j.visibleTabs.length},[((0,i.wg)(!0),(0,i.iD)(i.HY,null,(0,i.Ko)(j.visibleTabs,(e,t)=>((0,i.wg)(),(0,i.iD)("button",{id:j.tabDomId(t),key:e.id||t,ref_for:!0,ref:"tabButtons",type:"button",class:(0,r.C_)(["cmp-file-download__tab ft-body-2 font-medium",{"is-active":t===W.tabIndex}]),role:"tab","aria-selected":t===W.tabIndex?"true":"false","aria-controls":j.panelId,tabindex:t===W.tabIndex?0:-1,onClick:e=>j.selectTab(t),onKeydown:e=>j.onTabKeydown(e,t)},(0,r.zw)(e.title),43,m))),128))],8,p)],8,u)):(0,i.kq)("",!0)]),(0,i._)("div",{id:j.panelId,class:"cmp-file-download__panel",role:"tabpanel","aria-labelledby":j.showTabBar?j.tabDomId(W.tabIndex):j.titleId},[j.showSearchBar?((0,i.wg)(),(0,i.iD)("div",b,[(0,i._)("label",{class:"cmp-file-download__search-label",for:j.searchInputId},(0,r.zw)(j.searchInputText),9,w),(0,i._)("div",f,[_,(0,i.wy)((0,i._)("input",{id:j.searchInputId,"onUpdate:modelValue":t[0]||(t[0]=e=>W.searchInput=e),type:"search",class:"cmp-file-download__search-input ft-body-3",placeholder:j.searchInputText,autocomplete:"off","aria-controls":j.listId,onInput:t[1]||(t[1]=function(){return j.onSearchInput&&j.onSearchInput(...arguments)}),onKeydown:t[2]||(t[2]=(0,l.D2)((0,l.iM)(function(){return j.onSearchEnter&&j.onSearchEnter(...arguments)},["prevent"]),["enter"]))},null,40,T),[[l.nr,W.searchInput]]),(0,i.wy)((0,i._)("button",{type:"button",class:"cmp-file-download__search-clear","aria-label":j.clearSearchText,onClick:t[3]||(t[3]=function(){return j.clearSearch&&j.clearSearch(...arguments)})},k,8,v),[[l.F8,W.keyword]])])])):(0,i.kq)("",!0),(0,i._)("div",y,(0,r.zw)(W.statusText),1),(0,i._)("div",x,(0,r.zw)(W.alertText),1),(0,i._)("ul",{id:j.listId,ref:"listEl",class:"cmp-file-download__list",role:"list",tabindex:"-1"},[j.pageItems.length?((0,i.wg)(!0),(0,i.iD)(i.HY,{key:0},(0,i.Ko)(j.pageItems,(e,t)=>((0,i.wg)(),(0,i.iD)("li",{key:e.id||t,class:"cmp-file-download__row",role:"listitem"},[(0,i._)("span",I,(0,r.zw)(e.fileName),1),e.fileLink?((0,i.wg)(),(0,i.iD)("a",{key:0,class:"cmp-file-download__download new-button new-button--secondary font-medium",href:e.fileLink,download:e.fileName||!0,target:"_blank",rel:"noopener noreferrer","aria-label":j.downloadAriaLabel(e.fileName),onClick:t=>j.onDownloadClick(t,e)},[P,(0,i._)("span",null,(0,r.zw)(j.downloadButtonName),1)],8,C)):(0,i.kq)("",!0)]))),128)):((0,i.wg)(),(0,i.iD)("li",z,[L,(0,i._)("p",D,(0,r.zw)(j.noResultsText),1)]))],8,S),(0,i.wy)((0,i._)("nav",{class:"cmp-file-download__pagination","aria-label":j.paginationLabel},[(0,i._)("div",M,[(0,i._)("button",{type:"button",class:"cmp-file-download__pager-btn","aria-label":j.prevPageLabel,"aria-disabled":W.page<=1?"true":"false",disabled:W.page<=1,tabindex:W.page<=1?-1:0,onClick:t[4]||(t[4]=e=>j.goToPage(W.page-1))},A,8,B),(0,i._)("div",F,[(0,i._)("input",{class:"cmp-file-download__pager-current ft-body-3",type:"text",inputmode:"numeric",size:j.pagerInputSize,style:(0,r.j5)({width:j.pagerInputSize+"ch"}),value:String(W.page),"aria-label":j.currentPageLabel,onKeydown:t[5]||(t[5]=(0,l.D2)((0,l.iM)(e=>j.commitPagerInput(e),["prevent"]),["enter"])),onBlur:t[6]||(t[6]=e=>j.commitPagerInput(e))},null,44,R),Z,(0,i._)("span",E,(0,r.zw)(j.totalPages),1)]),(0,i._)("button",{type:"button",class:"cmp-file-download__pager-btn","aria-label":j.nextPageLabel,"aria-disabled":W.page>=j.totalPages?"true":"false",disabled:W.page>=j.totalPages,tabindex:W.page>=j.totalPages?-1:0,onClick:t[7]||(t[7]=e=>j.goToPage(W.page+1))},$,8,K)])],8,N),[[l.F8,j.showControls]])],8,g)])],8,n)}]])}}]);