@maplander/components 0.21.72 → 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 +1 -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 +2 -2
- package/esm5/lib/components/fab-filters/fab-filters.component.js +2 -2
- package/fesm2015/maplander-components.js +1 -1
- package/fesm2015/maplander-components.js.map +1 -1
- package/fesm5/maplander-components.js +1 -1
- package/fesm5/maplander-components.js.map +1 -1
- 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 *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=\"
|
|
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
|
];
|