@maplander/components 0.20.0 → 0.20.3

package/_theming.scss

@@ -5563,6 +5563,14 @@ $mat-form-field-dedupe: 0;
     bottom: -8px;
   }
 
+  .marker--warning {
+    content: '';
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='38' viewBox='0 0 44 38'%3E%3Cpath id='Trazado_6336' data-name='Trazado 6336' d='M24.05,24.45ZM2,42,24,4,46,42ZM22.7,30.6h3V19.4h-3Zm1.5,5.55a1.454,1.454,0,1,0-1.075-.425A1.457,1.457,0,0,0,24.2,36.15ZM7.2,39H40.8L24,10Z' transform='translate(-2 -4)' fill='%23fa0606'/%3E%3C/svg%3E");
+    position: absolute;
+    top: -8px;
+    right: 8px;
+  }
+
   .marker--visited {
     background: #adadad !important;
     border: 2px dotted;

package/bundles/maplander-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@maplander/types'), require('@angular/forms'), require('rxjs'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/icon'), require('@maplander/shared'), require('@maplander/static'), require('@angular/material/chips'), require('@angular/material/button-toggle'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/divider'), require('@angular/material/core'), require('rxjs/internal-compatibility'), require('rxjs/operators'), require('@angular/material'), require('@maplander/core'), require('@angular/cdk/layout'), require('@angular/material-moment-adapter'), require('moment'), require('@angular/common/http'), require('@angular/platform-browser'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/radio'), require('@angular/material/sidenav'), require('@angular/material/tabs'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@ecodev/fab-speed-dial'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@maplander/components', ['exports', '@angular/core', '@angular/common', '@maplander/types', '@angular/forms', 'rxjs', '@angular/material/dialog', '@angular/material/button', '@angular/material/icon', '@maplander/shared', '@maplander/static', '@angular/material/chips', '@angular/material/button-toggle', '@angular/material/form-field', '@angular/material/select', '@angular/material/divider', '@angular/material/core', 'rxjs/internal-compatibility', 'rxjs/operators', '@angular/material', '@maplander/core', '@angular/cdk/layout', '@angular/material-moment-adapter', 'moment', '@angular/common/http', '@angular/platform-browser', '@angular/material/datepicker', '@angular/material/input', '@angular/material/checkbox', '@angular/material/radio', '@angular/material/sidenav', '@angular/material/tabs', '@angular/material/toolbar', '@angular/material/tooltip', '@ecodev/fab-speed-dial', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@angular/router'], factory) :
-    (global = global || self, factory((global.maplander = global.maplander || {}, global.maplander.components = {}), global.ng.core, global.ng.common, global['@maplander/types'], global['@angular/forms'], global.rxjs, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global['@maplander/shared'], global['@maplander/static'], global.ng.material.chips, global.ng.material['button-toggle'], global.ng.material['form-field'], global.ng.material.select, global.ng.material.divider, global.ng.material.core, global.rxjs['internal-compatibility'], global.rxjs.operators, global['@angular/material'], global['@maplander/core'], global.ng.cdk.layout, global['8']['2']['3'], global.moment, global.ng.common.http, global.ng.platformBrowser, global.ng.material.datepicker, global.ng.material.input, global.ng.material.checkbox, global.ng.material.radio, global.ng.material.sidenav, global.ng.material.tabs, global.ng.material.toolbar, global.ng.material.tooltip, global['@ecodev/fab-speed-dial'], global.ng.cdk['drag-drop'], global.ng.cdk.overlay, global.ng.router));
-}(this, (function (exports, core, common, types, forms, rxjs, dialog, button, icon, shared, _static, chips, buttonToggle, formField, select, divider, core$1, internalCompatibility, operators, material, core$2, layout, materialMomentAdapter, momentImported, http, platformBrowser, datepicker, input, checkbox, radio, sidenav, tabs, toolbar, tooltip, fabSpeedDial, dragDrop, overlay, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@maplander/types'), require('@angular/forms'), require('rxjs'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/icon'), require('@maplander/shared'), require('@maplander/static'), require('@angular/material/chips'), require('@angular/material/button-toggle'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/divider'), require('@angular/material/core'), require('@angular/material'), require('rxjs/internal-compatibility'), require('rxjs/operators'), require('@maplander/core'), require('@angular/cdk/layout'), require('@angular/material-moment-adapter'), require('moment'), require('@angular/common/http'), require('@angular/platform-browser'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/radio'), require('@angular/material/sidenav'), require('@angular/material/tabs'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@ecodev/fab-speed-dial'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@maplander/components', ['exports', '@angular/core', '@angular/common', '@maplander/types', '@angular/forms', 'rxjs', '@angular/material/dialog', '@angular/material/button', '@angular/material/icon', '@maplander/shared', '@maplander/static', '@angular/material/chips', '@angular/material/button-toggle', '@angular/material/form-field', '@angular/material/select', '@angular/material/divider', '@angular/material/core', '@angular/material', 'rxjs/internal-compatibility', 'rxjs/operators', '@maplander/core', '@angular/cdk/layout', '@angular/material-moment-adapter', 'moment', '@angular/common/http', '@angular/platform-browser', '@angular/material/datepicker', '@angular/material/input', '@angular/material/checkbox', '@angular/material/radio', '@angular/material/sidenav', '@angular/material/tabs', '@angular/material/toolbar', '@angular/material/tooltip', '@ecodev/fab-speed-dial', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@angular/router'], factory) :
+    (global = global || self, factory((global.maplander = global.maplander || {}, global.maplander.components = {}), global.ng.core, global.ng.common, global['@maplander/types'], global['@angular/forms'], global.rxjs, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global['@maplander/shared'], global['@maplander/static'], global.ng.material.chips, global.ng.material['button-toggle'], global.ng.material['form-field'], global.ng.material.select, global.ng.material.divider, global.ng.material.core, global['@angular/material'], global.rxjs['internal-compatibility'], global.rxjs.operators, global['@maplander/core'], global.ng.cdk.layout, global['8']['2']['3'], global.moment, global.ng.common.http, global.ng.platformBrowser, global.ng.material.datepicker, global.ng.material.input, global.ng.material.checkbox, global.ng.material.radio, global.ng.material.sidenav, global.ng.material.tabs, global.ng.material.toolbar, global.ng.material.tooltip, global['@ecodev/fab-speed-dial'], global.ng.cdk['drag-drop'], global.ng.cdk.overlay, global.ng.router));
+}(this, (function (exports, core, common, types, forms, rxjs, dialog, button, icon, shared, _static, chips, buttonToggle, formField, select, divider, core$1, material, internalCompatibility, operators, core$2, layout, materialMomentAdapter, momentImported, http, platformBrowser, datepicker, input, checkbox, radio, sidenav, tabs, toolbar, tooltip, fabSpeedDial, dragDrop, overlay, router) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -3453,6 +3453,7 @@
                             icon.MatIconModule,
                             button.MatButtonModule,
                             divider.MatDividerModule,
+                            material.MatInputModule,
                             MarkerPriceModule.forChild(),
                             CurrencyConverterModule.forChild()
                         ],
@@ -3782,6 +3783,7 @@
         function (text) {
             if (text.indexOf('https://youtu.be/') !== -1) {
                 text = text.replace('https://youtu.be/', '');
+                return text;
             }
             else if (text.indexOf('https://www.youtube.com/') !== -1) {
                 text = text.replace('https://www.youtube.com/', '');
@@ -4625,7 +4627,7 @@
          * @return {?}
          */
         function () {
-            this.agentActions('SHOW_AGENTS');
+            // this.agentActions('SHOW_AGENTS');
         };
         /**
          * @param {?} changes
@@ -7238,6 +7240,9 @@
             if (changes['marker'] && changes['marker'].currentValue) {
                 this.info = changes['marker'].currentValue.info;
             }
+            if (changes['showAlert'] && changes['showAlert'].currentValue) {
+                this.info = changes['showAlert'].currentValue;
+            }
         };
         /**
          * @return {?}
@@ -7345,8 +7350,8 @@
         PropertyCardComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'lib-property-card',
-                        template: "<div class=\"property-card\">\r\n  <ng-template [ngIf]=\"!isOPI\">\r\n    <div class=\"property-card__favorite\">\r\n      <button class=\"favorite__button\" mat-icon-button (click)=\"favorite()\">\r\n        <ng-template [ngIf]=\"isFavorite\" [ngIfElse]=\"noIsFavorite\">\r\n          <mat-icon>favorite</mat-icon>\r\n        </ng-template>\r\n        <ng-template #noIsFavorite>\r\n          <mat-icon>favorite_border</mat-icon>\r\n        </ng-template>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template [ngIf]=\"showDiscard\">\r\n    <div class=\"property-card__discard\">\r\n      <button class=\"discard__button\" mat-icon-button (click)=\"discard()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <a routerLink=\"{{href || '/'}}\" [queryParams]=\"queryParams || null\" [target]=\"target || null\"\r\n     [state]=\"state || null\"\r\n     class=\"property-card__image\" (mouseover)=\"onFrontImageOver()\"\r\n     (mouseleave)=\"onFrontImageLeave()\">\r\n    <img [src]=\"info.image\" alt=\"Property image\" libImageError [typeImage]=\"info.type\">\r\n    <ng-template [ngIf]=\"mode === 'summary'\">\r\n      <div class=\"property-card__body-summary\">\r\n        <h2 class=\"color--white property-card__price\">\r\n          {{info.price | currency}} {{info.currency}}\r\n        </h2>\r\n        <p class=\"color--white property-card__type\">\r\n          {{info.type | propertyType}} {{info.offering | offeringType}}\r\n        </p>\r\n        <p class=\"color--white property-card__address body-summary__address\">\r\n          {{info.address.colony}}, {{info.address.city}}\r\n        </p>\r\n      </div>\r\n    </ng-template>\r\n  </a>\r\n  <ng-template [ngIf]=\"mode === 'full'\">\r\n    <div class=\"property-card__body\">\r\n      <div class=\"property-card__location-title\">\r\n        <h2 class=\"property-card__price\">\r\n          {{info.price | currency : currency : 'symbol' : '1.0-0'}} {{info.currency}}\r\n        </h2>\r\n        <ng-container *ngIf=\"distance !== ''\" >\r\n          <h2 class=\"property-card__location\" [hidden]=\"!distance\">\r\n            {{distance}}\r\n          </h2>\r\n        </ng-container>\r\n      </div>\r\n      <p class=\"property-card__type\">\r\n        {{info.type | propertyType}} {{info.offering | offeringType}}\r\n      </p>\r\n      <p class=\"property-card__address\">\r\n        {{info.address.colony}}, {{info.address.city}}\r\n      </p>\r\n      <ng-template [ngIf]=\"info.features\">\r\n        <div class=\"property-card__features\">\r\n          <ng-template [ngIf]=\"info.features && info.features.bedrooms && info.features.bedrooms > 0\">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-bedroom\"></span>\r\n              {{info.features.bedrooms}}\r\n            </p>\r\n            <span class=\"property-card__divider\"></span>\r\n          </ng-template>\r\n          <ng-template [ngIf]=\"info.features && info.features.bathrooms && info.features.bathrooms > 0 \">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-bathroom\"></span>\r\n              {{info.features.bathrooms}}\r\n            </p>\r\n            <span class=\"property-card__divider\"></span>\r\n          </ng-template>\r\n          <ng-template [ngIf]=\"info.features && info.features.mainArea && info.features.mainArea > 0\">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-surface\"></span>\r\n              {{info.features.mainArea}}\r\n              <ng-template [ngIf]=\"info.features.areaUnit && info.features.areaUnit === 'M2'\"\r\n                           [ngIfElse]=\"ftUnit\">\r\n                m<sup>2</sup>\r\n              </ng-template>\r\n              <ng-template #ftUnit>\r\n                sq ft\r\n              </ng-template>\r\n            </p>\r\n          </ng-template>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n",
-                        styles: [":host{display:block;width:calc(100% - 16px);margin:16px auto;border-radius:16px}.property-card{width:100%;border-radius:16px;position:relative}.property-card__favorite{position:absolute;top:4px;right:4px;border-radius:50%;z-index:1;width:40px;height:40px;display:flex}.favorite__button{margin:auto}.property-card__discard{position:absolute;right:8px;bottom:8px;z-index:1;width:40px;height:40px;border-radius:16px;display:flex}.discard__button{margin:auto}.property-card__image{width:100%;border-radius:16px;padding-bottom:calc(100% / 4 * 3);position:relative;text-decoration:none;display:block}.property-card__image:hover{width:calc(100% - 6px);padding-bottom:calc((100% - 6px)/ 4 * 3)}.property-card__image img{border-radius:16px;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.property-card__body{padding:8px;box-sizing:border-box}.property-card__body-summary{padding:8px;box-sizing:border-box;position:absolute;bottom:0;width:100%;border-radius:16px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.body-summary__address{width:80%!important}.property-card__location-title{display:flex;width:100%;flex-direction:row;flex-wrap:wrap}.property-card__location{font-size:12px;margin:4px;color:#707070}@media (min-width:1200px){.property-card__location{font-size:14px}}.property-card__location:empty{width:60%;height:14px;background:#e0e0e0;border-radius:16px}.property-card__price{margin:3px 0;font-size:16px}.property-card__price:empty{width:60%;height:16px;background:#e0e0e0;border-radius:16px}.property-card__type{margin:3px 0}.property-card__type:empty{width:70%;height:16px;border-radius:16px;background:#e0e0e0}.property-card__address{margin:3px 0;color:#707070;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.property-card__address:empty{width:80%;height:16px;border-radius:16px;background:#e0e0e0}.property-card__features{display:flex;margin:6px 0 0}.property-card__feature{margin:0 8px 0 0;display:flex;align-items:center;font-size:12px;color:#707070}.property-card__divider{display:block;margin:auto 8px;width:1px;height:16px;background:#9e9e9e}.property-card__icon{width:24px;height:24px;font-size:24px;margin:0 4px 0 0;color:#bdbdbd}"]
+                        template: "<div class=\"property-card\">\r\n  <ng-template [ngIf]=\"!isOPI\">\r\n    <div class=\"property-card__favorite\">\r\n      <button class=\"favorite__button\" mat-icon-button (click)=\"favorite()\">\r\n        <ng-template [ngIf]=\"isFavorite\" [ngIfElse]=\"noIsFavorite\">\r\n          <mat-icon>favorite</mat-icon>\r\n        </ng-template>\r\n        <ng-template #noIsFavorite>\r\n          <mat-icon>favorite_border</mat-icon>\r\n        </ng-template>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template [ngIf]=\"showDiscard\">\r\n    <div class=\"property-card__discard\">\r\n      <button class=\"discard__button\" mat-icon-button (click)=\"discard()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template [ngIf]=\"isOPI && showAlert\">\r\n    <div class=\"expiration-message\">\r\n      <p>\r\n        Aviso\r\n        <br>\r\n        Esta propiedad expirar\u00E1 el {{info.endPublishDate | libFormatDate : true : 'dd/MM/yyyy'}}\r\n      </p>\r\n    </div>\r\n  </ng-template>\r\n  <a routerLink=\"{{href || '/'}}\" [queryParams]=\"queryParams || null\" [target]=\"target || null\"\r\n     [state]=\"state || null\"\r\n     class=\"property-card__image\" (mouseover)=\"onFrontImageOver()\"\r\n     (mouseleave)=\"onFrontImageLeave()\">\r\n    <img [src]=\"info.image\" alt=\"Property image\" libImageError [typeImage]=\"info.type\">\r\n    <ng-template [ngIf]=\"mode === 'summary'\">\r\n      <div class=\"property-card__body-summary\">\r\n        <h2 class=\"color--white property-card__price\">\r\n          {{info.price | currency}} {{info.currency}}\r\n        </h2>\r\n        <p class=\"color--white property-card__type\">\r\n          {{info.type | propertyType}} {{info.offering | offeringType}}\r\n        </p>\r\n        <p class=\"color--white property-card__address body-summary__address\">\r\n          {{info.address.colony}}, {{info.address.city}}\r\n        </p>\r\n      </div>\r\n    </ng-template>\r\n  </a>\r\n  <ng-template [ngIf]=\"mode === 'full'\">\r\n    <div class=\"property-card__body\">\r\n      <div class=\"property-card__location-title\">\r\n        <h2 class=\"property-card__price\">\r\n          {{info.price | currency : currency : 'symbol' : '1.0-0'}} {{info.currency}}\r\n        </h2>\r\n        <ng-container *ngIf=\"distance !== ''\" >\r\n          <h2 class=\"property-card__location\" [hidden]=\"!distance\">\r\n            {{distance}}\r\n          </h2>\r\n        </ng-container>\r\n      </div>\r\n      <p class=\"property-card__type\">\r\n        {{info.type | propertyType}} {{info.offering | offeringType}}\r\n      </p>\r\n      <p class=\"property-card__address\">\r\n        {{info.address.colony}}, {{info.address.city}}\r\n      </p>\r\n      <ng-template [ngIf]=\"info.features\">\r\n        <div class=\"property-card__features\">\r\n          <ng-template [ngIf]=\"info.features && info.features.bedrooms && info.features.bedrooms > 0\">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-bedroom\"></span>\r\n              {{info.features.bedrooms}}\r\n            </p>\r\n            <span class=\"property-card__divider\"></span>\r\n          </ng-template>\r\n          <ng-template [ngIf]=\"info.features && info.features.bathrooms && info.features.bathrooms > 0 \">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-bathroom\"></span>\r\n              {{info.features.bathrooms}}\r\n            </p>\r\n            <span class=\"property-card__divider\"></span>\r\n          </ng-template>\r\n          <ng-template [ngIf]=\"info.features && info.features.mainArea && info.features.mainArea > 0\">\r\n            <p class=\"property-card__feature\">\r\n              <span class=\"property-card__icon ic-features-surface\"></span>\r\n              {{info.features.mainArea}}\r\n              <ng-template [ngIf]=\"info.features.areaUnit && info.features.areaUnit === 'M2'\"\r\n                           [ngIfElse]=\"ftUnit\">\r\n                m<sup>2</sup>\r\n              </ng-template>\r\n              <ng-template #ftUnit>\r\n                sq ft\r\n              </ng-template>\r\n            </p>\r\n          </ng-template>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n",
+                        styles: [":host{display:block;width:calc(100% - 16px);margin:16px auto;border-radius:16px}.property-card{width:100%;border-radius:16px;position:relative}.property-card__favorite{position:absolute;top:4px;right:4px;border-radius:50%;z-index:1;width:40px;height:40px;display:flex}.favorite__button{margin:auto}.expiration-message{position:absolute;top:0;background-color:#fff;width:100%;height:80px;z-index:1;text-align:center;color:red;font-size:16px;margin:auto}.property-card__discard{position:absolute;right:8px;bottom:8px;z-index:1;width:40px;height:40px;border-radius:16px;display:flex}.discard__button{margin:auto}.property-card__image{width:100%;border-radius:16px;padding-bottom:calc(100% / 4 * 3);position:relative;text-decoration:none;display:block}.property-card__image:hover{width:calc(100% - 6px);padding-bottom:calc((100% - 6px)/ 4 * 3)}.property-card__image img{border-radius:16px;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.property-card__body{padding:8px;box-sizing:border-box}.property-card__body-summary{padding:8px;box-sizing:border-box;position:absolute;bottom:0;width:100%;border-radius:16px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.body-summary__address{width:80%!important}.property-card__location-title{display:flex;width:100%;flex-direction:row;flex-wrap:wrap}.property-card__location{font-size:12px;margin:4px;color:#707070}@media (min-width:1200px){.property-card__location{font-size:14px}}.property-card__location:empty{width:60%;height:14px;background:#e0e0e0;border-radius:16px}.property-card__price{margin:3px 0;font-size:16px}.property-card__price:empty{width:60%;height:16px;background:#e0e0e0;border-radius:16px}.property-card__type{margin:3px 0}.property-card__type:empty{width:70%;height:16px;border-radius:16px;background:#e0e0e0}.property-card__address{margin:3px 0;color:#707070;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.property-card__address:empty{width:80%;height:16px;border-radius:16px;background:#e0e0e0}.property-card__features{display:flex;margin:6px 0 0}.property-card__feature{margin:0 8px 0 0;display:flex;align-items:center;font-size:12px;color:#707070}.property-card__divider{display:block;margin:auto 8px;width:1px;height:16px;background:#9e9e9e}.property-card__icon{width:24px;height:24px;font-size:24px;margin:0 4px 0 0;color:#bdbdbd}"]
                     }] }
         ];
         /** @nocollapse */
@@ -7359,6 +7364,7 @@
             target: [{ type: core.Input }],
             queryParams: [{ type: core.Input }],
             state: [{ type: core.Input }],
+            showAlert: [{ type: core.Input }],
             positionLatLng: [{ type: core.Input }],
             isFavorite: [{ type: core.Input }],
             currency: [{ type: core.Input }],
@@ -7406,7 +7412,8 @@
                             OfferingTypeModule,
                             ImageErrorModule,
                             icon.MatIconModule,
-                            button.MatButtonModule
+                            button.MatButtonModule,
+                            FormatDateModule
                         ],
                         declarations: [
                             PropertyCardComponent