@ascentgl/ads-ui 20.0.3 → 20.0.6

package/fesm2022/ascentgl-ads-ui-src-lib-components-map.mjs

@@ -0,0 +1,439 @@
+import * as i0 from '@angular/core';
+import { input, computed, inject, Component, ElementRef, ApplicationRef, effect, createComponent, inputBinding, createEnvironmentInjector, HostListener, signal, Injectable, model, viewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/google-maps';
+import { GoogleMap, MapDirectionsRenderer, MapAdvancedMarker } from '@angular/google-maps';
+import { Loader } from '@googlemaps/js-api-loader';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AdsMapMarkerTooltipComponent {
+    constructor() {
+        this.index = input.required();
+        this.marker = computed(() => this.mapMarkersService.markers().at(this.index()));
+        this.mapMarkersService = inject(MapMarkersService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapMarkerTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: AdsMapMarkerTooltipComponent, isStandalone: false, selector: "ads-map-marker-tooltip", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<span>{{ marker().description }}</span>\n<br>\n<button [type]=\"'button'\">Go somewhere</button>\n", styles: [":host{background-color:#000;color:#fff;position:absolute}button{margin:5px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapMarkerTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-map-marker-tooltip', standalone: false, template: "<span>{{ marker().description }}</span>\n<br>\n<button [type]=\"'button'\">Go somewhere</button>\n", styles: [":host{background-color:#000;color:#fff;position:absolute}button{margin:5px}\n"] }]
+        }] });
+
+class MapHelper {
+    static activateMarker(markers, index) {
+        if (markers().at(index)?.active)
+            return;
+        markers.update((markers) => {
+            return markers.map((marker, markerindex) => {
+                return {
+                    ...marker,
+                    ...{
+                        active: markerindex === index,
+                    },
+                };
+            });
+        });
+    }
+}
+
+class AdsMapMarkerComponent {
+    constructor() {
+        this.index = input.required();
+        this.marker = computed(() => this.mapMarkersService.markers().at(this.index()));
+        this.container = input.required();
+        this.element = null;
+        this.parentElement = null;
+        this.uniqueIdentifier = '';
+        this.mapMarkersService = inject(MapMarkersService);
+        this.ref = inject((ElementRef));
+        this.appRef = inject(ApplicationRef);
+        effect(() => {
+            if (this.marker().active) {
+                this.getElement()?.classList.add('active');
+            }
+            else {
+                this.getElement()?.classList.remove('active');
+            }
+        });
+    }
+    ngOnInit() {
+        this.uniqueIdentifier = `ads-map-marker_${this.index()}`;
+        this.ref.nativeElement.classList.add(this.uniqueIdentifier);
+    }
+    onClick() {
+        MapHelper.activateMarker(this.mapMarkersService.markers, this.index());
+    }
+    onMouseEnter() {
+        this.tooltipRef = createComponent(AdsMapMarkerTooltipComponent, {
+            environmentInjector: createEnvironmentInjector([
+                {
+                    provide: MapMarkersService,
+                    useValue: this.mapMarkersService,
+                },
+            ], this.appRef.injector),
+            bindings: [inputBinding('index', () => this.index())],
+        });
+        this.ref.nativeElement.append(this.tooltipRef.location.nativeElement);
+        this.tooltipRef.changeDetectorRef.detectChanges();
+        this.setParentZIndex(1000);
+    }
+    onMouseLeave() {
+        this.setParentZIndex(0);
+        this.ref.nativeElement.removeChild(this.tooltipRef?.location.nativeElement);
+        this.tooltipRef?.destroy();
+    }
+    getElement() {
+        if (!this.element) {
+            this.element = this.container().querySelector(`.${this.uniqueIdentifier} .marker`);
+        }
+        return this.element;
+    }
+    getParentElement() {
+        if (!this.parentElement) {
+            this.parentElement = this.getElement()?.parentElement?.parentElement ?? null;
+        }
+        return this.parentElement;
+    }
+    setParentZIndex(index) {
+        const parent = this.getParentElement();
+        if (parent) {
+            parent.style.zIndex = index.toString();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: AdsMapMarkerComponent, isStandalone: false, selector: "ads-map-marker", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "<div class=\"marker\" [class.active]=\"marker().active\">\n  <img src=\"https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png\" alt=\"point\" />\n</div>\n\n\n", styles: [".active{border:solid 2px red}:host{cursor:pointer}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapMarkerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-map-marker', standalone: false, template: "<div class=\"marker\" [class.active]=\"marker().active\">\n  <img src=\"https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png\" alt=\"point\" />\n</div>\n\n\n", styles: [".active{border:solid 2px red}:host{cursor:pointer}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class MapMarkersService {
+    constructor() {
+        this.markers = signal([]);
+        this.markerOptions = signal([]);
+        this.appRef = inject(ApplicationRef);
+        effect(() => {
+            this.markerOptions.set(this.markers().map((marker, index) => {
+                return {
+                    title: marker.title,
+                    position: marker.position,
+                    content: this.createMarkerComponent(index),
+                };
+            }));
+        });
+    }
+    createMarkerComponent(index) {
+        const componentRef = createComponent(AdsMapMarkerComponent, {
+            environmentInjector: createEnvironmentInjector([
+                {
+                    provide: MapMarkersService,
+                    useValue: this,
+                },
+            ], this.appRef.injector),
+            bindings: [inputBinding('index', () => index), inputBinding('container', () => this.container)],
+        });
+        componentRef.changeDetectorRef.detectChanges();
+        return componentRef.location.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapMarkersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapMarkersService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapMarkersService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class MapOptionsService {
+    constructor() {
+        this.options = signal({});
+        this.center = computed(() => {
+            const center = this.mapMarkersService.markers().find((marker) => marker.active)?.position;
+            if (center) {
+                return center;
+            }
+            return this.mapOptions().center;
+        });
+        this.mapOptions = computed(() => {
+            return { ...this.defaultMapOptions, ...this.options() };
+        });
+        this.defaultMapOptions = {
+            center: { lat: 40.73061, lng: -73.935242 },
+            zoom: 13,
+            mapTypeControl: false,
+            streetViewControl: false,
+        };
+        this.mapMarkersService = inject(MapMarkersService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapOptionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapOptionsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapOptionsService, decorators: [{
+            type: Injectable
+        }] });
+
+class MapLoaderService {
+    constructor() {
+        this.loader = new Loader({
+            apiKey: 'AIzaSyDy2j_-0JSJrFCFTDfPozh0DHTAytfxNSU', // 🔑 Replace with your key
+            version: 'weekly', // or 'beta' if using AdvancedMarkerElement
+            libraries: ['core', 'routes'], // if needed for advanced features
+        });
+        this.isLoaded = false;
+    }
+    async load() {
+        if (!this.isLoaded) {
+            await this.loader.importLibrary('core');
+            await this.loader.importLibrary('routes');
+            return window.google;
+        }
+        return Promise.resolve(window.google);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapLoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var CustomMapTypeId;
+(function (CustomMapTypeId) {
+    CustomMapTypeId["CUSTOM_LIGHT"] = "customLight";
+    CustomMapTypeId["CUSTOM_DARK"] = "customDark";
+})(CustomMapTypeId || (CustomMapTypeId = {}));
+
+class MapConstructorService {
+    constructor() {
+        this.mapTypeId = signal(CustomMapTypeId.CUSTOM_LIGHT);
+        this.isLoaded = signal(false);
+        this.map = signal(undefined);
+        this.lightStyles = [
+            {
+                elementType: 'geometry',
+                stylers: [{ color: '#b2b6c6' }],
+            },
+            {
+                featureType: 'water',
+                elementType: 'geometry',
+                stylers: [{ color: '#017d93' }],
+            },
+            {
+                featureType: 'road',
+                elementType: 'geometry',
+                stylers: [{ color: '#041f41' }],
+            },
+            {
+                featureType: 'poi',
+                elementType: 'all',
+                stylers: [{ visibility: 'off' }],
+            },
+        ];
+        this.darkStyles = [
+            {
+                elementType: 'geometry',
+                stylers: [{ color: '#041f41' }],
+            },
+            {
+                featureType: 'water',
+                elementType: 'geometry',
+                stylers: [{ color: '#366d9e' }],
+            },
+            {
+                featureType: 'road',
+                elementType: 'geometry',
+                stylers: [{ color: '#b2b6c6' }],
+            },
+            {
+                featureType: 'poi',
+                elementType: 'all',
+                stylers: [{ visibility: 'off' }],
+            },
+        ];
+        this.mapsLoader = inject(MapLoaderService);
+        const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        if (isDarkMode) {
+            this.mapTypeId.set(CustomMapTypeId.CUSTOM_DARK);
+        }
+        this.configure();
+    }
+    configure() {
+        this.mapsLoader.load().then(() => {
+            const styledMapTypeLight = new google.maps.StyledMapType(this.lightStyles);
+            const styledMapTypeDark = new google.maps.StyledMapType(this.darkStyles);
+            this.isLoaded.set(true);
+            setTimeout(() => {
+                const map = this.map();
+                if (map) {
+                    map.controls[google.maps.ControlPosition.TOP_CENTER].push(this.createCenterControl());
+                    map.mapTypes.set(CustomMapTypeId.CUSTOM_DARK, styledMapTypeDark);
+                    map.mapTypes.set(CustomMapTypeId.CUSTOM_LIGHT, styledMapTypeLight);
+                }
+            });
+        });
+    }
+    createCenterControl() {
+        const controlButton = document.createElement('button');
+        // Set CSS for the control.
+        controlButton.style.backgroundColor = '#fff';
+        controlButton.style.border = '2px solid #fff';
+        controlButton.style.borderRadius = '3px';
+        controlButton.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
+        controlButton.style.color = 'rgb(25,25,25)';
+        controlButton.style.cursor = 'pointer';
+        controlButton.style.fontFamily = 'Roboto,Arial,sans-serif';
+        controlButton.style.fontSize = '16px';
+        controlButton.style.lineHeight = '38px';
+        controlButton.style.margin = '8px 0 22px';
+        controlButton.style.padding = '0 5px';
+        controlButton.style.textAlign = 'center';
+        controlButton.textContent = 'Toggle Theme';
+        controlButton.title = 'Click to recenter the map';
+        controlButton.type = 'button';
+        controlButton.addEventListener('click', () => {
+            this.toggleTheme();
+        });
+        return controlButton;
+    }
+    toggleTheme() {
+        if (this.mapTypeId() === CustomMapTypeId.CUSTOM_DARK) {
+            this.mapTypeId.set(CustomMapTypeId.CUSTOM_LIGHT);
+        }
+        else {
+            this.mapTypeId.set(CustomMapTypeId.CUSTOM_DARK);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapConstructorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapConstructorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapConstructorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class MapDirectionsService {
+    constructor() {
+        this.directions = signal(null);
+        effect(() => {
+            if (this.directions()) {
+                // const directionsService = new google.maps.DirectionsService();
+                // directionsService
+                //   .route(
+                //     {
+                //       origin: origin,
+                //       destination: destination,
+                //       travelMode: google.maps.TravelMode.DRIVING,
+                //     },
+                //     (response, status) => {
+                //       if (status === google.maps.DirectionsStatus.OK) {
+                //         this.directions.set(response);
+                //       } else {
+                //         console.error('Directions request failed due to ' + status);
+                //       }
+                //     },
+                //   )
+                //   .then();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapDirectionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapDirectionsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapDirectionsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class MapPolylineService {
+    constructor() {
+        this.markers = signal([]);
+        this.map = signal(undefined);
+        this.polyline = signal(undefined);
+        effect(() => {
+            const map = this.map();
+            if (map) {
+                const path = this.markers().map((marker) => {
+                    return {
+                        lat: marker.position.lat,
+                        lng: marker.position.lng,
+                    };
+                });
+                this.polyline.set(new google.maps.Polyline({
+                    path,
+                    geodesic: true,
+                    strokeColor: '#FF0000',
+                    strokeOpacity: 1.0,
+                    strokeWeight: 2,
+                }));
+                if (map.googleMap) {
+                    this.polyline()?.setMap(map.googleMap);
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapPolylineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapPolylineService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MapPolylineService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AdsMapComponent {
+    constructor() {
+        this.markers = model([]);
+        this.map = viewChild(GoogleMap);
+        this.mapOptionsService = inject(MapOptionsService);
+        this.mapMarkersService = inject(MapMarkersService);
+        this.mapDirectionsService = inject(MapDirectionsService);
+        this.mapPolylineService = inject(MapPolylineService);
+        this.mapConstructorService = inject(MapConstructorService);
+        this.ref = inject((ElementRef));
+        this.mapMarkersService.markers = this.markers;
+        this.mapMarkersService.container = this.ref.nativeElement;
+        this.mapPolylineService.markers = this.markers;
+        this.mapPolylineService.map = this.map;
+        this.mapConstructorService.map = this.map;
+    }
+    getMapTypeId() {
+        return this.mapConstructorService.mapTypeId();
+    }
+    getIsLoaded() {
+        return this.mapConstructorService.isLoaded();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AdsMapComponent, isStandalone: false, selector: "ads-map", inputs: { markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { markers: "markersChange" }, providers: [MapOptionsService, MapMarkersService, MapConstructorService, MapDirectionsService, MapPolylineService], viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true, isSignal: true }], ngImport: i0, template: "@if (this.getIsLoaded()) {\n  {{mapMarkersService.markers()|json}}\n  <google-map [mapTypeId]=\"getMapTypeId()\" [mapId]=\"'test'\"\n              [options]=\"mapOptionsService.mapOptions()\" [center]=\"mapOptionsService.center()!\">\n    @if (mapDirectionsService.directions()) {\n      <map-directions-renderer [directions]=\"mapDirectionsService.directions()!\" />\n    }\n    @for (marker of mapMarkersService.markerOptions(); track $index) {\n      <map-advanced-marker [options]=\"marker\" />\n    }\n  </google-map>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1.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: i1.MapDirectionsRenderer, selector: "map-directions-renderer", inputs: ["directions", "options"], outputs: ["directionsChanged", "directionsRendererInitialized"], exportAs: ["mapDirectionsRenderer"] }, { kind: "directive", type: i1.MapAdvancedMarker, selector: "map-advanced-marker", inputs: ["title", "position", "content", "gmpDraggable", "options", "zIndex"], outputs: ["mapClick", "mapDblclick", "mapMouseout", "mapMouseover", "mapMouseup", "mapRightclick", "mapDrag", "mapDragend", "mapDragstart", "markerInitialized"], exportAs: ["mapAdvancedMarker"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-map', standalone: false, providers: [MapOptionsService, MapMarkersService, MapConstructorService, MapDirectionsService, MapPolylineService], template: "@if (this.getIsLoaded()) {\n  {{mapMarkersService.markers()|json}}\n  <google-map [mapTypeId]=\"getMapTypeId()\" [mapId]=\"'test'\"\n              [options]=\"mapOptionsService.mapOptions()\" [center]=\"mapOptionsService.center()!\">\n    @if (mapDirectionsService.directions()) {\n      <map-directions-renderer [directions]=\"mapDirectionsService.directions()!\" />\n    }\n    @for (marker of mapMarkersService.markerOptions(); track $index) {\n      <map-advanced-marker [options]=\"marker\" />\n    }\n  </google-map>\n}\n" }]
+        }], ctorParameters: () => [] });
+
+class AdsMapModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AdsMapModule, declarations: [AdsMapComponent, AdsMapMarkerComponent, AdsMapMarkerTooltipComponent], imports: [CommonModule, GoogleMap, MapDirectionsRenderer, MapAdvancedMarker], exports: [AdsMapComponent, AdsMapMarkerComponent, AdsMapMarkerTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapModule, imports: [CommonModule, GoogleMap] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdsMapModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsMapComponent, AdsMapMarkerComponent, AdsMapMarkerTooltipComponent],
+                    imports: [CommonModule, GoogleMap, MapDirectionsRenderer, MapAdvancedMarker],
+                    exports: [AdsMapComponent, AdsMapMarkerComponent, AdsMapMarkerTooltipComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsMapComponent, AdsMapMarkerComponent, AdsMapMarkerTooltipComponent, AdsMapModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-map.mjs.map