@maplander/components 0.21.0 → 0.21.1

package/fesm5/maplander-components.js

@@ -1,4 +1,4 @@
-import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, Renderer2, ViewChild, Output, EventEmitter, ContentChild, TemplateRef, ChangeDetectorRef, forwardRef, Injector } from '@angular/core';
+import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, Renderer2, Output, EventEmitter, 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, Features, Address, Amenities, AreaUnitEnum, Owner, NewPropertyLite } from '@maplander/types';
 import { __values, __assign, __extends } from 'tslib';
@@ -2827,6 +2827,7 @@ var FiltersComponent = /** @class */ (function () {
         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 {?} */
@@ -2836,12 +2837,17 @@ var FiltersComponent = /** @class */ (function () {
          * @return {?}
          */
         function (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 {?}
+         */
+        function (item) { return (__assign({}, item)); }));
         this.bedroomsList = Object.assign([], ConstantsComponents.BedroomList);
         this.bathroomsList = Object.assign([], ConstantsComponents.BathroomList);
         this.parkingPlacesList = Object.assign([], ConstantsComponents.ParkingSpacesList);
@@ -2936,6 +2942,7 @@ var FiltersComponent = /** @class */ (function () {
                 this.filtersForm.controls['offering'].setValue(OfferingTypeEnum.SALE);
                 break;
         }
+        this.changeFilter.emit({ type: 'propertyType', payload: { filter: this.filter, value: this.filtersForm.value } });
     };
     /**
      * @param {?} ev
@@ -2947,6 +2954,7 @@ var FiltersComponent = /** @class */ (function () {
      */
     function (ev) {
         this.filter.offering = (/** @type {?} */ (ev));
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     };
     /**
      * @param {?} ev
@@ -2958,6 +2966,7 @@ var FiltersComponent = /** @class */ (function () {
      */
     function (ev) {
         this.filter.currency = ev;
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     };
     /**
      * @param {?} amenity
@@ -2979,6 +2988,7 @@ var FiltersComponent = /** @class */ (function () {
             this.filter.extras.push(amenity.value);
         }
         amenity.checked = !amenity.checked;
+        this.changeFilter.emit({ type: 'filter', payload: { filter: this.filter, value: this.filtersForm.value } });
     };
     /**
      * @return {?}
@@ -3028,6 +3038,7 @@ var FiltersComponent = /** @class */ (function () {
         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
@@ -3038,7 +3049,9 @@ var FiltersComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        var _this = this;
         this.filtersForm = this._formBuilder.group({
+            state: [],
             offering: [],
             currency: [],
             minPrice: ['', [Validators.required, Validators.pattern(new RegExp('(^[0-9]+)'))]],
@@ -3052,6 +3065,12 @@ var FiltersComponent = /** @class */ (function () {
         }, {
             validator: CurrencyFilterValidator('minPrice', 'maxPrice')
         });
+        this.filtersForm.valueChanges.subscribe((/**
+         * @return {?}
+         */
+        function () {
+            _this.changeFilter.emit({ type: 'filter', payload: { filter: _this.filter, value: _this.filtersForm.value } });
+        }));
     };
     /**
      * @private
@@ -3063,6 +3082,7 @@ var FiltersComponent = /** @class */ (function () {
      */
     function () {
         this.filtersForm.patchValue({
+            state: null,
             offering: this.filter.offering,
             currency: this.filter.currency,
             minPrice: this.filter.downLimitPrice,
@@ -3086,6 +3106,7 @@ var FiltersComponent = /** @class */ (function () {
     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);
@@ -3379,8 +3400,10 @@ var FiltersComponent = /** @class */ (function () {
     ]; };
     FiltersComponent.propDecorators = {
         utils: [{ type: Input }],
-        hideRoom: [{ type: Input }],
-        hideResidential: [{ type: Input }]
+        newFilters: [{ type: Input }],
+        stateOptions: [{ type: Input }],
+        propertyTotal: [{ type: Input }],
+        changeFilter: [{ type: Output }]
     };
     return FiltersComponent;
 }());