1"use strict";(self.webpackChunkshops=self.webpackChunkshops||[]).push([[9561],{27598:(I,k,l)=>{l.d(k,{d:()=>v});var r=l(14042),d=l(17705),_=l(50699);let v=(()=>{var g;class b{constructor(p){(0,r.A)(this,"digitalProductRepository",void 0),this.digitalProductRepository=p}execute(p){return this.digitalProductRepository.GetCreditCheck(p)}}return g=b,(0,r.A)(b,"\u0275fac",function(p){return new(p||g)(d.KVO(_._))}),(0,r.A)(b,"\u0275prov",d.jDH({token:g,factory:g.\u0275fac,providedIn:"root"})),b})()},49561:(I,k,l)=>{l.r(k),l.d(k,{HomeModule:()=>et});var r=l(14042),d=l(60177),_=l(73008),v=l(52168),g=l(73955),b=l(21073),u=l(1334),p=l(32832),P=l(56555),e=l(17705),f=l(96106),m=l(42732);const y=["slickCarousel"],S=function(i,a){return{"content-fit":i,"content-wrapper":a}};function w(i,a){if(1&i&&(e.j41(0,"div",4)(1,"a",5)(2,"div",6)(3,"div",7),e.nrm(4,"img",8),e.k0s(),e.j41(5,"div",9)(6,"span"),e.EFF(7),e.k0s()()()()()),2&i){const o=a.$implicit,t=e.XpG();e.R7$(1),e.Y8G("href",o.targetURL,e.B4B),e.R7$(1),e.Y8G("ngClass",e.l_i(4,S,t.fitPage,!t.fitPage)),e.R7$(2),e.Y8G("src",o.image,e.B4B),e.R7$(3),e.SpI(" ",o.title," ")}}const V=function(i){return{"carousel-fit":i}};let G=(()=>{var i;class a{constructor(t){(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"data",void 0),(0,r.A)(this,"fitPage",!1),(0,r.A)(this,"slickCarousel",void 0),(0,r.A)(this,"lang",void 0),(0,r.A)(this,"slideConfig",{slidesToShow:6,slidesToScroll:1,dots:!0,variableWidth:!0,centerMode:!1,centerPadding:"100px",mobileFirst:!1,settings:"slick",infinite:!0,autoplay:!1,autoplaySpeed:6e3,arrows:!0,initialSlide:0,responsive:[{breakpoint:640,settings:{arrows:!1,infinite:!0,centerMode:!1,slidesToShow:1,slidesToScroll:1,centerPadding:"20px"}}]}),this.translateService=t,this.lang=this.translateService.currentLang}ngAfterViewInit(){this.data&&this.data.length>3&&this.positioningCarouselArrow()}positioningCarouselArrow(){const t=this.slickCarousel.el.nativeElement.children.item(0),n=this.slickCarousel.el.nativeElement.children.item(2);t&&(t.style.left="-70px"),n&&(n.style.right="-70px")}goto(t){window.open(t,"_blank")}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-widget-store-carousel"]],viewQuery:function(t,n){if(1&t&&e.GBs(y,5),2&t){let s;e.mGM(s=e.lsd())&&(n.slickCarousel=s.first)}},inputs:{data:"data",fitPage:"fitPage"},decls:4,vars:5,consts:[[1,"home-carousel-container","content-wrapper",3,"ngClass"],[1,"carousel","carousel-main",3,"config"],["slickCarousel","slick-carousel"],["ngxSlickItem","","class","promo-slider cursor-pointer",4,"ngFor","ngForOf"],["ngxSlickItem","",1,"promo-slider","cursor-pointer"],[3,"href"],[3,"ngClass"],[1,"border-image"],["alt","",1,"content-img",3,"src"],[1,"content-text"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"ngx-slick-carousel",1,2),e.DNE(3,w,8,7,"div",3),e.k0s()()),2&t&&(e.Y8G("ngClass",e.eq3(3,V,n.fitPage)),e.R7$(1),e.Y8G("config",n.slideConfig),e.R7$(2),e.Y8G("ngForOf",n.data))},dependencies:[d.YU,d.Sq,p.qW,p.Hv,m.Hr],styles:[".home-carousel-container[_ngcontent-%COMP%] .content-wrapper[_ngcontent-%COMP%]{max-width:150px;padding-right:.75rem}.home-carousel-container[_ngcontent-%COMP%] .content-wrapper[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%]{border:8px solid #EDECF0;border-radius:1rem}.home-carousel-container[_ngcontent-%COMP%] .content-wrapper[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%] .content-img[_ngcontent-%COMP%]{width:104px;height:104px;margin:0 auto}.home-carousel-container[_ngcontent-%COMP%] .content-wrapper[_ngcontent-%COMP%] .content-text[_ngcontent-%COMP%]{font-size:18px;max-width:-moz-fit-content;max-width:fit-content;margin:0 auto;text-align:center;font-weight:700}.home-carousel-container[_ngcontent-%COMP%] {position:relative;padding-top:1rem;padding-bottom:1rem}@media (min-width: 640px){.home-carousel-container[_ngcontent-%COMP%] {padding-bottom:2.5rem}}@media (min-width: 1280px){.home-carousel-container[_ngcontent-%COMP%] {--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:2.5rem;padding-bottom:2.5rem}}
1.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots{margin:0}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-list{left:0;margin-left:.75rem;margin-right:.75rem;left:0!important}@media (min-width: 768px){.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-list{left:0;margin:0 3rem}}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-prev{left:-65px;cursor:pointer;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-prev.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-next{cursor:pointer;right:-65px;background:#fff;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-next:focus{color:transparent;outline:0;background:transparent}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-next.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.home-carousel-container[_ngcontent-%COMP%] .carousel .promo-item{height:210px}.home-carousel-container[_ngcontent-%COMP%] .carousel .promo-item img{object-fit:cover;width:100%}@media (min-width: 768px){.home-carousel-container[_ngcontent-%COMP%] .carousel .promo-item{width:374px;height:210px}.home-carousel-container[_ngcontent-%COMP%] .carousel .promo-item img{object-fit:cover;width:100%}}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-arrow-left, .home-carou
1sel-container[_ngcontent-%COMP%] .carousel .slick-arrow-right{bottom:-2.5rem;position:absolute}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-arrow-left:hover, .home-carousel-container[_ngcontent-%COMP%] .carousel .slick-arrow-right:hover{cursor:pointer}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots{bottom:-2.5rem;height:unset!important;text-align:left;left:0;margin-left:3rem;width:auto}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots::-ms-ticks-before{width:75%}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots li{height:16px;width:16px;background-color:#cdd6e7;border-radius:50%;margin:0 8px}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots li :active{background-color:#ed0226;width:24px}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots li button{width:8px;height:8px;border-radius:8px}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots li button:before{display:none;content:unset}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:44px;background-color:#ed0226;margin:0 8px;border-radius:50px}@media (max-width: 640px){.home-carousel-container[_ngcontent-%COMP%] .carousel .promo-item{width:312px;height:176px}.home-carousel-container[_ngcontent-%COMP%] .carousel.dots-left .slick-dots{width:auto;margin-left:1.5rem;bottom:-2rem}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots{width:100%;text-align:center;padding:0;bottom:-1.75rem;margin:0}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots li{height:8px;width:8px}.home-carousel-container[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:24px;background-color:#ed0226;margin:0 8px;border-radius:50px}}@media (min-width: 640px){.home-carousel-container[_ngcontent-%COMP%] .carousel-main .slick-dots{margin-left:4.5rem}}.carousel-fit[_ngcontent-%COMP%] .slick-list{margin:0!important}.carousel-fit[_ngcontent-%COMP%] .slick-prev{left:-65px!important}.carousel-fit[_ngcontent-%COMP%] .slick-next{right:-65px!important}.content-fit[_ngcontent-%COMP%]{width:100%;margin:0 auto;max-width:125px;padding-right:.75rem}.content-fit[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%]{border:8px solid #EDECF0;width:100px;height:100px;margin:0 auto;border-radius:1rem}@media (min-width: 1280px){.content-fit[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%]{width:120px;height:120px}}.content-fit[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%] .content-img[_ngcontent-%COMP%]{width:80px;height:80px;margin:0 auto}@media (min-width: 1280px){.content-fit[_ngcontent-%COMP%] .border-image[_ngcontent-%COMP%] .content-img[_ngcontent-%COMP%]{width:100px;height:100px}}.content-fit[_ngcontent-%COMP%] .content-text[_ngcontent-%COMP%]{text-align:center}"]})),a})();const $=["slickCarousel"],Y=function(){return{margin:"2rem 0 0",height:"20px",width:"100px","border-radius":"12px"}};function H(i,a){1&i&&e.nrm(0,"ngx-skeleton-loader",8),2&i&&e.Y8G("theme",e.lJ4(1,Y))}const N=function(){return{margin:"2rem 0 0",height:"100px","border-radius":"12px"}};function L(i,a){1&i&&e.nrm(0,"ngx-skeleton-loader",8),2&i&&e.Y8G("theme",e.lJ4(1,N))}let X=(()=>{var i;class a{constructor(t,n){(0,r.A)(this,"getStoreUsecase",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"slickCarousel",void 0),(0,r.A)(this,"lang",void 0),(0,r.A)(this,"slideConfig",{slidesToShow:6,slidesToScroll:1,dots:!0,variableWidth:!1,centerMode:!1,centerPadding:"100px",mobileFirst:!0,settings:"slick",infinite:!0,autoplay:!1,autoplaySpeed:6e3,arrows:!0,initialSlide:0,responsive:[{breakpoint:640,settings:{arrows:!1,infinite:!0,centerMode:!1,slidesToShow:1,slidesToScroll:1,centerPadding:"20px"}}]}),(0,r.A)(this,"dataStore",void 0),(0,r.A)(this,"responseStoreList",void 0),this.getStoreUsecase=t,this.translateService=n,this.lang=this.translateService.currentLang,this.translateService.onLangChange.subscribe(s=>{this.dataStore="id"===s.lang?this.responseStoreList.data.lang_id:this.responseStoreList.data.lang_en})}ngOnInit(){const t=localStorage.getItem("lang");
1this.getStoreUsecase.execute().subscribe(n=>{n&&n.data&&(this.responseStoreList=n,this.dataStore="id"===t?this.responseStoreList.data.lang_id:this.responseStoreList.data.lang_en)})}ngAfterViewInit(){var t;(null===(t=this.dataStore)||void 0===t?void 0:t.data.length)>3&&this.positioningCarouselArrow()}positioningCarouselArrow(){var t,n;const s=null===(t=this.slickCarousel)||void 0===t?void 0:t.el.nativeElement.children.item(0),c=null===(n=this.slickCarousel)||void 0===n?void 0:n.el.nativeElement.children.item(2);s&&(s.style.left="-70px"),c&&(c.style.right="-70px")}goto(t){window.open(t,"_blank")}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(f.ExW),e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-store-carousel-home"]],viewQuery:function(t,n){if(1&t&&e.GBs($,5),2&t){let s;e.mGM(s=e.lsd())&&(n.slickCarousel=s.first)}},decls:11,vars:7,consts:[[1,"content-wrapper","prepaid"],[1,"header-section"],[1,"title-header"],["animation","pulse",3,"theme",4,"ngIf"],[1,"header-extras"],[3,"href"],[1,"store-carousel"],[3,"fitPage","data"],["animation","pulse",3,"theme"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2),e.EFF(3),e.DNE(4,H,1,2,"ngx-skeleton-loader",3),e.k0s(),e.j41(5,"div",4)(6,"a",5),e.EFF(7),e.k0s()()(),e.j41(8,"div",6),e.DNE(9,L,1,2,"ngx-skeleton-loader",3),e.nrm(10,"app-widget-store-carousel",7),e.k0s()()),2&t&&(e.R7$(3),e.SpI(" ",null==n.dataStore?null:n.dataStore.titleHome," "),e.R7$(1),e.Y8G("ngIf",!n.dataStore),e.R7$(2),e.Y8G("href",null==n.dataStore?null:n.dataStore.cta,e.B4B),e.R7$(1),e.SpI(" ",null==n.dataStore?null:n.dataStore.ctaTitle," "),e.R7$(2),e.Y8G("ngIf",!n.dataStore),e.R7$(1),e.Y8G("fitPage",!0)("data",null==n.dataStore?null:n.dataStore.data))},dependencies:[d.bT,G,u.Zm],styles:[".content-wrapper[_ngcontent-%COMP%] {position:relative;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] {margin-top:1.5rem;padding:2rem 6rem}}.content-wrapper[_ngcontent-%COMP%] .header-section{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-left:.75rem;padding-right:.75rem}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .header-section{padding-left:.5rem;padding-right:.5rem}}.content-wrapper[_ngcontent-%COMP%] .header-section .title-header{font-family:telkomsel-batik-bold,Arial,sans-serif}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .header-section .title-header{font-size:32px}}.content-wrapper[_ngcontent-%COMP%] .header-section .header-extras{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(255 0 37 / var(--tw-border-opacity, 1));font-family:poppins-bold,Arial,sans-serif;font-size:14px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .header-section .header-extras{font-family:poppins-bold,Arial,sans-serif;font-size:16px}}"]})),a})(),z=(()=>{var i;class a{}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)}),(0,r.A)(a,"\u0275mod",e.$C({type:i,bootstrap:[X]})),(0,r.A)(a,"\u0275inj",e.G2t({imports:[d.MD,p.TV,g.h,P.N,u.Yq]})),a})();var B=l(42645),F=l(22752),j=l(82546),W=l(27598),O=l(89417),E=l(94822);function J(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",19),e.bIt("click",function(){const s=e.eBV(o).$implicit,c=e.XpG();return e.Njj(c.redirectURL(s.url))}),e.j41(1,"div",20),e.nrm(2,"img",21),e.k0s(),e.j41(3,"div",22),e.EFF(4),e.k0s()()}if(2&i){const o=a.$implicit,t=e.XpG();e.R7$(2),e.Y8G("lazyImage",o.banner)("fallbackSrc",t.fallBackSrc)("alt",o.title[t.translateService.currentLang]),e.R7$(2),e.SpI(" ",o.title[t.translateService.currentLang]," ")}}function K(i,a){if(1&i){const o=e.RV6();e.j41(0,"img",23),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.deleteChar())}),e.k0s()}}const A=function(i){return{color:i}};function Q(i,a){if(1&i&&(e.j41(0,"div",24),e.EFF(1),e.nI1(2,"translate"),e.k0s()),2&i){const o=e.XpG();e.Y8G("ngStyle",e.eq3(4,A,"#"+o.statusValidationLabel)),e.R7$(1),e.JRh(e.bMT(2,2,o.responseMessage))}}function q(i,a){if(1&i){const o=e.RV6();e.j41(0,"img",23),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.deleteChar())}),e.k0s()}}function Z(i,a){if(1&i&&(e.j41(0,"div",24),e.EFF(1),e.nI1(2,"translate"),e.k0s()),2&i){const o=e.XpG();e.Y8G("ngStyle",e.eq3(4,A,"#"+o.statusValidationLabel)),e.R7$(1),e.JRh(e.bMT(2,2,o.responseMessage))}}function ee(i,a){if(1&i){const o=e.RV6();e.j41(0,"img",23),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.deleteChar())}),e.k0s()}}function te(i,a){if(1&i&&(e.j41(0,"div",24),e.EFF(1),e.nI1(2,"translate"),e.k0s()),2&i){const o=e.XpG();e.Y8G("ngStyle",e.eq3(4,A,"#"+o.statusValidationLabel)),e.R7$(1),e.JRh(e.bMT(2,2,o.responseMessage))}}const T=function(i){return{border:i}
1};let ne=(()=>{var i;class a{constructor(t,n,s,c){(0,r.A)(this,"router",void 0),(0,r.A)(this,"getBannerInputSectionUsecase",void 0),(0,r.A)(this,"creditCheckUsecase",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"inputNumber",""),(0,r.A)(this,"displayResponseMessage",!1),(0,r.A)(this,"responseMessage",""),(0,r.A)(this,"statusValidation",""),(0,r.A)(this,"statusValidationLabel",""),(0,r.A)(this,"isDeleteChar",!1),(0,r.A)(this,"dataBanner",void 0),(0,r.A)(this,"fallBackSrc",F.$.fromGlobal(j.b.TSHOP_LOGO_GRADIENT_RED)),this.router=t,this.getBannerInputSectionUsecase=n,this.creditCheckUsecase=s,this.translateService=c}ngOnInit(){this.getBannerInputSectionUsecase.execute().subscribe(t=>{for(let n=0;n<t.data.length;n++)t.data[n].banner=t.data[n].banner.replace("http://","https://");this.dataBanner=t.data})}isInvalidSubscriber(t,n){return"credit"===t&&"postpaid"===n||"bill"===t&&"prepaid"===n}showErrorMessage(t){this.displayResponseMessage=!0,this.statusValidation="ED0226",this.statusValidationLabel="ED0226",this.isDeleteChar=!0,this.responseMessage="credit"===t?"digitalProduct.error.postpaidNotEligible":"digitalProduct.error.unregistered"}resetError(){this.displayResponseMessage=!1,this.responseMessage=""}checkMsisdn(t,n){const s={msisdn:t.replace(/^0/,"62")};this.creditCheckUsecase.execute(s).subscribe({next:c=>{var h;const x=null==c||null===(h=c.SubscriberType)||void 0===h?void 0:h.toLowerCase();this.isInvalidSubscriber(n,x)?this.showErrorMessage(n):(this.resetError(),this.router.navigate(["digital-product",n],{queryParams:{msisdn:this.inputNumber}}))},error:()=>this.resetError()})}searchPackage(t){this.inputNumber.match("^[0-9]{9,14}$")?this.inputNumber.match("^08(1[123]|2[123]|5[123])[0-9]{5,10}$")?"package"===t?this.router.navigate(["digital-product",t],{queryParams:{msisdn:this.inputNumber}}):this.checkMsisdn(this.inputNumber,t):(this.displayResponseMessage=!0,this.responseMessage="input.errors.notTselNumber2",this.statusValidation="ED0226",this.statusValidationLabel="ED0226",this.isDeleteChar=!0):""===this.inputNumber?(this.displayResponseMessage=!1,this.statusValidation="CCCFD3"):(this.displayResponseMessage=!0,this.responseMessage="input.errors.lessThanNineNumber",this.statusValidation="ED0226",this.statusValidationLabel="ED0226",this.isDeleteChar=!0)}onTabChange(t){this.displayResponseMessage=!1,this.responseMessage=null,this.statusValidation="CCCFD3",this.statusValidationLabel=null,this.isDeleteChar=!1}deleteChar(){this.inputNumber="",this.isDeleteChar=!1,this.displayResponseMessage=!1,this.statusValidation="CCCFD3"}redirectURL(t){window.open(t,"_blank")}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(v.Ix),e.rXU(f.bZl),e.rXU(W.d),e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["services-section"]],decls:47,vars:46,consts:[[1,"container-services-section"],[1,"content-wrapper"],[1,"services-wrapper"],["class","service-item",3,"click",4,"ngFor","ngForOf"],[1,"service-information-wrapper"],[1,"services-tab"],["mat-align-tabs","center",3,"selectedTabChange"],["tabService",""],[3,"label"],[1,"tab-item-wrapper"],[1,"flex","flex-col","xl:flex-row","gap-4"],[1,"input-services","flex","flex-row","border","border-primary-tselGrey40","px-4","py-3","rounded-lg","bg-primary-tselWhite",3,"ngStyle"],["type","tel","name","inputNumber","id","inputNumberPackage","minlength","9","maxlength","14","data-test-id","inputNumber","numbersOnly","",1,"border-none","focus:outline-none","focus:ring-primary-tselWhite","p-0","font-poppins-regular","w-full",3,"placeholder","ngModel","ngModelChange","keyup.enter"],["inputNumberField",""],["class","w-6 inline cursor-pointer","src","assets/icons/close-black.png","alt","close-icon",3,"click",4,"ngIf"],["type","submit","value","Pilih Paket","data-test-id","pickPackage",1,"w-full","rounded-full","bg-primary-tselRed","py-4","xl:text-f-14","xl:py-3","xl:w-56","leading-6","font-poppins-bold","text-primary-tselWhite",3,"click"],["class","xl:pt-1 text-mobile-body2 font-poppins-regular",3,"ngStyle",4,"ngIf"],["type","tel","name","inputNumber","id","inputNumberCredit","minlength","9","maxlength","14","data-test-id","inputNumber","numbersOnly","",1,"border-none","focus:outline-none","focus:ring-primary-tselWhite","p-0","font-poppins-regular","w-full",3,"placeholder","ngModel","ngModelChange","keyup.enter"],["type","tel","name","inputNumber","id","inputNumberBill","minlength","9","maxlength","14","data-test-id","inputNumber","numbersOnly","",1,"border-none","focus:outline-none","focus:ring-primary-tselWhite","p-0","font-poppins-regular","w-full",3,"placeholder","ngModel","ngModelChange","keyup.enter"],[1,"service-item",3,"click"],[1,"service-icon-wrapper"],[3,"lazyImage","fallbackSrc","alt"],[1,"service-title"],["src","assets/icons/close-black.png","alt","close-icon",1,"w-6","inline","cursor-pointer",3,"click"],[1,"xl:pt-1","text-mobile-body2","font-poppins-regular",3,"ngStyle"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2),e.DNE(3,J,5,4,"div",3),e.k0s(),e.j41(4,"div",4)(5,"div",5)(6,"mat-tab-group",6,7),e.bIt("selectedTabChange",function(c){return n.onTabChange(c)}),e.j41(8,"mat-tab",8),e.nI1(9,"translate"),e.j41(10,"div",9)(11,"div",10)(12,"div",11)(13,"input",12,13),e.bIt("ngModelChange",function(c){return n.inputNumber=c})("keyup.enter",function(){return n.searchPackage("package")}),e.nI1(15,"translate"),e.k0s(),e.DNE(16,K,1,0,"img",14),e.k0s(),e.j41(17,"button",15),e.bIt("click",function(){return n.searchPackage("package")}),e.EFF(18),e.nI1(19,"translate"),e.k0s()(),e.DNE(20,Q,3,6,"div",16),e.k0s()(),e.j41(21,"mat-tab",8),e.nI1(22,"translate"),e.j41(23,"div",9)(24,"div",10)(25,"div",11)(26,"input",17,13),e.bIt("ngModelChange",function(c){return n.inputNumber=c})("keyup.enter",function(){return n.searchPackage("credit")}),e.nI1(28,"translate"),e.k0s(),e.DNE(29,q,1,0,"img",14),e.k0s(),e.j41(30,"button",15),e.bIt("click",function(){return n.searchPackage("credit")}),e.EFF(31),e.nI1(32,"translate"),e.k0s()(),e.DNE(33,Z,3,6,"div",16),e.k0s()(),e.j41(34,"mat-tab",8),e.nI1(35,"translate"),e.j41(36,"div",9)(37,"div",10)(38,"div",11)(39,"input",18,13),e.bIt("ngModelChange",function(c){return n.inputNumber=c})("keyup.enter",function(){return n.searchPackage("bill")}),e.nI1(41,"translate"),e.k0s(),e.DNE(42,ee,1,0,"img",14),e.k0s(),e.j41(43,"button",15),e.bIt("click",function(){return n.searchPackage("bill")}),e.EFF(44),e.nI1(45,"translate"),e.k0s()(),e.DNE(46,te,3,6,"div",16),e.k0s()()()()()()()),2&t&&(e.R7$(3),e.Y8G("ngForOf",n.dataBanner),e.R7$(5),e.FS9("label",e.bMT(9,22,"label.package")),e.R7$(4),e.Y8G("ngStyle",e.eq3(40,T,"1px solid#"+n.statusValidation)),e.R7$(1),e.FS9("placeholder",e.bMT(15,24,"home.service.label.placeholder")),e.Y8G("ngModel",n.inputNumber),e.R7$(3),e.Y8G("ngIf",n.isDeleteChar),e.R7$(2),e.SpI(" ",e.bMT(19,26,"button.find.package")," "),e.R7$(2),e.Y8G("ngIf",n.displayResponseMessage),e.R7$(1),e.FS9("label",e.bMT(22,28,"label.credit")),e.R7$(4),e.Y8G("ngStyle",e.eq3(42,T,"1px solid#"+n.statusValidation)),e.R7$(1),e.FS9("placeholder",e.bMT(28,30,"home.service.label.placeholder")),e.Y8G("ngModel",n.inputNumber),e.R7$(3),e.Y8G("ngIf",n.isDeleteChar),e.R7$(2),e.SpI(" ",e.bMT(32,32,"button.find.credit")," "),e.R7$(2),e.Y8G("ngIf",n.displayResponseMessage),e.R7$(1),e.FS9("label",e.bMT(35,34,"label.bill")),e.R7$(4),e.Y8G("ngStyle",e.eq3(44,T,"1px solid#"+n.statusValidation)),e.R7$(1),e.FS9("placeholder",e.bMT(41,36,"home.service.label.placeholder")),e.Y8G("ngModel",n.inputNumber),e.R7$(3),e.Y8G("ngIf",n.isDeleteChar),e.R7$(2),e.SpI(" ",e.bMT(45,38,"button.find.bill")," "),e.R7$(2),e.Y8G("ngIf",n.displayResponseMessage))},dependencies:[d.Sq,d.bT,d.B3,_.T8,_.mq,O.me,O.BC,O.xh,O.tU,O.vS,m.vJ,E.h,g.D9],styles:[".container-services-section[_ngcontent-%COMP%] {--tw-bg-opacity: 1;background-color:rgb(250 250 251 / var(--tw-bg-opacity, 1))}.container-services-section[_ngcontent-%COMP%] .content-wrapper{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:1rem}@media (min-width: 1024px){.container-services-section[_ngcontent-%COMP%] .content-wrapper{padding-left:3rem;padding-right:3rem}}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper{flex-direction:row;padding-top:2rem;padding-bottom:2rem}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper{margin-top:0;margin-bottom:0;display:flex;width:100%;gap:0px}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-opacity: 1;border-color:rgb(204 207 211 / var(--tw-divide-opacity, 1))}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper{padding-bottom:1rem;text-align:center}@media (min-width: 640px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper{margin-left:2rem;margin-right:2rem;gap:.5rem}}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper{margin-top:0;margin-bottom:0;width:50%;padding-bottom:0}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item{position:relative;display:flex;width:33.333333%;flex-direction:column;align-items:center;gap:.5rem}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item:hover{--tw-text-opacity: 1;color:rgb(255 0 37 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item{gap:1.5rem}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper{display:flex;height:2.5rem;width:4rem;align-items:center;justify-content:center;padding-left:.25rem;padding-right:.25rem}@media (min-width: 640px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper{padding-left:0;padding-right:0}}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper{height:4rem;width:4rem}}@media (min-width: 768px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper{width:3rem}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper img{width:40px}@media (min-width: 768px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-icon-wrapper img{width:auto}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{line-height:15px;font-size:10px;padding-left:.5rem;padding-right:.5rem;font-family:poppins-medium,Arial,sans-serif;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{font-family:poppins-bold,Arial,sans-serif}}@media (min-width: 1024px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{width:8rem}}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{padding-left:0;padding-right:0}}@media (min-width: 768px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{line-height:16px;font-size:12px}}@media (min-width: 1024px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .services-wrapper .service-item .service-title{line-height:21px;font-size:14px}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper{width:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper{width:50%;padding-top:0;padding-bottom:0}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .service-information-header{padding-left:1.5rem;padding-right:1.5rem;font-family:telkomsel-batik-bold,Arial,sans-serif;font-size:20px}@media (min-width: 1280px){.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .service-information-header{display:none}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .
1input-services input{width:300px}}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab {margin-top:.5rem}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .tab-item-wrapper{padding:1rem 1.5rem}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .mat-tab-header .mat-tab-label-container{padding:0 1rem}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label{font-family:poppins-bold,Arial,sans-serif;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1));opacity:1}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label-active{background-color:transparent;border-bottom:2px solid;--tw-border-opacity: 1;border-color:rgb(255 0 37 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 0 37 / var(--tw-text-opacity, 1))}.container-services-section[_ngcontent-%COMP%] .content-wrapper .service-information-wrapper .services-tab .mat-tab-header .mat-ink-bar{background-color:#ff0025}"]})),a})();var oe=l(5474);const ie=function(i){return{"bg-secondary-tselBrightGray":i}};let re=(()=>{var i;class a{constructor(t,n){(0,r.A)(this,"getDeviceBundling",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"deviceBunldeFirstSlide",void 0),(0,r.A)(this,"dataDeviceBundling",void 0),(0,r.A)(this,"labelTitle",void 0),(0,r.A)(this,"labelCta",void 0),this.getDeviceBundling=t,this.translateService=n}ngOnInit(){this.getDeviceBundling.execute().subscribe(t=>{this.dataDeviceBundling=t.data})}handleCarouselSlided(t){this.deviceBunldeFirstSlide=t}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(f.FOG),e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["device-bundling-section"]],decls:9,vars:7,consts:[[1,"carousel","content-wrapper","relative","transition-all","duration-300","xl:bg-primary-tselWhite","py-6","my-4","xl:px-24",3,"ngClass"],[1,"flex","gap-2","justify-between","items-center","px-6","xl:px-2"],[1,"font-telkomsel-batik-bold","text-f-20","text-primary-tselBlack","xl:text-f-32"],[1,"see-all","text-f-14","whitespace-nowrap","text-primary-tselBlack","border-b-2","border-primary-tselRed","xl:text-f-16","font-poppins-bold"],[1,"cursor-pointer",3,"href"],[1,"relative","mt-8"],[3,"dataSource","carouselSlided"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2),e.EFF(3),e.k0s(),e.j41(4,"div",3)(5,"a",4),e.EFF(6),e.k0s()()(),e.j41(7,"div",5)(8,"app-carousel-device",6),e.bIt("carouselSlided",function(c){return n.handleCarouselSlided(c)}),e.k0s()()()),2&t&&(e.Y8G("ngClass",e.eq3(5,ie,!n.deviceBunldeFirstSlide)),e.R7$(3),e.SpI(" ",null==n.dataDeviceBundling?null:n.dataDeviceBundling.cta.title[n.translateService.currentLang]," "),e.R7$(2),e.Y8G("href",null==n.dataDeviceBundling||null==n.dataDeviceBundling.cta?null:n.dataDeviceBundling.cta.url,e.B4B),e.R7$(1),e.JRh(null==n.dataDeviceBundling?null:n.dataDeviceBundling.cta.ctaLabel[n.translateService.currentLang]),e.R7$(2),e.Y8G("dataSource",n.dataDeviceBundling))},dependencies:[d.YU,oe.q],styles:[".carousel[_ngcontent-%COMP%] .promo-item[_ngcontent-%COMP%]{width:554px;height:310px}.carousel[_ngcontent-%COMP%] .banner-item[_ngcontent-%COMP%]{width:100%;height:auto}.carousel[_ngcontent-%COMP%] .credit-item[_ngcontent-%COMP%]{height:116px}.carousel[_ngcontent-%COMP%] .see-all[_ngcontent-%COMP%]{z-index:1}.carousel-product[_ngcontent-%COMP%] .slick-slide{margin:0 4px}@media (min-width: 1280px){.carousel-product[_ngcontent-%COMP%] .slick-slide{margin:0 16px}}.carousel-product[_ngcontent-%COMP%] .slick-list{margin:0 -4px;padding-bottom:1rem!important}@media (min-width: 1280px){.carousel-product[_ngcontent-%COMP%] .slick-list{margin:0 -16px}}.carousel.track-padded-left[_ngcontent-%COMP%] .slick-track{margin-left:1.15rem}.carousel.carousel-brands[_ngcontent-%COMP%] .slick-track{display:flex;gap:1rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-slide{display:flex;flex-direction:column;gap:1rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev{left:0;cursor:pointer;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}
1.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next{cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;right:.5rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:focus{color:transparent;outline:0;background:transparent}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.carousel[_ngcontent-%COMP%] .slick-arrow-left, .carousel[_ngcontent-%COMP%] .slick-arrow-right{bottom:-2.5rem;position:absolute}.carousel[_ngcontent-%COMP%] .slick-arrow-left:hover, .carousel[_ngcontent-%COMP%] .slick-arrow-right:hover{cursor:pointer}.carousel[_ngcontent-%COMP%] .slick-dots{bottom:-2.5rem;height:unset!important;text-align:left;left:0;margin-left:3rem;width:auto}.carousel[_ngcontent-%COMP%] .slick-dots::-ms-ticks-before{width:75%}.carousel[_ngcontent-%COMP%] .slick-dots li{height:16px;width:16px;background-color:#cdd6e7;border-radius:50%;margin:0 8px}.carousel[_ngcontent-%COMP%] .slick-dots li :active{background-color:#ed0226;width:24px}.carousel[_ngcontent-%COMP%] .slick-dots li button{width:8px;height:8px;border-radius:8px}.carousel[_ngcontent-%COMP%] .slick-dots li button:before{display:none;content:unset}.carousel[_ngcontent-%COMP%] .slick-dots .slick-active{width:44px;background-color:#ed0226;margin:0 8px;border-radius:50px}@media (min-width: 1280px){.carousel.track-padded-left[_ngcontent-%COMP%] .slick-track{margin-left:0}.carousel.carousel-row[_ngcontent-%COMP%] .slick-list{margin:0 3rem}.credit-section-banner[_ngcontent-%COMP%]{width:429px}.credit-section-options[_ngcontent-%COMP%]{width:calc(100% - 429px)}}@media (max-width: 640px){.carousel[_ngcontent-%COMP%] .promo-item[_ngcontent-%COMP%]{width:312px;height:176px}.carousel.dots-left[_ngcontent-%COMP%] .slick-dots{width:auto;margin-left:1.5rem;bottom:-2rem}.carousel[_ngcontent-%COMP%] .slick-dots{width:100%;text-align:center;padding:0;bottom:-1.75rem;margin:0}.carousel[_ngcontent-%COMP%] .slick-dots li{height:8px;width:8px}.carousel[_ngcontent-%COMP%] .slick-dots .slick-active{width:24px;background-color:#ed0226;margin:0 8px;border-radius:50px}}"]})),a})();var ae=l(10876),se=l(84778);function ce(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",1)(1,"div",2)(2,"app-banner-promo",3),e.bIt("carouselSlided",function(n){e.eBV(o);const s=e.XpG();return e.Njj(s.handleCarouselSlided(n))}),e.k0s()()()}if(2&i){const o=e.XpG();e.R7$(2),e.Y8G("dataSourceProduct",o.promoBundling)}}let le=(()=>{var i;class a{constructor(t,n){(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"bannerService",void 0),(0,r.A)(this,"deviceBunldeFirstSlide",void 0),(0,r.A)(this,"promoBundling",void 0),(0,r.A)(this,"labelTitle",void 0),(0,r.A)(this,"labelCta",void 0),this.translateService=t,this.bannerService=n}ngOnInit(){this.getBannerPromoSection()}handleCarouselSlided(t){this.deviceBunldeFirstSlide=t}getBannerPromoSection(){this.bannerService.getBannerPromoSection().subscribe(t=>{this.promoBundling=t})}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(g.c$),e.rXU(ae._))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-bundling-promo-section"]],decls:1,vars:1,consts:[["class","carousel content-wrapper relative transition-all duration-300 xl:bg-primary-tselWhite py-6 my-4 xl:px-24",4,"ngIf"],[1,"carousel","content-wrapper","relative","transition-all","duration-300","xl:bg-primary-tselWhite","py-6","my-4","xl:px-24"],[1,"bundling-promo"],[3,"dataSourceProduct","carouselSlided"]],template:function(t,n){1&t&&e.DNE(0,ce,3,1,"div",0),2&t&&e.Y8G("ngIf",n.promoBundling)}
1,dependencies:[d.bT,se.j],styles:[".carousel[_ngcontent-%COMP%] .promo-item[_ngcontent-%COMP%]{width:554px;height:310px}.carousel[_ngcontent-%COMP%] .banner-item[_ngcontent-%COMP%]{width:100%;height:auto}.carousel[_ngcontent-%COMP%] .credit-item[_ngcontent-%COMP%]{height:116px}.carousel[_ngcontent-%COMP%] .see-all[_ngcontent-%COMP%]{z-index:1000}.carousel-product[_ngcontent-%COMP%] .slick-slide{margin:0 4px}@media (min-width: 1280px){.carousel-product[_ngcontent-%COMP%] .slick-slide{margin:0 16px}}.carousel-product[_ngcontent-%COMP%] .slick-list{margin:0 -4px;padding-bottom:1rem!important}@media (min-width: 1280px){.carousel-product[_ngcontent-%COMP%] .slick-list{margin:0 -16px}}.carousel.track-padded-left[_ngcontent-%COMP%] .slick-track{margin-left:1.15rem}.carousel.carousel-brands[_ngcontent-%COMP%] .slick-track{display:flex;gap:1rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-slide{display:flex;flex-direction:column;gap:1rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev{left:0;cursor:pointer;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next{cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;right:.5rem}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:focus{color:transparent;outline:0;background:transparent}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.carousel.carousel-row[_ngcontent-%COMP%] .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.carousel[_ngcontent-%COMP%] .slick-arrow-left, .carousel[_ngcontent-%COMP%] .slick-arrow-right{bottom:-2.5rem;position:absolute}.carousel[_ngcontent-%COMP%] .slick-arrow-left:hover, .carousel[_ngcontent-%COMP%] .slick-arrow-right:hover{cursor:pointer}.carousel[_ngcontent-%COMP%] .slick-dots{bottom:-2.5rem;height:unset!important;text-align:left;left:0;margin-left:3rem;width:auto}.carousel[_ngcontent-%COMP%] .slick-dots::-ms-ticks-before{width:75%}.carousel[_ngcontent-%COMP%] .slick-dots li{height:16px;width:16px;background-color:#cdd6e7;border-radius:50%;margin:0 8px}.carousel[_ngcontent-%COMP%] .slick-dots li :active{background-color:#ed0226;width:24px}.carousel[_ngcontent-%COMP%] .slick-dots li button{width:8px;height:8px;border-radius:8px}.carousel[_ngcontent-%COMP%] .slick-dots li button:before{display:none;content:unset}.carousel[_ngcontent-%COMP%] .slick-dots .slick-active{width:44px;background-color:#ed0226;margin:0 8px;border-radius:50px}@media (min-width: 1280px){.carousel.track-padded-left[_ngcontent-%COMP%] .slick-track{margin-left:0}.carousel.carousel-row[_ngcontent-%COMP%] .slick-list{margin:0 3rem}.credit-section-banner[_ngcontent-%COMP%]{width:429px}.credit-section-options[_ngcontent-%COMP%]{width:calc(100% - 429px)}}@media (max-width: 640px){.carousel[_ngcontent-%COMP%] .promo-item[_ngcontent-%COMP%]{width:312px;height:176px}.carousel.dots-left[_ngcontent-%COMP%] .slick-dots{width:auto;margin-left:1.5rem;bottom:-2rem}.carousel[_ngcontent-%COMP%] .slick-dots{width:100%;text-align:center;padding:0;bottom:-1.75rem;margin:0}.carousel[_ngcontent-%COMP%] .slick-dots li{height:8px;width:8px}.carousel[_ngcontent-%COMP%] .slick-dots .slick-active{width:24px;background-color:#ed0226;margin:0 8px;border-radius:50px}}@media (max-width: 767px){.bundling-promo[_ngcontent-%COMP%]{padding-left:1.5rem;padding-right:1.5rem}}"]})),a})();var de=l(11628);let pe=(()=>{var i;class a{constructor(t){(0,r.A)(this,"homeRepository",void 0),this.homeRepository=t}
1execute(t){return this.homeRepository.GetSectionHome(t)}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.KVO(de.S))}),(0,r.A)(a,"\u0275prov",e.jDH({token:i,factory:i.\u0275fac,providedIn:"root"})),a})();const ge={dots:!0,settings:"slick",infinite:!1,mobileFirst:!0,variableWidth:!1,slidesToShow:1,arrows:!1,responsive:[{breakpoint:1280,settings:{arrows:!0,swipe:!0,dots:!0,slidesToShow:6,variableWidth:!1}},{breakpoint:1023,settings:{arrows:!1,swipe:!0,dots:!0,slidesToShow:5,variableWidth:!0}},{breakpoint:820,settings:{arrows:!1,swipe:!0,dots:!0,slidesToShow:4,variableWidth:!0}},{breakpoint:550,settings:{arrows:!1,swipe:!0,dots:!0,slidesToShow:3,variableWidth:!0}},{breakpoint:350,settings:{arrows:!1,swipe:!0,dots:!0,mobileFirst:!0,slidesToShow:2,variableWidth:!0}}]};var ue=l(22724);function me(i,a){if(1&i&&(e.j41(0,"div",10)(1,"a",11),e.EFF(2),e.k0s()()),2&i){const o=e.XpG(2);e.R7$(1),e.Y8G("href",null==o.dataProductTshop?null:o.dataProductTshop.cta,e.B4B),e.R7$(1),e.SpI(" ",null==o.dataProductTshop?null:o.dataProductTshop.button[o.translateService.currentLang]," ")}}function he(i,a){if(1&i&&e.nrm(0,"app-product-card",12),2&i){const o=a.$implicit,t=a.index,n=e.XpG(2);e.Y8G("image",o.image)("link",o.cta)("data",n.rebuildDataProduct(o))("config",n.productCardConfig)("title",o.name)("price",o.price)("secondPrice",o.originalPrice)("desc",o.description)("index",t)("visibleSlides",n.visibleSlides)("sectionVisible",0===n.index)}}function _e(i,a){if(1&i&&(e.j41(0,"div",1)(1,"div",2)(2,"div",3),e.EFF(3),e.k0s(),e.DNE(4,me,3,2,"div",4),e.k0s(),e.j41(5,"div",5)(6,"div",6)(7,"ngx-slick-carousel",7,8),e.DNE(9,he,1,11,"app-product-card",9),e.k0s()()()()),2&i){const o=e.XpG();e.R7$(3),e.SpI(" ",null==o.dataProductTshop?null:o.dataProductTshop.title[o.translateService.currentLang]," "),e.R7$(1),e.Y8G("ngIf",o.dataProductTshop&&o.dataProductTshop.cta),e.R7$(3),e.Y8G("config",o.sliderPackageSamsungConfig),e.R7$(2),e.Y8G("ngForOf",null==o.dataProductTshop?null:o.dataProductTshop.items)}}let ve=(()=>{var i;class a{constructor(t){(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"dataProductTshop",void 0),(0,r.A)(this,"index",void 0),(0,r.A)(this,"productCardConfig",{roundedClasse
1s:"rounded-2xl rounded-bl-none rounded-tr-none",roundedImage:"16px 16px 0 0",roundedDescription:"0 0 16px 0"}),(0,r.A)(this,"sliderPackageSamsungConfig",ge),(0,r.A)(this,"visibleSlides",1),this.translateService=t}ngOnInit(){this.visibleSlides=this.getVisibleSlides(window.innerWidth)}getVisibleSlides(t){const s=[{min:1280,slides:6},{min:1023,slides:5},{min:768,slides:4},{min:550,slides:3},{min:350,slides:2}].find(c=>t>=c.min);return s?s.slides:1}rebuildDataProduct(t){return{title:t.name,desc:t.description,price:t.price,image:t.image,link:t.cta,secondPrice:t.originalPrice}}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-home-section-content"]],inputs:{dataProductTshop:"dataProductTshop",index:"index"},decls:1,vars:1,consts:[["class","content-wrapper",4,"ngIf"],[1,"content-wrapper"],[1,"header-section"],[1,"title-header"],["class","header-extras",4,"ngIf"],[1,"content-section-wrapper"],[1,"content-carousel"],[1,"carousel","carousel-product",3,"config"],["slickPackagePrepaid","slick-carousel"],["ngxSlickItem","",3,"image","link","data","config","title","price","secondPrice","desc","index","visibleSlides","sectionVisible",4,"ngFor","ngForOf"],[1,"header-extras"],[3,"href"],["ngxSlickItem","",3,"image","link","data","config","title","price","secondPrice","desc","index","visibleSlides","sectionVisible"]],template:function(t,n){1&t&&e.DNE(0,_e,10,4,"div",0),2&t&&e.Y8G("ngIf",n.dataProductTshop)},dependencies:[d.Sq,d.bT,p.qW,p.Hv,ue.V],styles:[".content-wrapper[_ngcontent-%COMP%] {position:relative;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] {padding-left:6rem;padding-right:6rem}}.content-wrapper[_ngcontent-%COMP%] .header-section{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-left:0;padding-right:0}.content-wrapper[_ngcontent-%COMP%] .header-section .title-header{font-family:telkomsel-batik-bold,Arial,sans-serif}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .header-section .title-header{font-size:32px}}.content-wrapper[_ngcontent-%COMP%] .header-section .header-extras{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(255 0 37 / var(--tw-border-opacity, 1));font-family:poppins-bold,Arial,sans-serif;font-size:14px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .header-section .header-extras{font-family:poppins-bold,Arial,sans-serif;font-size:16px}}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper{position:relative;padding-top:1.5rem}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel{position:relative}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel{margin-top:.5rem}}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-prev{left:-65px;cursor:pointer;top:200px;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-prev.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-next{cursor:pointer;right:-65px;top:200px;background:#fff;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carou
1sel .carousel .slick-next:focus{color:transparent;outline:0;background:transparent}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-next.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.content-wrapper[_ngcontent-%COMP%] .content-section-wrapper .content-carousel .carousel .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.content-wrapper[_ngcontent-%COMP%] .carousel .promo-item{width:554px;height:310px}.content-wrapper[_ngcontent-%COMP%] .carousel .banner-item{width:100%;height:auto}.content-wrapper[_ngcontent-%COMP%] .carousel .credit-item{height:116px}.content-wrapper[_ngcontent-%COMP%] .carousel-product .slick-slide{margin:0 4px}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .carousel-product .slick-slide{margin:0 16px}}.content-wrapper[_ngcontent-%COMP%] .carousel-product .slick-list{margin:0 -4px;padding-bottom:1rem!important}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .carousel-product .slick-list{margin:0 -16px}}.content-wrapper[_ngcontent-%COMP%] .carousel.track-padded-left .slick-track{margin-left:1.15rem}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-brands .slick-track{display:flex;gap:1rem}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-slide{display:flex;flex-direction:column;gap:1rem}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev{left:0;cursor:pointer;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-next{cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;right:.5rem}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:focus{color:transparent;outline:0;background:transparent}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-next.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}@media (min-width: 1024px){.content-wrapper[_ngcontent-%COMP%] .carousel .slick-track{margin-left:0!important}}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-arrow-left, .content-wrapper[_ngcontent-%COMP%] .carousel .slick-arrow-right{bottom:-2.5rem;position:absolute}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-arrow-left:hover, .content-wrapper[_ngcontent-%COMP%] .carousel .slick-arrow-right:hover{cursor:pointer}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots{bottom:unset!important;height:unset!important;text-align:left;left:0;margin-left:3rem;width:auto}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots::-ms-ticks-before{width:75%}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots li{height:16px;width:16px;background-color:#cdd6e7;border-radius:50%;margin:0 8px}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots li :active{background-color:#ed0226;width:24px}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots li button{width:8px;height:8px;border-radius:8px}
1.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots li button:before{display:none;content:unset}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:44px;background-color:#ed0226;margin:0 8px;border-radius:50px}@media (min-width: 1280px){.content-wrapper[_ngcontent-%COMP%] .carousel.track-padded-left .slick-track{margin-left:0}.content-wrapper[_ngcontent-%COMP%] .carousel.carousel-row .slick-list{margin:0 3rem}.content-wrapper[_ngcontent-%COMP%] .credit-section-banner{width:429px}.content-wrapper[_ngcontent-%COMP%] .credit-section-options{width:calc(100% - 429px)}}@media (max-width: 640px){.content-wrapper[_ngcontent-%COMP%] .carousel .promo-item{width:312px;height:176px}.content-wrapper[_ngcontent-%COMP%] .carousel.dots-left .slick-dots{width:auto;margin-left:1.5rem;bottom:-2rem}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots{width:100%;text-align:center;padding:0;bottom:-1.75rem;margin:0}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots li{height:8px;width:8px}.content-wrapper[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:24px;background-color:#ed0226;margin:0 8px;border-radius:50px}}"]})),a})();function be(i,a){if(1&i&&(e.j41(0,"div",1),e.nrm(1,"app-home-section-content",2),e.k0s()),2&i){const o=a.$implicit,t=a.index;e.R7$(1),e.Y8G("dataProductTshop",o)("index",t)}}let fe=(()=>{var i;class a{constructor(t,n){(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"getSectionHomeUsecase",void 0),(0,r.A)(this,"dataSections",void 0),this.translateService=t,this.getSectionHomeUsecase=n}ngOnInit(){this.getDataSections()}getDataSections(){this.getSectionHomeUsecase.execute(null).subscribe(t=>{this.dataSections=t.data})}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(g.c$),e.rXU(pe))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-home-sections"]],decls:1,vars:1,consts:[["class","home-sections-wrapper",4,"ngFor","ngForOf"],[1,"home-sections-wrapper"],[3,"dataProductTshop","index"]],template:function(t,n){1&t&&e.DNE(0,be,2,2,"div",0),2&t&&e.Y8G("ngForOf",n.dataSections)},dependencies:[d.Sq,ve]})),a})();var we=l(69537),Ce=l(48591),C=l(88486);function xe(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",16)(1,"signal-card",17),e.bIt("click",function(){const s=e.eBV(o).$implicit,c=e.XpG(2);return e.Njj(c.onClickCard(s.storeSlug))}),e.j41(2,"div",18),e.nrm(3,"signal-images",19),e.k0s(),e.j41(4,"div",20)(5,"div",21),e.EFF(6),e.k0s(),e.j41(7,"div",22),e.EFF(8),e.k0s()()()()}if(2&i){const o=a.$implicit;e.R7$(3),e.Y8G("image",o.imageBanner),e.R7$(3),e.JRh(o.title),e.R7$(2),e.JRh(o.description)}}function ke(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",1)(1,"div",2)(2,"div",3)(3,"div",4),e.nrm(4,"signal-images",5),e.k0s(),e.j41(5,"div",6)(6,"div")(7,"signal-heading",7),e.EFF(8),e.k0s(),e.j41(9,"div",8)(10,"signal-heading",9),e.EFF(11),e.k0s()()(),e.j41(12,"div",10)(13,"div",11),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.onClickSeeAllPackageBtn())}),e.EFF(14),e.nI1(15,"translate"),e.k0s()()()(),e.j41(16,"div",12)(17,"ngx-slick-carousel",13,14),e.DNE(19,xe,9,3,"div",15),e.k0s()()()()}if(2&i){const o=e.XpG();e.R7$(8),e.SpI(" ",null==o.placementMlStoreData?null:o.placementMlStoreData.title[o.currentLang]," "),e.R7$(3),e.SpI(" ",null==o.placementMlStoreData?null:o.placementMlStoreData.description[o.currentLang]," "),e.R7$(3),e.SpI(" ",e.bMT(15,5,"button.seeAll")," "),e.R7$(3),e.Y8G("config",o.deviceBundleDigitalConfig),e.R7$(2),e.Y8G("ngForOf",null==o.digitalHubStoreData?null:o.digitalHubStoreData.cardStoreProps)}}let Pe=(()=>{var i;class a{constructor(t,n,s,c,h){(0,r.A)(this,"getDigitalHubStoreUsecase",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"router",void 0),(0,r.A)(this,"windowService",void 0),(0,r.A)(this,"getDigitalHubPlacementMlStore",void 0),(0,r.A)(this,"isBannerActive",new e.bkB),(0,r.A)(this,"deviceBundleDigitalConfig",{slidesToShow:3,slidesToScroll:1,arrow:!1,dots:!1,infinite:!1,responsive:[{breakpoint:1024,settings:{slidesToShow:3,slidesToScroll:1,infinite:!1,dots:!1}},{breakpoint:600,settings:{slidesToShow:2,slidesToScroll:1}},{breakpoint:480,settings:{slidesToShow:1.3,slidesToScroll:1}}],draggable:!0,swipe:!0,touchMove:!0,waitForAnimate:!0,zIndex:1e3}),(0,r.A)(this,"digitalHubStoreData",void 0),(0,r.A)(this,"currentLang",void 0),(0,r.A)(this,"placementMlStoreData",void 0),(0,r.A)(this,"isLoading",void 0),this.getDigitalHubStoreUsecase=t,this.translateService=n,this.router=s,this.windowService=c,this.getDigitalHubPlacementMlStore=h,this.currentLang=this.translateService.currentLang}ngOnInit(){this.handleGetPlacementMlStore()}handleGetPlacementMlStore(){this.getDigitalHubPlacementMlStore.execute().subscribe({next:t=>{this.placementMlStoreData=t.data.shops_page,this.handleGetDigitalHubStore(t.data.shops_page),this.isBannerActive.emit(t.data.shops_page.isActive)}})}handleGetDigitalHubStore(t){this.isLoading=!0,this.getDigitalHubStoreUsecase.execute({code:t.code,limit:t.limit}).subscribe({next:s=>{this.digitalHubStoreData=s,this.isLoading=!1}})}onClickSeeAllPackageBtn(){this.router.navigate(["digital-hub"])}onClickCard(t){this.windowService.open("https://".concat(t))}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(we.k),e.rXU(g.c$),e.rXU(v.Ix),e.rXU(f.s7s),e.rXU(Ce.m))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-digital-hub-store-section"]],outputs:{isBannerActive:"isBannerActive"},decls:1,vars:1,consts:[["class","digital-hub-container",4,"ngIf"],[1,"digital-hub-container"],[1,"wrapper"],[1,"left-side"],[1,"device-bundle-digital-images"],["image","assets/images/image-digitahub-section.svg"],[1,"device-bundle-banner-digital"],["size","5","color","primary-5"],[1,"my-3"],["size","4","color","secondary-7"],[1,"wrapper-btn"],[1,"see-all-btn",3,"click"],[1,"right-side"],[3,"config"],["slickModal",""],["ngxSlickItem","","class","card",4,"ngFor","ngForOf"],["ngxSlickItem","",1,"card"],["shadow","1","space","0","rounded","1","backgroundColor","neutral-7","height","full",1,"card-ml",3,"click"],[1,"wrapper-image"],["height","228px","width","228px","rounded","6","fit","cover",3,"image"],[1,"wrapper-content"],[1,"name"],[1,"benefit"]],template:function(t,n){1&t&&e.DNE(0,ke,20,7,"div",0),2&t&&e.Y8G("ngIf",!n.isLoading)},dependencies:[d.Sq,d.bT,p.qW,p.Hv,C.EM,C.u,C.ib,g.D9],styles:[".digital-hub-container[_ngcontent-%COMP%]{position:relative;max-height:100%;--tw-bg-opacity: 1;background-color:rgb(246 243 243 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:0}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%]{max-height:509px}}.digital-hub-container[_ngcontent-%COMP%]:before{position:absolute;display:none;--tw-content: url(section-bg-digital-hub.de52f46ee646d207.svg);content:var(--tw-content)}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%]:before{content:var(--tw-content);display:block}}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]{position:relative;margin-left:auto;margin-right:auto;display:flex;max-width:1440px;flex-direction:column;align-items:flex-start;padding-top:1.5rem;padding-bottom:5rem}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]{flex-direction:row;align-items:center;padding:82px 100px}}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%]{display:flex;gap:1rem}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-digital-images[_ngcontent-%COMP%]{display:none;width:220px}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-digital-images[_ngcontent-%COMP%]{display:block}}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-banner-digital[_ngcontent-%COMP%]{display:flex;width:250px;flex-direction:column;justify-content:space-between}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-banner-digital[_ngcontent-%COMP%] .wrapper-btn[_ngcontent-%COMP%]{position:absolute;bottom:1.5rem;left:50%;z-index:10;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-banner-digital[_ngcontent-%COMP%] .wrapper-btn[_ngcontent-%COMP%]{position:static;transform:none}}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .left-side[_ngcontent-%COMP%] .device-bundle-banner-digital[_ngcontent-%COMP%] .wrapper-btn[_ngcontent-%COMP%] .see-all-btn[_ngcontent-%COMP%]{width:max-content;border-radius:56px;--tw-bg-opacity: 1;background-color:rgb(237 2 38 / var(--tw-bg-opacity, 1));padding-top:10px;padding-bottom:10px;padding-left:.75rem;padding-right:.75rem;font-family:poppins-medium,Arial,sans-serif;font-size:14px;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%]{width:100%}@media (min-width: 768px){.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%]{width:calc(100% - 490px)}}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%] .card[_ngcontent-%COMP%]{height:342px;
1cursor:pointer}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%] .card[_ngcontent-%COMP%] .wrapper-image[_ngcontent-%COMP%]{display:flex;flex-direction:column}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%] .card[_ngcontent-%COMP%] .wrapper-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1rem 1.5rem}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%] .card[_ngcontent-%COMP%] .wrapper-content[_ngcontent-%COMP%] .name[_ngcontent-%COMP%]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:telkomsel-batik-bold,Arial,sans-serif;font-size:18px;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1))}.digital-hub-container[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] .right-side[_ngcontent-%COMP%] .card[_ngcontent-%COMP%] .wrapper-content[_ngcontent-%COMP%] .benefit[_ngcontent-%COMP%]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family:poppins-light,Arial,sans-serif;font-size:12px;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(51 72 103 / var(--tw-text-opacity, 1))}[_nghost-%COMP%] .signal-body-typo{font-size:18px!important;line-height:24px!important}[_nghost-%COMP%] .slick-prev{display:none!important}@media (min-width: 1024px){[_nghost-%COMP%] .slick-prev{position:absolute;left:-25px;top:50%;height:2.5rem;width:2.5rem;--tw-translate-y: -50%;--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:50%;box-shadow:0 4px 4px #9e9e9e40;display:block!important}}[_nghost-%COMP%] .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}[_nghost-%COMP%] .slick-prev.slick-disabled{display:none!important}[_nghost-%COMP%] .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}[_nghost-%COMP%] .slick-next{display:none!important}@media (min-width: 1024px){[_nghost-%COMP%] .slick-next{position:absolute;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;right:-65px;background:#fff;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;display:block!important}}[_nghost-%COMP%] .slick-next:focus{color:transparent;outline:0;background:transparent}[_nghost-%COMP%] .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}[_nghost-%COMP%] .slick-next.slick-disabled{display:none!important}[_nghost-%COMP%] .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}[_nghost-%COMP%] .slick-slide{margin:0 8px 8px}[_nghost-%COMP%] .slick-list{margin:0 -8px -8px}[_nghost-%COMP%] .slick-track{float:left}"]})),a})();var D=l(14699),Me=l(96354),Oe=l(61969);let ye=(()=>{var i;class a{constructor(t){(0,r.A)(this,"webviewMaxstreamRepository",void 0),this.webviewMaxstreamRepository=t}execute(){return this.webviewMaxstreamRepository.GetWebVideo().pipe((0,Me.T)(t=>{var n,s,c,h,x;return t?{titleVideoSection:{id:(null===(n=t.titleVideoSection)||void 0===n?void 0:n.id)||"Default Title ID",en:(null===(s=t.titleVideoSection)||void 0===s?void 0:s.en)||"Default English Title"},cta_link:{label:(null===(c=t.cta_link)||void 0===c?void 0:c.label)||"Default Label",slug:(null===(h=t.cta_link)||void 0===h?void 0:h.slug)||"/default-slug"},videoList:(null===(x=t.videoList)||void 0===x?void 0:x.map(M=>({videoId:M.videoId||"",title:M.title||"",description:M.description||"",thumbnail:M.thumbnail||"",videoUrl:M.videoUrl||"",totalviews:M.totalviews||"0"})))||[]}:{titleVideoSection:{id:"Default Title ID",en:"Default English Title"},cta_link:{label:"Default Label",slug:"/default-slug"},videoList:[]}}))}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.KVO(Oe.Q))}),(0,r.A)(a,"\u0275prov",e.jDH({token:i,factory:i.\u0275fac,providedIn:"root"})),a})();var R=l(41584);const Se=[{name:"Whatsapp",icon:"whatsapp.svg",url:"https://api.whatsapp.com/se
1nd?text="},{name:"Telegram",icon:"telegram.svg",url:"https://t.me/share/url?url="},{name:"Twitter",icon:"twitter.svg",url:"https://x.com/intent/tweet?url="},{name:"Facebook",icon:"facebook.svg",url:"https://www.facebook.com/sharer/sharer.php?u="},{name:"Email",icon:"mail.svg",url:"mailto:?subject=Check%20this%20out&body="}],Ve=["\u{1f62d}","\u{1f44f}\u{1f3fb}","\u{1f923}","\u{1f389}","\u2764\ufe0f"];var Ae=l(345);function Te(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",20)(1,"button",21),e.bIt("click",function(){const s=e.eBV(o).$implicit,c=e.XpG(2);return e.Njj(c.handleEmote(s))}),e.EFF(2),e.k0s()()}if(2&i){const o=a.$implicit;e.R7$(2),e.JRh(o)}}const Re=function(i){return{"line-clamp-2":i}};function Ie(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",8)(1,"div",9)(2,"h3",10),e.EFF(3),e.k0s(),e.j41(4,"div",11),e.nrm(5,"img",12),e.j41(6,"span",13),e.EFF(7),e.k0s()(),e.j41(8,"p",14),e.EFF(9),e.k0s(),e.j41(10,"div",15),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.isExpand())}),e.EFF(11),e.k0s()(),e.j41(12,"div",16),e.DNE(13,Te,3,1,"div",17),e.j41(14,"div",18)(15,"button",19),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.toggleSharePopup())}),e.EFF(16," Bagikan "),e.k0s()()()()}if(2&i){const o=e.XpG();e.R7$(3),e.SpI(" ",o.title," "),e.R7$(4),e.JRh(o.view),e.R7$(1),e.xc7("max-height",o.isExpandedChange?"20rem":"3rem"),e.Y8G("ngClass",e.eq3(8,Re,!o.isExpandedChange)),e.R7$(1),e.SpI(" ",o.description," "),e.R7$(2),e.SpI(" ",o.isExpandedChange?"Sembunyikan":"Lihat Selengkapnya"," "),e.R7$(2),e.Y8G("ngForOf",o.emoteIcon)}}function Be(i,a){if(1&i&&(e.j41(0,"div",30)(1,"a",31),e.nrm(2,"img",32),e.k0s(),e.j41(3,"span"),e.EFF(4),e.k0s()()),2&i){const o=a.$implicit,t=e.XpG(2);e.R7$(1),e.Y8G("href",o.url+t.currentUrl,e.B4B),e.R7$(1),e.Y8G("src","assets/icons/social-media/"+o.icon,e.B4B)("alt",o.name),e.R7$(2),e.JRh(o.name)}}function Fe(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",22)(1,"div",23)(2,"div",24),e.EFF(3," Bagikan Dengan yang lain "),e.k0s(),e.j41(4,"div",25),e.DNE(5,Be,5,4,"div",26),e.j41(6,"div",27),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.copyLinks())}),e.nrm(7,"img",28),e.j41(8,"span",29),e.EFF(9,"Copy Link"),e.k0s()()()()()}if(2&i){const o=e.XpG();e.R7$(5),e.Y8G("ngForOf",o.shareUrl)}}let je=(()=>{var i;class a{constructor(){(0,r.A)(this,"isPopupActive",!0),(0,r.A)(this,"isPopupVisible",!1),(0,r.A)(this,"isSharePopupVisible",!1),(0,r.A)(this,"title",void 0),(0,r.A)(this,"description",void 0),(0,r.A)(this,"view",void 0),(0,r.A)(this,"currentUrl",void 0),(0,r.A)(this,"emoteIcon",[]),(0,r.A)(this,"shareUrl",[]),(0,r.A)(this,"closePopup",new e.bkB),(0,r.A)(this,"copyLink",new e.bkB),(0,r.A)(this,"emoteVideo",new e.bkB),(0,r.A)(this,"isExpandedChange",!1),(0,r.A)(this,"isDragging",!1),(0,r.A)(this,"startY",0),(0,r.A)(this,"startHeight",0),(0,r.A)(this,"currentY",0)}ngOnChanges(t){t.shareUrl&&(this.shareUrl=t.shareUrl.currentValue)}close(){this.closePopup.emit()}copyLinks(){this.copyLink.emit()}isExpand(){this.isExpandedChange=!this.isExpandedChange}hidePopup(){this.isPopupVisible=!1,this.isSharePopupVisible=!1}handleEmote(t){this.emoteVideo.emit(t)}toggleSharePopup(){this.isSharePopupVisible=!this.isSharePopupVisible}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-pop-up-video"]],inputs:{title:"title",description:"description",view:"view",currentUrl:"currentUrl",emoteIcon:"emoteIcon",shareUrl:"shareUrl"},outputs:{closePopup:"closePopup",copyLink:"copyLink",emoteVideo:"emoteVideo"},features:[e.OA$],decls:9,vars:2,consts:[[1,"popup__container__video"],[1,"popup__shorts"],[1,"flex","justify-end","mt-3"],[1,"w-6","h-6","flex","justify-end","font-bold","cursor-pointer","text-f-24",3,"click"],[1,"flex","justify-center","items-center"],[1,"h-1","w-10","bg-gray-300","rounded-full"],["class","popup__confirm",4,"ngIf"],["class","popup__share",4,"ngIf"],[1,"popup__confirm"],[1,"content","p-4"],[1,"text-lg","font-bold","mb-2"],[1,"flex","items-center","gap-2","text-sm","text-gray-600","mb-4"],["src","assets/images/ico_eye-open.svg","alt","view video"],[1,"text-f-12","leading-4","text-primary-darkBlue","font-poppins-regular"],[1,"text-sm","text-gray-600","mb-4","desc-content",3,"ngClass"],[1,"read-more-section","font-poppins","text-[#0050ae]","text-[14px]","font-semibold","leading-5","mb-3","cursor-pointer",3,"click"],[1,"flex","justify-between","items-center","mt-4","p-4","bg-primary-tselGrey20"],["class","flex items-center gap-6 emote",4,"ngFor","ngForOf"],[1,"btn__share"],[1,"button-primary-global",3,"click"],[1,"flex","items-center","gap-6","emote"],[1,"emote-icon",3,"click"],[1,"popup__share"],[1,"share__link"],[1,"share__link--title"],[1,"share__link--icon"],["class","icon-social",4,"ngFor","ngForOf"],[1,"icon-social","copy-link",3,"click"],["src","assets/icons/social-media/link.svg","alt","Copy Link"],[2,"cursor","pointer"],[1,"icon-social"],["target","_blank","rel","noopener noreferrer",3,"href"],[3,"src","alt"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),e.bIt("click",function(){return n.close()}),e.EFF(4," \xd7 "),e.k0s(),e.j41(5,"div",4),e.nrm(6,"div",5),e.k0s()(),e.DNE(7,Ie,17,10,"div",6),e.DNE(8,Fe,10,1,"div",7),e.k0s()()),2&t&&(e.R7$(7),e.Y8G("ngIf",!n.isSharePopupVisible),e.R7$(1),e.Y8G("ngIf",n.isSharePopupVisible))},dependencies:[d.YU,d.Sq,d.bT],styles:[".popup__container__video[_ngcontent-%COMP%]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;overflow:hidden;background-color:#001a4199;opacity:1;transition:opacity .4s ease,transform .4s ease}.popup__shorts[_ngcontent-%COMP%]{position:absolute;bottom:0;display:flex;max-height:90vh;width:100%;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;overflow:hidden;overflow-y:auto;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:20px 20px 0 0;transition:transform .4s ease}.btn__share[_ngcontent-%COMP%]{height:40px;width:128px}
1.btn__share[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 0 37 / var(--tw-bg-opacity, 1));font-family:poppins-bold,Arial,sans-serif;font-size:16px;line-height:3rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-radius:200px;padding:0 50px}.emote-animation[_ngcontent-%COMP%]{opacity:0;transition:transform 1s ease,opacity 1s ease}.emote-animation.animate[_ngcontent-%COMP%]{transform:translateY(-100px);opacity:1}.floating-emote[_ngcontent-%COMP%]{transition:all 1s ease,opacity .5s ease-out}.share__link[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:1rem}.share__link--title[_ngcontent-%COMP%]{text-align:center;font-family:poppins-regular,Arial,sans-serif;font-size:14px;line-height:1.25rem}.share__link--icon[_ngcontent-%COMP%]{pointer-events:auto;position:relative;z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 3rem;padding:0 24px 24px}.share__link--icon[_ngcontent-%COMP%] .icon-social[_ngcontent-%COMP%]{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1))}.share__link--icon[_ngcontent-%COMP%] .icon-social[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:poppins-regular,Arial,sans-serif;font-size:12px;line-height:1.25rem}.popup__confirm[_ngcontent-%COMP%] .desc-content[_ngcontent-%COMP%]{transition:max-height .3s ease;overflow-y:auto;max-height:3rem;padding-right:.5rem}.popup__confirm[_ngcontent-%COMP%] .line-clamp-2[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}"]})),a})();function Ee(i,a){if(1&i&&e.nrm(0,"iframe",30),2&i){const o=e.XpG();e.Y8G("src",o.safeEmbedUrl,e.f$h)}}function De(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",31),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.toggleContent())}),e.EFF(1),e.k0s()}if(2&i){const o=e.XpG();e.R7$(1),e.SpI(" ",o.isExpanded?"Sembunyikan":"Lihat Selengkapnya"," ")}}function Ue(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",32)(1,"div",33),e.bIt("click",function(){const s=e.eBV(o).$implicit,c=e.XpG();return e.Njj(c.handleEmote(s))}),e.EFF(2),e.k0s()()}if(2&i){const o=a.$implicit;e.R7$(2),e.JRh(o)}}function Ge(i,a){if(1&i&&(e.j41(0,"div",41)(1,"a",42),e.nrm(2,"img",43),e.k0s(),e.j41(3,"span"),e.EFF(4),e.k0s()()),2&i){const o=a.$implicit,t=e.XpG(2);e.R7$(1),e.Y8G("href",o.url+t.currentUrl,e.B4B),e.R7$(1),e.Y8G("src","assets/icons/social-media/"+o.icon,e.B4B)("alt",o.name),e.R7$(2),e.JRh(o.name)}}function $e(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",34)(1,"div",35),e.EFF(2," Bagikan Dengan yang lain "),e.k0s(),e.j41(3,"div",36),e.DNE(4,Ge,5,4,"div",37),e.j41(5,"div",38),e.bIt("click",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.copyLink())}),e.nrm(6,"img",39),e.j41(7,"span",40),e.EFF(8,"Copy Link"),e.k0s()()()()}if(2&i){const o=e.XpG();e.R7$(4),e.Y8G("ngForOf",o.platforms)}}function Ye(i,a){if(1&i){const o=e.RV6();e.j41(0,"app-pop-up-video",44),e.bIt("closePopup",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.closePopup())})("copyLink",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.copyLink())})("emoteVideo",function(n){e.eBV(o);const s=e.XpG();return e.Njj(s.handleEmote(n))}),e.k0s()}if(2&i){const o=e.XpG();e.Y8G("title",null==o.popupData?null:o.popupData.title)("description",null==o.popupData?null:o.popupData.description)("view",null==o.popupData?null:o.popupData.view)("currentUrl",o.currentUrl)("shareUrl",o.platforms)("emoteIcon",o.emotes)}}const He=function(i){return{"line-clamp-2":i}};let Ne=(()=>{var i;class a{constructor(t,n,s){(0,r.A)(this,"sanitizer",void 0),(0,r.A)(this,"renderer",void 0),(0,r.A)(this,"el",void 0),(0,r.A)(this,"video",void 0),(0,r.A)(this,"close",new e.bkB),(0,r.A)(this,"nextVideo",new e.bkB),(0,r.A)(this,"prevVideo",new e.bkB),(0,r.A)(this,"currentUrl",window.location.href),(0,r.A)(this,"_videoUrl",void 0),(0,r.A)(this,"safeEmbedUrl",void 0),(0,r.A)(this,"isShareLinkVisible",!1),(0,r.A)(this,"isExpanded",!1),(0,r.A)(this,"isPopupVisible",!1),(0,r.A)(this,"shouldShowReadMoreButton",!1),(0,r.A)(this,"showBottomSheet",!1),(0,r.A)(this,"paragraphs",[]),(0,r.A)(this,"popupData",null),(0,r.A)(this,"emotes",Ve),(0,r.A)(this,"platforms",Se),(0,r.A)(this,"touchStartY",0),(0,r.A)(this,"touchEndY",0),(0,r.A)(this,"threshold",50),this.sanitizer=t,this.renderer=n,this.el=s}ngOnInit(){this.updateEmbedUrl()}ngOnChanges(t){t.video&&(this.isExpanded=!1,this.checkDescriptionLength(),this.updateEmbedUrl(),this.currentUrl=window.location.href)}onTouchStart(t){this.touchStartY=t.touches[0].clientY}onTouchEnd(t){this.touchEndY=t.changedTouches[0].clientY;const n=this.touchEndY-this.touchStartY;n>this.threshold?this.playPreviousVideo():n<-this.threshold&&this.playNextVideo()}checkDescriptionLength(){var t;const n=(null===(t=document.querySelector(".desc-content"))||void 0===t?void 0:t.scrollHeight)||0;this.shouldShowReadMoreButton=n>48;const s=document.createElement("div");s.style.position="absolute",s.style.visibility="hidden",s.style.width="100%",s.style.maxWidth="300px",s.style.fontSize="14px",s.innerText=this.video.description,document.body.appendChild(s);const c=parseFloat(getComputedStyle(s).lineHeight);this.shouldShowReadMoreButton=s.offsetHeight>2*c,document.body.removeChild(s)}get videoUrl(){return this._videoUrl}toggleShareLink(){this.isShareLinkVisible=!this.isShareLinkVisible}toggleContent(){this.isExpanded=!this.isExpanded}updateEmbedUrl(){if(this.video){const t=this.video.videoUrl;let n=null;if(this.isYouTubeUrl(t)){const s=this.getYouTubeId(t);
1s&&(n="https://www.youtube.com/embed/".concat(s,"?autoplay=1&controls=1&rel=0&showinfo=0"))}else this.isMaxStreamUrl(t)&&(n=t);n?this.safeEmbedUrl=this.sanitizer.bypassSecurityTrustResourceUrl(n):console.error("Unsupported video URL:",t)}}isYouTubeUrl(t){return/youtube\.com|youtu\.be/.test(t)}isMaxStreamUrl(t){return/maxstream\.tv\/embed/.test(t)}getYouTubeId(t){const s=t.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|shorts\/))([^#&?]+)/);return s&&s[1]?s[1]:null}closeModal(){this.close.emit()}handleEmote(t){this.animateEmote(t)}isMobile(){const t=navigator.userAgent;return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(t)}animateEmote(t){const s=this.isMobile()?this.el.nativeElement.querySelector(".popup__container__video"):this.el.nativeElement.querySelector(".video__player"),c=this.renderer.createElement("div");this.renderer.addClass(c,"floating-emote"),this.renderer.setProperty(c,"innerHTML",t),this.renderer.appendChild(s,c);const h=s.offsetHeight;this.renderer.setStyle(c,"position","absolute"),this.renderer.setStyle(c,"bottom","10px"),this.renderer.setStyle(c,"right","10px"),this.renderer.setStyle(c,"fontSize","2rem"),this.renderer.setStyle(c,"opacity","0"),this.renderer.setStyle(c,"zIndex","1000");const x=(0,R.O)(500).subscribe(()=>{this.renderer.setStyle(c,"bottom","".concat(h/2,"px")),this.renderer.setStyle(c,"opacity","1"),(0,R.O)(1e3).subscribe(()=>{this.renderer.setStyle(c,"opacity","0"),(0,R.O)(500).subscribe(()=>{this.renderer.removeChild(s,c),x.unsubscribe()})})})}playNextVideo(){this.nextVideo.emit()}playPreviousVideo(){this.prevVideo.emit()}copyLink(){return navigator.clipboard.writeText(this.currentUrl)}openPopup(t){this.isPopupVisible=!0,this.popupData={title:t.title,description:t.description,view:t.totalviews}}closePopup(){this.isPopupVisible=!1,this.popupData=null}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(Ae.up),e.rXU(e.sFG),e.rXU(e.aKT))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["app-play-video"]],inputs:{video:"video"},outputs:{close:"close",nextVideo:"nextVideo",prevVideo:"prevVideo"},features:[e.OA$],decls:39,vars:15,consts:[[1,"video__player__container"],[1,"video__wrapper"],[1,"video__player",3,"touchstart","touchend"],["class","w-full h-full video-element","frameborder","0","allow","autoplay; encrypted-media","allowvr","yes","allowfullscreen","",3,"src",4,"ngIf"],[1,"video__player__info"],[3,"click"],[1,"previous-video"],[1,"next-video"],[1,"section__media"],[1,"section__media-wrapper"],[1,"content"],[1,"font-poppins","text-[16px]","font-semibold","leading-6","text-left"],[1,"view-video","flex","items-center","gap-1","mt-2"],["src","assets/images/ico_eye-open.svg","alt","view video"],[1,"text-f-12","leading-4","text-primary-darkBlue","font-poppins-regular"],[1,"desc-content","font-poppins","text-[14px]","font-normal","leading-5","text-left",3,"ngClass"],["class","read-more-section font-poppins text-[#0050ae] text-[14px] font-semibold leading-5 mb-3 cursor-pointer",3,"click",4,"ngIf"],[1,"content-footer"],[1,"content-outer-card"],["class","emote cursor-pointer",4,"ngFor","ngForOf"],[1,"btn-share"],[1,"button-primary-global",3,"click"],["class","share__link",4,"ngIf"],[1,"video__close","text-f-24",3,"click"],[1,"video__scrolling"],[1,"video__scrolling__inner"],[1,"video__scrolling__inner__item",3,"click"],["src","assets/icons/ico_chevron_up.svg","alt","chevron_up"],["src","assets/icons/chevron-down.svg","alt","chevron-down"],[3,"title","description","view","currentUrl","shareUrl","emoteIcon","closePopup","copyLink","emoteVideo",4,"ngIf"],["frameborder","0","allow","autoplay; encrypted-media","allowvr","yes","allowfullscreen","",1,"w-full","h-full","video-element",3,"src"],[1,"read-more-section","font-poppins","text-[#0050ae]","text-[14px]","font-semibold","leading-5","mb-3","cursor-pointer",3,"click"],[1,"emote","cursor-pointer"],[1,"emote-icon",3,"click"],[1,"share__link"],[1,"share__link--title"],[1,"share__link--icon"],["class","icon-social",4,"ngFor","ngForOf"],[1,"icon-social","copy-link",3,"click"],["src","assets/icons/social-media/link.svg","alt","Copy Link"],[2,"cursor","pointer"],[1,"icon-social"],["target","_blank","rel","noopener noreferrer",3,"href"],[3,"src","alt"],[3,"title","description","view","currentUrl","shareUrl","emoteIcon","closePopup","copyLink","emoteVideo"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2),e.bIt("touchstart",function(c){return n.onTouchStart(c)})("touchend",function(c){return n.onTouchEnd(c)}),e.DNE(3,Ee,1,1,"iframe",3),e.j41(4,"div",4)(5,"h3"),e.EFF(6),e.k0s(),e.j41(7,"p",5),e.bIt("click",function(){return n.openPopup(n.video)}),e.EFF(8),e.k0s()(),e.nrm(9,"div",6)(10,"div",7),e.k0s(),e.j41(11,"div",8)(12,"div",9)(13,"div",10)(14,"p",11),e.EFF(15),e.k0s(),e.j41(16,"div",12),e.nrm(17,"img",13),e.j41(18,"span",14),e.EFF(19),e.k0s()(),e.j41(20,"div",15),e.EFF(21),e.k0s(),e.DNE(22,De,2,1,"div",16),e.k0s(),e.j41(23,"div",17)(24,"div",18),e.DNE(25,Ue,3,1,"div",19),e.j41(26,"div",20)(27,"button",21),e.bIt("click",function(){return n.toggleShareLink()}),e.EFF(28," Bagikan "),e.k0s()()(),e.DNE(29,$e,9,1,"div",22),e.k0s()()()(),e.j41(30,"div",23),e.bIt("click",function(){return n.closeModal()}),e.EFF(31,"\xd7"),e.k0s(),e.j41(32,"div",24)(33,"div",25)(34,"div",26),e.bIt("click",function(){return n.playPreviousVideo()}),e.nrm(35,"img",27),e.k0s(),e.j41(36,"div",26),e.bIt("click",function(){return n.playNextVideo()}),e.nrm(37,"img",28),e.k0s()()()(),e.DNE(38,Ye,1,6,"app-pop-up-video",29)),2&t&&(e.R7$(3),e.Y8G("ngIf",n.safeEmbedUrl),e.R7$(3),e.SpI(" ",n.video.title," "),e.R7$(2),e.JRh(n.video.description),e.R7$(7),e.JRh(n.video.title),e.R7$(4),e.JRh(n.video.totalviews),e.R7$(1),e.xc7("max-height",n.isExpanded?"20rem":"3rem"),e.Y8G("ngClass",e.eq3(13,He,!n.isExpanded)),e.R7$(1),e.SpI(" ",n.video.description," "),e.R7$(1),e.Y8G("ngIf",n.shouldShowReadMoreButton),e.R7$(3),e.Y8G("ngForOf",n.emotes),e.R7$(4),e.Y8G("ngIf",n.isShareLinkVisible),e.R7$(9),e.Y8G("ngIf",n.isPopupVisible))},dependencies:[d.YU,d.Sq,d.bT,je],styles:["html[_ngcontent-%COMP%]{scroll-behavior:smooth}.video__player__container[_ngcontent-%COMP%]{position:fixed;top:0;left:0;z-index:50;height:100%;width:100%;overflow:hidden;--tw-bg-opacity: .75;background-color:#000001}.video__close[_ngcontent-%COMP%]{position:absolute;top:2rem;right:.5rem;z-index:50;cursor:pointer;border-radius:9999px;padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.video-element[_ngcontent-%COMP%]{pointer-events:auto;height:100%;width:100%;object-fit:cover;border-radius:inherit}.video__wrapper[_ngcontent-%COMP%] .section__media[_ngcontent-%COMP%]{position:absolute;top:24%;left:75%;display:none;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.video__wrapper[_ngcontent-%COMP%] .section__media[_ngcontent-%COMP%]{display:block}}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%]{height:283px;gap:1rem;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%]{width:360px}}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{display:flex;height:85%;flex-direction:column;gap:1rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}@media (min-width: 768px){.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{height:100%}}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-family:poppins-regular,Arial,sans-serif;font-size:16px;line-height:1.5rem}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc-content[_ngcontent-%COMP%]::-webkit-scrollbar{width:.25rem}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc-content[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .desc-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:#555}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content[_ngcontent-%COMP%] .read-more-section[_ngcontent-%COMP%]{margin-bottom:1.25rem;font-family:poppins-bold,Arial,sans-serif;font-size:14px;line-height:1.5rem;--tw-text-opacity: 1;
1color:rgb(0 80 174 / var(--tw-text-opacity, 1))}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;border-radius:0 0 16px 16px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer.content-footer-share[_ngcontent-%COMP%]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%]{display:flex;align-items:center;gap:18px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%] .emote[_ngcontent-%COMP%]{display:flex;gap:1rem}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%] .emote-animation[_ngcontent-%COMP%]{opacity:0;transition:transform 1s ease,opacity 1s ease}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%] .emote-animation.animate[_ngcontent-%COMP%]{transform:translateY(-100px);opacity:1}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%] .btn-share[_ngcontent-%COMP%]{width:128px;height:40px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .content-footer[_ngcontent-%COMP%] .content-outer-card[_ngcontent-%COMP%] .btn-share[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 0 37 / var(--tw-bg-opacity, 1));font-family:poppins-bold,Arial,sans-serif;font-size:16px;line-height:3rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .share__link[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:1rem}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .share__link--title[_ngcontent-%COMP%]{text-align:center;font-family:poppins-regular,Arial,sans-serif;font-size:14px;line-height:1.25rem}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .share__link--icon[_ngcontent-%COMP%]{pointer-events:auto;position:relative;z-index:50;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 3rem;padding:0 24px 24px}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .share__link--icon[_ngcontent-%COMP%] .icon-social[_ngcontent-%COMP%]{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1))}.video__wrapper[_ngcontent-%COMP%] .section__media-wrapper[_ngcontent-%COMP%] .share__link--icon[_ngcontent-%COMP%] .icon-social[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:poppins-regular,Arial,sans-serif;font-size:12px;line-height:1.25rem}.video__player[_ngcontent-%COMP%]{pointer-events:auto;position:absolute;top:50%;left:50%;z-index:30;height:100%;width:100%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));touch-action:none;border-radius:0}@media (min-width: 640px){.video__player[_ngcontent-%COMP%]{top:0;left:50%}}@media (min-width: 1024px){.video__player[_ngcontent-%COMP%]{left:33%;top:2%;height:605px;width:360px;--tw-translate-x: 0px;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:16px;border-top-right-radius:16px}}.video__player__info[_ngcontent-%COMP%]{position:absolute;bottom:10%;left:1.25rem;z-index:50;display:block;cursor:pointer;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.video__player__info[_ngcontent-%COMP%]{display:none}}.video__player__info[_ngcontent-%COMP%]{padding:8px 12px 24px}.video__player__info[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{text-overflow:ellipsis;white-space:normal;font-family:telkomsel-batik-bold,Arial,sans-serif;font-size:16px;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video__player__info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:normal;font-family:poppins-regular,Arial,sans-serif;font-size:12px;line-height:1rem;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.video__player[_ngcontent-%COMP%] .previous-video[_ngcontent-%COMP%], .video__player[_ngcontent-%COMP%] .next-video[_ngcontent-%COMP%]{position:absolute;top:50%;z-index:10;display:flex;height:85%;width:40%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.video__player[_ngcontent-%COMP%] .previous-video[_ngcontent-%COMP%]{left:0;background:transparent}.video__player[_ngcontent-%COMP%] .next-video[_ngcontent-%COMP%]{right:0;background:transparent}.video__scrolling[_ngcontent-%COMP%]{position:absolute;top:50%;right:.5rem;display:none;cursor:pointer;border-radius:9999px;padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.video__scrolling[_ngcontent-%COMP%]{display:block}}.video__scrolling[_ngcontent-%COMP%] .video__scrolling__inner[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;gap:1.5rem}.video__scrolling[_ngcontent-%COMP%] .video__scrolling__inner[_ngcontent-%COMP%] .video__scrolling__inner__item[_ngcontent-%COMP%]{position:relative;display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.video__scrolling[_ngcontent-%COMP%] .video__scrolling__inner[_ngcontent-%COMP%] .video__scrolling__inner__item[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:1.5rem;width:1.5rem}.floating-emote[_ngcontent-%COMP%]{transition:all 1s ease,opacity .5s ease-out}.video__scrolling__inner__item.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:not-allowed}.desc-content[_ngcontent-%COMP%]{transition:max-height .3s ease;overflow-y:auto;max-height:3rem;padding-right:.5rem}.line-clamp-2[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-section[_ngcontent-%COMP%]{cursor:pointer;color:#0050ae}.touch-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:40;height:85%;width:100%;pointer-events:auto;background:rgba(0,0,0,0)}"]})),a})(),Le=(()=>{var i;class a{constructor(){(0,r.A)(this,"thumbnail",void 0),(0,r.A)(this,"title",void 0),(0,r.A)(this,"videoUrl",void 0),(0,r.A)(this,"description",void 0),(0,r.A)(this,"views",void 0),(0,r.A)(this,"videoId",void 0),(0,r.A)(this,"video",new e.bkB),(0,r.A)(this,"fallBackSrc",F.$.fromGlobal(j.b.TSHOP_LOGO_GRADIENT_RED))}play(){this.video.emit({videoId:this.videoId,totalviews:this.views,thumbnail:this.thumbnail,title:this.title,de
1scription:this.description,videoUrl:this.videoUrl})}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["video-card"]],inputs:{thumbnail:"thumbnail",title:"title",videoUrl:"videoUrl",description:"description",views:"views",videoId:"videoId"},outputs:{video:"video"},decls:12,vars:5,consts:[[1,"bg-white","rounded-lg","shadow-md","overflow-hidden","hover:shadow-lg","transition-shadow",3,"click"],[1,"relative"],[1,"video__thumbnail"],["sizes","(max-width: 768px) 100vw, 50vw","loading","lazy",3,"lazyImage","fallbackSrc","alt"],[1,"play__button"],[1,"video__info"],[1,"view-video","flex","items-center","gap-1","mt-2"],["src","assets/images/ico_eye-open.svg","alt","view video","width","16px","height","16px"],[1,"text-f-12","leading-4","text-primary-darkBlue","font-poppins-regular"]],template:function(t,n){1&t&&(e.j41(0,"div",0),e.bIt("click",function(){return n.play()}),e.j41(1,"div",1)(2,"div",2),e.nrm(3,"img",3)(4,"div",4),e.k0s()()(),e.j41(5,"div",5)(6,"h3"),e.EFF(7),e.k0s(),e.j41(8,"div",6),e.nrm(9,"img",7),e.j41(10,"span",8),e.EFF(11),e.k0s()()()),2&t&&(e.R7$(3),e.Y8G("lazyImage",n.thumbnail)("fallbackSrc",n.fallBackSrc)("alt",n.title),e.R7$(4),e.SpI(" ",n.title," "),e.R7$(4),e.JRh(n.views))},dependencies:[E.h],styles:[".video__thumbnail[_ngcontent-%COMP%]{position:relative;height:321px;width:222px;overflow:hidden;border-radius:20px}.video__thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:100%;width:100%;object-fit:cover}.video__thumbnail[_ngcontent-%COMP%] .play__button[_ngcontent-%COMP%]{position:absolute;right:.5rem;top:.5rem;display:flex;height:24px;width:24px;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-image:url(play-videos.d14b9bd34d096ff7.svg)}.video__info[_ngcontent-%COMP%]{position:relative;width:200px;--tw-text-opacity: 1;color:rgb(0 26 65 / var(--tw-text-opacity, 1));padding:8px 12px 24px}.video__info[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:normal;font-family:telkomsel-batik-bold,Arial,sans-serif;font-size:16px;line-height:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video__info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-family:poppins-regular,Arial,sans-serif;font-size:12px;line-height:1rem;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]})),a})();const Xe=["slickModal"];function ze(i,a){if(1&i&&(e.qex(0),e.j41(1,"a",9),e.EFF(2),e.k0s(),e.bVm()),2&i){const o=e.XpG();e.R7$(1),e.Y8G("href",null==o.webVideoResponse?null:o.webVideoResponse.cta_link.slug,e.B4B),e.R7$(1),e.SpI(" ",null==o.webVideoResponse?null:o.webVideoResponse.cta_link.label[o.translateService.currentLang]," ")}}function We(i,a){if(1&i){const o=e.RV6();e.j41(0,"video-card",10),e.bIt("video",function(){const s=e.eBV(o).$implicit,c=e.XpG();return e.Njj(c.playVideo(s))}),e.k0s()}if(2&i){const o=a.$implicit;e.Y8G("thumbnail",o.thumbnail)("title",o.title)("description",o.description)("videoId",o.videoId)("views",o.totalviews)("videoUrl",o.videoUrl)}}function Je(i,a){if(1&i){const o=e.RV6();e.j41(0,"app-play-video",11),e.bIt("close",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.closeVideoPlayer())})("nextVideo",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.playNextVideo())})("prevVideo",function(){e.eBV(o);const n=e.XpG();return e.Njj(n.playPrevVideo())}),e.k0s()}if(2&i){const o=e.XpG();e.Y8G("video",o.selectedVideo)}}let Ke=(()=>{var i;class a{constructor(t,n,s,c){(0,r.A)(this,"route",void 0),(0,r.A)(this,"router",void 0),(0,r.A)(this,"getAllWebVideoUsecase",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"slickModal",void 0),(0,r.A)(this,"slideConfig",{slidesToShow:5,slidesToScroll:1,dots:!1,variableWidth:!0,infinite:!1,arrows:!0,centerMode:!1,responsive:[{breakpoint:1280,settings:{slidesToShow:5,slidesToScroll:1,arrows:!0,variableWidth:!0}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1,dots:!1,centerMode:!1,variableWidth:!0}}]}),(0,r.A)(this,"selectedVideo",null),(0,r.A)(this,"queryParamsSubscription",void 0),(0,r.A)(this,"webVideoResponse",void 0),(0,r.A)(this,"routeLink",D.c.drupalApi),this.route=t,this.router=n,this.getAllWebVideoUsecase=s,this.translateService=c}ngOnInit(){this.getWebVideo()}ngOnDestroy(){this.queryParamsSubscription&&this.queryParamsSubscription.unsubscribe()}handleQueryParams(){this.queryParamsSubscription=this.route.queryParams.subscribe(t=>{const n=t.video;n?(this.selectedVideo=this.webVideoResponse.videoList.find(s=>
1s.videoId===n)||null,this.selectedVideo&&this.postWebVideoStatistic(n)):this.selectedVideo=null})}getWebVideo(){this.getAllWebVideoUsecase.execute().subscribe({next:t=>{this.webVideoResponse=t,this.handleQueryParams()},error:t=>{console.error("Error fetching web videos:",t)}})}postWebVideoStatistic(t){const n=new URLSearchParams;n.append("nid",t),fetch("".concat(D.c.drupalApi,"core/modules/statistics/statistics.php"),{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:n.toString()}).then(s=>{if(!s.ok)throw new Error("Network response was not ok");return s.json()}).catch(s=>{console.error("Error sending statistic:",s)})}playVideo(t){this.selectedVideo=t,this.router.navigate([],{relativeTo:this.route,queryParams:{video:t.videoId},queryParamsHandling:"merge"})}closeVideoPlayer(){this.router.navigate([],{relativeTo:this.route,queryParams:{video:null},queryParamsHandling:"merge"})}playNextVideo(){const t=this.webVideoResponse.videoList.findIndex(n=>{var s;return n.videoId===(null===(s=this.selectedVideo)||void 0===s?void 0:s.videoId)});t>=0&&t<this.webVideoResponse.videoList.length-1&&(this.selectedVideo=this.webVideoResponse.videoList[t+1],this.router.navigate([],{relativeTo:this.route,queryParams:{video:this.selectedVideo.videoId},queryParamsHandling:"merge"}))}playPrevVideo(){const t=this.webVideoResponse.videoList.findIndex(n=>{var s;return n.videoId===(null===(s=this.selectedVideo)||void 0===s?void 0:s.videoId)});t>0&&(this.selectedVideo=this.webVideoResponse.videoList[t-1],this.router.navigate([],{relativeTo:this.route,queryParams:{video:this.selectedVideo.videoId},queryParamsHandling:"merge"}))}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(v.nX),e.rXU(v.Ix),e.rXU(ye),e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["web-video-section"]],viewQuery:function(t,n){if(1&t&&e.GBs(Xe,5),2&t){let s;e.mGM(s=e.lsd())&&(n.slickModal=s.first)}},decls:11,vars:5,consts:[[1,"video__section","content-wrapper"],[1,"video__section--title"],[4,"ngIf"],[1,"flex","justify-center","w-full","xl:bg-none"],[1,"carousel-card","w-full","relative"],[1,"carousel","carousel__video",3,"config"],["slickModal","slick-carousel"],["ngxSlickItem","",3,"thumbnail","title","description","videoId","views","videoUrl","video",4,"ngFor","ngForOf"],[3,"video","close","nextVideo","prevVideo",4,"ngIf"],[1,"cursor-pointer",3,"href"],["ngxSlickItem","",3,"thumbnail","title","description","videoId","views","videoUrl","video"],[3,"video","close","nextVideo","prevVideo"]],template:function(t,n){1&t&&(e.j41(0,"div",0)(1,"div",1)(2,"h4"),e.EFF(3),e.k0s(),e.DNE(4,ze,3,2,"ng-container",2),e.k0s(),e.j41(5,"div",3)(6,"div",4)(7,"ngx-slick-carousel",5,6),e.DNE(9,We,1,6,"video-card",7),e.k0s()()()(),e.DNE(10,Je,1,1,"app-play-video",8)),2&t&&(e.R7$(3),e.SpI(" ",null==n.webVideoResponse?null:n.webVideoResponse.titleVideoSection[n.translateService.currentLang]," "),e.R7$(1),e.Y8G("ngIf",n.webVideoResponse&&n.webVideoResponse.cta_link.slug),e.R7$(3),e.Y8G("config",n.slideConfig),e.R7$(2),e.Y8G("ngForOf",null==n.webVideoResponse?null:n.webVideoResponse.videoList),e.R7$(1),e.Y8G("ngIf",n.selectedVideo))},dependencies:[d.Sq,d.bT,p.qW,p.Hv,Ne,Le],styles:[".video__section[_ngcontent-%COMP%]{margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:2rem;padding-left:1.5rem}@media (min-width: 768px){.video__section[_ngcontent-%COMP%]{padding-top:3rem;padding-bottom:3rem}}@media screen and (min-width: 1280px){.video__section[_ngcontent-%COMP%]{padding:4rem 6rem}}.video__section--title[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;margin:0 24px 24px 0}.video__section--title[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-family:telkomsel-batik-bold,Arial,sans-serif;font-size:18px;line-height:1.5rem}@media (min-width: 768px){.video__section--title[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-size:24px}}.video__section--title[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-family:poppins-bold,Arial,sans-serif;font-size:14px;line-height:1.5rem}@media (min-width: 768px){.video__section--title[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:16px}}.video__section--title[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#0050ae}.carousel__video[_ngcontent-%COMP%] .slick-prev{left:-65px;cursor:pointer;top:118px;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.carousel__video[_ngcontent-%COMP%] .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.carousel__video[_ngcontent-%COMP%] .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}
1.carousel__video[_ngcontent-%COMP%] .slick-prev.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.carousel__video[_ngcontent-%COMP%] .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.carousel__video[_ngcontent-%COMP%] .slick-next{cursor:pointer;right:-65px;top:118px;background:#fff;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;border-radius:40px;transform:rotate(0)}.carousel__video[_ngcontent-%COMP%] .slick-next:focus{color:transparent;outline:0;background:transparent}.carousel__video[_ngcontent-%COMP%] .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.carousel__video[_ngcontent-%COMP%] .slick-next.slick-disabled:before{opacity:1;color:red;filter:invert(50%)}.carousel__video[_ngcontent-%COMP%] .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}"]})),a})();function Qe(i,a){if(1&i){const o=e.RV6();e.j41(0,"app-digital-hub-store-section",3),e.bIt("isBannerActive",function(n){e.eBV(o);const s=e.XpG();return e.Njj(s.isBannerActive=n)}),e.k0s()}}let U=(()=>{var i;class a{constructor(t,n){(0,r.A)(this,"getHeroBannerUsecase",void 0),(0,r.A)(this,"translateService",void 0),(0,r.A)(this,"isBannerActive",!0),(0,r.A)(this,"dataBanner",void 0),(0,r.A)(this,"heroBannerData",void 0),this.getHeroBannerUsecase=t,this.translateService=n}ngOnInit(){this.getHeroBannerUsecase.execute().subscribe(t=>{var n;this.heroBannerData=null==t?void 0:t.data,this.dataBanner=null===(n=this.heroBannerData)||void 0===n?void 0:n["id"===this.translateService.currentLang?"lang_id":"lang_en"]})}}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)(e.rXU(f._oR),e.rXU(g.c$))}),(0,r.A)(a,"\u0275cmp",e.VBU({type:i,selectors:[["ng-component"]],decls:9,vars:2,consts:[[1,"home-container","container-full"],[3,"dataBanner"],[3,"isBannerActive",4,"ngIf"],[3,"isBannerActive"]],template:function(t,n){1&t&&(e.j41(0,"div",0),e.nrm(1,"carousel-banner",1)(2,"services-section")(3,"app-bundling-promo-section")(4,"app-home-sections")(5,"device-bundling-section")(6,"device-brands-section"),e.DNE(7,Qe,1,0,"app-digital-hub-store-section",2),e.nrm(8,"web-video-section"),e.k0s()),2&t&&(e.R7$(1),e.Y8G("dataBanner",n.dataBanner),e.R7$(6),e.Y8G("ngIf",n.isBannerActive))},dependencies:[B.q,d.bT,b.DeviceBrandsSectionComponent,ne,re,le,fe,Pe,Ke],styles:[".home-container[_ngcontent-%COMP%] {position:relative;overflow:hidden}.home-container[_ngcontent-%COMP%] .service-item:hover{cursor:pointer}.home-container[_ngcontent-%COMP%] .service-item:hover:after{background:#ed0226}.home-container[_ngcontent-%COMP%] .carousel .banner-item{width:100%;height:auto}.home-container[_ngcontent-%COMP%] .carousel .credit-item{height:116px}.home-container[_ngcontent-%COMP%] .carousel-product .slick-slide{margin:0 4px}@media (min-width: 1280px){.home-container[_ngcontent-%COMP%] .carousel-product .slick-slide{margin:0 16px}}.home-container[_ngcontent-%COMP%] .carousel-product .slick-list{margin:0 -4px;padding-bottom:1rem!important}@media (min-width: 1280px){.home-container[_ngcontent-%COMP%] .carousel-product .slick-list{margin:0 -16px}}.home-container[_ngcontent-%COMP%] .carousel.track-padded-left .slick-track{margin-left:1.15rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-brands .slick-track{display:flex;gap:1rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-banner .slick-track{display:flex;gap:1rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-banner .slick-dots{bottom:-2.5rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-payment .payment-item img{filter:grayscale(100%);margin:auto}.home-container[_ngcontent-%COMP%] .carousel.carousel-payment .slick-list .slick-track{display:flex;gap:1rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-payment .slick-dots{width:100%;text-align:center;margin:0;bottom:0}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-slide{display:flex;flex-direction:column;gap:1rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev{left:0;cursor:pointer;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev:before{content:url(prev-active.4edfb837b6bc126e.png)}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev.slick-disabled{content:url(prev-inactive.4d040c7b9636a8ec.png)}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-prev:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-next{cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 4px #9e9e9e40;right:.5rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:focus{color:transparent;outline:0;background:transparent}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:before{content:url(next-active.805ebf9db866a6a2.png)}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-next.slick-disabled:before{opacity:1;color:red;-webkit-filter:invert(50%)}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-next:hover{background:#cccfd3 radial-gradient(circle,transparent 1%,#cccfd3 1%) center/15000%}.home-container[_ngcontent-%COMP%] .carousel .slick-arrow-left, .home-container[_ngcontent-%COMP%] .carousel .slick-arrow-right{bottom:-2.5rem;position:absolute}.home-container[_ngcontent-%COMP%] .carousel .slick-arrow-left:hover, .home-container[_ngcontent-%COMP%] .carousel .slick-arrow-right:hover{cursor:pointer}.home-container[_ngcontent-%COMP%] .carousel .slick-dots{bottom:-2.5rem;height:unset!important;text-align:left;left:0;margin-left:3rem;width:auto}.home-container[_ngcontent-%COMP%] .carousel .slick-dots::-ms-ticks-before{width:75%}.home-container[_ngcontent-%COMP%] .carousel .slick-dots li{height:16px;width:16px;background-color:#cdd6e7;border-radius:50%;margin:0 8px}.home-container[_ngcontent-%COMP%] .carousel .slick-dots li :active{background-color:#ed0226;width:24px}.home-container[_ngcontent-%COMP%] .carousel .slick-dots li button{width:8px;height:8px;border-radius:8px}.home-container[_ngcontent-%COMP%] .carousel .slick-dots li button:before{display:none;content:unset}.home-container[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:44px;background-color:#ed0226;margin:0 8px;border-radius:50px}.home-container[_ngcontent-%COMP%] .credit-section-banner{width:100%}.home-container[_ngcontent-%COMP%] .credit-section-options{width:100%}@media (min-width: 1280px){.home-container[_ngcontent-%COMP%] .carousel.track-padded-left .slick-track{margin-left:0}.home-container[_ngcontent-%COMP%] .carousel.carousel-banner .banner-item{height:248px}.home-container[_ngcontent-%COMP%] .carousel.carousel-payment{padding-bottom:4rem}.home-container[_ngcontent-%COMP%] .carousel.carousel-payment .slick-dots{bottom:0}.home-container[_ngcontent-%COMP%] .carousel.carousel-row .slick-list{margin:0 3rem}.home-container[_ngcontent-%COMP%] .credit-section-banner{width:429px}.home-container[_ngcontent-%COMP%] .credit-section-options{width:calc(100% - 429px)}}@media (max-width: 640px){.home-container[_ngcontent-%COMP%] .carousel .promo-item{width:312px;
1height:176px}.home-container[_ngcontent-%COMP%] .carousel.dots-left .slick-dots{width:auto;margin-left:1.5rem;bottom:-2rem}.home-container[_ngcontent-%COMP%] .carousel .slick-dots{width:100%;text-align:center;padding:0;bottom:-1.75rem;margin:0}.home-container[_ngcontent-%COMP%] .carousel .slick-dots li{height:8px;width:8px}.home-container[_ngcontent-%COMP%] .carousel .slick-dots .slick-active{width:24px;background-color:#ed0226;margin:0 8px;border-radius:50px}}"]})),a})();var qe=l(11580),Ze=l(77621);let et=(()=>{var i;class a{}return i=a,(0,r.A)(a,"\u0275fac",function(t){return new(t||i)}),(0,r.A)(a,"\u0275mod",e.$C({type:i,bootstrap:[U]})),(0,r.A)(a,"\u0275inj",e.G2t({imports:[v.iI.forChild([{path:"",component:U}]),B.q,d.MD,p.TV,_.RI,g.h,P.N,u.Yq,z,b.DeviceBrandsSectionComponent,C.VN,C.AP,C.zH,C.f4,C.vH,qe.J,Ze.Q]})),a})()},10876:(I,k,l)=>{l.d(k,{_:()=>b});var r=l(14042),d=l(96354),_=l(17705),v=l(20423);let g=(()=>{var u;class p{constructor(e){(0,r.A)(this,"bannerPromoRepository",void 0),this.bannerPromoRepository=e}execute(e){return this.bannerPromoRepository.GetBannerPromoContent(e)}}return u=p,(0,r.A)(p,"\u0275fac",function(e){return new(e||u)(_.KVO(v.U))}),(0,r.A)(p,"\u0275prov",_.jDH({token:u,factory:u.\u0275fac,providedIn:"root"})),p})(),b=(()=>{var u;class p{constructor(e){(0,r.A)(this,"getBannerPromo",void 0),this.getBannerPromo=e}getBannerPromoSection(){return this.getBannerPromo.execute(null).pipe((0,d.T)(e=>{var f;return null===(f=e.list_card)||void 0===f||f.forEach(m=>{const y=m.ribbons&&m.ribbons.some(w=>"Promo"===w.name),S=m.ribbons&&m.ribbons.some(w=>"Terlaris"===w.name);if(y&&!S){const w=m.ribbons.findIndex(V=>"Promo"===V.name);-1!==w&&m.ribbons.splice(w,1),m.ribbons.splice(0,0,{color:"#001A41",name:"Terlaris",colorText:"#FFFFFF"})}else!y&&!S&&m.ribbons.unshift({color:"#001A41",name:"Terlaris",colorText:"#FFFFFF"},{color:"#FDA22B",name:"Promo",colorText:"#001A41"})}),e}))}}return u=p,(0,r.A)(p,"\u0275fac",function(e){return new(e||u)(_.KVO(g))}),(0,r.A)(p,"\u0275prov",_.jDH({token:u,factory:u.\u0275fac,providedIn:"root"})),p})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.