https://tarekelmasry.com/469.630471fa6fba09ce.js

1"use strict";(self.webpackChunkWMS=self.webpackChunkWMS||[]).push([[469],{7469:(J,g,n)=>{n.r(g),n.d(g,{FeatureCommercialModule:()=>X});var p=n(177),h=n(2791),e=n(4438),s=n(9417),T=n(1553),b=n(800),F=n(4961),v=n(7421),I=n(8637),x=n(2836),C=n(5826),_=n(5484),G=n(9308),S=n(8604),P=n(8463),j=n(2829);function V(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o),e.R7$(),e.SpI("",o," ")}}function k(i,r){if(1&i&&(e.j41(0,"mat-optgroup",40),e.DNE(1,V,2,2,"mat-option",25),e.k0s()),2&i){const o=r.$implicit;e.Y8G("label",o.Heading),e.R7$(),e.Y8G("ngForOf",o.Name)}}function $(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o),e.R7$(),e.JRh(o)}}function N(i,r){if(1&i){const o=e.RV6();e.j41(0,"div",42)(1,"mat-form-field",15)(2,"div",22),e.nrm(3,"img",43),e.k0s(),e.j41(4,"mat-select",44),e.bIt("selectionChange",function(){e.eBV(o);const l=e.XpG(2);return e.Njj(l.commonService.changePrice(l.filter.value.TransactionType))}),e.DNE(5,$,2,2,"mat-option",25),e.k0s()()()}if(2&i){const o=e.XpG(2);e.R7$(5),e.Y8G("ngForOf",o.commonService.transactionTypes)}}function D(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o),e.R7$(),e.SpI("",o," ")}}function E(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o),e.R7$(),e.SpI("",o," ")}}function R(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.nI1(2,"currencyPipe"),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o),e.R7$(),e.JRh(e.bMT(2,2,o))}}function M(i,r){if(1&i&&(e.j41(0,"mat-option",45),e.EFF(1),e.nI1(2,"currencyPipe"),e.k0s()),2&i){const o=r.$implicit,t=e.XpG(2);e.Y8G("value",o)("disabled",+o<+t.filter.value.MinPrice),e.R7$(),e.JRh(e.bMT(2,3,o))}}function L(i,r){if(1&i&&(e.j41(0,"mat-option",41),e.EFF(1),e.k0s()),2&i){const o=r.$implicit;e.Y8G("value",o.PropertyGroupId),e.R7$(),e.SpI(" ",o.PropertyGroup,"")}}function w(i,r){if(1&i&&(e.j41(0,"div",21)(1,"mat-form-field",15)(2,"mat-label"),e.EFF(3,"Property Type"),e.k0s(),e.j41(4,"mat-select",46),e.DNE(5,L,2,2,"mat-option",25),e.k0s()()()),2&i){const o=e.XpG(2);e.R7$(5),e.Y8G("ngForOf",o.propertygroup)}}function Y(i,r){if(1&i){const o=e.RV6();e.j41(0,"div")(1,"form",8)(2,"div",9)(3,"div",3)(4,"div",10),e.EFF(5," FEATURED Commercial "),e.k0s()()(),e.j41(6,"div",11)(7,"div",3),e.nrm(8,"div",12)(9,"div",13),e.j41(10,"div",4)(11,"div",14)(12,"mat-form-field",15)(13,"div",16)(14,"mat-icon"),e.EFF(15," location_on"),e.k0s()(),e.j41(16,"mat-label"),e.EFF(17,"Search By City, Community, Postal Code or MLS\xae#"),e.k0s(),e.nrm(18,"input",17),e.j41(19,"mat-autocomplete",18,0),e.bIt("optionSelected",function(l){e.eBV(o);const c=e.XpG();return e.Njj(c.commonService.selectedAddress(l.option,"mls"))}),e.DNE(21,k,2,2,"mat-optgroup",19),e.nI1(22,"async"),e.k0s()()(),e.DNE(23,N,6,1,"div",20),e.j41(24,"div",21)(25,"mat-form-field",15)(26,"div",22),e.nrm(27,"img",23),e.k0s(),e.j41(28,"mat-select",24),e.DNE(29,D,2,2,"mat-option",25),e.k0s()()(),e.j41(30,"div",21)(31,"mat-form-field",15)(32,"div",22),e.nrm(33,"img",26),e.k0s(),e.j41(34,"mat-select",27),e.DNE(35,E,2,2,"mat-option",25),e.k0s()()(),e.j41(36,"div",21)(37,"mat-form-field",15)(38,"div",22),e.nrm(39,"img",28),e.k0s(),e.j41(40,"mat-select",29),e.DNE(41,R,3,4,"mat-option",25),e.k0s()()(),e.j41(42,"div",21)(43,"mat-form-field",15)(44,"div",22),e.nrm(45,"img",28),e.k0s(),e.j41(46,"mat-select",30),e.DNE(47,M,3,5,"mat-option",31),e.k0s()()(),e.DNE(48,w,6,1,"div",32),e.j41(49,"div",21)(50,"button",33),e.bIt("click",function(){e.eBV(o);const l=e.XpG();return e.Njj(l.getAllListing())}),e.EFF(51,"Search"),e.k0s()()()()(),e.j41(52,"div",34)(53,"div",35)(54,"select",36),e.bIt("change",function(){e.eBV(o);const l=e.XpG();return e.Njj(l.getAllListing())}),e.j41(55,"option",37),e.EFF(56,"Recently Listed"),e.k0s(),e.j41(57,"option",38),e.EFF(58,"High To Low"),e.k0s(),e.j41(59,"option",39),e.EFF(60,"Low To High"),e.k0s()()(),e.nrm(61,"Div",6),e.k0s()()()}if(2&i){const o=e.sdS(20),t=e.XpG();e.R7$(),e.Y8G("formGroup",t.filter),e.R7$(10),e.Y8G("ngClass",t.AllowTransactionType?"col-lg-6 col-xs-6 col-sm-6 col-md-6":"col-lg-4 col-xs-6 col-sm-6 col-md-6"),e.R7$(7),e.Y8G("formControl",t.commonService.Places)("matAutocomplete",o),e.R7$(3),e.Y8G("ngForOf",e.bMT(22,11,t.commonService.autoCompleteList)),e.R7$(2),e.Y8G("ngIf",null==t.AllowTransactionType),e.R7$(6),e.Y8G("ngForOf",t.commonService.acreages),e.R7$(6),e.Y8G("ngForOf",t.commonService.parkings),e.R7$(6),e.Y8G("ngForOf",t.commonService.price),e.R7$(6),e.Y8G("ngForOf",t.commonService.price),e.R7$(),e.Y8G("ngIf",t.propertytypehide)}}function B(i,r){1&i&&(e.nrm(0,"div",47),e.nI1(1,"safeHtml")),2&i&&e.Y8G("innerHTML",e.bMT(1,1,r.$implicit),e.npT)}function z(i,r){if(1&i){const o=e.RV6();e.j41(0,"div",48)(1,"button",33),e.bIt("click",function(){e.eBV(o);const l=e.XpG();return e.Njj(l.loadMore())}

1),e.EFF(2,"Load More"),e.k0s()()}}const U=[{path:"commercial",component:(()=>{class i{fb;serivice;authService;commonService;route;commercials=[];isLoadMore=!1;propertygroup=[];filter;AllowTransactionType;pageSize;isUserLogin=!1;isUserValidated=!1;widgetCode="fcg";propertytypehide=!0;css;isInitialLoad=!0;constructor(o,t,l,c,d){this.fb=o,this.serivice=t,this.authService=l,this.commonService=c,this.route=d,this.filter=this.fb.group({BusinessId:[],IsResidential:[!1],CityId:[],Communities:[],ContactId:[],Parking:[],LandSize:[],MinPrice:[],MaxPrice:[],PropertyGroupId:[new Array],TransactionType:[],Tag:["Featured"],SortBy:[""],MlsId:[],Temp:[new Array],Keywords:[],SearchBy:[""],PostalCode:[""]})}ngOnInit(){this.authService.biz$.subscribe(o=>{void 0!==o.BIZ&&(this.AllowTransactionType=this.authService.bizInfo.Config?.AllowTransactionType,this.commonService.Places.setValue(null),this.commonService.getSeoDetails("Featured Commercial"),this.css=this.authService.bizInfo.Widget.filter(t=>"fcg"==t.WidgetCode).map(t=>t.DataObject)[0],this.propertygroup=this.authService.comboService.PropertyGroups.filter(t=>1==t.Commercial),null!=this.authService.getUser(this.authService.bizInfo.Config.DomainName)?(this.isUserLogin=!0,this.isUserValidated=3==this.authService.getUser(this.authService.bizInfo.Config.DomainName).StatusId):this.isUserLogin=!1,this.filter.patchValue({BusinessId:this.authService.bizInfo.Config.BusinessId,ContactId:null!=this.authService.getUser(this.authService.bizInfo.Config.DomainName)?this.authService.getUser(this.authService.bizInfo.Config.DomainName).ContactId:null,TransactionType:null!=this.AllowTransactionType?this.AllowTransactionType:null}),this.commonService.addComponentStyle("midconent",this.css),this.getAllListing())})}getAllListing(){if((!this.commonService.Places.value||""===this.commonService.Places.value)&&(this.commonService.isDropdownSelected=!1,this.commonService.selectedType="",this.commonService.selectedValue=""),this.filter.invalid)return;if(""!=this.commonService.Places.value&&null!=this.commonService.Places.value){let t=this.commonService.Places.value;if(this.commonService.isDropdownSelected&&this.commonService.selectedValue!==t)return this.commonService.Places.setValue(""),this.commonService.isDropdownSelected=!1,this.commonService.selectedType="",void(this.commonService.selectedValue="");let l=this.authService.comboService.Cities.filter(a=>a.CityName==t)[0],c=this.authService.comboService.Communities.filter(a=>a.Communities==t)[0],d=!1;if(this.commonService.isDropdownSelected&&"PostalCode"===this.commonService.selectedType){let a=this.commonService.place.find(f=>"Postal Code"==f.Heading);if(a&&a.Name){let f=t.substring(0,3).toUpperCase();d=a.Name.some(H=>H.startsWith(f))}}let m=this.commonService.selectedType,u=l||c||d;if(!this.commonService.isDropdownSelected&&!u)return this.commonService.Places.setValue(""),this.commonService.isDropdownSelected=!1,this.commonService.selectedType="",void(this.commonService.selectedValue="");if(!m&&u&&(l?(m="City",this.commonService.selectedType="City",this.commonService.isDropdownSelected=!0,this.commonService.selectedValue=t):c&&(m="Community",this.commonService.selectedType="Community",this.commonService.isDropdownSelected=!0,this.commonService.selectedValue=t)),m&&!u)return this.commonService.Places.setValue(""),this.commonService.isDropdownSelected=!1,this.commonService.selectedType="",void(this.commonService.selectedValue="");if(this.filter.patchValue({SearchBy:"",CityId:null,Communities:null,PostalCode:null}),null!=l||"City"==m)this.filter.patchValue({SearchBy:"City",CityId:l.CityId,Communities:null,PostalCode:null});else if(null!=c){let a=t.includes(",")?t.split(",")[0].trim():t;this.filter.patchValue({SearchBy:"Community",CityId:null,Communities:a,PostalCode:null})}else{if("PostalCode"!=m)return void this.commonService.Places.setValue("");{let a=t.replace(/\s+/g,"").substring(0,6);this.filter.patchValue({SearchBy:"PostalCode",CityId:null,Communities:null,PostalCode:a})}}}let o=this.filter.value.Temp;this.filter.patchValue({PropertyGroupId:0==this.filter.value.Temp.length?this.propertygroup.map(t=>t.PropertyGroupId).toString():this.filter.value.Temp.toString(),Temp:"",Keywords:this.isInitialLoad?null:"Ignore"}

1),this.isInitialLoad=!1,this.route.snapshot.queryParams.propertytype&&(o=this.propertygroup.filter(t=>t.PropertyGroup==this.route.snapshot.queryParams.propertytype).map(t=>t.PropertyGroupId),this.filter.controls.PropertyGroupId.setValue(o.toString()),this.propertytypehide=!1),this.pageSize=20,this.isLoadMore=!1,this.serivice.post(this.filter.value,"GetAllFeaturedListing").subscribe(t=>{this.commonService.list=t,this.commercials=this.commonService.list.slice(0,this.pageSize),this.commercials=this.commonService.bindHtml(this.widgetCode,this.commercials,this.isUserLogin,this.isUserValidated,this.filter.value.ContactId),this.commonService.list.length>this.pageSize&&(this.isLoadMore=!0),this.filter.controls.SortBy.setValue(this.commonService.list[0]?.SortBy)}),this.filter.patchValue({PropertyGroupId:null,CityId:null,Communities:null,PostalCode:null,SearchBy:"",Temp:o})}loadMore(){this.pageSize+=20,this.commercials=this.commonService.list.slice(0,this.pageSize),this.commercials=this.commonService.bindHtml(this.widgetCode,this.commercials,this.isUserLogin,this.isUserValidated,this.filter.value.ContactId),this.commonService.list.length<this.pageSize&&(this.isLoadMore=!1)}static \u0275fac=function(t){return new(t||i)(e.rXU(s.ok),e.rXU(T.t),e.rXU(b.k),e.rXU(F.h),e.rXU(h.nX))};static \u0275cmp=e.VBU({type:i,selectors:[["app-commercial"]],decls:7,vars:3,consts:[["auto1","matAutocomplete"],[4,"ngIf"],[1,"midconent"],[1,"container"],[1,"row"],["class","col-lg-3",3,"innerHTML",4,"ngFor","ngForOf"],[1,"clearfix"],["class","loadmore",4,"ngIf"],[3,"formGroup"],[1,"featureheadingtop","childthemefontcolor","childthemebgcolor"],[1,"featureheadingchild","childthemefontcolor"],[1,"bgfeaturesearch","themesecondarybgcolor","themesecondaryfontcolor"],[1,"topstrip","basecolor"],[1,"leftbar","basecolor"],[3,"ngClass"],["appearance","fill"],[1,"locationsicons"],["type","text","matInput","",3,"formControl","matAutocomplete"],[3,"optionSelected"],[3,"label",4,"ngFor","ngForOf"],["class","col-lg-2 col-xs-6 col-sm-6 col-md-6",4,"ngIf"],[1,"col-lg-1","col-xs-6","col-sm-6","col-md-6"],[1,"formicon"],["src","../../../../assets/icons/land.png"],["formControlName","LandSize","placeholder","Land Size"],[3,"value",4,"ngFor","ngForOf"],["src","../../../../assets/icons/garage.png"],["formControlName","Parking","placeholder","Parking"],["src","../../../../assets/icons/Price.png"],["formControlName","MinPrice","placeholder","Min Price"],["formControlName","MaxPrice","placeholder","Max Price"],[3,"value","disabled",4,"ngFor","ngForOf"],["class","col-lg-1  col-xs-6 col-sm-6 col-md-6",4,"ngIf"],["mat-raised-button","","color","primary",3,"click"],[1,"container","srh"],[1,"sortingright"],["formControlName","SortBy",1,"sorting",3,"change"],["value","rl"],["value","hl"],["value","lh"],[3,"label"],[3,"value"],[1,"col-lg-2","col-xs-6","col-sm-6","col-md-6"],["src","../../../../assets/icons/Transaction.png"],["formControlName","TransactionType","placeholder","Transaction Type",3,"selectionChange"],[3,"value","disabled"],["formControlName","Temp","multiple",""],[1,"col-lg-3",3,"innerHTML"],[1,"loadmore"]],template:function(t,l){1&t&&(e.DNE(0,Y,62,13,"div",1),e.j41(1,"div",2)(2,"div",3)(3,"div",4),e.DNE(4,B,2,3,"div",5),e.nrm(5,"div",6),e.k0s(),e.DNE(6,z,3,0,"div",7),e.k0s()()),2&t&&(e.Y8G("ngIf",l.filter),e.R7$(4),e.Y8G("ngForOf",l.commercials),e.R7$(2),e.Y8G("ngIf",l.isLoadMore))},dependencies:[p.YU,p.Sq,p.bT,v.rl,v.nJ,I.fg,x.VO,C.wT,C.D7,_.$z,G.An,s.qT,s.xH,s.y7,s.me,s.wz,s.BC,s.cb,s.l_,s.j4,s.JD,S.$3,S.pN,p.Jj,P.$,j.U],styles:[".featureheadingtop{padding:36px 0 10px}.featureheadingchild{text-transform:uppercase;font-size:41px;font-weight:600}.featureheadingtop .sorting{margin-top:15px;float:right;background-color:var(--ChildBackgroundColor);color:var(--ChildFontColor);padding:5px;font-size:14px;border-radius:3px}.bgfeaturesearch .mat-select-trigger{height:18px}.bgfeaturesearch .mat-form-field-label-wrapper{top:-7px;color:#000}.bgfeaturesearch ::ng-deep .mat-select-placeholder{color:#000!important}.bgfeaturesearch .mat-form-field-hide-placeholder .mat-select-placeholder{color:#000!important;-webkit-text-fill-color:#000!important}.bgfeaturesearch{width:100%;border-bottom:1px solid #62686f}.topstrip{width:240px;height:15px;background:var(--btn-color)}.leftbar{width:16px;height:39px;float:left;margin-right:-2px;background:var(--btn-color)}.inputaddress{height:40px;padding:0 2px}.bgfeaturesearch .col-lg-4,.col-lg-2,.col-lg-1,.col-lg-6{padding:0 2px}.bgfeaturesearch .row{margin:0}.slick-list{float:none}.loadmore{padding-top:40px;text-align:center}::ng-deep .bgfeaturesearch .mat-form-field-appearance-fill .mat-form-field-flex{height:40px;padding:12px 6px}::ng-deep .bgfeaturesearch .mat-select-arrow-wrapper{height:auto}::ng-deep .bgfeaturesearch .mat-select-trigger{height:auto}.locationsicons{position:absolute;right:0;top:-5px}.mat-select-value{color:var(--ChildFontColor)}.fa-star{color:red}.bgfeaturesearch .mat-select-arrow,.bgfeaturesearch .mat-form-field-label{color:var(--ChildFontColor)}.sortingright{float:right}.srh .sorting{border:1px solid #C4C4C4;border-radius:0!important;

1background:var(--ChildBackgroundColor);color:var(--ChildFontColor);padding:5px 9px;margin-top:15px}.bgfeaturesearch button{width:100%}.formicon{position:absolute}.formicon img{height:17px}.bgfeaturesearch .mat-select-value{padding-left:22px}\n"],encapsulation:2})}return i})()}];let A=(()=>{class i{static \u0275fac=function(t){return new(t||i)};static \u0275mod=e.$C({type:i});static \u0275inj=e.G2t({imports:[h.iI.forChild(U),h.iI]})}return i})();var O=n(6463);let X=(()=>{class i{static \u0275fac=function(t){return new(t||i)};static \u0275mod=e.$C({type:i});static \u0275inj=e.G2t({imports:[A,O.G,p.MD]})}return i})()}}]);