1"use strict";(self.webpackChunkfrontend_flowaccount_landing=self.webpackChunkfrontend_flowaccount_landing||[]).push([[5974],{5974:(E,P,c)=>{c.r(P),c.d(P,{PayrollModule:()=>j});var e=c(6814),b=c(4190),n=c(9212),y=c(3177),M=c(6222),O=c(820),u=c(906),A=c(1087),T=c(3253),C=c(5199),w=c(6593),g=c(1365),v=c(3066),L=c(5692),x=c(6784),d=c(9382),_=c(4569),p=c(7158);let s=(()=>{var a;class t{constructor(i,o){this.translate=i,this.signupFlowService=o}setCookiePreviousPath(){this.signupFlowService.setCookie(u.vS.FLOWPAYROLL,!0)}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(g.sK),n.Y36(O.bb))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-intro"]],decls:33,vars:16,consts:[[1,"payroll-intro"],[1,"box"],[1,"box-left"],[1,"box-left__content"],[1,"box-left__content--subheading"],["srcset","https://flowaccountcdn.com/My_company/FlowPayroll_40x40.webp","type","image/webp"],["src","https://flowaccountcdn.com/My_company/FlowPayroll_40x40.png","alt","Payroll icon",1,"payroll-icon"],[1,"box-left__content--title"],[1,"box-left__content--detail"],["rel","noopener noreferrer","target","_blank",1,"box-left__button",3,"href","click"],[1,"box-left__clarify"],[1,"box__mobile-image","mobile"],["srcset","https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner_mobile.avif","type","image/avif"],["srcset","https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner_mobile.webp","type","image/webp"],["src","https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner_mobile.png","loading","eager",1,"box__mobile-image--layout",3,"alt"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"picture"),n._UZ(6,"source",5)(7,"img",6),n.qZA(),n._uU(8," \xa0"),n.TgZ(9,"span"),n._uU(10,"Payroll"),n.qZA()(),n.TgZ(11,"h1",7)(12,"span"),n._uU(13),n.ALo(14,"translate"),n.qZA()(),n.TgZ(15,"div",8)(16,"span"),n._uU(17),n.ALo(18,"translate"),n.qZA()()(),n.TgZ(19,"a",9),n.NdJ("click",function(){return l.setCookiePreviousPath()}),n.TgZ(20,"span"),n._uU(21),n.ALo(22,"translate"),n.qZA()(),n.TgZ(23,"div",10)(24,"span"),n._uU(25),n.ALo(26,"translate"),n.qZA()()()(),n.TgZ(27,"div",11)(28,"picture"),n._UZ(29,"source",12)(30,"source",13)(31,"img",14),n.ALo(32,"translate"),n.qZA()()()),2&o&&(n.xp6(13),n.Oqu(n.lcZ(14,6,"PAYROLL.INTRO.TITLE")),n.xp6(4),n.Oqu(n.lcZ(18,8,"PAYROLL.INTRO.DETAIL")),n.xp6(2),n.Q6J("href","https://auth.flowaccount.com/"+l.translate.currentLang+"/Account/Register",n.LSH),n.xp6(2),n.Oqu(n.lcZ(22,10,"PAYROLL.INTRO.BUTTON")),n.xp6(4),n.Oqu(n.lcZ(26,12,"PAYROLL.INTRO.CLARIFY")),n.xp6(6),n.Q6J("alt",n.lcZ(32,14,"PAYROLL.INTRO.ALT")))},dependencies:[g.X$],styles:['.payroll-intro[_ngcontent-%COMP%]{overflow:hidden;background-color:var(--color_gray_f8, #f8f9fb);background-image:url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.jpeg);background-image:-webkit-image-set(url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.avif) type("image/avif"),url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.webp) type("image/webp"),url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.jpeg) type("image/jpeg"));background-image:image-set(url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.avif) type("image/avif"),url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.webp) type("image/webp"),url(https://flowaccountcdn.com/landing_payroll/image/intro/payroll_intro_banner.jpeg) type("image/jpeg"));background-repeat:no-repeat;background-size:cover;background-position:center}.payroll-intro[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1280px;margin:auto;position:relative;min-height:530px}.payroll-intro[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{position:relative;z-index:1;max-width:520px;display:flex;flex-direction:column;justify-content:center;min-height:530px;padding:60px 0 60px 80px}.payroll-intro[_ngcontent-%COMP%] .box-left__content[_ngcontent-%COMP%]{text-align:left}.payroll-intro[_ngcontent-%COMP%] .box-left__content--subheading[_ngcontent-%COMP%]{font-size:24px;font-family:Prompt;line-height:1.5;padding-bottom:15px;font-weight:500;color:#353d48;display:flex}.payroll-intro[_ngcontent-%COMP%] .box-left__content--subheading[_ngcontent-%COMP%] .payroll-icon[_ngcontent-%COMP%]{width:30px;height:30px;margin-bottom:5px}.payroll-intro[_ngcontent-%COMP%] .box-left__content--title[_ngcontent-%COMP%]{font-family:Prompt;font-weight:500;color:#353d48;font-size:40px;line-height:1.5;max-width:500px;margin:0;padding-bottom:15px;white-space:pre-line}.payroll-intro[_ngcontent-%COMP%] .box-left__content--detail[_ngcontent-%COMP%]{font-size:16px;font-family:cs_chatthaiuiregular;line-height:1.75;max-width:470px;white-space:pre-line}.payroll-intro[_ngcontent-%COMP%] .box-left__button[_ngcontent-%COMP%]{text-align:center;font-family:cs_chatthaiuiregular,sans-serif;font-size:20px;background-color:#2898cb;color:#fff;max-width:320px;width:100%;margin-top:45px;padding:11px 0;border-radius:5px}.payroll-intro[_ngcontent-%COMP%] .box-left__button[_ngcontent-%COMP%]:hover{background-color:#1a84b5}.payroll-intro[_ngcontent-%COMP%] .box-left__clarify[_ngcontent-%COMP%]{font-size:12px;padding-top:5px;line-height:1.75;font-family:cs_chatthaiuiregular}.payroll-intro[_ngcontent-%COMP%] .box__mobile-image[_ngcontent-%COMP%]{text-align:center}.payroll-intro[_ngcontent-%COMP%] .box__mobile-image--layout[_ngcontent-%COMP%]{max-width:500px;width:100%;height:560px;border-radius:15px;object-fit:cover;object-position:58% center}.payroll-intro[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:block}.payroll-intro[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:none}@media (max-width: 1250px){.payroll-intro[_ngcontent-%COMP%]{background-image:none;padding-bottom:50px}.payroll-intro[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{min-height:auto;padding:80px 15px 0;flex-direction:column;align-items:center}.payroll-intro[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:none}.payroll-intro[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:block}.payroll-intro[_ngcontent-%COMP%] .box__mobile-image[_ngcontent-%COMP%]{padding:0 20px}.payroll-intro[_ngcontent-%COMP%] .box__mobile-image--layout[_ngcontent-%COMP%]{max-width:500px;width:100%;height:auto;border-radius:5px}.payroll-intro[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{max-width:100%;min-height:auto;align-items:center;padding:0;margin-bottom:15px}.payroll-intro[_ngcontent-%COMP%] .box-left__content[_ngcontent-%COMP%]{text-align:center}.payroll-intro[_ngcontent-%COMP%] .box-left__content--subheading[_ngcontent-%COMP%]{justify-content:center}.payroll-intro[_ngcontent-%COMP%] .box-left__content--title[_ngcontent-%COMP%]{max-width:770px;white-space:normal;display:inline-block}.payroll-intro[_ngcontent-%COMP%] .box-left__content--detail[_ngcontent-%COMP%]{max-width:none;white-space:normal}.payroll-intro[_ngcontent-%COMP%] .box-left__button[_ngcontent-%COMP%]{margin-top:30px}}@media (max-width: 700px){.payroll-intro[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:50px 20px 0}.payroll-intro[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{align-items:flex-start}.payroll-intro[_ngcontent-%COMP%] .box-left__content[_ngcontent-%COMP%]{text-align:left}.payroll-intro[_ngcontent-%COMP%] .box-left__content--subheading[_ngcontent-%COMP%]{font-size:20px;justify-content:left}.payroll-intro[_ngcontent-%COMP%] .box-left__content--title[_ngcontent-%COMP%]{font-size:28px}.payroll-intro[_ngcontent-%COMP%] .box-left__content--detail[_ngcontent-%COMP%]{padding-bottom:0}.payroll-intro[_ngcontent-%COMP%] .box-left__button[_ngcontent-%COMP%]{max-width:350px}}']}
1))}return a(),t})();function f(a,t){if(1&a&&(n.ynx(0),n.TgZ(1,"div",15)(2,"div",16)(3,"div",17),n._UZ(4,"i"),n.qZA()(),n.TgZ(5,"div",18)(6,"h3",19)(7,"span"),n._uU(8),n.ALo(9,"translate"),n.qZA()(),n.TgZ(10,"div",20)(11,"span"),n._uU(12),n.ALo(13,"translate"),n.qZA()()()(),n.BQk()),2&a){const r=t.$implicit;n.xp6(3),n.s9C("ngClass",r.color),n.xp6(),n.Tol(r.icon),n.xp6(),n.s9C("ngClass",r.color),n.xp6(3),n.Oqu(n.lcZ(9,7,r.heading)),n.xp6(4),n.Oqu(n.lcZ(13,9,r.detail))}}let m=(()=>{var a;class t{constructor(){this.mockContent=[{icon:"fas fa-calculator",color:"blue",heading:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.SIMPLE.TITLE",detail:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.SIMPLE.DETAIL"},{icon:"fas fa-thumbs-up",color:"orange",heading:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.QUICK.TITLE",detail:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.QUICK.DETAIL"},{icon:"fas fa-user",color:"green",heading:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.PAY.TITLE",detail:"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.MATERIAL.PAY.DETAIL"}]}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-chart-advantage-point"]],decls:31,vars:13,consts:[[1,"payroll-chart-advantage-point"],[1,"box"],[1,"box-chart"],[1,"box-chart__left"],[1,"box-chart__left--number"],[1,"box-chart__left--title"],[1,"box-chart__right"],[1,"box-chart__right--number"],[1,"box-chart__right--title"],[1,"box-advantage-point"],[1,"box-advantage-point__content"],[1,"box-advantage-point__content--subheading"],[1,"box-advantage-point__content--heading"],[1,"box-advantage-point__element"],[4,"ngFor","ngForOf"],[1,"element-wrapper"],[1,"element-wrapper__icon"],[1,"element-wrapper__icon--layout",3,"ngClass"],[1,"element-wrapper__material",3,"ngClass"],[1,"element-wrapper__material--title"],[1,"element-wrapper__material--detail"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"span"),n._uU(6,"12,000"),n.qZA()(),n.TgZ(7,"div",5)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()()(),n.TgZ(11,"div",6)(12,"div",7)(13,"span"),n._uU(14,"570,000+"),n.qZA()(),n.TgZ(15,"div",8)(16,"span"),n._uU(17),n.ALo(18,"translate"),n.qZA()()()(),n.TgZ(19,"div",9)(20,"div",10)(21,"div",11)(22,"span"),n._uU(23),n.ALo(24,"translate"),n.qZA()(),n.TgZ(25,"h2",12)(26,"span"),n._uU(27),n.ALo(28,"translate"),n.qZA()()(),n.TgZ(29,"div",13),n.YNc(30,f,14,11,"ng-container",14),n.qZA()()()()),2&o&&(n.xp6(9),n.Oqu(n.lcZ(10,5,"PAYROLL.CHART_ADVANTAGE_POINT.CHART.BUSINESSES.TITLE")),n.xp6(8),n.Oqu(n.lcZ(18,7,"PAYROLL.CHART_ADVANTAGE_POINT.CHART.EMPLOYEES.TITLE")),n.xp6(6),n.Oqu(n.lcZ(24,9,"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.CONTENT.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(28,11,"PAYROLL.CHART_ADVANTAGE_POINT.ADVANTAGE_POINT.CONTENT.HEADING")),n.xp6(3),n.Q6J("ngForOf",l.mockContent))},dependencies:[e.mk,e.sg,g.X$],styles:['.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px 50px;margin:auto}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart[_ngcontent-%COMP%]{-moz-column-gap:20px;column-gap:20px;display:flex}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]{position:relative;min-width:560px;min-height:170px;text-align:center;float:left;border:solid 1px #ebebeb;box-shadow:0 0 10px #0000000d;padding:25px;font-family:cs_chatthaiuiregular,sans-serif}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%]:after, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]:after{content:"";position:absolute;top:0;left:0;width:0;height:4px;background-color:#2898cb;transition:width .3s ease-in-out}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-ch
1art__left[_ngcontent-%COMP%]:hover:after, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]:hover:after{width:100%}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%]:hover, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%]:active, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]:hover, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]:active{box-shadow:0 0 22px #0000001a}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left--number[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right--number[_ngcontent-%COMP%]{font-family:Prompt,sans-serif;font-weight:500;font-size:40px;line-height:1.5;color:#2898cb;padding-top:5px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left--title[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right--title[_ngcontent-%COMP%]{text-align:center;font-size:16px;line-height:1.5;color:#353d48}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point[_ngcontent-%COMP%]{padding-top:100px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__content[_ngcontent-%COMP%]{text-align:center}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__content--subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:#2898cb;font-weight:500;margin:0}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__content--heading[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:#353d48}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%]{padding-top:40px;display:flex;-moz-column-gap:50px;column-gap:50px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper[_ngcontent-%COMP%]{min-width:342px;flex:1 1 0;display:flex;flex-direction:column}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__icon[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__icon--layout[_ngcontent-%COMP%]{width:70px;height:70px;border-radius:50%;font-size:32px;color:#fff;display:flex;align-items:center;justify-content:center}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__icon[_ngcontent-%COMP%] .blue[_ngcontent-%COMP%]{background-color:#0486e5}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__icon[_ngcontent-%COMP%] .orange[_ngcontent-%COMP%]{background-color:#ff8b57}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__icon[_ngcontent-%COMP%] .green[_ngcontent-%COMP%]{background-color:#06b189}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material[_ngcontent-%COMP%]{border:solid 1px #ebebeb;padding:40px;position:relative;top:-35px;color:#353d48;flex:1}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material[_ngcontent-%COMP%]:hover, .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material[_ngcontent-%COMP%] [_ngcontent-%COMP%]:active{box-shadow:#63636333 0 2px 8px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material[_ngcontent-%COMP%]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;transition:width .3s ease-in-out}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material.blue[_ngcontent-%COMP%]:after{background-color:#0486e5}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material.orange[_ngcontent-%COMP%]:after{background-color:#ff8b57}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material.green[_ngcontent-%COMP%]:after{background-color:#06b189}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material[_ngcontent-%COMP%]:hover:after{width:100%}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material--title[_ngcontent-%COMP%]{font-size:24px;line-height:1.5;font-family:Prompt,sans-serif;font-weight:500;padding-top:10px;margin-bottom:0}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material--title[_ngcontent-%COMP%]:lang(en){min-height:3em}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material--detail[_ngcontent-%COMP%]{padding-top:10px;line-height:1.75;color:#646e7a;font-size:16px;font-family:cs_chatthaiuiregular,sans-serif;white-space:pre-line}@media (max-width: 1090px){.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper__material--detail[_ngcontent-%COMP%]{white-space:normal}}@media (max-width: 1090px){.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-ch
1art[_ngcontent-%COMP%]{flex-direction:column;row-gap:30px;align-items:center}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]{min-width:70%;min-height:125px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left--number[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right--number[_ngcontent-%COMP%]{padding-top:0;font-size:32px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%]{-moz-column-gap:20px;column-gap:20px;justify-content:center;flex-wrap:wrap}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__element[_ngcontent-%COMP%] .element-wrapper[_ngcontent-%COMP%]{width:30%}}@media (max-width: 700px){.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:0 20px 50px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right[_ngcontent-%COMP%]{min-width:100%}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__left--number[_ngcontent-%COMP%], .payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-chart__right--number[_ngcontent-%COMP%]{padding-top:0;font-size:32px}.payroll-chart-advantage-point[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-advantage-point__content--heading[_ngcontent-%COMP%]{font-size:26px}}']}))}return a(),t})();function N(a,t){1&a&&n._UZ(0,"hr")}function I(a,t){if(1&a&&(n.ynx(0),n.TgZ(1,"div",13)(2,"div",14)(3,"h4",15),n._UZ(4,"i",16),n.TgZ(5,"span"),n._uU(6),n.ALo(7,"translate"),n.qZA()(),n.TgZ(8,"div",17)(9,"span"),n._uU(10),n.ALo(11,"translate"),n.qZA()()(),n.YNc(12,N,1,0,"hr",18),n.qZA(),n.BQk()),2&a){const r=t.$implicit,i=t.index;n.xp6(4),n.Gre("clearfix-info--icon ",r.icon,""),n.xp6(2),n.Oqu(n.lcZ(7,6,r.heading)),n.xp6(4),n.Oqu(n.lcZ(11,8,r.detail)),n.xp6(2),n.Q6J("ngIf",i<2)}}let q=(()=>{var a;class t{constructor(){this.contentItems=[{icon:"far fa-file-alt",heading:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.RUN.TITLE",detail:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.RUN.DETAIL"},{icon:"far fa-check-circle",heading:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.EMPLOYEE.TITLE",detail:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.EMPLOYEE.DETAIL"},{icon:"fas fa-shield-alt",heading:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.SECURITY.TITLE",detail:"PAYROLL.SMALL_BUSINESS_OWNERS.CONTENT.SECURITY.DETAIL"}]}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-small-business-owners"]],decls:24,vars:15,consts:[[1,"payroll-small-business-owners"],[1,"box"],[1,"box-content"],[1,"box-content__subheading"],[1,"box-content__title"],[1,"box-content__detail"],[1,"box-wrapper"],[1,"box-wrapper__top"],[1,"box-wrapper__top--img"],["type","image/webp",3,"srcset"],["loading","lazy",1,"img-layout",3,"src","alt"],[1,"box-wrapper__bottom"],[4,"ngFor","ngForOf"],[1,"box-wrapper__bottom--clearfix"],[1,"clearfix-info"],[1,"clearfix-info--title"],["aria-hidden","true"],[1,"clearfix-info--detail"],[4,"ngIf"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"h2",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"div",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()(),n.TgZ(11,"div",5)(12,"span"),n._uU(13),n.ALo(14,"translate"),n.qZA()()(),n.TgZ(15,"div",6)(16,"div",7)(17,"div",8)(18,"picture"),n._UZ(19,"source",9)(20,"img",10),n.ALo(21,"translate"),n.qZA()()(),n.TgZ(22,"div",11),n.YNc(23,I,13,10,"ng-container",12),n.qZA()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,7,"PAYROLL.SMALL_BUSINESS_OWNERS.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,9,"PAYROLL.SMALL_BUSINESS_OWNERS.TITLE")),n.xp6(4),n.Oqu(n.lcZ(14,11,"PAYROLL.SMALL_BUSINESS_OWNERS.DETAIL")),n.xp6(6),n.Q6J("srcset","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec1.webp"),n.xp6(),n.Q6J("src","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec1.png",n.LSH)("alt",n.lcZ(21,13,"PAYROLL.SMALL_BUSINESS_OWNERS.ALT")),n.xp6(3),n.Q6J("ngForOf",l.contentItems))},dependencies:[e.sg,e.O5,g.X$],styles:[".payroll-small-business-owners[_ngcontent-%COMP%]{background-color:var(--color_gray_f8)}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;text-align:center;position:relative;align-items:center}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:var(--app_color);font-weight:500;margin:0}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:var(--system_color_text);max-width:575px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]:lang(en){max-width:670px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__detail[_ngcontent-%COMP%]{padding-top:10px;line-height:1.75;font-size:16px;margin:0;font-family:cs_chatthaiuiregular,sans-serif}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__detail[_ngcontent-%COMP%]:lang(en){max-width:780px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;-moz-column-gap:50px;column-gap:50px;padding:50px 0}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:50%}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:540px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:50%}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-icon[_ngcontent-%COMP%]{width:32px;color:var(--app_color);font-size:18px;line-height:24px;text-align:left;position:relative}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:24px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:5px;color:var(--system_color_text);margin-bottom:0}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--icon[_ngcontent-%COMP%]{margin-right:8px;color:var(--app_color, #06b189)}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--detail[_ngcontent-%COMP%]{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;padding-top:10px;line-height:1.75;max-width:520px;white-space:pre-line}@media (max-width: 1100px){.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{flex-direction:column;align-items:center;row-gap:50px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:100%;text-align:center}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:20px}.payroll-small-business-owners[_ngcontent-%COMP%] .clearfix-info--detail[_ngcontent-%COMP%]{white-space:normal}}@media (max-width: 770px){.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{text-align:left;
1align-items:unset}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:26px}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:100%}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:100%}.payroll-small-business-owners[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:20px}}"]}))}return a(),t})();function S(a,t){if(1&a&&(n.TgZ(0,"div",27)(1,"div",28)(2,"span"),n._uU(3),n.ALo(4,"translate"),n.qZA()(),n.TgZ(5,"div",29),n._UZ(6,"span",20),n.ALo(7,"translate"),n.qZA()()),2&a){const r=n.oxw().$implicit,i=n.oxw();n.xp6(3),n.Oqu(n.lcZ(4,2,r.textcolor)),n.xp6(3),n.Q6J("innerHTML",n.xi3(7,4,r.content,i.bankLogo),n.oJD)}}function Z(a,t){if(1&a&&(n.TgZ(0,"div",30)(1,"a",31)(2,"span"),n._uU(3),n.ALo(4,"translate"),n.qZA()(),n._uU(5,"\xa0"),n._UZ(6,"i",32),n.qZA()),2&a){const r=n.oxw().$implicit;n.xp6(),n.Q6J("href",r.link,n.LSH),n.xp6(2),n.Oqu(n.lcZ(4,2,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.LEAN_MORE"))}}function R(a,t){if(1&a){const r=n.EpF();n.TgZ(0,"div",33)(1,"a",34),n.NdJ("click",function(){n.CHM(r);const o=n.oxw().$implicit,l=n.oxw();return n.KtG(l.sharedService.openVideoTutorialModal(o.vdo))}),n.TgZ(2,"span"),n._uU(3),n.ALo(4,"translate"),n.qZA()(),n._uU(5,"\xa0"),n._UZ(6,"i",32),n.qZA()}2&a&&(n.xp6(3),n.Oqu(n.lcZ(4,1,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.VIEW_VDO")))}function k(a,t){1&a&&n._UZ(0,"hr")}function U(a,t){if(1&a&&(n.ynx(0),n.TgZ(1,"div",13)(2,"div",14)(3,"div",15)(4,"div",16),n._UZ(5,"i"),n.qZA(),n.TgZ(6,"h3",17)(7,"span"),n._uU(8),n.ALo(9,"translate"),n.qZA()()(),n.TgZ(10,"h4",18)(11,"span"),n._uU(12),n.ALo(13,"translate"),n.qZA()(),n.TgZ(14,"div",19),n._UZ(15,"span",20),n.ALo(16,"translate"),n.qZA(),n.TgZ(17,"div",21),n.YNc(18,S,8,7,"div",22),n.TgZ(19,"div",23),n.YNc(20,Z,7,4,"div",24)(21,R,7,3,"div",25),n.qZA()()(),n.YNc(22,k,1,0,"hr",26),n.qZA(),n.BQk()),2&a){const r=t.$implicit,i=t.index,o=n.oxw();n.xp6(5),n.Tol(r.icon),n.xp6(3),n.Oqu(n.lcZ(9,10,r.subheading)),n.xp6(4),n.Oqu(n.lcZ(13,12,r.heading)),n.xp6(3),n.Q6J("innerHTML",n.xi3(16,14,r.detail,o.bankLogo),n.oJD),n.xp6(3),n.Q6J("ngIf",r.textcolor&&r.content),n.xp6(2),n.Q6J("ngIf",r.link),n.xp6(),n.Q6J("ngIf",r.vdo),n.xp6(),n.Q6J("ngIf",i<1)}}let D=(()=>{var a;class t{constructor(i){this.sharedService=i,this.mockContent=[{icon:"fas fa-university",subheading:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.MAKE_BANK.SUBHEADING",heading:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.MAKE_BANK.TITLE",detail:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.MAKE_BANK.DETAIL",textcolor:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.PAYROLL_SUPPORTED",content:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.PAYROLL_CONTENT",link:"https://flowaccountcdn.com/downloads/Brochure-Payroll_new.pdf",vdo:"GLHH9Jil33M"},{icon:"fas fa-envelope-open-text",subheading:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.GENERATE_BANK.SUBHEADING",heading:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.GENERATE_BANK.TITLE",detail:"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.CONTENT.GENERATE_BANK.DETAIL",textcolor:"",content:"",link:"",vdo:""}],this.showBankLogo()}showBankLogo(){this.bankLogo={kbank:'<img width="20px" src="https://flowaccountcdn.com/new_landing/icon/k-bank-logo.png" alt="flowAccount kbank">',scb:'<img width="20px" src="https://flowaccountcdn.com/new_landing/icon/scb-logo.png" alt="flowAccount scb">',krungsri:'<img width="20px" src="https://flowaccountcdn.com/My_company/krungsri.png" alt="flowAccount krungsri">'}}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(O.F1))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-save-time-with-online-transfers"]],decls:24,vars:15,consts:[[1,"payroll-save-time-with-online-transfers"],[1,"box"],[1,"box-content"],[1,"box-content__subheading"],[1,"box-content__title"],[1,"box-content__detail"],[1,"box-wrapper"],[1,"box-wrapper__top"],[1,"box-wrapper__top--img"],["type","image/webp",3,"srcset"],["loading","lazy",1,"img-layout",3,"src","alt"],[1,"box-wrapper__bottom"],[4,"ngFor","ngForOf"],[1,"box-wrapper__bottom--clearfix"],[1,"clearfix-info"],[1,"clearfix-info--subheading"],[1,"subheading-icon"],[1,"subheading-text"],[1,"clearfix-info--title"],[1,"clearfix-info--detail"],[3,"innerHTML"],[1,"clearfix-info--functions"],["class","functions-kcash",4,"ngIf"],[1,"functions-link"],["class","functions-link__learn-more",4,"ngIf"],["class","functions-link__vdo",4,"ngIf"],[4,"ngIf"],[1,"functions-kcash"],[1,"functions-kcash__
1colorful"],[1,"functions-kcash__detail"],[1,"functions-link__learn-more"],["target","_blank","rel","noopener noreferrer",1,"hover-text",3,"href"],[1,"fas","fa-angle-right"],[1,"functions-link__vdo"],["rel","noopener noreferrer",1,"hover-text",3,"click"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"h2",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"h3",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()(),n.TgZ(11,"div",5)(12,"span"),n._uU(13),n.ALo(14,"translate"),n.qZA()()(),n.TgZ(15,"div",6)(16,"div",7)(17,"div",8)(18,"picture"),n._UZ(19,"source",9)(20,"img",10),n.ALo(21,"translate"),n.qZA()()(),n.TgZ(22,"div",11),n.YNc(23,U,23,17,"ng-container",12),n.qZA()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,7,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,9,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.TITLE")),n.xp6(4),n.Oqu(n.lcZ(14,11,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.DETAIL")),n.xp6(6),n.Q6J("srcset","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec2.webp"),n.xp6(),n.Q6J("src","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec2.png",n.LSH)("alt",n.lcZ(21,13,"PAYROLL.SAVE-TIME-WITH-ONLINE-TRANSFERS.ALT")),n.xp6(3),n.Q6J("ngForOf",l.mockContent))},dependencies:[e.sg,e.O5,g.X$],styles:[".payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;text-align:center;position:relative;align-items:center}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:#2898cb;font-weight:500;margin:0}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:#353d48;max-width:420px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]:lang(en){max-width:600px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__detail[_ngcontent-%COMP%]{padding-top:10px;line-height:1.75;font-size:16px;margin:0;font-family:cs_chatthaiuiregular,sans-serif;max-width:650px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{display:flex;-moz-column-gap:50px;column-gap:50px;padding:50px 0}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:50%}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:540px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:50%}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-icon[_ngcontent-%COMP%]{width:32px;color:#2898cb;font-size:18px;line-height:24px;text-align:left;position:relative}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%]{display:flex;color:#2898cb}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%] .subheading-icon[_ngcontent-%COMP%]{width:30px;font-size:18px;line-height:24px;text-align:left}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%] .subheading-text[_ngcontent-%COMP%]{font-family:Prompt;font-size:16px;line-height:1.5;font-weight:500;margin-bottom:0}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:24px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:5px;color:#353d48;margin-bottom:0}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--detail[_ngcontent-%COMP%]{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;padding-top:10px;line-height:1.75;max-width:520px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%]{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;line-height:1.75}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-kcash[_ngcontent-%COMP%]{display:flex;-moz-column-gap:10px;column-gap:10px;padding-top:10px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-kcash__
1colorful[_ngcontent-%COMP%]{background-color:#2898cb;color:#fff;height:30px;min-width:120px;border-radius:5px;align-items:center;display:flex;justify-content:center}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-kcash__colorful[_ngcontent-%COMP%]:lang(en){min-width:230px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link[_ngcontent-%COMP%]{display:flex;padding-top:5px;-moz-column-gap:10px;column-gap:10px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__learn-more[_ngcontent-%COMP%], .payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__vdo[_ngcontent-%COMP%]{display:flex;align-items:center;color:#2898cb}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__learn-more[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%], .payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__vdo[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%]{border-bottom:1px solid transparent;cursor:pointer;color:#2898cb}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__learn-more[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%]:hover, .payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--functions[_ngcontent-%COMP%] .functions-link__vdo[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%]:hover{border-bottom:1px solid #2898cb}@media (max-width: 1100px){.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{flex-direction:column;align-items:center;row-gap:50px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:100%;text-align:center}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:20px}}@media (max-width: 770px){.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{text-align:left;align-items:unset}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:26px}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:100%}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:100%}.payroll-save-time-with-online-transfers[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:20px}}"]}))}return a(),t})();function Y(a,t){1&a&&n._UZ(0,"hr")}function F(a,t){if(1&a&&(n.ynx(0),n.TgZ(1,"div",13)(2,"div",14)(3,"div",15)(4,"div",16),n._UZ(5,"i"),n.qZA(),n.TgZ(6,"h3",17)(7,"span"),n._uU(8),n.ALo(9,"translate"),n.qZA()()(),n.TgZ(10,"h4",18)(11,"span"),n._uU(12),n.ALo(13,"translate"),n.qZA()(),n.TgZ(14,"div",19)(15,"span"),n._uU(16),n.ALo(17,"translate"),n.qZA()()(),n.YNc(18,Y,1,0,"hr",20),n.qZA(),n.BQk()),2&a){const r=t.$implicit,i=t.index;n.xp6(5),n.Tol(r.icon),n.xp6(3),n.Oqu(n.lcZ(9,7,r.subheading)),n.xp6(4),n.Oqu(n.lcZ(13,9,r.heading)),n.xp6(4),n.Oqu(n.lcZ(17,11,r.detail)),n.xp6(2),n.Q6J("ngIf",i<1)}}let z=(()=>{var a;class t{constructor(){this.mockContent=[{icon:"fas fa-project-diagram",subheading:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.REALTIME.SUBHEADING",heading:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.REALTIME.TITLE",detail
1:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.REALTIME.DETAIL"},{icon:"fas fa-network-wired",subheading:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.POWERFUL.SUBHEADING",heading:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.POWERFUL.TITLE",detail:"PAYROLL.ACCOUNTING_SOLUTIONS.CONTENT.POWERFUL.DETAIL"}]}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-accounting-solutions"]],decls:24,vars:15,consts:[[1,"payroll-accounting-solutions"],[1,"box"],[1,"box-content"],[1,"box-content__subheading"],[1,"box-content__title"],[1,"box-content__detail"],[1,"box-wrapper"],[1,"box-wrapper__top"],[1,"box-wrapper__top--img"],["type","image/webp",3,"srcset"],["loading","lazy",1,"img-layout",3,"src","alt"],[1,"box-wrapper__bottom"],[4,"ngFor","ngForOf"],[1,"box-wrapper__bottom--clearfix"],[1,"clearfix-info"],[1,"clearfix-info--subheading"],[1,"subheading-icon"],[1,"subheading-text"],[1,"clearfix-info--title"],[1,"clearfix-info--detail"],[4,"ngIf"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"h2",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()(),n.TgZ(11,"div",5)(12,"span"),n._uU(13),n.ALo(14,"translate"),n.qZA()()(),n.TgZ(15,"div",6)(16,"div",7)(17,"div",8)(18,"picture"),n._UZ(19,"source",9)(20,"img",10),n.ALo(21,"translate"),n.qZA()()(),n.TgZ(22,"div",11),n.YNc(23,F,19,13,"ng-container",12),n.qZA()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,7,"PAYROLL.ACCOUNTING_SOLUTIONS.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,9,"PAYROLL.ACCOUNTING_SOLUTIONS.TITLE")),n.xp6(4),n.Oqu(n.lcZ(14,11,"PAYROLL.ACCOUNTING_SOLUTIONS.DETAIL")),n.xp6(6),n.Q6J("srcset","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec3.webp"),n.xp6(),n.Q6J("src","https://flowaccountcdn.com/landing_payroll/image/mobile/Function/Funtion_Sec3.png",n.LSH)("alt",n.lcZ(21,13,"PAYROLL.ACCOUNTING_SOLUTIONS.ALT")),n.xp6(3),n.Q6J("ngForOf",l.mockContent))},dependencies:[e.sg,e.O5,g.X$],styles:[".payroll-accounting-solutions[_ngcontent-%COMP%]{background-color:#f8f9fb}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;text-align:center;position:relative;align-items:center}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:#2898cb;font-weight:500;margin:0}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:#353d48;max-width:490px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]:lang(en){max-width:550px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__detail[_ngcontent-%COMP%]{padding-top:10px;line-height:1.75;font-size:16px;margin:0;font-family:cs_chatthaiuiregular,sans-serif;max-width:650px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;-moz-column-gap:50px;column-gap:50px;padding:50px 0}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:50%}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:540px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:50%}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-icon[_ngcontent-%COMP%]{width:32px;color:#2898cb;font-size:18px;line-height:24px;text-align:left;position:relative}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%]{display:flex;color:#2898cb}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%] .subheading-icon[_ngcontent-%COMP%]{width:30px;font-size:18px;line-height:24px;text-align:left}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--subheading[_ngcontent-%COMP%] .subheading-text[_ngcontent-%COMP%]{font-family:Prompt;font-size:16px;line-height:1.5;font-weight:500;margin-bottom:0}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:24px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:5px;color:#353d48;margin-bottom:0}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--detail[_ngcontent-%COMP%]{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;padding-top:10px;line-height:1.75;max-width:520px}@media (max-width: 1100px){.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{flex-direction:column;align-items:center;row-gap:50px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top[_ngcontent-%COMP%]{width:100%;text-align:center}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:20px}}@media (max-width: 770px){.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content[_ngcontent-%COMP%]{text-align:left;
1align-items:unset}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-content__title[_ngcontent-%COMP%]{font-size:26px}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__top--img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:100%}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom[_ngcontent-%COMP%]{width:100%}.payroll-accounting-solutions[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__bottom--clearfix[_ngcontent-%COMP%] .clearfix-info--title[_ngcontent-%COMP%]{font-size:20px}}"]}))}return a(),t})(),B=(()=>{var a;class t{constructor(i,o){this.sharedService=i,this.translate=o}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(O.F1),n.Y36(g.sK))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-video-step-by-step"]],decls:32,vars:15,consts:[[1,"payroll-video-step-by-step"],[1,"box"],[1,"box-left"],[1,"box-left__subheading"],[1,"box-left__title"],[1,"box-left__detail"],[1,"box-left__link"],["target","_blank","rel","noopener noreferrer",1,"hover-text",3,"click"],[1,"fas","fa-angle-right"],[1,"box-right"],[1,"box-right__img",3,"click"],[1,"img-cover"],["srcset","https://flowaccountcdn.com/landing_payroll/image/payroll_video_tutorial.webp","type","image/webp"],["src","https://flowaccountcdn.com/landing_payroll/image/payroll_video_tutorial.jpeg","loading","lazy",1,"img-layout",3,"alt"],[1,"img-icon"],["src","https://flowaccountcdn.com/new_landing/image/mobile/Tutorial/Play_button.png","alt","icon-play-video","loading","lazy",1,"img-icon__button"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"h2",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"h3",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()(),n.TgZ(11,"div",5)(12,"span"),n._uU(13),n.ALo(14,"translate"),n.qZA()(),n.TgZ(15,"div",6)(16,"a",7),n.NdJ("click",function(){return l.sharedService.openVideoTutorialModal("fxb3fz_soBA")}),n.TgZ(17,"span"),n._uU(18),n.ALo(19,"translate"),n.qZA()(),n._uU(20,"\xa0"),n._UZ(21,"i",8),n.qZA()(),n.TgZ(22,"div",9)(23,"div",10),n.NdJ("click",function(){return l.sharedService.openVideoTutorialModal("fxb3fz_soBA")}),n._UZ(24,"div",11),n.TgZ(25,"picture"),n._UZ(26,"source",12)(27,"img",13),n.ALo(28,"translate"),n.qZA(),n.TgZ(29,"div",14)(30,"picture"),n._UZ(31,"img",15),n.qZA()()()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,5,"PAYROLL.VIDEO_STEP_BY_STEP.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,7,"PAYROLL.VIDEO_STEP_BY_STEP.TITLE")),n.xp6(4),n.Oqu(n.lcZ(14,9,"PAYROLL.VIDEO_STEP_BY_STEP.DETAIL")),n.xp6(5),n.Oqu(n.lcZ(19,11,"PAYROLL.VIDEO_STEP_BY_STEP.LEAN_MORE")),n.xp6(9),n.s9C("alt",n.lcZ(28,13,"PAYROLL.VIDEO_STEP_BY_STEP.ALT")))},dependencies:[g.X$],styles:[".payroll-video-step-by-step[_ngcontent-%COMP%]{background-color:#e9f5fa}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto;display:flex;flex-direction:row-reverse;-moz-column-gap:70px;column-gap:70px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{width:50%;display:flex;flex-direction:column;justify-content:center}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:#2898cb;font-weight:500;margin:0}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__title[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:var(--system_color_text);max-width:350px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__title[_ngcontent-%COMP%]:lang(en){max-width:550px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__detail[_ngcontent-%COMP%]{padding-top:10px;line-height:1.75;color:var(--system_color_text);font-size:16px;font-family:cs_chatthaiuiregular,sans-serif;max-width:400px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__link[_ngcontent-%COMP%]{display:flex;align-items:center;color:#2898cb;line-height:1.75;font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;padding-top:10px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__link[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%]{border-bottom:1px solid transparent;cursor:pointer;color:#2898cb}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__link[_ngcontent-%COMP%] .hover-text[_ngcontent-%COMP%]:hover{border-bottom:1px solid #2898cb}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right[_ngcontent-%COMP%]{width:50%;display:flex;justify-content:center;align-items:center}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%]{position:relative;cursor:pointer}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-cover[_ngcontent-%COMP%]{background-color:#000;width:540px;height:100%;position:absolute;opacity:0;transition:.3s ease;border-radius:10px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:540px;border-radius:10px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-icon[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-icon__button[_ngcontent-%COMP%]{width:80px;transition:.3s ease}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%]:hover .img-cover[_ngcontent-%COMP%]{opacity:.3}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%]:hover .img-icon__button[_ngcontent-%COMP%]{transform:scale(1.2)}@media (max-width: 1100px){.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{flex-direction:column;align-items:center;row-gap:50px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{width:100%;text-align:center;align-items:center}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__title[_ngcontent-%COMP%]{max-width:560px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right[_ngcontent-%COMP%]{width:100%}}@media (max-width: 770px){.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px;row-gap:30px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left[_ngcontent-%COMP%]{text-align:left;
1align-items:unset}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__title[_ngcontent-%COMP%]{font-size:26px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-left__detail[_ngcontent-%COMP%]{max-width:520px}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-cover[_ngcontent-%COMP%]{width:100%}.payroll-video-step-by-step[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-right__img[_ngcontent-%COMP%] .img-layout[_ngcontent-%COMP%]{max-width:100%}}"]}))}return a(),t})(),G=(()=>{var a;class t{constructor(i,o){this.translate=i,this.signupFlowService=o}onSignupEvent(){this.signupFlowService.setCookie(u.vS.FLOWPAYROLL,!0)}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(g.sK),n.Y36(O.bb))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-call-to-action"]],decls:19,vars:16,consts:[[1,"payroll-call-to-action"],[1,"box"],[1,"box-wrapper"],[1,"box-wrapper__heading","desktop"],[1,"box-wrapper__heading","mobile"],["rel","noopener noreferrer","target","_blank",1,"box-wrapper__btn",3,"href","click"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"h2",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n._UZ(7,"br"),n._uU(8),n.ALo(9,"translate"),n.qZA()(),n.TgZ(10,"div",4)(11,"span"),n._uU(12),n.ALo(13,"translate"),n.ALo(14,"translate"),n.qZA()(),n.TgZ(15,"a",5),n.NdJ("click",function(){return l.onSignupEvent()}),n.TgZ(16,"span"),n._uU(17),n.ALo(18,"translate"),n.qZA()()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,6,"PAYROLL.CALL_TO_ACTION.HEADING.1")),n.xp6(3),n.Oqu(n.lcZ(9,8,"PAYROLL.CALL_TO_ACTION.HEADING.2")),n.xp6(4),n.AsE("",n.lcZ(13,10,"PAYROLL.CALL_TO_ACTION.HEADING.1"),"\xa0",n.lcZ(14,12,"PAYROLL.CALL_TO_ACTION.HEADING.2"),""),n.xp6(3),n.Q6J("href","https://auth.flowaccount.com/"+l.translate.currentLang+"/Account/Register?returnUrl=flowpayroll-landing",n.LSH),n.xp6(2),n.Oqu(n.lcZ(18,14,"PAYROLL.CALL_TO_ACTION.BUTTON")))},dependencies:[g.X$],styles:[".payroll-call-to-action[_ngcontent-%COMP%]{background-color:#2898cb}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{text-align:center;display:flex;flex-direction:column;align-items:center}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__heading[_ngcontent-%COMP%]{color:#fff;line-height:1.5;font-family:Prompt,sans-serif;font-weight:500;font-size:36px;margin:0;max-width:1100px}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__btn[_ngcontent-%COMP%]{background-color:#66bd00;font-size:18px;line-height:1.75;font-family:cs_chatthaiuiregular,sans-serif;color:#fff;width:320px;margin-top:40px;padding:11px 0;border-radius:5px}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__btn[_ngcontent-%COMP%]:hover{background-color:#5eae00}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:block}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:none}@media (max-width: 1100px){.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__heading[_ngcontent-%COMP%]{max-width:750px}}@media (max-width: 770px){.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__heading[_ngcontent-%COMP%]{font-size:26px}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:none}.payroll-call-to-action[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:block}}"]}))}return a(),t})(),H=(()=>{var a;class t{constructor(i){this.translate=i}displayImage(i,o){return`https://flowaccountcdn.com/new_landing/image/payroll/online-transfer-solution/kbank_${i}_${this.translate.currentLang}.${o}`}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(g.sK))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-online-transfer-solution"]],decls:23,vars:22,consts:[[1,"payroll-online-transfer-solution"],[1,"box"],[1,"box-wrapper"],[1,"box-wrapper__subheading"],[1,"box-wrapper__heading"],[1,"box-img","desktop"],["type","image/webp",3,"srcset"],["loading","lazy",1,"box-img__layout",3,"src","alt","title"],[1,"box-img","mobile"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"h2",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()()(),n.TgZ(11,"div",5)(12,"picture"),n._UZ(13,"source",6)(14,"img",7),n.ALo(15,"translate"),n.ALo(16,"translate"),n.qZA()(),n.TgZ(17,"div",8)(18,"picture"),n._UZ(19,"source",6)(20,"img",7),n.ALo(21,"translate"),n.ALo(22,"translate"),n.qZA()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,10,"PAYROLL.ONLINE_TRANSFER_SOLUTION.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,12,"PAYROLL.ONLINE_TRANSFER_SOLUTION.HEADING")),n.xp6(4),n.Q6J("srcset",l.displayImage("desktop","webp")),n.xp6(),n.Q6J("src",l.displayImage("desktop","png"),n.LSH)("alt",n.lcZ(15,14,"PAYROLL.ONLINE_TRANSFER_SOLUTION.ALT"))("title",n.lcZ(16,16,"PAYROLL.ONLINE_TRANSFER_SOLUTION.ALT")),n.xp6(5),n.Q6J("srcset",l.displayImage("mobile","webp")),n.xp6(),n.Q6J("src",l.displayImage("mobile","png"),n.LSH)("alt",n.lcZ(21,18,"PAYROLL.ONLINE_TRANSFER_SOLUTION.ALT"))("title",n.lcZ(22,20,"PAYROLL.ONLINE_TRANSFER_SOLUTION.ALT")))},dependencies:[g.X$],styles:[".payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{max-width:1170px;padding:60px 15px;margin:auto;display:flex;flex-direction:column;row-gap:30px}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper[_ngcontent-%COMP%]{align-items:center;display:flex;flex-direction:column;text-align:center}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__subheading[_ngcontent-%COMP%]{font-size:18px;line-height:1.5;font-family:Prompt;color:#2898cb;font-weight:500;margin:0}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__heading[_ngcontent-%COMP%]{font-size:36px;font-family:Prompt,sans-serif;font-weight:500;line-height:1.5;padding-top:10px;margin:0;color:#353d48;max-width:650px}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-img[_ngcontent-%COMP%]{text-align:center}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-img__layout[_ngcontent-%COMP%]{width:100%}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:block}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:none}@media (max-width: 770px){.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%]{padding:60px 20px}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .box-wrapper__heading[_ngcontent-%COMP%]{font-size:26px;max-width:420px}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .desktop[_ngcontent-%COMP%]{display:none}.payroll-online-transfer-solution[_ngcontent-%COMP%] .box[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%]{display:block}}"]}))}return a(),t})();function Q(a,t){if(1&a&&(n.TgZ(0,"li",23)(1,"span",24),n._UZ(2,"i",25),n.qZA(),n.TgZ(3,"span",26),n._uU(4),n.ALo(5,"translate"),n.qZA()()),2&a){const r=t.$implicit;n.xp6(4),n.Oqu(n.lcZ(5,1,r))}}let K=(()=>{var a;class t{constructor(i,o){this.translate=i,this.signupFlowService=o,this.benefitList=["PAYROLL.ADDON_PACKAGE.DETAIL.BENEFIT_1","PAYROLL.ADDON_PACKAGE.DETAIL.BENEFIT_2","PAYROLL.ADDON_PACKAGE.DETAIL.BENEFIT_3","PAYROLL.ADDON_PACKAGE.DETAIL.BENEFIT_4"]}setCookiePreviousPath(){this.signupFlowService.setCookie(u.vS.FLOWPAYROLL,!0)}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(g.sK),n.Y36(O.bb))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll-addon-package"]],decls:52,vars:41,consts:[["id","addon-package-cards",1,"payroll-addon-package"],[1,"box"],[1,"topic"],[1,"topic__subheading"],[1,"topic__title"],[1,"box-content"],[1,"box-content__left"],[1,"card"],[1,"card__title"],[1,"card__subscription"],[1,"card__price"],[1,"card__price--prefix"],[1,"card__price--amount"],[1,"card__price--unit"],[1,"card__billing"],["rel","noopener noreferrer","target","_blank",1,"card__button",3,"href","click"],[1,"box-content__right"],[1,"box-content__right--title"],[1,"benefit-list"],["class","benefit-list__item",4,"ngFor","ngForOf"],[1,"box-content__right--note"],[1,"box-footer"],["href","tel:020268989",1,"link-text"],[1,"benefit-list__item"],[1,"benefit-list__icon-wrapper"],[1,"fas","fa-check","benefit-list__icon"],[1,"benefit-list__text"]],template:function(o,l){1&o&&(n.TgZ(0,"section",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"span"),n._uU(5),n.ALo(6,"translate"),n.qZA()(),n.TgZ(7,"h2",4)(8,"span"),n._uU(9),n.ALo(10,"translate"),n.qZA()()(),n.TgZ(11,"div",5)(12,"div",6)(13,"div",7)(14,"div",8),n._uU(15),n.ALo(16,"translate"),n.qZA(),n.TgZ(17,"div",9),n._uU(18),n.ALo(19,"translate"),n.qZA(),n.TgZ(20,"div",10)(21,"span",11),n._uU(22),n.ALo(23,"translate"),n.qZA(),n.TgZ(24,"span",12),n._uU(25),n.ALo(26,"translate"),n.qZA(),n.TgZ(27,"span",13),n._uU(28),n.ALo(29,"translate"),n.qZA()(),n.TgZ(30,"div",14),n._uU(31),n.ALo(32,"translate"),n.qZA(),n.TgZ(33,"a",15),n.NdJ("
1click",function(){return l.setCookiePreviousPath()}),n.TgZ(34,"span"),n._uU(35),n.ALo(36,"translate"),n.qZA()()()(),n.TgZ(37,"div",16)(38,"h3",17),n._uU(39),n.ALo(40,"translate"),n.qZA(),n.TgZ(41,"ul",18),n.YNc(42,Q,6,3,"li",19),n.qZA(),n.TgZ(43,"div",20),n._uU(44),n.ALo(45,"translate"),n.qZA()()(),n.TgZ(46,"div",21),n._uU(47),n.ALo(48,"translate"),n.TgZ(49,"a",22),n._uU(50),n.ALo(51,"translate"),n.qZA()()()()),2&o&&(n.xp6(5),n.Oqu(n.lcZ(6,15,"PAYROLL.ADDON_PACKAGE.SUBHEADING")),n.xp6(4),n.Oqu(n.lcZ(10,17,"PAYROLL.ADDON_PACKAGE.TITLE")),n.xp6(6),n.Oqu(n.lcZ(16,19,"PAYROLL.ADDON_PACKAGE.CARD.TITLE")),n.xp6(3),n.Oqu(n.lcZ(19,21,"PAYROLL.ADDON_PACKAGE.CARD.SUBSCRIPTION")),n.xp6(4),n.Oqu(n.lcZ(23,23,"PAYROLL.ADDON_PACKAGE.CARD.PRICE_PREFIX")),n.xp6(3),n.Oqu(n.lcZ(26,25,"PAYROLL.ADDON_PACKAGE.CARD.PRICE")),n.xp6(3),n.Oqu(n.lcZ(29,27,"PAYROLL.ADDON_PACKAGE.CARD.PRICE_UNIT")),n.xp6(3),n.Oqu(n.lcZ(32,29,"PAYROLL.ADDON_PACKAGE.CARD.BILLING")),n.xp6(2),n.Q6J("href","https://auth.flowaccount.com/"+l.translate.currentLang+"/Account/Register",n.LSH),n.xp6(2),n.Oqu(n.lcZ(36,31,"PAYROLL.ADDON_PACKAGE.CARD.BUTTON")),n.xp6(4),n.Oqu(n.lcZ(40,33,"PAYROLL.ADDON_PACKAGE.DETAIL.TITLE")),n.xp6(3),n.Q6J("ngForOf",l.benefitList),n.xp6(2),n.Oqu(n.lcZ(45,35,"PAYROLL.ADDON_PACKAGE.DETAIL.NOTE")),n.xp6(3),n.hij(" ",n.lcZ(48,37,"PAYROLL.ADDON_PACKAGE.DETAIL.CONTACT")," "),n.xp6(3),n.Oqu(n.lcZ(51,39,"PAYROLL.ADDON_PACKAGE.DETAIL.CONTACT_PHONE")))},dependencies:[e.sg,g.X$],styles:[".payroll-addon-package{background-color:var(--color_gray_f8, #f8f9fb)}.payroll-addon-package .box{max-width:1170px;margin:auto;padding:80px 15px 100px}@media (max-width: 992px){.payroll-addon-package .box{padding:50px 20px 80px}}.payroll-addon-package .topic{text-align:center;margin-bottom:30px}@media (max-width: 992px){.payroll-addon-package .topic{margin-bottom:40px}}.payroll-addon-package .topic__subheading{font-family:Prompt,sans-serif;font-size:20px;font-weight:500;line-height:normal;color:var(--app_color, #2898cb);margin-bottom:12px}.payroll-addon-package .topic__title{font-family:Prompt,sans-serif;font-size:36px;font-weight:500;line-height:normal;color:var(--system_color_text);margin:0}@media (max-width: 576px){.payroll-addon-package .topic__title{font-size:26px}}.payroll-addon-package .box-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:60px}@media (max-width: 992px){.payroll-addon-package .box-content{display:flex;flex-direction:column;align-items:center;gap:40px}}@media (max-width: 576px){.payroll-addon-package .box-content{align-items:start}}.payroll-addon-package .box-content__left{flex-shrink:0}@media (max-width: 992px){.payroll-addon-package .box-content__left{width:100%}}.payroll-addon-package .box-content__left .card{width:max-content;border:1px solid var(--app_color, #2898cb);border-radius:8px;background-color:var(--system_color_white);box-shadow:0 0 30px #0000000d;padding:20px;text-align:center;white-space:nowrap}@media (max-width: 992px){.payroll-addon-package .box-content__left .card{margin-inline:auto}}.payroll-addon-package .box-content__left .card__title{font-family:Prompt,sans-serif;font-size:18px;font-weight:500;color:var(--color_gray_2e);padding-bottom:5px;border-bottom:1px solid var(--color_gray_e6)}.payroll-addon-package .box-content__left .card__subscription{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;color:var(--color_gray64);padding-top:5px}.payroll-addon-package .box-content__left .card__price{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:20px 0 12px}.payroll-addon-package .box-content__left .card__price--amount{font-family:Prompt,sans-serif;font-size:50px;font-weight:700;line-height:1;color:var(--app_color, #2898cb)}.payroll-addon-package .box-content__left .card__price--prefix,.payroll-addon-package .box-content__left .card__price--unit{font-family:Prompt,sans-serif;font-size:18px;font-weight:500;color:var(--color_gray_2e)}.payroll-addon-package .box-content__left .card__billing{font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;color:var(--color_gray64);padding-bottom:30px}.payroll-addon-package .box-content__left .card__button{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 20px;border-radius:5px;background-color:var(--app_color, #2898cb);color:var(--system_color_white);font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;text-align:center;text-decoration:none;transition:background-color .2s ease}.payroll-addon-package .box-content__left .card__button:hover{background-color:var(--app_color_hover)}.payroll-addon-package .box-content__right{max-width:470px}@media (max-width: 992px){.payroll-addon-package .box-content__right{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.payroll-addon-package .box-content__right .benefit-list{margin:auto;padding:0;display:flex;flex-direction:column;justify-content:space-around;align-items:start}.payroll-addon-package .box-content__right .benefit-list__item{justify-content:center}}@media (max-width: 576px){.payroll-addon-package .box-content__right{text-align:start;align-items:start}.payroll-addon-package .box-content__right .benefit-list__item{justify-content:flex-start}}.payroll-addon-package .box-content__right--title{font-family:Prompt,sans-serif;font-size:30px;font-weight:500;line-height:normal;color:var(--system_color_text);margin:0 0 20px}@media (max-width: 576px){.payroll-addon-package .box-content__right--title{font-size:24px}}.payroll-addon-package .box-content__right .benefit-list{list-style:none;margin:0;padding:0}.payroll-addon-package .box-content__right .benefit-list__item{display:flex;align-items:center;font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;color:var(--system_color_text);margin-bottom:10px}.payroll-addon-package .box-content__right .benefit-list__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-right:12px;border-radius:50%;background-color:var(--color_blue_e9, #e9f5fa)}.payroll-addon-package .box-content__right .benefit-list__icon{color:var(--app_color, #2898cb);font-size:11px}.payroll-addon-package .box-content__right--note{margin-top:30px;font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;color:var(--color_gray64)}.payroll-addon-package .box-footer{margin-top:30px;text-align:center;font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;color:var(--color_gray64)}@media (max-width: 992px){.payroll-addon-package .box-footer{margin-top:40px}}.payroll-addon-package .box-footer .link-text{color:var(--app_color, #2898cb);text-decoration:none;border-bottom:1px solid transparent}.payroll-addon-package .box-footer .link-text:hover{border-bottom-color:var(--app_color, #2898cb)}\n"],encapsulation:2}))}return a(),t})();function W(a,t){1&a&&n._UZ(0,"flowaccount-google-review-badge",5)}const J=[{path:"",component:(()=>{var a;class t{constructor(i,o,l){this.seoService=i,this.titleService=o,this.translate=l,this.squidexKey=(0,n.f3M)(y.q),this.page=M.iY,this.pageEnum=u.dO.Payroll,this.customHeader={heading:"BLOG_SWIPER_TOPIC.HEADING",detail:"BLOG_SWIPER_TOPIC.DETAIL"},this.employeeManagementPreHeader="",this.employeeManagementHeading="",this.employeeManagementSubHeading="",this.employeeManagementItems=[],this.addons$=(0,n.f3M)(A.E).getAddons$(),this._scrollService=(0,n.f3M)(T.a),this.pricingExperiment=(0,n.f3M)(C.F),this.langChangeSubscription=l.onLangChange.subscribe(h=>{this.setMeta(),this._buildEmployeeManagementItems()})}ngOnInit(){this.pricingExperiment.enroll(),this._buildEmployeeManagementItems()}onAddonDetailScroll(i){this._scrollService.scrollToElement(i)}ngOnDestroy(){this.langChangeSubscription?.unsubscribe()}setMeta(){const i=this.translate.instant("metaTitle-payroll"),o=this.translate.instant("metaDescription-payroll");this.titleService.setTitle(i),this.seoService.createCanonicalURL(o),this.seoService.createOg("https://flowaccountcdn.com/landing_payroll/image/Thumnail_FlowPayroll_FlowPayroll.png",i,o)}_buildEmployeeManagementItems(){this.employeeManagementPreHeader=this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.PRE_HEADER"),this.employeeManagementHeading=this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.TITLE"),this.employeeManagementSubHeading=this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.DETAIL"),this.employeeManagementItems=[{title:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_1_TITLE"),description:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_1_DETAIL"),img:"https://flowaccountcdn.com/landing_payroll/image/payroll_expand_collapt.png",imgWebp:"https://flowaccountcdn.com/landing_payroll/image/payroll_expand_collapt.webp"},{title:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_2_TITLE"),description:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_2_DETAIL"),img:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_2.png",imgWebp:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_2.webp"},{title:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_3_TITLE"),description:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_3_DETAIL"),img:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_3.png",imgWebp:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_3.webp"},{title:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_4_TITLE"),description:this.translate.instant("PAYROLL.EMPLOYEE_MANAGEMENT.ITEM_4_DETAIL"),img:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_4.png",imgWebp:"https://flowaccountcdn.com/landing_payroll/image/payroll_employee_management_4.webp"}]}static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)(n.Y36(O.Lw),n.Y36(w.Dx),n.Y36(g.sK))},this.\u0275cmp=n.Xpm({type:t,selectors:[["flowaccount-payroll"]],decls:17,vars:17,consts:[[3,"preHeader","heading","subHeading","items","showItemImages","styleClass","defaultActiveIndex"],[3,"enhancedLayout","page","isExpandable","addons","detailScroll"],["pricingReviewBadge","","reviewLabel","PACKAGE_TABLE.GOOGLE_REVIEWS","styleClass","pricing-enhanced",4,"ngIf"],[3,"customHeader","contentSquidex"],[3,"contentSquidex"],["pricingReviewBadge","","reviewLabel","PACKAGE_TABLE.GOOGLE_REVIEWS","styleClass","pricing-enhanced"]],template:function(o,l){1&o&&(n._UZ(0,"flowaccount-payroll-intro")(1,"flowaccount-payroll-chart-advantage-point")(2,"flowaccount-payroll-small-business-owners")(3,"flowaccount-expand-collapse",0)(4,"flowaccount-payroll-addon-package")(5,"flowaccount-payroll-save-time-with-online-transfers")(6,"flowaccount-payroll-accounting-solutions")(7,"flowaccount-payroll-video-step-by-step"),n.ynx(8),n.TgZ(9,"flowaccount-package-landing",1),n.NdJ("detailScroll",function(X){return l.onAddonDetailScroll(X)}),n.ALo(10,"async"),n.YNc(11,W,1,0,"flowaccount-google-review-badge",2),n.qZA(),n.BQk(),n._UZ(12,"flowaccount-contact-support")(13,"flowaccount-payroll-call-to-action")(14,"flowaccount-payroll-online-transfer-solution")(15,"flowaccount-blog-swiper-squidex",3)(16,"flowaccount-faq-accordion-squidex",4)),2&o&&(n.xp6(3),n.Q6J("preHeader",l.employeeManagementPreHeader)("heading",l.employeeManagementHeading)("subHeading",l.employeeManagementSubHeading)("items",l.employeeManagementItems)("showItemImages",!0)("styleClass","payroll-employee-management")("defaultActiveIndex",0),n.xp6(6),n.Q6J("enhancedLayout",l.pricingExperiment.isEnhancedLayout()
1)("page",l.page.Payroll)("isExpandable",!0)("addons",n.lcZ(10,15,l.addons$)),n.xp6(2),n.Q6J("ngIf",l.pricingExperiment.isEnhancedLayout()),n.xp6(4),n.Q6J("customHeader",l.customHeader)("contentSquidex",l.squidexKey.PAYROLL_BLOG),n.xp6(),n.Q6J("contentSquidex",l.squidexKey.PAYROLL_FAQ))},dependencies:[e.O5,v.L,L.$,x.K,d.f,_.X,p.X,s,m,q,D,z,B,G,H,K,e.Ov],encapsulation:2}))}return a(),t})()}];let V=(()=>{var a;class t{static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)},this.\u0275mod=n.oAB({type:t}),this.\u0275inj=n.cJS({imports:[b.Bz.forChild(J),b.Bz]}))}return a(),t})();var $=c(7088);let j=(()=>{var a;class t{static#n=a=()=>(this.\u0275fac=function(o){return new(o||t)},this.\u0275mod=n.oAB({type:t}),this.\u0275inj=n.cJS({imports:[e.ez,V,g.aw,$.IR.forRoot(),O._6.forChild({path:"payroll"}),M.oq,p.X]}))}return a(),t})()},5692:(E,P,c)=>{c.d(P,{$:()=>L});var e=c(9212),b=c(1842),n=c(3214),y=c(2096),M=c(7398),O=c(9397),u=c(1641),A=c(9128),T=c(1365),C=c(6814);const w=x=>({active:x});function g(x,d){if(1&x){const _=e.EpF();e.ynx(0),e.TgZ(1,"div",5),e.NdJ("click",function(){e.CHM(_);const s=e.oxw(2);return e.KtG(s.setAction())}),e.TgZ(2,"section",6)(3,"div",7),e.NdJ("click",function(){const f=e.CHM(_).index,m=e.oxw(2);return e.KtG(m.onClickToggleFAQ(f+1))}),e._UZ(4,"h3",8)(5,"i"),e.qZA(),e._UZ(6,"div",9),e.qZA()(),e.BQk()}if(2&x){const _=d.$implicit,p=d.index,s=e.oxw(2);e.xp6(2),e.Q6J("ngClass",e.VKq(10,w,s.checkCurrentFaqTab(p+1))),e.xp6(2),e.Q6J("innerHtml",(null==_.data||null==_.data.heading?null:_.data.heading[s.translate.currentLang])||(null==_.data||null==_.data.heading?null:_.data.heading.th),e.oJD),e.xp6(),e.Gre("fa fa-angle-",s.checkCurrentFaqTab(p+1)?"up":"down",""),e.xp6(),e.Gre("faq-box__content content-i-",p+1,""),e.Q6J("ngClass",e.VKq(12,w,s.checkCurrentFaqTab(p+1)))("innerHtml",(null==_.data||null==_.data.description?null:_.data.description[s.translate.currentLang])||(null==_.data||null==_.data.description?null:_.data.description.th),e.oJD)}}function v(x,d){if(1&x&&(e.TgZ(0,"section",1)(1,"h2",2),e._uU(2),e.qZA(),e.TgZ(3,"div",3),e.YNc(4,g,7,14,"ng-container",4),e.ALo(5,"async"),e.qZA()()),2&x){const _=e.oxw();e.Q6J("ngClass",_.styleClass),e.xp6(2),e.Oqu(_.FAQHeader||_.headingDefault),e.xp6(2),e.Q6J("ngForOf",e.lcZ(5,3,_.serviceList$))}}let L=(()=>{var x;class d{constructor(p,s,f,m){this.translate=p,this.squidexCacheService=s,this.squidexService=f,this.transferState=m,this.FAQHeader="",this.contentSquidex="",this.contentScully="",this.styleClass="",this.squidexData=null,this.action=new e.vpe,this.headingDefault="th"===this.translate.currentLang?"\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22 (FAQ)":"Frequently Asked Questions",this._faqQuestions=null}ngOnInit(){this.contentScully||=(0,b.KX)(this.contentSquidex),this.serviceList$=null===this.squidexData?(0,A.$x)()?this.transferState.useScullyTransferState(this.contentScully,(0,y.of)([])).pipe((0,M.U)(p=>this._processApiResponse(p))):this.squidexCacheService.getServiceList$(this.contentScully,this.contentSquidex,this.squidexService.getContentSquidexApiOrder.bind(this.squidexService)).pipe((0,O.b)(p=>{this.transferState.setState(this.contentScully,p)}),(0,M.U)(p=>this._processApiResponse(p))):(0,y.of)(this._processApiResponse(this.squidexData))}onClickToggleFAQ(p){this._faqQuestions=this._faqQuestions===p?null:p}checkCurrentFaqTab(p){return this._faqQuestions===p}setAction(){this.action.emit()}_processApiResponse(p){if(!p?.length)return p;const s=p[0]?.data?.items?.iv;return Array.isArray(s)?s.map(f=>({data:{heading:f.heading,description:f.description}})):p}static#n=x=()=>(this.\u0275fac=function(s){return new(s||d)(e.Y36(T.sK),e.Y36(u.E),e.Y36(n.D),e.Y36(A.in))},this.\u0275cmp=e.Xpm({type:d,selectors:[["flowaccount-faq-accordion-squidex"]],inputs:{FAQHeader:"FAQHeader",contentSquidex:"contentSquidex",contentScully:"contentScully",styleClass:"styleClass",squidexData:"squidexData"},outputs:{action:"action"},decls:2,vars:3,consts:[["class","flowaccount-faq-accordion-squidex","id","faq",3,"ngClass",4,"ngIf"],["id","faq",1,"flowaccount-faq-accordion-squidex",3,"ngClass"],[1,"faq-title"],[1,"box-container"],[4,"ngFor","ngForOf"],[1,"faq-box",3,"click"],[1,"faq-box__toggle",3,"ngClass"],[1,"title",3,"click"],[1,"toggle-title",3,"innerHtml"],[3,"ngClass","innerHtml"]],template:function(s,f){if(1&s&&(e.YNc(0,v,6,5,"section",0),e.ALo(1,"async")),2&s){let m;
1e.Q6J("ngIf",null==(m=e.lcZ(1,1,f.serviceList$))?null:m.length)}},dependencies:[C.mk,C.sg,C.O5,C.Ov],styles:[".flowaccount-faq-accordion-squidex{padding:0 15px 100px;background-color:#f8f9fb;display:flex;flex-direction:column;align-items:center}.flowaccount-faq-accordion-squidex .box-container{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;max-width:1170px}.flowaccount-faq-accordion-squidex .faq-title{font-family:Prompt-600;font-size:30px;line-height:1.53;margin:100px 0 30px;text-align:center;color:var(--system_color_text)}.flowaccount-faq-accordion-squidex .faq-box{display:flex;flex-direction:column;align-items:center;border-radius:5px;width:100%;max-width:800px;margin-bottom:25px}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle{width:100%;color:#2e3642;background-color:#fff;transition:all .1s;border-top-left-radius:5px;border-top-right-radius:5px;font-family:cs_chatthaiuiregular,sans-serif;cursor:pointer;box-shadow:0 0 10px #2020200d}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle:hover{color:var(--app_color)}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle>.title{display:flex;justify-content:space-between;padding:25px}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle .toggle-title{display:inline-block;max-width:715px;font-family:cs_chatthaiuiregular,sans-serif;font-size:16px;margin-bottom:0}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle .fa-angle-up,.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle .fa-angle-down{display:flex;align-items:center}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle:not(.active){border-bottom-left-radius:5px;border-bottom-right-radius:5px}.flowaccount-faq-accordion-squidex .faq-box__content{background-color:#fff;color:#646e7a;font-size:15px;height:0;opacity:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;cursor:pointer;visibility:hidden;width:100%;max-width:800px}.flowaccount-faq-accordion-squidex .faq-box__content.active{opacity:1;height:auto;width:100%;max-width:800px;visibility:visible;padding:0 25px 25px;transition-property:opacity,height;transition-duration:1s,1s;transition-delay:0s,2s}@media (max-width: 990px){.flowaccount-faq-accordion-squidex{padding:0 15px 70px}.flowaccount-faq-accordion-squidex .faq-title{margin-top:70px}.flowaccount-faq-accordion-squidex .faq-box{max-width:80%}}@media (max-width: 576px){.flowaccount-faq-accordion-squidex{padding:0 20px 50px}.flowaccount-faq-accordion-squidex .faq-title{margin-top:50px;font-size:26px}.flowaccount-faq-accordion-squidex .faq-box{max-width:100%}.flowaccount-faq-accordion-squidex .faq-box .faq-box__toggle>.title{padding:20px;-moz-column-gap:10px;column-gap:10px}}.flowaccount-faq-accordion-squidex.find-accountingfirm-faq .hilight-text{color:#353d48;-webkit-text-stroke-width:.3px}.flowaccount-faq-accordion-squidex.find-accountingfirm-faq .link-text{color:#2898cb;border-bottom:1px solid #2898cb}.flowaccount-faq-accordion-squidex.become-our-partner-faq .faq-box__content ul{margin-bottom:0}.flowaccount-faq-accordion-squidex.download-mobile-app-faq .link-text{color:#2898cb}.flowaccount-faq-accordion-squidex.download-mobile-app-faq .link-text:hover{border-bottom:1px solid #2898cb}.flowaccount-faq-accordion-squidex.download-mobile-app-faq .faq-box .title .toggle-title{line-height:normal}.flowaccount-faq-accordion-squidex.download-mobile-app-faq .faq-box:last-child{margin-bottom:0}.flowaccount-faq-accordion-squidex.ai-connector-mcp-faq .faq-title{font-family:Prompt-500;font-size:36px;font-weight:500;margin-top:81px}.flowaccount-faq-accordion-squidex.ai-connector-mcp-faq .faq-box__toggle{box-shadow:0 0 10px #0000000d}.flowaccount-faq-accordion-squidex.ai-connector-mcp-faq .faq-box__toggle .fa-angle-up,.flowaccount-faq-accordion-squidex.ai-connector-mcp-faq .faq-box__toggle .fa-angle-down{color:var(--color_gray55);font-size:15px}.flowaccount-faq-accordion-squidex.ai-connector-mcp-faq .faq-box__content{line-height:23px}\n"],encapsulation:2}))}return x(),d})()},3177:(E,P,c)=>{c.d(P,{q:()=>n});var e=c(9212),b=c(1842);const n=new e.OlP("SQUIDEX_CONTENT_KEY",{providedIn:"root",factory:()=>b.HU})}}]);
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.