@maplander/components 0.21.76 → 0.21.77

package/esm5/lib/components/property/components/slideshow/slide-show.component.js

@@ -95,7 +95,7 @@ var SlideShowComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'lib-property-slide-show',
                     template: "<div class=\"slide-show\">\r\n  <div class=\"slide-show__actions\">\r\n    <ng-container [ngTemplateOutlet]=\"customActions\"></ng-container>\r\n    <p class=\"actions__count\" *ngIf=\"multimedia && multimedia.length > 0\">\r\n      {{index + 1}}/{{count}}\r\n    </p>\r\n  </div>\r\n  <button mat-button=\"\" class=\"button-previous\" [ngClass]=\"{'disabled':index===0}\" [disabled]=\"index===0\"\r\n          (click)=\"moveImage()\" (keyup.arrowLeft)=\"moveImage()\">\r\n    <mat-icon>keyboard_arrow_left</mat-icon>\r\n  </button>\r\n  <ul class=\"images-list\" #slider [ngStyle]=\"{'width':'calc(100% *' + count + ')'}\">\r\n    <ng-template [ngIf]=\"multimedia && multimedia.length > 0\">\r\n      <ng-container *ngFor=\"let m of multimedia\">\r\n        <li class=\"images-item\" [ngStyle]=\"{'width':'calc(100% /' + count + ')'}\">\r\n          <ng-container [ngSwitch]=\"m.type\">\r\n            <ng-container *ngSwitchCase=\"'IMAGE'\">\r\n              <img class=\"images-item__img\" [src]=\"m.fileCS.thumbnail\" alt=\"Property image\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'SPHERIC'\">\r\n              <lib-panorama-visor class=\"images-item__panorama\" [url]=\"m.fileCS.thumbnail\"></lib-panorama-visor>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'VIDEO'\">\r\n              <iframe class=\"images-item__video\"\r\n                      [src]=\"'https://www.youtube.com/embed/' + m.fileCS.thumbnail | safeUrl\"></iframe>\r\n            </ng-container>\r\n          </ng-container>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"multimedia && multimedia.length === 0\">\r\n      <div class=\"no-items\"></div>\r\n    </ng-template>\r\n  </ul>\r\n  <button mat-button=\"\" class=\"button-next\" [disabled]=\"multimedia.length === 0\" (click)=\"moveImage(true)\" (keyup.arrowRight)=\"moveImage(true)\">\r\n    <mat-icon>keyboard_arrow_right</mat-icon>\r\n  </button>\r\n</div>\r\n",
-                    styles: [":host{display:block;position:relative;width:100%;padding-bottom:75%}.slide-show{width:100%;height:100%;overflow:hidden;position:absolute}.slide-show__actions{position:absolute;bottom:0;left:0;right:0;width:100%;color:#fff;padding:8px 24px;z-index:2;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;background:linear-gradient(transparent,rgba(0,0,0,.4))}.actions__count{margin:4px 0 0 8px;font-size:14px}.images-list{width:100%;height:100%;list-style:none;padding:0;margin:0;display:flex;overflow:hidden;transition:250ms}.images-item{width:100%;height:100%}.images-item__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.images-item__panorama,.images-item__video{width:100%;height:100%;border:0;border-radius:8px}.button-next,.button-previous{position:absolute;min-width:30px;width:30px;height:80px;padding:0;z-index:1;color:#fff;top:calc(50% - 40px);background:rgba(0,0,0,.3)}.button-next mat-icon,.button-previous mat-icon{width:30px;height:30px;font-size:30px}.button-next:hover,.button-previous:hover{color:#000;background:#fff}.disabled{color:#d3d3d3}.button-previous{left:0;border-radius:0 16px 16px 0}.button-next{right:0;border-radius:16px 0 0 16px}.no-items{width:100%;height:100%;border-radius:8px}"]
+                    styles: [":host{display:block;position:relative;width:100%;padding-bottom:calc(100% / 4 * 3)}.slide-show{width:100%;height:100%;overflow:hidden;position:absolute}.slide-show__actions{position:absolute;bottom:0;left:0;right:0;width:100%;color:#fff;padding:8px 24px;z-index:2;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;background:linear-gradient(transparent,rgba(0,0,0,.4))}.actions__count{margin:4px 0 0 8px;font-size:14px}.images-list{width:100%;height:100%;list-style:none;padding:0;margin:0;display:flex;overflow:hidden;transition:250ms}.images-item{width:100%;height:100%}.images-item__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.images-item__panorama,.images-item__video{width:100%;height:100%;border:0;border-radius:8px}.button-next,.button-previous{position:absolute;min-width:30px;width:30px;height:80px;padding:0;z-index:1;color:#fff;top:calc(50% - 40px);background:rgba(0,0,0,.3)}.button-next mat-icon,.button-previous mat-icon{width:30px;height:30px;font-size:30px}.button-next:hover,.button-previous:hover{color:#000;background:#fff}.disabled{color:#d3d3d3}.button-previous{left:0;border-radius:0 16px 16px 0}.button-next{right:0;border-radius:16px 0 0 16px}.no-items{width:100%;height:100%;border-radius:8px}"]
                 }] }
     ];
     /** @nocollapse */

package/esm5/lib/components/property/components/stats/stats.component.js

@@ -32,7 +32,7 @@ var StatsComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: 'lib-stats',
                     template: "<div class=\"stats\">\r\n  <mat-toolbar class=\"stats__toolbar\" color=\"primary\">\r\n    Estad\u00EDsticas\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <div class=\"stats__content\">\r\n    <div class=\"content__stat\">\r\n      <div class=\"stat__icon-container\">\r\n        <mat-icon>visibility</mat-icon>\r\n      </div>\r\n      <p class=\"stat__count\">\r\n        {{data.views ? data.views['RV']  || 0 : 0}}\r\n      </p>\r\n      <p class=\"stat__label\">\r\n        Vistas en Renta o Venta\r\n      </p>\r\n      <div class=\"stat__app-icon\">\r\n        <img alt=\"Renta o Venta logo\" class=\"app-icon__img\" src=\"https://storage.googleapis.com/maplander-develop/public/file/front-end/email/rentaoventa.png\">\r\n      </div>\r\n    </div>\r\n    <div class=\"content__stat\">\r\n      <div class=\"stat__icon-container\">\r\n        <mat-icon>visibility</mat-icon>\r\n      </div>\r\n      <p class=\"stat__count\">\r\n        {{data.views ? data.views['FIABCI'] || 0 : 0}}\r\n      </p>\r\n      <p class=\"stat__label\">\r\n        Vistas en GlobalMLS\r\n      </p>\r\n      <div class=\"stat__app-icon\">\r\n        <img alt=\"GlobalMLS logo\" class=\"app-icon__img\" src=\"https://storage.googleapis.com/maplander-develop/public/file/front-end/email/globalmls.png\">\r\n      </div>\r\n    </div>\r\n    <div class=\"content__stat\">\r\n      <div class=\"stat__icon-container\">\r\n        <mat-icon>favorite</mat-icon>\r\n      </div>\r\n      <p class=\"stat__count\">\r\n        {{data.favorites || 0}}\r\n      </p>\r\n      <p class=\"stat__label\">\r\n        Veces a\u00F1adida a favoritos\r\n      </p>\r\n    </div>\r\n    <div class=\"content__stat\">\r\n      <div class=\"stat__icon-container\">\r\n        <mat-icon>share</mat-icon>\r\n      </div>\r\n      <p class=\"stat__count\">\r\n        {{data.shared || 0}}\r\n      </p>\r\n      <p class=\"stat__label\">\r\n        Veces compartida\r\n      </p>\r\n    </div>\r\n    <div class=\"content__stat\">\r\n      <div class=\"stat__icon-container\">\r\n        <mat-icon>assignment</mat-icon>\r\n      </div>\r\n      <p class=\"stat__count\">\r\n        {{data.requests || 0}}\r\n      </p>\r\n      <p class=\"stat__label\">\r\n        Solicitudes de informaci\u00F3n\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: ["::ng-deep .stats-panel-class{width:30%;height:80%}::ng-deep .stats-panel-class mat-dialog-container{padding:0;overflow:hidden}@media screen and (max-width:600px){::ng-deep .stats-panel-class{min-width:90%!important}}:host{display:block;width:100%;height:100%}.stats{width:100%;height:100%;overflow:auto}.stats__toolbar{width:100%;height:64px;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;justify-content:space-between}.stats__content{padding:16px;box-sizing:content-box;display:-ms-grid;display:grid;-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}.content__stat{border:1px solid #000;border-radius:8px;padding:16px;box-sizing:content-box;position:relative;margin:0 16px 16px 0}.stat__icon-container{position:absolute;top:16px;right:16px}.stat__app-icon{position:absolute;bottom:16px;right:16px}.app-icon__img{width:24px;height:24px;border-radius:4px}.stat__count{font-size:32px;font-weight:700;margin:0 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat__label{width:80%;margin:0}"]
+                    styles: ["::ng-deep .stats-panel-class{width:30%;height:80%}::ng-deep .stats-panel-class mat-dialog-container{padding:0;overflow:hidden}@media screen and (max-width:600px){::ng-deep .stats-panel-class{min-width:90%!important}}:host{display:block;width:100%;height:100%}.stats{width:100%;height:100%;overflow:auto}.stats__toolbar{width:100%;height:64px;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;justify-content:space-between}.stats__content{padding:16px;box-sizing:content-box;display:-ms-grid;display:grid;-ms-grid-columns:(calc(50%))[2];grid-template-columns:repeat(2,calc(50%))}.content__stat{border:1px solid #000;border-radius:8px;padding:16px;box-sizing:content-box;position:relative;margin:0 16px 16px 0}.stat__icon-container{position:absolute;top:16px;right:16px}.stat__app-icon{position:absolute;bottom:16px;right:16px}.app-icon__img{width:24px;height:24px;border-radius:4px}.stat__count{font-size:32px;font-weight:700;margin:0 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat__label{width:80%;margin:0}"]
                 }] }
     ];
     /** @nocollapse */

package/esm5/lib/components/property-card/property-card.component.js

@@ -147,7 +147,7 @@ var PropertyCardComponent = /** @class */ (function () {
         { type: 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  <ng-template [ngIf]=\"isOPI && showAlert\">\r\n    <div class=\"expiration-message\">\r\n      <p>\r\n        Aviso\r\n        <br>\r\n        Este anuncio expira 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;opacity:.9}.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:75%;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}"]
+                    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;opacity:.9}.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 */