@maplander/components 0.21.47 → 0.21.49

package/fesm5/maplander-components.js

@@ -1,4 +1,4 @@
-import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, Renderer2, Output, EventEmitter, ViewChild, ContentChild, TemplateRef, ChangeDetectorRef, forwardRef, Injector } from '@angular/core';
+import { Pipe, NgModule, Directive, ElementRef, Input, Component, Inject, Injectable, InjectionToken, Optional, Output, EventEmitter, Renderer2, 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';
@@ -2303,6 +2303,7 @@ var FabFiltersComponent = /** @class */ (function () {
         this.METERS_TO_SQ = 10.76391042;
         this.chips = [];
         this._subscription = new Subscription();
+        this.filterDeleted = new EventEmitter();
     }
     /**
      * @return {?}
@@ -2362,6 +2363,17 @@ var FabFiltersComponent = /** @class */ (function () {
             this.openFilters();
         }
     };
+    /**
+     * @param {?} type
+     * @return {?}
+     */
+    FabFiltersComponent.prototype.removeFilter = /**
+     * @param {?} type
+     * @return {?}
+     */
+    function (type) {
+        this.filterDeleted.emit(type);
+    };
     /**
      * @private
      * @param {?} filter
@@ -2578,7 +2590,7 @@ var FabFiltersComponent = /** @class */ (function () {
     FabFiltersComponent.decorators = [
         { type: Component, args: [{
                     selector: 'lib-fab-filters',
-                    template: "<div class=\"fab-filters\">\r\n  <button mat-flat-button=\"\" color=\"primary\" class=\"btn_filters\" (click)=\"openFilters()\">\r\n    Filtros\r\n  </button>\r\n  <div class=\"filters-container\">\r\n    <ng-template [ngIf]=\"chips.length > 0\">\r\n      <mat-chip-list aria-orientation=\"horizontal\">\r\n        <ng-container *ngFor=\"let chip of chips\">\r\n          <mat-chip (click)=\"onClickChip(chip.type)\">\r\n            <ng-container [ngSwitch]=\"chip.type\">\r\n              <ng-container *ngSwitchCase=\"'PROPERTY_TYPE'\">\r\n                <span class=\"icon property-icon ic-property-{{chip.icon}}\"\r\n                      [ngStyle]=\"{'background': 'var(--' + chip.icon + ')'}\"></span>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'LISTING'\">\r\n                <ng-template [ngIf]=\"chip.icon[0] !== 'mlm'\" [ngIfElse]=\"mlm\">\r\n                  <mat-icon class=\"listing-icon\">\r\n                    list\r\n                  </mat-icon>\r\n                </ng-template>\r\n                <ng-template #mlm>\r\n                  <mat-icon  class=\"listing-icon\" svgIcon=\"opi:mlm\"></mat-icon>\r\n                </ng-template>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'AMENITIES'\">\r\n                <span class=\"icon ic-amenities-{{chip.icon[0]}}\"></span>\r\n              </ng-container>\r\n              <ng-container *ngSwitchDefault>\r\n                <ng-container *ngFor=\"let i of chip.icon\">\r\n                  <span class=\"icon ic-features-{{i}}\"></span>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n            {{chip.text}}\r\n          </mat-chip>\r\n        </ng-container>\r\n      </mat-chip-list>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"fab-filters\">\r\n  <button mat-flat-button=\"\" color=\"primary\" class=\"btn_filters\" (click)=\"openFilters()\">\r\n    Filtros\r\n  </button>\r\n  <div class=\"filters-container\">\r\n    <ng-template [ngIf]=\"chips.length > 0\">\r\n      <mat-chip-list aria-orientation=\"horizontal\">\r\n        <ng-container *ngFor=\"let chip of chips\">\r\n          <mat-chip (click)=\"onClickChip(chip.type)\" [removable]=\"chip.type !== 'PROPERTY_TYPE' && chip.type !== 'OFFERING'\"\r\n                    (removed)=\"removeFilter(chip.type)\">\r\n            <ng-container [ngSwitch]=\"chip.type\">\r\n              <ng-container *ngSwitchCase=\"'PROPERTY_TYPE'\">\r\n                <span class=\"icon property-icon ic-property-{{chip.icon}}\"\r\n                      [ngStyle]=\"{'background': 'var(--' + chip.icon + ')'}\"></span>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'LISTING'\">\r\n                <ng-template [ngIf]=\"chip.icon[0] !== 'mlm'\" [ngIfElse]=\"mlm\">\r\n                  <mat-icon class=\"listing-icon\">\r\n                    list\r\n                  </mat-icon>\r\n                </ng-template>\r\n                <ng-template #mlm>\r\n                  <mat-icon  class=\"listing-icon\" svgIcon=\"opi:mlm\"></mat-icon>\r\n                </ng-template>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'AMENITIES'\">\r\n                <span class=\"icon ic-amenities-{{chip.icon[0]}}\"></span>\r\n              </ng-container>\r\n              <ng-container *ngSwitchDefault>\r\n                <ng-container *ngFor=\"let i of chip.icon\">\r\n                  <span class=\"icon ic-features-{{i}}\"></span>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n            {{chip.text}}\r\n            <mat-icon matChipRemove *ngIf=\"chip.type !== 'PROPERTY_TYPE' && chip.type !== 'OFFERING'\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </ng-container>\r\n      </mat-chip-list>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n",
                     styles: [":host{display:block;position:inherit;top:inherit;bottom:inherit;left:inherit;right:inherit;z-index:inherit;width:inherit}.fab-filters{display:flex;width:100%;border-radius:8px 0 0 8px}.fab-filters .filters-container{width:calc(100% - 64px);height:40px;padding-right:8px;box-sizing:border-box;border-radius:4px 4px 4px 0;display:flex;align-items:center;transition:150ms}.fab-filters .filters-container mat-chip-list{width:100%;height:100%;overflow:hidden}.fab-filters .filters-container mat-chip-list mat-chip{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.fab-filters ::ng-deep .filters-container mat-chip-list .mat-chip-list-wrapper{width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;margin:0}.fab-filters .filters-container mat-chip-list mat-chip .icon{width:24px;height:24px;font-size:16px;border-radius:50%;margin-right:8px;display:flex;align-items:center;justify-content:center}"]
                 }] }
     ];
@@ -2590,7 +2602,8 @@ var FabFiltersComponent = /** @class */ (function () {
     ]; };
     FabFiltersComponent.propDecorators = {
         isOPI: [{ type: Input }],
-        mlsLabel: [{ type: Input }]
+        mlsLabel: [{ type: Input }],
+        filterDeleted: [{ type: Output }]
     };
     return FabFiltersComponent;
 }());
@@ -7556,8 +7569,8 @@ var MarkersService = /** @class */ (function () {
         var url = 'property/';
         url += this._propertyTypePipe.transform(config.propertyType, true) + "-";
         url += this._offeringTypePipe.transform(config.offering, ' ').replace(/ /g, '') + "-";
-        url += config.address.colony ? config.address.colony + "-" : '';
-        url += config.address.city ? config.address.city + "-" : '';
+        url += config.address.colony ? Utils.removeDiacritics(config.address.colony) + "-" : '';
+        url += config.address.city ? Utils.removeDiacritics(config.address.city) + "-" : '';
         url += config.propertyId;
         url = Utils.removeDiacritics(url).replace(/ /g, '-').toLowerCase();
         return url;