@maplander/components 0.21.71 → 0.21.72
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
|
@@ -2602,7 +2602,7 @@
|
|
|
2602
2602
|
FabFiltersComponent.decorators = [
|
|
2603
2603
|
{ type: core.Component, args: [{
|
|
2604
2604
|
selector: 'lib-fab-filters',
|
|
2605
|
-
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",
|
|
2605
|
+
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",
|
|
2606
2606
|
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}"]
|
|
2607
2607
|
}] }
|
|
2608
2608
|
];
|
|
@@ -2613,6 +2613,7 @@
|
|
|
2613
2613
|
{ type: FiltersService }
|
|
2614
2614
|
]; };
|
|
2615
2615
|
FabFiltersComponent.propDecorators = {
|
|
2616
|
+
isMobile: [{ type: core.Input }],
|
|
2616
2617
|
isOPI: [{ type: core.Input }],
|
|
2617
2618
|
mlsLabel: [{ type: core.Input }],
|
|
2618
2619
|
filterDeleted: [{ type: core.Output }]
|