@maplander/components 0.21.47 → 0.21.49

package/bundles/maplander-components.umd.js

@@ -2315,6 +2315,7 @@
             this.METERS_TO_SQ = 10.76391042;
             this.chips = [];
             this._subscription = new rxjs.Subscription();
+            this.filterDeleted = new core.EventEmitter();
         }
         /**
          * @return {?}
@@ -2374,6 +2375,17 @@
                 this.openFilters();
             }
         };
+        /**
+         * @param {?} type
+         * @return {?}
+         */
+        FabFiltersComponent.prototype.removeFilter = /**
+         * @param {?} type
+         * @return {?}
+         */
+        function (type) {
+            this.filterDeleted.emit(type);
+        };
         /**
          * @private
          * @param {?} filter
@@ -2590,7 +2602,7 @@
         FabFiltersComponent.decorators = [
             { type: core.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}"]
                     }] }
         ];
@@ -2602,7 +2614,8 @@
         ]; };
         FabFiltersComponent.propDecorators = {
             isOPI: [{ type: core.Input }],
-            mlsLabel: [{ type: core.Input }]
+            mlsLabel: [{ type: core.Input }],
+            filterDeleted: [{ type: core.Output }]
         };
         return FabFiltersComponent;
     }());
@@ -7568,8 +7581,8 @@
             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;