https://www.virginmedia.com/blog/TilesUnderAccordianComponent.db7ff187f44fc7d2901e.js

1(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[613],{3034:(t,i,e)=>{"use strict";e.r(i),e.d(i,{TilesUnderAccordianComponent:()=>g}),e(9372);var n=e(7716),o=e(8202),c=e(7242),r=e(3674),a=e(8583),s=e(6274),l=e(2443);function d(t,i){if(1&t&&n._UZ(0,"vm-media",11),2&t){const t=n.oxw().$implicit;n.Q6J("mediaType","image")("loadOnScroll",!0)("lazyLoad",!0)("source",null==t?null:t.previewurl)}}function m(t,i){if(1&t&&(n.TgZ(0,"div",4),n.TgZ(1,"div",5),n.TgZ(2,"div",6),n.YNc(3,d,1,4,"vm-media",7),n.qZA(),n.TgZ(4,"div",8),n.TgZ(5,"h3"),n._uU(6),n.qZA(),n.TgZ(7,"div",9),n._UZ(8,"div",10),n.ALo(9,"markdown"),n.qZA(),n.qZA(),n.qZA(),n.qZA()),2&t){const t=i.$implicit;n.xp6(3),n.Q6J("ngIf",null==t?null:t.url),n.xp6(3),n.hij(" ",t.title,""),n.xp6(2),n.Q6J("innerHTML",n.lcZ(9,3,t.copy),n.oJD)}}let g=(()=>{class t{constructor(){this.isAccordionOpen=!1}toggleOpen(t){console.log(this.data),this.isAccordionOpen=t}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275cmp=n.Xpm({type:t,selectors:[["vm-custom-tiles-under-accordian"]],inputs:{data:"data"},decls:8,vars:2,consts:[["id","paginatedBlocks",1,"content-blocks","media","tiles-under-accordian"],[1,"vm-container"],[1,"vm-row"],["class","vm-col-xs-12 vm-col-sm-6 vm-col-md-6 wrapper vm-col-lg-4",4,"ngFor","ngForOf"],[1,"vm-col-xs-12","vm-col-sm-6","vm-col-md-6","wrapper","vm-col-lg-4"],[1,"tile"],[1,"tile__media"],[3,"mediaType","loadOnScroll","lazyLoad","source",4,"ngIf"],[1,"tile__content"],[1,"rich-content-styles"],[3,"innerHTML"],[3,"mediaType","loadOnScroll","lazyLoad","source"]],template:function(t,i){1&t&&(n.TgZ(0,"div",0),n.TgZ(1,"div",1),n.TgZ(2,"vm-accordion"),n.TgZ(3,"vm-accordion-item"),n.TgZ(4,"vm-accordion-title-bar"),n._uU(5),n.qZA(),n.TgZ(6,"div",2),n.YNc(7,m,10,5,"div",3),n.qZA(),n.qZA(),n.qZA(),n.qZA(),n.qZA()),2&t&&(n.xp6(5),n.hij(" ",i.data.title,""),n.xp6(2),n.Q6J("ngForOf",i.data.tiles))},directives:[o.Z,c.n,r.H,a.sg,a.O5,s.R],pipes:[l.NO],styles:[".tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin:0 0 1rem;line-height:1.29}.tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]   .copy[_ngcontent-%COMP%]{line-height:1.43;margin:1rem 0 2rem}.tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]   .title-center[_ngcontent-%COMP%]{margin:0 0 1rem;line-height:1.29;text-align:center}.tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]   .copy-center[_ngcontent-%COMP%]{line-height:1.43;margin:1rem 0 2rem;text-align:center}.tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]     a:not(.button){font-weight:var(--text-link-font-weight);font-family:var(--text-link-font-family);color:var(--text-link-color);text-decoration:underline}.tiles-under-accordian[_ngcontent-%COMP%]   .global-text-component[_ngcontent-%COMP%]     a:not(.button):hover{color:var(--text-link-hover-color);text-decoration:none}.tiles-under-accordian[_ngcontent-%COMP%]   vm-button[_ngcontent-%COMP%]{text-align:center}.tiles-under-accordian[_ngcontent-%COMP%]   vm-button[_ngcontent-%COMP%]     .button{margin-top:2rem;max-width:200px!important}.tiles-under-accordian[_ngcontent-%COMP%]   vm-button[_ngcontent-%COMP%]     .fa-lg{font-size:26px;font-size:1.625rem;line-height:.75rem;vertical-align:-.15rem;margin-right:5px}.tiles-under-accordian[_ngcontent-%COMP%]     img.vm-media-container__image.contain-media{height:auto}.tiles-under-accordian[_ngcontent-%COMP%]     .vm-accordion__outer-margins vm-accordion-item:not(last-child) .vm-accordion-item{border-bottom:0}"],changeDetection:0}),t})()},7242:(t,i,e)=>{"use strict";e.d(i,{n:()=>m});var n=e(3674),o=e(7238),c=e(7716),r=e(8583);const a=[[["vm-accordion-title-bar"]],"*"],s=function(t,i){return{"vm-accordion-item__isopen":t,"vm-accordion-item__isclosed":i}},l=["vm-accordion-title-bar","*"];let d=0,m=(()=>{class t{constructor(){this.isActive=!1,this.state=this.isActive?"isOpen":"isClosed",this.id=""+d++}ngAfterContentInit(){this.toggleItemState(this.isActive),this.isActive&&this.toggleItemState(this.isActive),this.isActiveSubscription=this.accordionTitleBar.toggleActive.subscribe(t=>{this.toggleItemState(t)})}toggleItemState(t){this.isActive=t,this.accordionTitleBar.isActive=t,this.state=this.isActive?"isOpen":"isClosed"}ngOnDestroy(){this.isActiveSubscription&&this.isActiveSubscription.unsubscribe()}}return t.\u0275fac=function(i){return new(i||t)}

1,t.\u0275cmp=c.Xpm({type:t,selectors:[["vm-accordion-item"]],contentQueries:function(t,i,e){if(1&t&&c.Suo(e,n.H,5),2&t){let t;c.iGM(t=c.CRH())&&(i.accordionTitleBar=t.first)}},inputs:{isActive:"isActive"},ngContentSelectors:l,decls:5,vars:8,consts:[[1,"vm-accordion-item",3,"ngClass"],[3,"id"],[1,"vm-accordion-item__content",3,"hidden"]],template:function(t,i){1&t&&(c.F$t(a),c.TgZ(0,"div",0),c.Hsn(1),c.TgZ(2,"div",1),c.TgZ(3,"div",2),c.Hsn(4,1),c.qZA(),c.qZA(),c.qZA()),2&t&&(c.Q6J("ngClass",c.WLB(5,s,"isOpen"==i.state,"isClosed"==i.state)),c.xp6(2),c.Q6J("id",i.id)("@accordionItemContentAnimation",i.state),c.uIk("aria-labelledby",i.id),c.xp6(1),c.Q6J("hidden",!i.isActive))},directives:[r.mk],styles:[".vm-accordion-item{padding:0 1rem;border-top:1px solid #dbdbdb;overflow:hidden;display:list-item;list-style-type:none}.vm-accordion-item__content{margin:0 0 .5rem}"],encapsulation:2,data:{animation:[(0,o.X$)("accordionItemContentAnimation",[(0,o.SB)("isOpen",(0,o.oB)({height:"*"})),(0,o.SB)("isClosed",(0,o.oB)({height:0})),(0,o.eR)("isOpen <=> isClosed",(0,o.ru)([(0,o.jt)("200ms 0.2ms ease-in-out")]))])]}}),t})()},3674:(t,i,e)=>{"use strict";e.d(i,{H:()=>v});var n=e(7716),o=e(8583),c=e(2443);function r(t,i){if(1&t&&n._UZ(0,"i",11),2&t){const t=n.oxw();n.Q6J("ngClass",t.classes)}}function a(t,i){if(1&t&&n._UZ(0,"img",12),2&t){const t=n.oxw();n.Q6J("src",t.image,n.LSH)}}function s(t,i){if(1&t&&(n.TgZ(0,"div",7),n._UZ(1,"span",16),n.ALo(2,"markdown"),n.qZA()),2&t){const t=n.oxw().$implicit;n.xp6(1),n.Q6J("ngClass",t.subTitleClass)("innerHTML",n.lcZ(2,2,t.subTitle),n.oJD)}}function l(t,i){if(1&t&&(n.TgZ(0,"div",13),n.TgZ(1,"div",14),n._UZ(2,"i",11),n.qZA(),n.YNc(3,s,3,4,"div",15),n.qZA()),2&t){const t=i.$implicit;n.xp6(2),n.Q6J("ngClass",t.subTitleIconClass),n.xp6(1),n.Q6J("ngIf",t.subTitle)}}function d(t,i){if(1&t&&(n.TgZ(0,"div",17),n._UZ(1,"i",18),n.qZA()),2&t){const t=n.oxw();n.xp6(1),n.ekj("vm-accordion__title-bar--status-active",t.isActive)}}const m=["*"];let g=0,v=(()=>{class t{constructor(){this.subTitles=[],this.contentDisabled=!1,this.toggleActive=new n.vpe,this.id=""+g++,this.active=!1}get isActive(){return this.active}set isActive(t){this.active=t}toggle(){this.contentDisabled||(this.active=!this.active,this.toggleActive.emit(this.active))}get classes(){const t={};return this.icon&&(t["fa-"+this.icon]=!0),t}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275cmp=n.Xpm({type:t,selectors:[["vm-accordion-title-bar"]],inputs:{icon:"icon",image:"image",subTitles:"subTitles",isActive:"isActive",contentDisabled:"contentDisabled"},outputs:{toggleActive:"toggleActive"},ngContentSelectors:m,decls:12,vars:9,consts:[[1,"vm-accordion__title-bar"],["type","button",1,"vm-accordion__title-bar--toggle",3,"click"],[1,"vm-accordion__title-bar--main-wrapper"],[1,"vm-accordion__title-bar--flex-wrapper",3,"ngClass"],[1,"vm-accordion__title-bar-left-icon"],["class","vm-accordion__title-bar--icon fa fa-fw",3,"ngClass",4,"ngIf"],["alt","Title icon","class","vm-accordion__title-bar--image","loading","lazy",3,"src",4,"ngIf"],[1,"vm-accordion__title-bar-content"],[1,"vm-accordion__title-bar-h3-content"],["class","vm-accordion__title-bar--flex-wrapper vm-accordion__title-bar--sub-title",4,"ngFor","ngForOf"],["class","vm-accordion__title-bar-right-icon",4,"ngIf"],[1,"vm-accordion__title-bar--icon","fa","fa-fw",3,"ngClass"],["alt","Title icon","loading","lazy",1,"vm-accordion__title-bar--image",3,"src"],[1,"vm-accordion__title-bar--flex-wrapper","vm-accordion__title-bar--sub-title"],[1,"vm-accordion__sub-title-left-icon"],["class","vm-accordion__title-bar-content",4,"ngIf"],["data-cy","subtitle",3,"ngClass","innerHTML"],[1,"vm-accordion__title-bar-right-icon"],[1,"far","fa-fw","fa-chevron-down","vm-accordion__title-bar--status"]],template:function(t,i){1&t&&(n.F$t(),n.TgZ(0,"div",0),n.TgZ(1,"button",1),n.NdJ("click",function(){return i.toggle()}),n.TgZ(2,"div",2),n.TgZ(3,"div",3),n.TgZ(4,"div",4),n.YNc(5,r,1,1,"i",5),n.YNc(6,a,1,1,"img",6),n.qZA(),n.TgZ(7,"div",7),n.TgZ(8,"h3",8),n.Hsn(9),n.qZA(),n.qZA(),n.qZA(),n.YNc(10,l,4,2,"div",9),n.qZA(),n.YNc(11,d,2,2,"div",10),n.qZA(),n.qZA()),2&t&&(n.xp6(1),n.ekj("vm-accordion__title--active",i.isActive),n.uIk("aria-expanded",i.isActive)("aria-controls",i.titleId),n.xp6(2),n.Q6J("ngClass",null!=i.subTitles&&i.subTitles.length?"vm-accordion__title-bar--title":""),n.xp6(2),n.Q6J("ngIf",i.icon),n.xp6(1),n.Q6J("ngIf",!i.icon&&i.image),n.xp6(4),n.Q6J("ngForOf",i.subTitles),n.xp6(1),n.Q6J("ngIf",!i.contentDisabled))},directives:[o.mk,o.O5,o.sg],pipes:[c.NO],styles:[".vm-accordion__title-bar[_ngcontent-%COMP%]{box-sizing:border-box;min-height:3rem;height:100%;color:#333;overflow:hidden;-webkit-tap-highlight-color:transparent}.vm-accordion__title-bar--toggle[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;justify-content:flex-start;width:100%;background-color:transparent;border:none;outline:none;font-family:var(--text-accordion-title-bar-font-family);font-size:var(--text-accordion-title-bar-font-size);line-height:1.5;padding:.75rem 0;cursor:pointer}.vm-accordion__title-bar-content[_ngcontent-%COMP%]{justify-self:flex-start;flex:1 1 auto;overflow-wrap:anywhere;text-align:left;color:#333;font-family:var(--text-accordion-title-bar-font-family)}.vm-accordion__title-bar-h3-content[_ngcontent-%COMP%]{line-height:1.5;font-size:16px;font-size:1rem}.vm-accordion__title-bar-right-icon[_ngcontent-%COMP%]{margin-left:.5rem;color:#979797}.vm-accordion__title-bar--status[_ngcontent-%COMP%]{width:1rem;height:1rem;transition:transform .35s ease}.vm-accordion__title-bar--status-active[_ngcontent-%COMP%]{transform:rotate(180deg)}.vm-accordion__title-bar--image[_ngcontent-%COMP%]{width:1.5rem;height:auto;margin-right:.9375rem}.vm-accordion__title-bar--icon[_ngcontent-%COMP%]{font-size:1rem;margin-right:.5rem;width:1.5rem}.vm-accordion__title-bar--main-wrapper[_ngcontent-%COMP%]{flex-direction:column;flex:1 1 auto}.vm-accordion__title-bar--flex-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center}.vm-accordion__title-bar--title[_ngcontent-%COMP%]{padding:0 0 .6875rem}.vm-accordion__title-bar--sub-title[_ngcontent-%COMP%]{padding:0 0 .625rem;display:flex;align-items:center}.vm-accordion__title-bar--sub-title[_ngcontent-%COMP%]:last-of-type{padding:0 0 .375rem}.vm-accordion__title-bar-left-icon[_ngcontent-%COMP%]{display:flex;align-items:center}.sub-title-class--green[_ngcontent-%COMP%]{color:#348437}.sub-title-class--grey-80[_ngcontent-%COMP%]{color:#333}.sub-title-class--grey-80-empty[_ngcontent-%COMP%]{color:#333;font-family:var(--body-font-family)}.sub-title-class--warning[_ngcontent-%COMP%]{color:#e5931d}.sub-title-class--shadow-red[_ngcontent-%COMP%]{color:#bb0a00}"]}),t})()},8202:(t,i,e)=>{"use strict";e.d(i,{Z:()=>r});var n=e(7716);const o=["*"],c=new n.OlP("VM_ACCORDION");let r=(()=>{class t{constructor(){this.class=!0,this.multi=!0,this.wideEnable=!1,this.outerMargins=!0}}return t.\u0275fac=function(i){return new(i||t)},t.\u0275cmp=n.Xpm({type:t,selectors:[["vm-accordion"]],hostVars:6,hostBindings:function(t,i){2&t&&n.ekj("vm-accordion",i.class)("vm-accordion__wide",i.wideEnable)("vm-accordion__outer-margins",i.outerMargins)},inputs:{multi:"multi",wideEnable:"wideEnable",outerMargins:"outerMargins"},features:[n._Bn([{provide:c,useExisting:t}])],ngContentSelectors:o,decls:1,vars:0,template:function(t,i){1&t&&(n.F$t(),n.Hsn(0))},styles:[".vm-accordion{display:flex;flex-direction:column}.vm-accordion vm-accordion-item:first-of-type .vm-accordion-item{border-top:0}.vm-accordion vm-accordion-item:last-of-type .vm-accordion-item{border-bottom:0}.vm-accordion__outer-margins vm-accordion-item:first-of-type .vm-accordion-item{border-top:1px solid #dbdbdb}.vm-accordion__outer-margins vm-accordion-item:last-of-type .vm-accordion-item{border-bottom:1px solid #dbdbdb}@media (min-width:48rem){.vm-accordion__wide{flex-direction:row}.vm-accordion__wide vm-accordion-item{flex-grow:1;margin:1rem .25rem;padding:0 .25rem;border-right:1px solid #dbdbdb}.vm-accordion__wide vm-accordion-item:last-child{border-right:0}.vm-accordion__wide vm-accordion-item .vm-accordion-item{border:0}.vm-accordion__wide vm-accordion-item .vm-accordion-item .breakdown-head{font-size:16px;font-size:1rem}.vm-accordion__wide vm-accordion-item .vm-accordion-item .breakdown-head__price{font-size:16px;font-size:1rem;font-weight:var(--text-book-font-weight);font-family:var(--text-book-font-family)}}@media (min-width:62rem){.vm-accordion__wide vm-accordion-item{margin:1.5rem 1rem;padding:0 1.5rem}}.vm-accordion a:not(.button){font-family:var(--text-link-font-family);color:var(--text-link-color);text-decoration:underline}.vm-accordion a:not(.button):hover{color:var(--text-link-hover-color);text-decoration:none}"],encapsulation:2}),t})()},9372:(t,i,e)=>{"use strict";e(8202)}}]);