@maplander/components 0.21.71 → 0.21.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/maplander-components.umd.js +2 -1
- package/bundles/maplander-components.umd.js.map +1 -1
- package/bundles/maplander-components.umd.min.js +1 -1
- package/bundles/maplander-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/fab-filters/fab-filters.component.js +5 -2
- package/esm5/lib/components/fab-filters/fab-filters.component.js +5 -2
- package/fesm2015/maplander-components.js +2 -1
- package/fesm2015/maplander-components.js.map +1 -1
- package/fesm5/maplander-components.js +2 -1
- package/fesm5/maplander-components.js.map +1 -1
- package/lib/components/fab-filters/fab-filters.component.d.ts +1 -0
- package/maplander-components.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -2590,7 +2590,7 @@ var FabFiltersComponent = /** @class */ (function () {
|
|
|
2590
2590
|
FabFiltersComponent.decorators = [
|
|
2591
2591
|
{ type: Component, args: [{
|
|
2592
2592
|
selector: 'lib-fab-filters',
|
|
2593
|
-
template: "<div class=\"fab-filters\">\r\n <mat-form-field appearance=\"outline\" class=\"btn_filters\" (click)=\"openFilters()\">\r\n <mat-label>M\u00E1s Filtros</mat-label>\r\n <input matInput readonly>\r\n <mat-icon matSuffix>tune</mat-icon>\r\n </mat-form-field>\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",
|
|
2593
|
+
template: "<div class=\"fab-filters\">\r\n <mat-form-field *ngIf=\"!isMobile\" appearance=\"outline\" class=\"btn_filters\" (click)=\"openFilters()\">\r\n <mat-label>M\u00E1s Filtros</mat-label>\r\n <input matInput readonly>\r\n <mat-icon matSuffix>tune</mat-icon>\r\n </mat-form-field>\r\n <button *ngIf=\"isMobile\" mat-icon-button color=\"primary\" (click)=\"openFilters()\">\r\n <mat-icon>tune</mat-icon>\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",
|
|
2594
2594
|
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}"]
|
|
2595
2595
|
}] }
|
|
2596
2596
|
];
|
|
@@ -2601,6 +2601,7 @@ var FabFiltersComponent = /** @class */ (function () {
|
|
|
2601
2601
|
{ type: FiltersService }
|
|
2602
2602
|
]; };
|
|
2603
2603
|
FabFiltersComponent.propDecorators = {
|
|
2604
|
+
isMobile: [{ type: Input }],
|
|
2604
2605
|
isOPI: [{ type: Input }],
|
|
2605
2606
|
mlsLabel: [{ type: Input }],
|
|
2606
2607
|
filterDeleted: [{ type: Output }]
|