@maplander/components 0.21.0 → 0.21.1

package/bundles/maplander-components.umd.js

@@ -2839,6 +2839,7 @@
             this._formBuilder = _formBuilder;
             this._converter = _converter;
             this.METERS_TO_SQ = 10.76391042;
+            this.changeFilter = new core.EventEmitter();
             this.isOPI = this._config || false;
             this._subscription = new rxjs.Subscription();
             /** @type {?} */
@@ -2848,12 +2849,17 @@
              * @return {?}
              */
             function (item) {
-                if ((_this.hideRoom && item.value !== types.PropertyTypeEnum.ROOM) ||
-                    (_this.hideResidential && item.value !== types.PropertyTypeEnum.RESIDENTIAL)) {
-                    items.push(item);
+                if (_this.newFilters) {
+                    if (item.value !== types.PropertyTypeEnum.ROOM && item.value !== types.PropertyTypeEnum.RESIDENTIAL) {
+                        items.push(item);
+                    }
                 }
             }));
-            this.propertyTypeList = items;
+            this.propertyTypeList = items.map((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return (__assign({}, item)); }));
             this.bedroomsList = Object.assign([], ConstantsComponents.BedroomList);
             this.bathroomsList = Object.assign([], ConstantsComponents.BathroomList);
             this.parkingPlacesList = Object.assign([], ConstantsComponents.ParkingSpacesList);
@@ -2948,6 +2954,7 @@
                     this.filtersForm.controls['offering'].setValue(types.OfferingTypeEnum.SALE);
                     break;
             }
+            this.changeFilter.emit({ type: 'propertyType', payload: { filter: this.filter, value: this.filtersForm.value } });
         };
         /**
          * @param {?} ev
@@ -2959,6 +2966,7 @@
          */
         function (ev) {
             this.filter.offering = (/** @type {?} */ (ev));
+            this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
         };
         /**
          * @param {?} ev
@@ -2970,6 +2978,7 @@
          */
         function (ev) {
             this.filter.currency = ev;
+            this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
         };
         /**
          * @param {?} amenity
@@ -2991,6 +3000,7 @@
                 this.filter.extras.push(amenity.value);
             }
             amenity.checked = !amenity.checked;
+            this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
         };
         /**
          * @return {?}
@@ -3040,6 +3050,7 @@
             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
@@ -3050,7 +3061,9 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             this.filtersForm = this._formBuilder.group({
+                state: [],
                 offering: [],
                 currency: [],
                 minPrice: ['', [forms.Validators.required, forms.Validators.pattern(new RegExp('(^[0-9]+)'))]],
@@ -3064,6 +3077,12 @@
             }, {
                 validator: CurrencyFilterValidator('minPrice', 'maxPrice')
             });
+            this.filtersForm.valueChanges.subscribe((/**
+             * @return {?}
+             */
+            function () {
+                _this.changeFilter.emit({ type: 'filter', payload: { filter: _this.filter, value: _this.filtersForm.value } });
+            }));
         };
         /**
          * @private
@@ -3075,6 +3094,7 @@
          */
         function () {
             this.filtersForm.patchValue({
+                state: null,
                 offering: this.filter.offering,
                 currency: this.filter.currency,
                 minPrice: this.filter.downLimitPrice,
@@ -3098,6 +3118,7 @@
         function () {
             /** @type {?} */
             var 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);
@@ -3391,8 +3412,10 @@
         ]; };
         FiltersComponent.propDecorators = {
             utils: [{ type: core.Input }],
-            hideRoom: [{ type: core.Input }],
-            hideResidential: [{ type: core.Input }]
+            newFilters: [{ type: core.Input }],
+            stateOptions: [{ type: core.Input }],
+            propertyTotal: [{ type: core.Input }],
+            changeFilter: [{ type: core.Output }]
         };
         return FiltersComponent;
     }());