@maplander/components 0.21.0 → 0.21.1

package/fesm2015/maplander-components.js

@@ -1,4 +1,4 @@
-import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, Renderer2, ViewChild, EventEmitter, Output, ContentChild, TemplateRef, ChangeDetectorRef, forwardRef, Injector } from '@angular/core';
+import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, EventEmitter, Renderer2, Output, ViewChild, ContentChild, TemplateRef, ChangeDetectorRef, forwardRef, Injector } from '@angular/core';
 import { CommonModule, CurrencyPipe } from '@angular/common';
 import { LandUseEnum, PFileTypeEnum, PropertyTypeEnum, OfferingTypeEnum, StatusTypeEnum, Currency, PFile, DialogResponseType, LeadInfo, NewCompleteProperty, NewProperty, PropertyInfo, AreaUnitEnum, Features, Address, Amenities, Owner, NewPropertyLite } from '@maplander/types';
 import { Validators, FormBuilder, ReactiveFormsModule, FormsModule, NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -2446,6 +2446,7 @@ class FiltersComponent {
         this._formBuilder = _formBuilder;
         this._converter = _converter;
         this.METERS_TO_SQ = 10.76391042;
+        this.changeFilter = new EventEmitter();
         this.isOPI = this._config || false;
         this._subscription = new Subscription();
         /** @type {?} */
@@ -2455,12 +2456,17 @@ class FiltersComponent {
          * @return {?}
          */
         (item) => {
-            if ((this.hideRoom && item.value !== PropertyTypeEnum.ROOM) ||
-                (this.hideResidential && item.value !== PropertyTypeEnum.RESIDENTIAL)) {
-                items.push(item);
+            if (this.newFilters) {
+                if (item.value !== PropertyTypeEnum.ROOM && item.value !== PropertyTypeEnum.RESIDENTIAL) {
+                    items.push(item);
+                }
             }
         }));
-        this.propertyTypeList = items;
+        this.propertyTypeList = items.map((/**
+         * @param {?} item
+         * @return {?}
+         */
+        item => (Object.assign({}, item))));
         this.bedroomsList = Object.assign([], ConstantsComponents.BedroomList);
         this.bathroomsList = Object.assign([], ConstantsComponents.BathroomList);
         this.parkingPlacesList = Object.assign([], ConstantsComponents.ParkingSpacesList);
@@ -2532,6 +2538,7 @@ class FiltersComponent {
                 this.filtersForm.controls['offering'].setValue(OfferingTypeEnum.SALE);
                 break;
         }
+        this.changeFilter.emit({ type: 'propertyType', payload: { filter: this.filter, value: this.filtersForm.value } });
     }
     /**
      * @param {?} ev
@@ -2539,6 +2546,7 @@ class FiltersComponent {
      */
     changeOffering(ev) {
         this.filter.offering = (/** @type {?} */ (ev));
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     }
     /**
      * @param {?} ev
@@ -2546,6 +2554,7 @@ class FiltersComponent {
      */
     changeCurrency(ev) {
         this.filter.currency = ev;
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     }
     /**
      * @param {?} amenity
@@ -2563,6 +2572,7 @@ class FiltersComponent {
             this.filter.extras.push(amenity.value);
         }
         amenity.checked = !amenity.checked;
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     }
     /**
      * @return {?}
@@ -2601,6 +2611,7 @@ class FiltersComponent {
         this.filter = propertyTypeItemIndex ? Utils.getFilterByPropertyType(this.filter) : Utils.getInitialFilter(this.isOPI, this.filter);
         this.updateFormByFilters();
         this.setPrices();
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     }
     /**
      * @private
@@ -2608,6 +2619,7 @@ class FiltersComponent {
      */
     buildForm() {
         this.filtersForm = this._formBuilder.group({
+            state: [],
             offering: [],
             currency: [],
             minPrice: ['', [Validators.required, Validators.pattern(new RegExp('(^[0-9]+)'))]],
@@ -2621,6 +2633,12 @@ class FiltersComponent {
         }, {
             validator: CurrencyFilterValidator('minPrice', 'maxPrice')
         });
+        this.filtersForm.valueChanges.subscribe((/**
+         * @return {?}
+         */
+        () => {
+            this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
+        }));
     }
     /**
      * @private
@@ -2628,6 +2646,7 @@ class FiltersComponent {
      */
     updateFormByFilters() {
         this.filtersForm.patchValue({
+            state: null,
             offering: this.filter.offering,
             currency: this.filter.currency,
             minPrice: this.filter.downLimitPrice,
@@ -2647,6 +2666,7 @@ class FiltersComponent {
     getFilterByForm() {
         /** @type {?} */
         const data = this.filtersForm.value;
+        this.filter.state = data.state;
         this.filter.offering = data.offering;
         this.filter.currency = data.currency;
         this.filter.downLimitPrice = Number(data.minPrice);
@@ -2888,8 +2908,10 @@ FiltersComponent.ctorParameters = () => [
 ];
 FiltersComponent.propDecorators = {
     utils: [{ type: Input }],
-    hideRoom: [{ type: Input }],
-    hideResidential: [{ type: Input }]
+    newFilters: [{ type: Input }],
+    stateOptions: [{ type: Input }],
+    propertyTotal: [{ type: Input }],
+    changeFilter: [{ type: Output }]
 };
 
 /**