@breadstone/mosaik-elements-foundation 0.0.132 → 0.0.134

package/Controls/Components/Media/Map/MapElement.js

@@ -0,0 +1,214 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Dimensionable } from '../../../Behaviors/Dimensionable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { mapElementTemplate } from './MapElementTemplate';
+import { mapElementCosmopolitanStyle } from './Themes/MapElement.Cosmopolitan';
+import { mapElementJoyStyle } from './Themes/MapElement.Joy';
+import { mapElementRetroStyle } from './Themes/MapElement.Retro';
+import { MapProvider } from '../../../Types/MapProvider';
+import { resolveProviderFactory } from './MapProviders';
+// #endregion
+/**
+ * Map - A map element that can display a location using multiple providers.
+ *
+ * @public
+ */
+let MapElement = class MapElement extends Themeable(Dimensionable(Disableable(CustomElement))) {
+    // #region Fields
+    _latitude;
+    _longitude;
+    _zoom;
+    _type;
+    _label;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._latitude = NaN;
+        this._longitude = NaN;
+        this._zoom = 14;
+        this._type = MapProvider.Default;
+        this._label = '';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Natural tag name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-map';
+    }
+    /**
+     * Latitude in WGS84 (-90..90).
+     *
+     * @public
+     */
+    get latitude() {
+        return this._latitude;
+    }
+    set latitude(value) {
+        if (this._latitude !== value) {
+            this._latitude = value;
+            this.requestUpdate('latitude');
+        }
+    }
+    /**
+     * Longitude in WGS84 (-180..180).
+     *
+     * @public
+     */
+    get longitude() {
+        return this._longitude;
+    }
+    set longitude(value) {
+        if (this._longitude !== value) {
+            this._longitude = value;
+            this.requestUpdate('longitude');
+        }
+    }
+    /**
+     * Zoom level (typical range 1..20).
+     *
+     * @public
+     */
+    get zoom() {
+        return this._zoom;
+    }
+    set zoom(value) {
+        if (!Number.isFinite(value)) {
+            value = 14;
+        }
+        value = Math.max(1, Math.min(20, value));
+        if (this._zoom !== value) {
+            this._zoom = value;
+            this.requestUpdate('zoom');
+        }
+    }
+    /**
+     * Provider type. Supports 'auto' | 'google' | 'openstreetmap' | 'osm' | 'bing'.
+     * When 'auto', defaults to 'openstreetmap'.
+     *
+     * @public
+     */
+    get provider() {
+        return this._type;
+    }
+    set provider(value) {
+        const allowed = new Set(Object.values(MapProvider));
+        const next = allowed.has(value) ? value : MapProvider.Default;
+        if (this._type !== next) {
+            this._type = next;
+            this.requestUpdate('provider');
+        }
+    }
+    /**
+     * Optional label/aria description.
+     *
+     * @public
+     */
+    get label() {
+        return this._label;
+    }
+    set label(value) {
+        if (this._label !== value) {
+            this._label = value;
+            this.requestUpdate('label');
+        }
+    }
+    /**
+     * Returns the resolved provider type (Default → OpenStreetMap).
+     *
+     * @private
+     */
+    get resolvedProvider() {
+        const t = this._type;
+        if (t === MapProvider.Default) {
+            return MapProvider.OpenStreetMap;
+        }
+        return t;
+    }
+    /**
+     * True if current coordinates are valid.
+     *
+     * @private
+     */
+    get hasValidCoordinates() {
+        return Number.isFinite(this._latitude) && Number.isFinite(this._longitude) && this._latitude >= -90 && this._latitude <= 90 && this._longitude >= -180 && this._longitude <= 180;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Returns an embeddable URL for the current provider and coordinates.
+     *
+     * @public
+     */
+    getEmbedUrl() {
+        if (!this.hasValidCoordinates) {
+            return '';
+        }
+        return resolveProviderFactory(this.resolvedProvider)
+            .getEmbedUrl(this._latitude, this._longitude, this._zoom, this._label);
+    }
+};
+__decorate([
+    Property({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], MapElement.prototype, "latitude", null);
+__decorate([
+    Property({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], MapElement.prototype, "longitude", null);
+__decorate([
+    Property({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], MapElement.prototype, "zoom", null);
+__decorate([
+    Property({ type: MapProvider }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], MapElement.prototype, "provider", null);
+__decorate([
+    Property({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], MapElement.prototype, "label", null);
+MapElement = __decorate([
+    Component({
+        selector: 'mosaik-map',
+        template: mapElementTemplate,
+        themes: {
+            joy: mapElementJoyStyle,
+            retro: mapElementRetroStyle,
+            cosmopolitan: mapElementCosmopolitanStyle
+        },
+        host: {
+            role: 'img'
+        }
+    }),
+    __metadata("design:paramtypes", [])
+], MapElement);
+export { MapElement };
+//# sourceMappingURL=MapElement.js.map

package/Controls/Components/Media/Map/MapElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Map/MapElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Map/MapElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { MapElement } from './MapElement';
+/**
+ * The template of the {@link MapElement}.
+ *
+ * @public
+ */
+export declare function mapElementTemplate<T extends MapElement>(e: T): TemplateResult;
+//# sourceMappingURL=MapElementTemplate.d.ts.map

package/Controls/Components/Media/Map/MapElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Map/MapElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAe7E"}

package/Controls/Components/Media/Map/MapElementTemplate.js

@@ -0,0 +1,25 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link MapElement}.
+ *
+ * @public
+ */
+export function mapElementTemplate(e) {
+    const url = e.getEmbedUrl();
+    return html `
+        ${when(url !== '', () => html `
+            <iframe part="map"
+                    src="${url}"
+                    loading="lazy"
+                    referrerpolicy="no-referrer-when-downgrade"
+                    allowfullscreen
+                    width="${e.width}"
+                    height="${e.height}"
+                    aria-label="${e.label || `Map at ${e.latitude}, ${e.longitude}`}"></iframe>
+        `)}
+    `;
+}
+//# sourceMappingURL=MapElementTemplate.js.map

package/Controls/Components/Media/Map/MapElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Map/MapElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAuB,CAAI;IACzD,MAAM,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5B,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;2BAEV,GAAG;;;;6BAID,CAAC,CAAC,KAAK;8BACN,CAAC,CAAC,MAAM;kCACJ,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE;SAC1E,CAAC;KACL,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Map/MapProviders.d.ts

@@ -0,0 +1,46 @@
+import { MapProvider } from '../../../Types/MapProvider';
+/**
+ * IMapProvider - Provider contract for generating an embeddable map URL.
+ *
+ * @public
+ */
+export interface IMapProvider {
+    getEmbedUrl(lat: number, lng: number, zoom: number, label: string): string;
+}
+/**
+ * Creates an OpenStreetMap provider (default).
+ *
+ * @public
+ */
+export declare function createOpenStreetMapProvider(): IMapProvider;
+/**
+ * Creates a Google Maps provider (no API key; basic embed).
+ *
+ * @public
+ */
+export declare function createGoogleProvider(): IMapProvider;
+/**
+ * Creates a Bing Maps provider (no key required for basic embed).
+ *
+ * @public
+ */
+export declare function createBingProvider(): IMapProvider;
+/**
+ * Creates a HERE WeGo provider (basic URL without key).
+ *
+ * @public
+ */
+export declare function createHereProvider(): IMapProvider;
+/**
+ * Creates an Apple Maps provider (basic URL).
+ *
+ * @public
+ */
+export declare function createAppleProvider(): IMapProvider;
+/**
+ * Resolves a provider factory by MapProvider value.
+ *
+ * @public
+ */
+export declare function resolveProviderFactory(provider: MapProvider): IMapProvider;
+//# sourceMappingURL=MapProviders.d.ts.map

package/Controls/Components/Media/Map/MapProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapProviders.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Map/MapProviders.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAIzD;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9E;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,IAAI,YAAY,CAW1D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,YAAY,CAUnD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAYjD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAUjD;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,YAAY,CAUlD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,WAAW,GAAG,YAAY,CAe1E"}

package/Controls/Components/Media/Map/MapProviders.js

@@ -0,0 +1,137 @@
+// #region Imports
+import { MapProvider } from '../../../Types/MapProvider';
+/**
+ * Creates an OpenStreetMap provider (default).
+ *
+ * @public
+ */
+export function createOpenStreetMapProvider() {
+    return {
+        getEmbedUrl: (lat, lng, zoom) => {
+            const bbox = computeOsmBbox(lat, lng, zoom);
+            const u = new URL('https://www.openstreetmap.org/export/embed.html');
+            u.searchParams.set('bbox', `${bbox.west},${bbox.south},${bbox.east},${bbox.north}`);
+            u.searchParams.set('layer', 'mapnik');
+            u.searchParams.set('marker', `${lat},${lng}`);
+            return u.toString();
+        }
+    };
+}
+/**
+ * Creates a Google Maps provider (no API key; basic embed).
+ *
+ * @public
+ */
+export function createGoogleProvider() {
+    return {
+        getEmbedUrl: (lat, lng, zoom, label) => {
+            const u = new URL('https://www.google.com/maps');
+            u.searchParams.set('q', label ? `${label} @ ${lat},${lng}` : `${lat},${lng}`);
+            u.searchParams.set('z', String(zoom));
+            u.searchParams.set('output', 'embed');
+            return u.toString();
+        }
+    };
+}
+/**
+ * Creates a Bing Maps provider (no key required for basic embed).
+ *
+ * @public
+ */
+export function createBingProvider() {
+    return {
+        getEmbedUrl: (lat, lng, zoom) => {
+            const u = new URL('https://www.bing.com/maps/embed');
+            u.searchParams.set('cp', `${lat}~${lng}`);
+            u.searchParams.set('lvl', String(zoom));
+            // d=road map, r=road style
+            u.searchParams.set('typ', 'd');
+            u.searchParams.set('sty', 'r');
+            return u.toString();
+        }
+    };
+}
+/**
+ * Creates a HERE WeGo provider (basic URL without key).
+ *
+ * @public
+ */
+export function createHereProvider() {
+    return {
+        getEmbedUrl: (lat, lng, zoom, label) => {
+            const u = new URL('https://wego.here.com/directions/mix//');
+            u.searchParams.set('map', `${lat},${lng},${zoom},normal`);
+            u.searchParams.set('m', `${lat},${lng}`);
+            if (label)
+                u.searchParams.set('descr', label);
+            return u.toString();
+        }
+    };
+}
+/**
+ * Creates an Apple Maps provider (basic URL).
+ *
+ * @public
+ */
+export function createAppleProvider() {
+    return {
+        getEmbedUrl: (lat, lng, zoom, label) => {
+            const u = new URL('https://maps.apple.com/');
+            u.searchParams.set('ll', `${lat},${lng}`);
+            u.searchParams.set('z', String(zoom));
+            if (label)
+                u.searchParams.set('q', label);
+            return u.toString();
+        }
+    };
+}
+/**
+ * Resolves a provider factory by MapProvider value.
+ *
+ * @public
+ */
+export function resolveProviderFactory(provider) {
+    switch (provider) {
+        case MapProvider.Google:
+            return createGoogleProvider();
+        case MapProvider.Bing:
+            return createBingProvider();
+        case MapProvider.Here:
+            return createHereProvider();
+        case MapProvider.Apple:
+            return createAppleProvider();
+        case MapProvider.OpenStreetMap:
+        case MapProvider.Default:
+        default:
+            return createOpenStreetMapProvider();
+    }
+}
+// #region OSM helpers
+function computeOsmBbox(lat, lng, zoom) {
+    const halfSpanBase = 0.02; // degrees at around zoom ~12
+    const scale = Math.pow(2, 12 - zoom);
+    const halfSpan = clamp(halfSpanBase * scale, 0.0005, 0.5);
+    const north = clamp(lat + halfSpan, -90, 90);
+    const south = clamp(lat - halfSpan, -90, 90);
+    const east = wrapLongitude(lng + halfSpan);
+    const west = wrapLongitude(lng - halfSpan);
+    return {
+        west,
+        south,
+        east,
+        north
+    };
+}
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function wrapLongitude(lng) {
+    let x = lng;
+    while (x < -180)
+        x += 360;
+    while (x > 180)
+        x -= 360;
+    return x;
+}
+// #endregion
+//# sourceMappingURL=MapProviders.js.map

package/Controls/Components/Media/Map/MapProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapProviders.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Map/MapProviders.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function mapElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=MapElement.Cosmopolitan.d.ts.map

package/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAqDvD"}

package/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.js

@@ -0,0 +1,67 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function mapElementCosmopolitanStyle() {
+    return css `
+:host {
+  --map-font-family: unset;
+  --map-font-letter-spacing: unset;
+  --map-font-line-height: unset;
+  --map-font-size: unset;
+  --map-font-text-decoration: unset;
+  --map-font-text-transform: unset;
+  --map-font-weight: unset;
+  --map-gap: unset;
+  --map-padding-bottom: unset;
+  --map-padding-left: unset;
+  --map-padding-right: unset;
+  --map-padding-top: unset;
+  --map-transition-duration: unset;
+  --map-transition-mode: unset;
+  --map-transition-property: unset;
+  --map-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host [part="map"] {
+  border: none;
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=MapElement.Cosmopolitan.js.map

package/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Map/Themes/MapElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Map/Themes/MapElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function mapElementJoyStyle(): CSSResult;
+//# sourceMappingURL=MapElement.Joy.d.ts.map

package/Controls/Components/Media/Map/Themes/MapElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Map/Themes/MapElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CAqD9C"}

package/Controls/Components/Media/Map/Themes/MapElement.Joy.js

@@ -0,0 +1,67 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function mapElementJoyStyle() {
+    return css `
+:host {
+  --map-font-family: unset;
+  --map-font-letter-spacing: unset;
+  --map-font-line-height: unset;
+  --map-font-size: unset;
+  --map-font-text-decoration: unset;
+  --map-font-text-transform: unset;
+  --map-font-weight: unset;
+  --map-gap: unset;
+  --map-padding-bottom: unset;
+  --map-padding-left: unset;
+  --map-padding-right: unset;
+  --map-padding-top: unset;
+  --map-transition-duration: unset;
+  --map-transition-mode: unset;
+  --map-transition-property: unset;
+  --map-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host [part="map"] {
+  border: none;
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=MapElement.Joy.js.map

package/Controls/Components/Media/Map/Themes/MapElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Map/Themes/MapElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Map/Themes/MapElement.Retro.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function mapElementRetroStyle(): CSSResult;
+//# sourceMappingURL=MapElement.Retro.d.ts.map

package/Controls/Components/Media/Map/Themes/MapElement.Retro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Map/Themes/MapElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAqDhD"}