ca-components 1.3.34 → 1.3.36

package/esm2022/lib/components/ca-map/ca-map.component.mjs

@@ -339,7 +339,7 @@ export class CaMapComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.MapMarkerIconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track trackByPosition($index, clusterMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true],.marker-label{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#dadada}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px;pointer-events:none}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaMapComponent, isStandalone: true, selector: "app-ca-map", inputs: { data: "data" }, outputs: { resetSelectedMarkerItem: "resetSelectedMarkerItem", clusterMarkerClick: "clusterMarkerClick", clusterListScrollEvent: "clusterListScrollEvent", getInfoWindowData: "getInfoWindowData", boundsChanged: "boundsChanged", openInMapEvent: "openInMapEvent" }, viewQueries: [{ propertyName: "maps", first: true, predicate: GoogleMap, descendants: true }, { propertyName: "markerDropdown", first: true, predicate: ["markerDropdown"], descendants: true }, { propertyName: "clusterDropdown", first: true, predicate: ["clusterDropdown"], descendants: true }], ngImport: i0, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track trackByPosition($index, clusterMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true],.marker-label{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px;pointer-events:none}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Modules
                 GoogleMapsModule }, { kind: "component", type: i2.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i2.MapCircle, selector: "map-circle", inputs: ["options", "center", "radius"], outputs: ["centerChanged", "circleClick", "circleDblclick", "circleDrag", "circleDragend", "circleDragstart", "circleMousedown", "circleMousemove", "circleMouseout", "circleMouseover", "circleMouseup", "radiusChanged", "circleRightclick", "circleInitialized"], exportAs: ["mapCircle"] }, { kind: "directive", type: i2.MapAdvancedMarker, selector: "map-advanced-marker", inputs: ["title", "position", "content", "gmpDraggable", "options", "zIndex"], outputs: ["mapClick", "mapDrag", "mapDragend", "mapDragstart", "markerInitialized"], exportAs: ["mapAdvancedMarker"] }, { kind: "directive", type: i2.MapPolyline, selector: "map-polyline", inputs: ["options", "path"], outputs: ["polylineClick", "polylineDblclick", "polylineDrag", "polylineDragend", "polylineDragstart", "polylineMousedown", "polylineMousemove", "polylineMouseout", "polylineMouseover", "polylineMouseup", "polylineRightclick", "polylineInitialized"], exportAs: ["mapPolyline"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i4.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i5.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
                 // Components
@@ -356,7 +356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Components
                         CaMapDropdownComponent,
                         CaAppTooltipV2Component,
-                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track trackByPosition($index, clusterMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true],.marker-label{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#dadada}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px;pointer-events:none}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<google-map\n    class=\"position-relative\"\n    [class.dark-mode-map]=\"mapData.darkMode\"\n    height=\"100%\"\n    width=\"100%\"\n    [zoom]=\"mapZoom\"\n    [center]=\"mapCenter\"\n    [options]=\"mapOptions\"\n    (mapInitialized)=\"onMapReady($event)\"\n    [mapId]=\"mapStyleId\"\n>\n    @for (marker of mapData.markers; let i = $index; track marker.data.id) {\n        <map-advanced-marker\n            [position]=\"marker.position\"\n            [content]=\"marker.content\"\n            [zIndex]=\"\n                openedInfoWindowData?.data?.id === marker.data.id ? 999 : i\n            \"\n            (mapClick)=\"onMarkerClick(marker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    <div\n        #markerDropdown\n        class=\"marker-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isMarkerDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isClusterDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @for (\n        clusterMarker of mapData.clusterMarkers;\n        let i = $index;\n        track trackByPosition($index, clusterMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"clusterMarker.position\"\n            [content]=\"clusterMarker.content\"\n            [zIndex]=\"\n                checkInfoWindowPosition(clusterMarker, openedInfoWindowData)\n                    ? 999\n                    : i\n            \"\n            (mapClick)=\"onClusterMarkerClick(clusterMarker)\"\n        >\n        </map-advanced-marker>\n    }\n\n    @for (route of routePolylines; let i = $index; track i) {\n        <map-polyline [options]=\"route\"></map-polyline>\n    }\n\n    <div\n        #clusterDropdown\n        class=\"marker-dropdown cluster-dropdown dropdown-hidden\"\n        [ngClass]=\"{ 'dropdown-hidden': !isClusterDropdownOpen }\"\n    >\n        <app-ca-map-dropdown\n            [infoWindowContent]=\"\n                !isMarkerDropdownOpen\n                    ? openedInfoWindowData?.infoWindowContent\n                    : null\n            \"\n            [markerData]=\"openedInfoWindowData?.data\"\n            (onClusterItemClick)=\"getMarkerInfoWindow($event)\"\n            (onClusterListScrollToEnd)=\"onClusterListScrollToEnd()\"\n            (onBackButtonClick)=\"onClusterBackButtonClick()\"\n        ></app-ca-map-dropdown>\n    </div>\n\n    @if (isAreaFilterActive) {\n        <map-circle\n            [options]=\"areaFilterData.options\"\n            [center]=\"areaFilterData.center\"\n            [radius]=\"areaFilterData.radius\"\n        ></map-circle>\n    }\n\n    @for (\n        routingMarker of mapData.routingMarkers;\n        let i = $index;\n        track trackByPosition($index, routingMarker)\n    ) {\n        <map-advanced-marker\n            [position]=\"routingMarker.position\"\n            [content]=\"routingMarker.content\"\n        >\n        </map-advanced-marker>\n    }\n\n    @if (mapData.isOpenInMapShown) {\n        <div\n            class=\"open-in-map-container d-flex align-items-center justify-content-center\"\n            ngbTooltip\n            mainCaTooltip=\"Open in Map\"\n            tooltipBackground=\"#424242\"\n            position=\"bottom\"\n            (click)=\"onOpenInMap()\"\n        >\n            <svg-icon\n                class=\"d-flex\"\n                src=\"assets/ca-components/svg/common/ic_location_map.svg\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n            ></svg-icon>\n        </div>\n    }\n\n    @if (mapData.isZoomShown) {\n        <div\n            class=\"map-zoom-container d-flex flex-column align-items-end gap-1\"\n            [ngClass]=\"{\n                'flex-column': !mapData.isVerticalZoom,\n                'vertical-zoom-buttons': mapData.isVerticalZoom,\n            }\"\n        >\n            <div\n                class=\"map-zoom-buttons d-flex align-items-center\"\n                [class.flex-column]=\"mapData.isVerticalZoom\"\n            >\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(true)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/popup/Minus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n                <div\n                    class=\"zoom-button-container d-flex align-items-center justify-content-center flex-1\"\n                    (click)=\"onZoomChange(false)\"\n                >\n                    <svg-icon\n                        class=\"d-flex\"\n                        src=\"assets/ca-components/svg/common/ic_plus.svg\"\n                        [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                    ></svg-icon>\n                </div>\n            </div>\n            <div class=\"map-zoom-range d-flex align-items-center\">\n                <div class=\"range-line\"></div>\n                <div class=\"range-text ca-font-medium\">50 mi</div>\n                <div class=\"range-line\"></div>\n            </div>\n        </div>\n    }\n</google-map>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.gm-style-iw-a .gm-style-iw-t .gm-style-iw.gm-style-iw-c{padding:0!important;border-radius:3px!important;top:70px!important;transform:translate(-50%)!important}.gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc{display:none!important}.gm-style div[aria-hidden=true],.marker-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:100px;opacity:1;transition:opacity .2s ease-in-out;text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff;font-size:11px;line-height:12px;text-align:left;font-weight:500;font-family:Montserrat,sans-serif!important;color:#424242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (-webkit-line-clamp: 2){.gm-style div[aria-hidden=true],.marker-label{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.map-zoom-container{position:absolute;right:8px;bottom:16px}.map-zoom-container .map-zoom-buttons{width:52px;min-height:26px;background:#fff;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-buttons .zoom-button-container{height:100%}.map-zoom-container .map-zoom-buttons .zoom-button-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#919191}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover{cursor:pointer}.map-zoom-container .map-zoom-buttons .zoom-button-container:hover svg-icon svg path{fill:#424242}.map-zoom-container .map-zoom-range{gap:2px;background:#fff;padding:0 4px;border-width:3px;border-style:solid;border-color:#eee;border-radius:2px}.map-zoom-container .map-zoom-range .range-text{min-width:fit-content;font-size:8px;line-height:10px;color:#424242;-webkit-user-select:none;user-select:none}.map-zoom-container .map-zoom-range .range-line{width:38px;height:2px;border-radius:1px;background:#919191}.map-zoom-container.vertical-zoom-buttons .map-zoom-range{order:1}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons{order:2;width:26px;min-height:52px}.map-zoom-container.vertical-zoom-buttons .map-zoom-buttons .zoom-button-container:first-child{order:2}.open-in-map-container{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#6c6c6ce6;border-radius:1px}.open-in-map-container svg-icon svg path{transition:fill .2s ease-in-out;fill:#fff}.open-in-map-container:hover{cursor:pointer}.open-in-map-container:hover svg-icon svg path{fill:#fff}.dark-mode-map .map-zoom-container .map-zoom-buttons,.dark-mode-map .map-zoom-range{background:#2f2f2f;border-color:#1d1d1d}.dark-mode-map .map-zoom-range .range-text{color:#fff}.marker-icon{position:relative}.marker-icon .marker-svg{transform:scale(1);transform-origin:center 30px;transition:transform .2s ease-in-out}.marker-icon .marker-svg .outside-circle,.marker-icon .marker-svg .white-circle,.marker-icon .marker-svg .inside-shape{transform-origin:center;transition:transform .2s ease-in-out}.marker-icon .marker-svg .shadow-circle{transition:transform .2s ease-in-out;transform-origin:14px 30px}.marker-icon.selected .marker-svg,.marker-icon.selected-permanently .marker-svg{transform:scale(1.5);transition:transform .2s ease-in-out}.marker-icon.selected .marker-svg .outside-circle,.marker-icon.selected-permanently .marker-svg .outside-circle{transform:scale(1.074)}.marker-icon.selected .marker-svg .white-circle,.marker-icon.selected-permanently .marker-svg .white-circle{transform:scale(.8665)}.marker-icon.selected .marker-svg .shadow-circle,.marker-icon.selected-permanently .marker-svg .shadow-circle{transform:scale(.889,.667)}.marker-icon.selected .marker-label,.marker-icon.selected-permanently .marker-label{opacity:0;pointer-events:none!important}.marker-icon.selected-permanently .marker-label{top:8px;left:calc(100% + 4px)}.marker-icon.selected-permanently:hover .marker-label{opacity:1!important}.marker-dropdown{position:absolute;top:35px;left:50%;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%) scale(1);opacity:1;width:360px;min-height:64px;padding:0;background:#fff;box-shadow:0 0 4px #00000026;border-radius:3px;pointer-events:none}.marker-dropdown.dropdown-hidden{transform:translate(-50%) scale(.5);opacity:0;pointer-events:none!important}.marker-dropdown.cluster-dropdown{top:55px}.cluster-icon{position:relative}.cluster-icon .marker-svg g path{fill:#fff;transition:all .2s ease-in-out}.cluster-icon.selected .marker-svg g path{fill:#fab15c}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.MapMarkerIconService }], propDecorators: { maps: [{
                 type: ViewChild,
                 args: [GoogleMap, { static: false }]