@schukai/monster 4.43.2 → 4.43.3

package/source/components/accessibility/locale-select.mjs

@@ -13,8 +13,8 @@ import { instanceSymbol } from "../../constants.mjs";
 import { ATTRIBUTE_ROLE } from "../../dom/constants.mjs";
 import { CustomElement } from "../../dom/customelement.mjs";
 import {
-  assembleMethodSymbol,
-  registerCustomElement,
+	assembleMethodSymbol,
+	registerCustomElement,
 } from "../../dom/customelement.mjs";
 import { isFunction, isObject } from "../../types/is.mjs";
 import { LocalePickerStyleSheet } from "./stylesheet/locale-picker.mjs";
@@ -43,63 +43,63 @@ const detectedLanguagesSymbol = Symbol("detectedLanguages");
  * @return {string}
  */
 function getLocalizedLabel() {
-  const lang = document.documentElement.lang || navigator.language || "en";
-  switch (lang.split("-")[0]) {
-    case "de":
-      return "Sprache wählen";
-    case "fr":
-      return "Sélectionnez une langue";
-    case "es":
-      return "Seleccione un idioma";
-    case "it":
-      return "Seleziona una lingua";
-    case "pt":
-      return "Selecione um idioma";
-    case "nl":
-      return "Selecteer een taal";
-    case "pl":
-      return "Wybierz język";
-    case "ru":
-      return "Выберите язык";
-    case "cs":
-      return "Vyberte jazyk";
-    case "sk":
-      return "Vyberte jazyk";
-    case "bg":
-      return "Изберете език";
-    case "hr":
-      return "Odaberite jezik";
-    case "fi":
-      return "Valitse kieli";
-    case "sv":
-      return "Välj ett språk";
-    case "el":
-      return "Επιλέξτε γλώσσα";
-    case "hu":
-      return "Válasszon egy nyelvet";
-    case "ro":
-      return "Selectați o limbă";
-    case "da":
-      return "Vælg et sprog";
-    case "no":
-      return "Velg et språk";
-    case "hi":
-      return "एक भाषा चुनें";
-    case "bn":
-      return "একটি ভাষা নির্বাচন করুন";
-    case "ta":
-      return "ஒரு மொழியைத் தேர்ந்தெடுக்கவும்";
-    case "te":
-      return "భాషను ఎంచుకోండి";
-    case "mr":
-      return "एक भाषा निवडा";
-    case "zh":
-      return "选择一种语言";
-    case "ja":
-      return "言語を選択してください";
-    default:
-      return "Select a language";
-  }
+	const lang = document.documentElement.lang || navigator.language || "en";
+	switch (lang.split("-")[0]) {
+		case "de":
+			return "Sprache wählen";
+		case "fr":
+			return "Sélectionnez une langue";
+		case "es":
+			return "Seleccione un idioma";
+		case "it":
+			return "Seleziona una lingua";
+		case "pt":
+			return "Selecione um idioma";
+		case "nl":
+			return "Selecteer een taal";
+		case "pl":
+			return "Wybierz język";
+		case "ru":
+			return "Выберите язык";
+		case "cs":
+			return "Vyberte jazyk";
+		case "sk":
+			return "Vyberte jazyk";
+		case "bg":
+			return "Изберете език";
+		case "hr":
+			return "Odaberite jezik";
+		case "fi":
+			return "Valitse kieli";
+		case "sv":
+			return "Välj ett språk";
+		case "el":
+			return "Επιλέξτε γλώσσα";
+		case "hu":
+			return "Válasszon egy nyelvet";
+		case "ro":
+			return "Selectați o limbă";
+		case "da":
+			return "Vælg et sprog";
+		case "no":
+			return "Velg et språk";
+		case "hi":
+			return "एक भाषा चुनें";
+		case "bn":
+			return "একটি ভাষা নির্বাচন করুন";
+		case "ta":
+			return "ஒரு மொழியைத் தேர்ந்தெடுக்கவும்";
+		case "te":
+			return "భాషను ఎంచుకోండి";
+		case "mr":
+			return "एक भाषा निवडा";
+		case "zh":
+			return "选择一种语言";
+		case "ja":
+			return "言語を選択してください";
+		default:
+			return "Select a language";
+	}
 }
 
 /**
@@ -112,92 +112,92 @@ function getLocalizedLabel() {
  * @summary A simple language switcher as a select.
  */
 class LocaleSelect extends CustomElement {
-  /**
-   * Used by the instanceof operator.
-   * @returns {symbol}
-   */
-  static get [instanceSymbol]() {
-    return Symbol.for(
-      "@schukai/monster/components/accessibility/local-selector@@instance",
-    );
-  }
+	/**
+	 * Used by the instanceof operator.
+	 * @returns {symbol}
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for(
+			"@schukai/monster/components/accessibility/local-selector@@instance",
+		);
+	}
 
-  /**
-   * Initializes the component.
-   * @return {LocaleSelect}
-   */
-  [assembleMethodSymbol]() {
-    super[assembleMethodSymbol]();
-    initControlReferences.call(this);
-    initSelectOptions.call(this);
-    initEventHandler.call(this);
-    return this;
-  }
+	/**
+	 * Initializes the component.
+	 * @return {LocaleSelect}
+	 */
+	[assembleMethodSymbol]() {
+		super[assembleMethodSymbol]();
+		initControlReferences.call(this);
+		initSelectOptions.call(this);
+		initEventHandler.call(this);
+		return this;
+	}
 
-  /**
-   * Default options
-   */
-  get defaults() {
-    return Object.assign({}, super.defaults, {
-      templates: {
-        main: getTemplate(),
-      },
-      labels: {
-        "select-an-option": getLocalizedLabel(),
-      },
-      callbacks: {},
-      disabled: false,
-    });
-  }
+	/**
+	 * Default options
+	 */
+	get defaults() {
+		return Object.assign({}, super.defaults, {
+			templates: {
+				main: getTemplate(),
+			},
+			labels: {
+				"select-an-option": getLocalizedLabel(),
+			},
+			callbacks: {},
+			disabled: false,
+		});
+	}
 
-  /**
-   * connectedCallback
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this[detectedLanguagesSymbol] = detectUserLanguagePreference();
-    initSelectOptions.call(this);
-  }
+	/**
+	 * connectedCallback
+	 */
+	connectedCallback() {
+		super.connectedCallback();
+		this[detectedLanguagesSymbol] = detectUserLanguagePreference();
+		initSelectOptions.call(this);
+	}
 
-  /**
-   * @return {string}
-   */
-  static getTag() {
-    return "monster-locale-select";
-  }
+	/**
+	 * @return {string}
+	 */
+	static getTag() {
+		return "monster-locale-select";
+	}
 
-  /**
-   * @return {CSSStyleSheet[]}
-   */
-  static getCSSStyleSheet() {
-    return [LocalePickerStyleSheet];
-  }
+	/**
+	 * @return {CSSStyleSheet[]}
+	 */
+	static getCSSStyleSheet() {
+		return [LocalePickerStyleSheet];
+	}
 
-  /**
-   * Export parts from monster-select to make them available for styling outside.
-   */
-  static get exportparts() {
-    // The parts from monster-select, as defined in source/components/form/select.mjs:
-    return [
-      "control",
-      "container",
-      "popper",
-      "option",
-      "option-label",
-      "option-control",
-      "badge",
-      "badge-label",
-      "remove-badge",
-      "summary",
-      "status-or-remove-badges",
-      "remote-info",
-      "no-options",
-      "selection",
-      "inline-filter",
-      "popper-filter",
-      "content",
-    ].join(",");
-  }
+	/**
+	 * Export parts from monster-select to make them available for styling outside.
+	 */
+	static get exportparts() {
+		// The parts from monster-select, as defined in source/components/form/select.mjs:
+		return [
+			"control",
+			"container",
+			"popper",
+			"option",
+			"option-label",
+			"option-control",
+			"badge",
+			"badge-label",
+			"remove-badge",
+			"summary",
+			"status-or-remove-badges",
+			"remote-info",
+			"no-options",
+			"selection",
+			"inline-filter",
+			"popper-filter",
+			"content",
+		].join(",");
+	}
 }
 
 /**
@@ -205,9 +205,9 @@ class LocaleSelect extends CustomElement {
  * @private
  */
 function initControlReferences() {
-  this[selectElementSymbol] = this.shadowRoot.querySelector(
-    `[${ATTRIBUTE_ROLE}="select"]`,
-  );
+	this[selectElementSymbol] = this.shadowRoot.querySelector(
+		`[${ATTRIBUTE_ROLE}="select"]`,
+	);
 }
 
 /**
@@ -215,29 +215,29 @@ function initControlReferences() {
  * @private
  */
 function initSelectOptions() {
-  const detected =
-    this[detectedLanguagesSymbol] || detectUserLanguagePreference();
+	const detected =
+		this[detectedLanguagesSymbol] || detectUserLanguagePreference();
 
-  let options = [];
-  if (Array.isArray(detected.available)) {
-    const currentLang = detected.current;
-    options = detected.available.filter(
-      (lang) => lang.baseLang !== currentLang && lang.fullLang !== currentLang,
-    );
-  } else if (Array.isArray(detected.allOfferable)) {
-    options = detected.allOfferable;
-  }
+	let options = [];
+	if (Array.isArray(detected.available)) {
+		const currentLang = detected.current;
+		options = detected.available.filter(
+			(lang) => lang.baseLang !== currentLang && lang.fullLang !== currentLang,
+		);
+	} else if (Array.isArray(detected.allOfferable)) {
+		options = detected.allOfferable;
+	}
 
-  options = detected.allOfferable;
-  if (this[selectElementSymbol]) {
-    this[selectElementSymbol].setOption("mapping.labelTemplate", "${label}");
-    this[selectElementSymbol].setOption("mapping.valueTemplate", "${href}");
-    this[selectElementSymbol].setOption(
-      "labels.select-an-option",
-      this.getOption("labels.select-an-option"),
-    );
-    this[selectElementSymbol].importOptions(options);
-  }
+	options = detected.allOfferable;
+	if (this[selectElementSymbol]) {
+		this[selectElementSymbol].setOption("mapping.labelTemplate", "${label}");
+		this[selectElementSymbol].setOption("mapping.valueTemplate", "${href}");
+		this[selectElementSymbol].setOption(
+			"labels.select-an-option",
+			this.getOption("labels.select-an-option"),
+		);
+		this[selectElementSymbol].importOptions(options);
+	}
 }
 
 /**
@@ -245,14 +245,14 @@ function initSelectOptions() {
  * @private
  */
 function initEventHandler() {
-  if (!this[selectElementSymbol]) return;
+	if (!this[selectElementSymbol]) return;
 
-  this[selectElementSymbol].addEventListener("change", (event) => {
-    const selected = event.target?.value;
-    if (selected) {
-      window.location.href = selected;
-    }
-  });
+	this[selectElementSymbol].addEventListener("change", (event) => {
+		const selected = event.target?.value;
+		if (selected) {
+			window.location.href = selected;
+		}
+	});
 }
 
 /**
@@ -261,8 +261,8 @@ function initEventHandler() {
  * @return {string}
  */
 function getTemplate() {
-  // language=HTML
-  return `
+	// language=HTML
+	return `
     <monster-select exportparts="control,container,popper,option,option-label,option-control,badge,badge-label,remove-badge,summary,status-or-remove-badges,remote-info,no-options,selection,inline-filter,popper-filter,content" data-monster-role="select"></monster-select>
   `;
 }