https://bollebos.web.app/4394.e1d645610f57dd10.js

1"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[4394],{4394:(h,c,s)=>{s.r(c),s.d(c,{UserFriendsPageModule:()=>S});var a=s(9808),l=s(3075),d=s(6083),r=s(8418),g=s(3678),m=s(1584),P=s(5971),C=s(3258),O=s(3900),e=s(5e3),M=s(9330),x=s(1408),Z=s(4840);function v(n,i){1&n&&(e.TgZ(0,"ion-button",25),e._uU(1,"Follow"),e.qZA())}function T(n,i){1&n&&(e.TgZ(0,"ion-button",26),e._uU(1,"Following"),e.qZA())}const b=function(){return{w:1,h:1}};function w(n,i){if(1&n&&(e.TgZ(0,"ion-row",13),e.TgZ(1,"ion-col",14),e.TgZ(2,"app-aspect-ratio",15),e._UZ(3,"app-image-shell",16),e.qZA(),e.qZA(),e.TgZ(4,"ion-col",17),e.TgZ(5,"div",18),e.TgZ(6,"h3",19),e._UZ(7,"app-text-shell",20),e.qZA(),e.TgZ(8,"h5",21),e._UZ(9,"app-text-shell",20),e.qZA(),e.qZA(),e.qZA(),e.TgZ(10,"ion-col",22),e.YNc(11,v,2,0,"ion-button",23),e.YNc(12,T,2,0,"ion-button",24),e.qZA(),e.qZA()),2&n){const t=i.friend;e.xp6(2),e.Q6J("ratio",e.DdM(7,b)),e.xp6(1),e.Q6J("src",t.image)("alt","friend"),e.xp6(4),e.Q6J("data",t.name),e.xp6(2),e.Q6J("data",t.job),e.xp6(2),e.Q6J("ngIf",!t.following),e.xp6(1),e.Q6J("ngIf",t.following)}}function F(n,i){1&n&&e.GkF(0)}const u=function(n){return{friend:n}};

1function U(n,i){if(1&n&&(e.TgZ(0,"ion-item",29),e.YNc(1,F,1,0,"ng-container",30),e.qZA()),2&n){const t=i.$implicit;e.oxw(2);const o=e.MAs(17);e.xp6(1),e.Q6J("ngTemplateOutlet",o)("ngTemplateOutletContext",e.VKq(2,u,t))}}function A(n,i){if(1&n&&(e.TgZ(0,"ion-list",27),e.YNc(1,U,2,4,"ion-item",28),e.qZA()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngForOf",t.friendsList)}}function Q(n,i){1&n&&(e.ynx(0),e.TgZ(1,"h3",31),e._uU(2,"No Friends"),e.qZA(),e.BQk())}function J(n,i){1&n&&e.GkF(0)}function L(n,i){if(1&n&&(e.TgZ(0,"ion-item",29),e.YNc(1,J,1,0,"ng-container",30),e.qZA()),2&n){const t=i.$implicit;e.oxw(2);const o=e.MAs(17);e.xp6(1),e.Q6J("ngTemplateOutlet",o)("ngTemplateOutletContext",e.VKq(2,u,t))}}function y(n,i){if(1&n&&(e.TgZ(0,"ion-list",27),e.YNc(1,L,2,4,"ion-item",28),e.qZA()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngForOf",t.followersList)}}function q(n,i){1&n&&(e.ynx(0),e.TgZ(1,"h3",31),e._uU(2,"No Followers"),e.qZA(),e.BQk())}function N(n,i){1&n&&e.GkF(0)}function I(n,i){if(1&n&&(e.TgZ(0,"ion-item",29),e.YNc(1,N,1,0,"ng-container",30),e.qZA()),2&n){const t=i.$implicit;e.oxw(2);const o=e.MAs(17);e.xp6(1),e.Q6J("ngTemplateOutlet",o)("ngTemplateOutletContext",e.VKq(2,u,t))}}function k(n,i){if(1&n&&(e.TgZ(0,"ion-list",27),e.YNc(1,I,2,4,"ion-item",28),e.qZA()),2&n){const t=e.oxw();e.xp6(1),e.Q6J("ngForOf",t.followingList)}}function Y(n,i){1&n&&(e.ynx(0),e.TgZ(1,"h3",31),e._uU(2,"No Following"),e.qZA(),e.BQk())}let z=(()=>{class n{constructor(t){this.route=t,this.segmentValue="friends",this.searchQuery="",this.showFilters=!1}get isShell(){return!(!this.data||!this.data.isShell)}ngOnInit(){this.subscriptions=this.route.data.pipe((0,O.w)(t=>P.f.extractData(t.data,C.p))).subscribe({next:t=>{this.data=t,this.friendsList=this.data.friends,this.followersList=this.data.followers,this.followingList=this.data.following},error:t=>console.log(t)})}segmentChanged(t){this.segmentValue=t.detail.value,this.searchList()}searchList(){const t=this.searchQuery&&null!==this.searchQuery?this.searchQuery:"";"friends"===this.segmentValue?this.friendsList=this.filterList(this.data.friends,t):"followers"===this.segmentValue?this.followersList=this.filterList(this.data.followers,t):"following"===this.segmentValue&&(this.followingList=this.filterList(this.data.following,t))}filterList(t,o){return t.filter(p=>p.name.toLowerCase().includes(o.toLowerCase()))}ionViewWillLeave(){this.subscriptions.unsubscribe()}}return n.\u0275fac=function(t){return new(t||n)(e.Y36(d.gz))},n.\u0275cmp=e.Xpm({type:n,selectors:[["app-user-friends"]],hostVars:2,hostBindings:function(t,o){2&t&&e.ekj("is-shell",o.isShell)},decls:27,vars:10,consts:[[1,"ion-no-border"],["slot","start"],["defaultHref","app/user"],[1,"user-friends-content"],["value","friends",1,"user-friends-segment",3,"ionChange"],["value","friends"],["value","followers"],["value","following"],["animated","",1,"friends-searchbar",3,"ngModel","ngModelChange","ionChange"],["friendItem",""],[3,"hidden"],["class","friends-list",4,"ngIf"],[4,"ngIf"],[1,"user-details-section"],["size","2",1,"user-image-wrapper"],[3,"ratio"],["animation","spinner",1,"user-image",3,"src","alt"],[1,"user-data-wrapper"],[1,"user-info"],[1,"user-name"],[3,"data"],[1,"user-job"],[1,"user-actions-wrapper"],["class","user-action","expand","block","size","small","color","primary",4,"ngIf"],["class","user-action","expand","block","size","small","color","light",4,"ngIf"],["expand","block","size","small","color","primary",1,"user-action"],["expand","block","size","small","color","light",1,"user-action"],[1,"friends-list"],["class","friend-item",4,"ngFor","ngForOf"],[1,"friend-item"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"empty-list-message"]],template:function(t,o){1&t&&(e.TgZ(0,"ion-header",0),e.TgZ(1,"ion-toolbar"),e.TgZ(2,"ion-buttons",1),e._UZ(3,"ion-back-button",2),e.qZA(),e.qZA(),e.qZA(),e.TgZ(4,"ion-content",3),e.TgZ(5,"ion-segment",4),e.NdJ("ionChange",function(f){return o.segmentChanged(f)}),e.TgZ(6,"ion-segment-button",5),e.TgZ(7,"ion-label"),e._uU(8,"Friends"),e.qZA(),e.qZA(),e.TgZ(9,"ion-segment-button",6),e.TgZ(10,"ion-label"),e._uU(11,"Followers"),e.qZA(),e.qZA(),e.TgZ(12,"ion-segment-button",7),e.TgZ(13,"ion-label"),e._uU(14,"Following"),e.qZA(),e.qZA(),e.qZA(),e.TgZ(15,"ion-searchbar",8),e.NdJ("ngModelChange",function(f){return o.searchQuery=f})("ionChange",function(){return o.searchList()}),e.qZA(),e.YNc(16,w,13,8,"ng-template",null,9,e.W1O),e.TgZ(18,"section",10),e.YNc(19,A,2,1,"ion-list",11),e.YNc(20,Q,3,0,"ng-container",12),e.qZA(),e.TgZ(21,"section",10),e.YNc(22,y,2,1,"ion-list",11),e.YNc(23,q,3,0,"ng-container",12),e.qZA(),e.TgZ(24,"section",10),e.YNc(25,k,2,1,"ion-list",11),e.YNc(26,Y,3,0,"ng-container",12),e.qZA(),e.qZA()),2&t&&(e.xp6(15),e.Q6J("ngModel",o.searchQuery),e.xp6(3),e.Q6J("hidden","friends"!==o.segmentValue),e.xp6(1),e.Q6J("ngIf",o.friendsList.length>0),e.xp6(1),e.Q6J("ngIf",o.friendsList.length<=0),e.xp6(1),e.Q6J("hidden","followers"

1!==o.segmentValue),e.xp6(1),e.Q6J("ngIf",o.followersList.length>0),e.xp6(1),e.Q6J("ngIf",o.followersList.length<=0),e.xp6(1),e.Q6J("hidden","following"!==o.segmentValue),e.xp6(1),e.Q6J("ngIf",o.followingList.length>0),e.xp6(1),e.Q6J("ngIf",o.followingList.length<=0))},directives:[r.Gu,r.sr,r.Sm,r.oU,r.cs,r.W2,r.cJ,r.QI,r.GO,r.Q$,r.VI,r.j9,l.JJ,l.On,a.O5,r.Nd,r.wI,M.m,x.U,Z.$,r.YG,r.q_,a.sg,r.Ie,a.tP],styles:["[_nghost-%COMP%]{--page-margin: var(--app-narrow-margin);--page-border-radius: var(--app-fair-radius);--page-segment-background: var(--app-background);--page-segment-indicator-height: 2px}.user-friends-segment[_ngcontent-%COMP%]{--background: var(--page-segment-background);position:-webkit-sticky;position:sticky;top:0;z-index:8}.user-friends-segment[_ngcontent-%COMP%]   ion-segment-button[_ngcontent-%COMP%]{--padding-end: var(--page-margin);--padding-start: var(--page-margin);--color: rgba(var(--ion-color-dark-rgb), .4);--indicator-color: var(--ion-color-dark);text-transform:capitalize;min-height:calc(var(--page-margin) * 3 - var(--page-segment-indicator-height))}ion-searchbar.friends-searchbar[_ngcontent-%COMP%]{padding:calc(var(--page-margin) * 1.5) var(--page-margin)}.friends-list[_ngcontent-%COMP%]{padding:0px var(--page-margin);margin-bottom:calc(var(--page-margin) * 3)}.empty-list-message[_ngcontent-%COMP%]{margin:calc(var(--page-margin) * 3);color:rgba(var(--ion-color-dark-rgb),.4);text-align:center}ion-item.friend-item[_ngcontent-%COMP%]{--inner-padding-start: 0px;--inner-padding-end: 0px;--padding-start: 0px;--padding-end: 0px;--padding-bottom: var(--page-margin);--inner-padding-bottom: var(--page-margin)}ion-item.friend-item[_ngcontent-%COMP%]:last-child{--border-style: none;--padding-bottom: 0px;--inner-padding-bottom: 0px}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]{--ion-grid-column-padding: 0px;width:100%;align-items:center}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-data-wrapper[_ngcontent-%COMP%]{padding-left:var(--page-margin);padding-right:calc(var(--page-margin) / 2);display:flex;flex-direction:column;justify-content:center}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-data-wrapper[_ngcontent-%COMP%]   .user-info[_ngcontent-%COMP%]:not(:last-child){margin-bottom:calc(var(--page-margin) / 2)}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-data-wrapper[_ngcontent-%COMP%]   .user-info[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%]{margin:0 0 4px;font-size:16px}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-data-wrapper[_ngcontent-%COMP%]   .user-info[_ngcontent-%COMP%]   .user-job[_ngcontent-%COMP%]{margin:0;color:rgba(var(--ion-color-dark-rgb),.4);font-size:14px}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-actions-wrapper[_ngcontent-%COMP%]{font-size:14px;max-width:10ex;max-width:10ch}ion-item.friend-item[_ngcontent-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-actions-wrapper[_ngcontent-%COMP%]   .user-action[_ngcontent-%COMP%]{margin:0}","app-image-shell.user-image[_ngcontent-%COMP%]{--image-shell-border-radius: var(--page-border-radius)}.user-name[_ngcontent-%COMP%] > app-text-shell[_ngcontent-%COMP%]{--text-shell-line-height: 16px;max-width:50%}.user-name[_ngcontent-%COMP%] > app-text-shell.text-loaded[_ngcontent-%COMP%]{max-width:unset}.user-job[_ngcontent-%COMP%] > app-text-shell[_ngcontent-%COMP%]{--text-shell-line-height: 14px;max-width:70%}.user-job[_ngcontent-%COMP%] > app-text-shell.text-loaded[_ngcontent-%COMP%]{max-width:unset}",".ios[_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%], .ios   [_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%]{--background: var(--page-segment-background);padding:var(--page-margin)}.ios[_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%]   ion-segment-button[_ngcontent-%COMP%], .ios   [_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%]   ion-segment-button[_ngcontent-%COMP%]{--color-checked: var(--ion-color-light)}.ios[_nghost-%COMP%]   ion-searchbar.friends-searchbar[_ngcontent-%COMP%], .ios   [_nghost-%COMP%]   ion-searchbar.friends-searchbar[_ngcontent-%COMP%]{padding-top:0}",".md[_nghost-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-actions-wrapper[_ngcontent-%COMP%], .md   [_nghost-%COMP%]   .user-details-section[_ngcontent-%COMP%]   .user-actions-wrapper[_ngcontent-%COMP%]{max-width:12ex;max-width:12ch}.md[_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%]   ion-segment-button[_ngcontent-%COMP%], .md   [_nghost-%COMP%]   .user-friends-segment[_ngcontent-%COMP%]   ion-segment-button[_ngcontent-%COMP%]{--color-checked: var(--ion-color-dark)}"]}),n})(),_=(()=>{class n{constructor(t){this.userService=t}resolve(){const t=this.userService.getFriendsDataSource();return this.userService.getFriendsStore(t)}}return n.\u0275fac=function(t){return new(t||n)(e.LFG(m.K))},n.\u0275prov=e.Yz7({token:n,factory:n.\u0275fac}),n})();const V=[{path:"",component:z,resolve:{data:_}}];let S=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.oAB({type:n}),n.\u0275inj=e.cJS({providers:[_,m.K],imports:[[r.Pc,a.ez,l.u5,g.K,d.Bz.forChild(V)]]}),n})()},5971:(h,c,s)=>{s.d(c,{f:()=>d});var a=s(9760),l=s(9646);class d{static extractData(g,m){return g instanceof a.K?g.state:g instanceof m?(0,l.of)(g):void 0}}}}]);