https://redribbondelivery.com.ph/build/byod/v/custom/jfcph-master.4.1.304.20260513/5358.e33fffb181f5f19a.js

1"use strict";(self.webpackChunkroot=self.webpackChunkroot||[]).push([[5358],{45358:(tn,s,_)=>{_.r(s),_.d(s,{ContainerLayoutComponent:()=>V});var l=_(69808),r=_(99326),g=_(11743),n=_(5e3),f=_(99826),p=_(45485);const m=["navContainer"],u=["colContainer"],v=["headerContainer"],a=function(){return{}};function h(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw();n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function x(t,i){if(1&t&&(n.ynx(0),n.YNc(1,h,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw();n.xp6(1),n.Q6J("ngIf",o.showNav&&!e.disabled)}}function C(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw();n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function y(t,i){if(1&t&&(n.ynx(0),n.YNc(1,C,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw();n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty&&!e.disabled)}}function O(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw();n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function M(t,i){if(1&t&&(n.ynx(0),n.YNc(1,O,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw();n.xp6(1),n.Q6J("ngIf",!(o.loading||o.empty||o.over||e.disabled))}}function w(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function Q(t,i){if(1&t&&(n.ynx(0),n.YNc(1,w,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw(2);n.xp6(1),n.Q6J("ngIf",o.empty&&!e.disabled)}}function T(t,i){if(1&t&&(n.TgZ(0,"div",14),n.YNc(1,Q,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(1),n.Q6J("ngForOf",e.childrens.empty)}}function P(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function L(t,i){if(1&t&&(n.ynx(0),n.YNc(1,P,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw(2);n.xp6(1),n.Q6J("ngIf",o.loading&&!e.disabled)}}function J(t,i){if(1&t&&(n.TgZ(0,"div",15),n.YNc(1,L,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(1),n.Q6J("ngForOf",e.childrens.loading)}}function k(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function I(t,i){if(1&t&&(n.ynx(0),n.YNc(1,k,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw(2);n.xp6(1),n.Q6J("ngIf",!(o.loading||o.empty||o.over||e.disabled))}}function N(t,i){if(1&t&&(n.TgZ(0,"div",16,17),n.YNc(2,I,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(2),n.Q6J("ngForOf",e.childrens.header)}}function Z(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function Y(t,i){if(1&t&&(n.ynx(0),n.YNc(1,Z,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function $(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function D(t,i){if(1&t&&(n.ynx(0),n.YNc(1,$,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function b(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function B(t,i){if(1&t&&(n.ynx(0),n.YNc(1,b,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function H(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(3);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function A(t,i){if(1&t&&(n.ynx(0),n.YNc(1,H,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit,o=n.oxw(3);n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty&&o.over&&!e.disabled)}}function E(t,i){if(1&t&&(n.TgZ(0,"div",24),n.YNc(1,A,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw(2);n.xp6(1),n.Q6J("ngForOf",e.childrens.over)}}const d=function(t){return{"top.px":t}};function U(t,i){if(1&t&&(n.TgZ(0,"div",18,19)(2,"div",20),n.YNc(3,Y,2,1,"ng-container",3),n.qZA(),n.TgZ(4,"div",21),n.YNc(5,D,2,1,"ng-container",3),n.qZA(),n.TgZ(6,"div",22),n.YNc(7,B,2,1,"ng-container",3),n.qZA(),n.YNc(8,E,2,1,"div",23),n.qZA()),2&t){const e=n.oxw();n.xp6(2),n.Q6J("ngStyle",n.VKq(6,d,e.stickyTop||e.navHeight)),n.xp6(1),n.Q6J("ngForOf",e.childrens.left),n.xp6(2),n.Q6J("ngForOf",e.childrens.center),n.xp6(1),n.Q6J("ngStyle",n.VKq(8,d,e.stickyTop||e.navHeight)),n.xp6(1),n.Q6J("ngForOf",e.childrens.right),n.xp6(1),n.Q6J("ngIf",!e.loading&&!e.empty&&e.over)}}function F(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function z(t,i){if(1&t&&(n.ynx(0),n.YNc(1,F,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function R(t,i){if(1&t&&(n.TgZ(0,"div",25),n.YNc(1,z,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(1),n.Q6J("ngForOf",e.childrens.action)}}function q(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function K(t,i){if(1&t&&(n.ynx(0),n.YNc(1,q,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function S(t,i){if(1&t&&(n.TgZ(0,"div",26),n.YNc(1,K,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(1),n.Q6J("ngForOf",e.childrens.footer)}}function G(t,i){if(1&t&&n._UZ(0,"div",13),2&t){const e=n.oxw().$implicit,o=n.oxw(2);n.Q6J("spec",e)("data",n.DdM(3,a))("delegate",o.delegate)}}function W(t,i){if(1&t&&(n.ynx(0),n.YNc(1,G,1,4,"div",12),n.BQk()),2&t){const e=i.$implicit;n.xp6(1),n.Q6J("ngIf",!e.disabled)}}function j(t,i){if(1&t&&(n.TgZ(0,"div",27),n.YNc(1,W,2,1,"ng-container",3),n.qZA()),2&t){const e=n.oxw();n.xp6(1),n.Q6J("ngForOf",e.childrens.action)}}let V=(()=>{class t extends r.H{constructor(e,o){super(),this.route=e,this.platformService=o,this.loading=!1,this.empty=!1,this.over=!1,this.showNav=!0,this.layout="default",this.subLayout="default",this.navHe

1ight=64,this.headerHeight=0,this.count=0,this.childrens={},this.checkConfig()}get layoutClass(){return"ml-"+this.layout+" sl-"+this.subLayout}ngOnInit(){super.ngOnInit(),this.splitChildren()}splitChildren(){for(let c of this.spec.children){var e=c.position||"center",o=this.childrens[e];o||(this.childrens[e]=o=[]),o.push(c)}}ngAfterViewInit(){this.timer=setInterval(()=>{this.calNavHeight()},1e3)}getOffset(e,o){if(!e)return null;var c=e.nativeElement;return c?c.getBoundingClientRect()[o]:null}calNavHeight(){if(this.count>=10)this.timer&&clearInterval(this.timer);else{var e=this.getOffset(this.navContainer,"height");e>10&&this.navHeight!=e&&(this.navHeight=e,console.log("auto navHeight",this.navHeight));var o=this.getOffset(this.headerContainer,"height");o>10&&this.headerHeight!=o&&(this.headerHeight=o,console.log("auto headerHeight",this.headerHeight)),this.count++}}onScroll(e){}checkConfig(){!1===this.route.snapshot.data.navbar&&(console.log("route config hide nav",this.route.snapshot.data),this.showNav=!1)}}return t.\u0275fac=function(e){return new(e||t)(n.Y36(f.gz),n.Y36(p.m))},t.\u0275cmp=n.Xpm({type:t,selectors:[["theme-container-layout"]],viewQuery:function(e,o){if(1&e&&(n.Gf(m,5),n.Gf(u,5),n.Gf(v,5)),2&e){let c;n.iGM(c=n.CRH())&&(o.navContainer=c.first),n.iGM(c=n.CRH())&&(o.colContainer=c.first),n.iGM(c=n.CRH())&&(o.headerContainer=c.first)}},hostVars:2,hostBindings:function(e,o){2&e&&n.Tol(o.layoutClass)},inputs:{loading:"loading",empty:"empty",over:"over",showNav:"showNav",layout:"layout",subLayout:"subLayout",stickyTop:"stickyTop"},standalone:!0,features:[n.qOj,n.jDz],decls:14,vars:11,consts:[[1,"cont",3,"ngClass"],[1,"nav"],["navContainer",""],[4,"ngFor","ngForOf"],[1,"nav2"],["class","empty",4,"ngIf"],["class","loading",4,"ngIf"],["class","header",4,"ngIf"],["class","columns",4,"ngIf"],["class","action desktop:hidden",4,"ngIf"],["class","footer",4,"ngIf"],["class","status hidden mobile:block",4,"ngIf"],["theme-dynamic","",3,"spec","data","delegate",4,"ngIf"],["theme-dynamic","",3,"spec","data","delegate"],[1,"empty"],[1,"loading"],[1,"header"],["headerContainer",""],[1,"columns"],["colContainer",""],[1,"left",3,"ngStyle"],[1,"middle"],[1,"right",3,"ngStyle"],["class","over",4,"ngIf"],[1,"over"],[1,"action","desktop:hidden"],[1,"footer"],[1,"status","hidden","mobile:block"]],template:function(e,o){1&e&&(n.TgZ(0,"div",0)(1,"div",1,2),n.YNc(3,x,2,1,"ng-container",3),n.YNc(4,y,2,1,"ng-container",3),n.TgZ(5,"div",4),n.YNc(6,M,2,1,"ng-container",3),n.qZA()(),n.YNc(7,T,2,1,"div",5),n.YNc(8,J,2,1,"div",6),n.YNc(9,N,3,1,"div",7),n.YNc(10,U,9,10,"div",8),n.YNc(11,R,2,1,"div",9),n.YNc(12,S,2,1,"div",10),n.YNc(13,j,2,1,"div",11),n.qZA()),2&e&&(n.Q6J("ngClass",o.platformService.platformClasses),n.xp6(3),n.Q6J("ngForOf",o.childrens.nav),n.xp6(1),n.Q6J("ngForOf",o.childrens.notice),n.xp6(2),n.Q6J("ngForOf",o.childrens.nav2),n.xp6(1),n.Q6J("ngIf",o.empty),n.xp6(1),n.Q6J("ngIf",o.loading),n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty&&!o.over),n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty),n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty),n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty),n.xp6(1),n.Q6J("ngIf",!o.loading&&!o.empty))},dependencies:[l.ez,l.mk,l.sg,l.O5,l.PC,g.B],styles:[".ml-default[_nghost-%COMP%]   .cont[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;max-height:100%;flex-wrap:nowrap;margin-left:auto;margin-right:auto}.ml-default[_nghost-%COMP%]   .nav[_ngcontent-%COMP%]{flex:0 0 auto;z-index:11}.ml-default[_nghost-%COMP%]   .header[_ngcontent-%COMP%]{flex:0 0 auto;z-index:1}.ml-default[_nghost-%COMP%]   .nav2[_ngcontent-%COMP%]{flex:0 0 auto}.ml-default[_nghost-%COMP%]   .over[_ngcontent-%COMP%]{position:absolute;inset:0;z-index:10;background-color:#fff}.ml-default[_nghost-%COMP%]   .columns[_ngcontent-%COMP%]{flex:1 1 auto;display:flex;flex-direction:row;position:relative;overflow:auto;overflow-y:unset}.ml-default[_nghost-%COMP%]   .left[_ngcontent-%COMP%]{flex:0 0 auto;overflow-y:auto;overflow-x:hidden;padding:0}.ml-default[_nghost-%COMP%]   .middle[_ngcontent-%COMP%]{flex:1 1 0;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.ml-default[_nghost-%COMP%]   .center[_ngcontent-%COMP%]{height:100%;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-flex:1 1 auto}.ml-default[_nghost-%COMP%]   .action[_ngcontent-%COMP%]{flex:0 0 auto;z-index:1}.ml-default[_nghost-%COMP%]   .right[_ngcontent-%COMP%]{flex:0 0 auto;overflow-y:auto;overflow-x:hidden}.ml-default[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]{flex:0 0 auto}.ml-default[_nghost-%COMP%]   .status[_ngcontent-%COMP%]{flex:0 0 auto}.ml-default[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{display:flex;height:100%;align-items:center;justify-content:center}.ml-sticky[_nghost-%COMP%]   .nav[_ngcontent-%COMP%]{top:0;z-index:10;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky}.ml-sticky[_nghost-%COMP%]   .columns[_ngcontent-%COMP%]{display:flex}

1.ml-sticky[_nghost-%COMP%]   .top[_ngcontent-%COMP%]{display:none}.ml-sticky[_nghost-%COMP%]   .left[_ngcontent-%COMP%]{flex:0 0 auto;position:sticky;top:64px;height:100%;max-height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto}.ml-sticky[_nghost-%COMP%]   .middle[_ngcontent-%COMP%]{flex:1 1 0;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ml-sticky[_nghost-%COMP%]   .right[_ngcontent-%COMP%]{flex:0 0 auto;position:sticky;top:64px;height:100%;max-height:100vh;overflow-x:hidden;overflow-y:auto}.ml-sticky[_nghost-%COMP%]   .action[_ngcontent-%COMP%]{flex:0 0 auto;z-index:1;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky;bottom:0}.ml-sticky[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{display:flex;height:80vh;align-items:center;justify-content:center}"]}),t})()}}]);