@edugis-org/webmapx 0.1.0

package/dist-lib/webmapx-language-osmvector-M5y_lwOg.js

@@ -0,0 +1,489 @@
+import { t as e } from "./decorate-CWgUV1hU.js";
+import { a as t, o as n } from "./decorators-B35AgiCU.js";
+import { t as r } from "./webmapx-modal-tool-eF6Naluv.js";
+import "./option-CBxl1mZP.js";
+import { css as i, html as a } from "lit";
+//#region src/components/webmapx-language-osmvector.ts
+var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c = /* @__PURE__ */ new WeakMap(), l = [
+	{
+		code: "local",
+		label: "Local name",
+		en: "Local name"
+	},
+	{
+		code: "browser",
+		label: "Browser language",
+		en: "Browser language"
+	},
+	{
+		code: "en",
+		label: "English",
+		en: "English"
+	},
+	{
+		code: "nl",
+		label: "Nederlands",
+		en: "Dutch"
+	},
+	{
+		code: "de",
+		label: "Deutsch",
+		en: "German"
+	},
+	{
+		code: "fr",
+		label: "Français",
+		en: "French"
+	},
+	{
+		code: "es",
+		label: "Español",
+		en: "Spanish"
+	},
+	{
+		code: "it",
+		label: "Italiano",
+		en: "Italian"
+	},
+	{
+		code: "pt",
+		label: "Português",
+		en: "Portuguese"
+	},
+	{
+		code: "ca",
+		label: "Català",
+		en: "Catalan"
+	},
+	{
+		code: "eu",
+		label: "Euskara",
+		en: "Basque"
+	},
+	{
+		code: "la",
+		label: "Latina",
+		en: "Latin"
+	},
+	{
+		code: "latin",
+		label: "Latin script",
+		en: "Latin script"
+	},
+	{
+		code: "cy",
+		label: "Cymraeg",
+		en: "Welsh"
+	},
+	{
+		code: "ga",
+		label: "Gaeilge",
+		en: "Irish"
+	},
+	{
+		code: "gd",
+		label: "Gàidhlig",
+		en: "Scottish Gaelic"
+	},
+	{
+		code: "br",
+		label: "Brezhoneg",
+		en: "Breton"
+	},
+	{
+		code: "co",
+		label: "Corsu",
+		en: "Corsican"
+	},
+	{
+		code: "oc",
+		label: "Occitan",
+		en: "Occitan"
+	},
+	{
+		code: "rm",
+		label: "Rumantsch",
+		en: "Romansh"
+	},
+	{
+		code: "lb",
+		label: "Lëtzebuergesch",
+		en: "Luxembourgish"
+	},
+	{
+		code: "af",
+		label: "Afrikaans",
+		en: "Afrikaans"
+	},
+	{
+		code: "da",
+		label: "Dansk",
+		en: "Danish"
+	},
+	{
+		code: "no",
+		label: "Norsk",
+		en: "Norwegian"
+	},
+	{
+		code: "sv",
+		label: "Svenska",
+		en: "Swedish"
+	},
+	{
+		code: "is",
+		label: "Íslenska",
+		en: "Icelandic"
+	},
+	{
+		code: "fi",
+		label: "Suomi",
+		en: "Finnish"
+	},
+	{
+		code: "et",
+		label: "Eesti",
+		en: "Estonian"
+	},
+	{
+		code: "lv",
+		label: "Latviešu",
+		en: "Latvian"
+	},
+	{
+		code: "lt",
+		label: "Lietuvių",
+		en: "Lithuanian"
+	},
+	{
+		code: "pl",
+		label: "Polski",
+		en: "Polish"
+	},
+	{
+		code: "cs",
+		label: "Čeština",
+		en: "Czech"
+	},
+	{
+		code: "sk",
+		label: "Slovenčina",
+		en: "Slovak"
+	},
+	{
+		code: "hu",
+		label: "Magyar",
+		en: "Hungarian"
+	},
+	{
+		code: "sl",
+		label: "Slovenščina",
+		en: "Slovenian"
+	},
+	{
+		code: "hr",
+		label: "Hrvatski",
+		en: "Croatian"
+	},
+	{
+		code: "bs",
+		label: "Bosanski",
+		en: "Bosnian"
+	},
+	{
+		code: "sr",
+		label: "Српски",
+		en: "Serbian"
+	},
+	{
+		code: "mk",
+		label: "Македонски",
+		en: "Macedonian"
+	},
+	{
+		code: "sq",
+		label: "Shqip",
+		en: "Albanian"
+	},
+	{
+		code: "ro",
+		label: "Română",
+		en: "Romanian"
+	},
+	{
+		code: "bg",
+		label: "Български",
+		en: "Bulgarian"
+	},
+	{
+		code: "uk",
+		label: "Українська",
+		en: "Ukrainian"
+	},
+	{
+		code: "be",
+		label: "Беларуская",
+		en: "Belarusian"
+	},
+	{
+		code: "ru",
+		label: "Русский",
+		en: "Russian"
+	},
+	{
+		code: "el",
+		label: "Ελληνικά",
+		en: "Greek"
+	},
+	{
+		code: "tr",
+		label: "Türkçe",
+		en: "Turkish"
+	},
+	{
+		code: "az",
+		label: "Azərbaycan",
+		en: "Azerbaijani"
+	},
+	{
+		code: "ka",
+		label: "ქართული",
+		en: "Georgian"
+	},
+	{
+		code: "hy",
+		label: "Հայերեն",
+		en: "Armenian"
+	},
+	{
+		code: "kk",
+		label: "Қазақша",
+		en: "Kazakh"
+	},
+	{
+		code: "mt",
+		label: "Malti",
+		en: "Maltese"
+	},
+	{
+		code: "he",
+		label: "עברית",
+		en: "Hebrew"
+	},
+	{
+		code: "ar",
+		label: "العربية",
+		en: "Arabic"
+	},
+	{
+		code: "fa",
+		label: "فارسی",
+		en: "Persian"
+	},
+	{
+		code: "ur",
+		label: "اردو",
+		en: "Urdu"
+	},
+	{
+		code: "pnb",
+		label: "پنجابی",
+		en: "Western Punjabi"
+	},
+	{
+		code: "pa",
+		label: "ਪੰਜਾਬੀ",
+		en: "Punjabi"
+	},
+	{
+		code: "hi",
+		label: "हिन्दी",
+		en: "Hindi"
+	},
+	{
+		code: "bn",
+		label: "বাংলা",
+		en: "Bengali"
+	},
+	{
+		code: "ta",
+		label: "தமிழ்",
+		en: "Tamil"
+	},
+	{
+		code: "te",
+		label: "తెలుగు",
+		en: "Telugu"
+	},
+	{
+		code: "kn",
+		label: "ಕನ್ನಡ",
+		en: "Kannada"
+	},
+	{
+		code: "ml",
+		label: "മലയാളം",
+		en: "Malayalam"
+	},
+	{
+		code: "th",
+		label: "ภาษาไทย",
+		en: "Thai"
+	},
+	{
+		code: "vi",
+		label: "Tiếng Việt",
+		en: "Vietnamese"
+	},
+	{
+		code: "id",
+		label: "Bahasa Indonesia",
+		en: "Indonesian"
+	},
+	{
+		code: "ja",
+		label: "日本語",
+		en: "Japanese"
+	},
+	{
+		code: "ko",
+		label: "한국어",
+		en: "Korean"
+	},
+	{
+		code: "zh",
+		label: "中文",
+		en: "Chinese"
+	},
+	{
+		code: "zh-Hans",
+		label: "简体中文",
+		en: "Chinese (Simplified)"
+	},
+	{
+		code: "zh-Hant",
+		label: "繁體中文",
+		en: "Chinese (Traditional)"
+	},
+	{
+		code: "am",
+		label: "አማርኛ",
+		en: "Amharic"
+	},
+	{
+		code: "eo",
+		label: "Esperanto",
+		en: "Esperanto"
+	},
+	{
+		code: "ku",
+		label: "Kurdî",
+		en: "Kurdish"
+	},
+	{
+		code: "tok",
+		label: "Toki Pona",
+		en: "Toki Pona"
+	}
+], u = /"name(?:[:_][\w-]+)?"/, d = class extends r {
+	constructor(...e) {
+		super(...e), this.toolId = "maplanguage", this.hideUi = !1, this.language = localStorage.getItem(o) ?? "browser", this.boundLanguageChangeEvent = (e) => {
+			let t = e.detail?.language;
+			t === void 0 || t === this.language || (this.language = t, this.applyLanguage());
+		};
+	}
+	static {
+		this.styles = i`
+        :host {
+            display: block;
+        }
+        .container {
+            padding: 0.5rem 1rem;
+            font-size: 0.875rem;
+        }
+        .current-en {
+            color: var(--sl-color-neutral-500);
+            margin-bottom: 0.25rem;
+        }
+        sl-select {
+            width: 100%;
+        }
+    `;
+	}
+	connectedCallback() {
+		this.hideUi && (this.registerWithToolManager = !1), this.hasAttribute("role") || this.setAttribute("role", "region"), super.connectedCallback(), window.addEventListener(s, this.boundLanguageChangeEvent);
+	}
+	disconnectedCallback() {
+		window.removeEventListener(s, this.boundLanguageChangeEvent), super.disconnectedCallback();
+	}
+	onMapAttached(e) {
+		super.onMapAttached(e), this.hookAddLayer(e);
+	}
+	hookAddLayer(e) {
+		if (c.get(e)) return;
+		let t = {
+			tracked: [],
+			originalAddLayer: e.addLayer.bind(e)
+		};
+		c.set(e, t), e.addLayer = async (e, n) => {
+			let r = e?.id;
+			if (e?.type === "style" && Array.isArray(e.layers) && typeof r == "string") for (let n of e.layers) {
+				if (n.type !== "symbol") continue;
+				let e = n.layout?.["text-field"];
+				if (e === void 0 || !u.test(JSON.stringify(e))) continue;
+				let i = n.id ?? `${n.source}-${n.type}`;
+				t.tracked.push({
+					layerId: r,
+					subLayerId: i,
+					originalTextField: e
+				}), this.language !== "local" && (n.layout = {
+					...n.layout,
+					"text-field": this.buildTextField(this.language, e)
+				});
+			}
+			return t.originalAddLayer(e, n);
+		};
+	}
+	buildTextField(e, t) {
+		return [
+			"coalesce",
+			["get", `name:${e === "browser" ? (navigator.language ?? "en").split("-")[0] : e}`],
+			t
+		];
+	}
+	applyLanguage() {
+		if (!this.adapter) return;
+		let e = c.get(this.adapter)?.tracked ?? [];
+		for (let { layerId: t, subLayerId: n, originalTextField: r } of e) {
+			let e = this.language === "local" ? r : this.buildTextField(this.language, r);
+			this.adapter.updateLayerStyle(t, n, { "text-field": e });
+		}
+	}
+	handleLanguageChange(e) {
+		let t = e.target.value;
+		this.language = t, localStorage.setItem(o, t), this.applyLanguage(), window.dispatchEvent(new CustomEvent(s, { detail: { language: t } }));
+	}
+	render() {
+		return this.hideUi ? a`` : a`
+            <div class="tool-content container">
+                <div>Map label language</div>
+                <div class="current-en">${l.find((e) => e.code === this.language)?.en ?? this.language}</div>
+                <sl-select
+                    value=${this.language}
+                    hoist
+                    @sl-change=${this.handleLanguageChange}
+                >
+                    ${l.map((e) => a`
+                        <sl-option value=${e.code}>${e.label}</sl-option>
+                    `)}
+                </sl-select>
+            </div>
+        `;
+	}
+};
+e([t({
+	type: Boolean,
+	attribute: "hide-ui"
+})], d.prototype, "hideUi", void 0), e([t({ type: String })], d.prototype, "language", void 0), d = e([n("webmapx-language-osmvector")], d);
+//#endregion
+export { d as WebmapxLanguageOsmVector };