web-internationalization 2.0.42 → 2.0.44

package/index.d.ts

@@ -1,7 +1,8 @@
-import { HTMLItem, Lock, Logger, Mapping } from 'clientnode';
-import { WebComponentAPI } from 'web-component-wrapper/type';
+import type { HTMLItem, Mapping } from 'clientnode';
+import type { WebComponentAPI } from 'web-component-wrapper/type';
+import type { DefaultOptions, Options, Replacement } from './type';
+import { Lock, Logger } from 'clientnode';
 import { Web } from 'web-component-wrapper/Web';
-import { DefaultOptions, Options, Replacement } from './type';
 export declare const log: Logger;
 /**
  * This plugin holds all necessary methods to extend a website for

package/index.js

@@ -1 +1,267 @@
-"use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/decorator"),require("web-component-wrapper/Web"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","web-component-wrapper/decorator","web-component-wrapper/Web"],t);else{var o="object"==typeof exports?t(require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/decorator"),require("web-component-wrapper/Web")):t(e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["web-component-wrapper/decorator"],e["web-component-wrapper/Web"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,((e,t,o,n,i,a,r)=>(()=>{var s=[,t=>{t.exports=e},e=>{e.exports=t},e=>{e.exports=o},e=>{e.exports=n},e=>{e.exports=i},e=>{e.exports=a},e=>{e.exports=r}],l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return s[e](o,o.exports,c),o.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};c.r(p),c.d(p,{WebInternationalization:()=>k,api:()=>E,default:()=>R,log:()=>O});var u,d,h,m,g,f,N,b,w,T,_,x,D=c(1),y=c.n(D),L=c(2),C=c.n(L),v=(c(3),c(4)),A=c(5),P=c(6),S=c(7);const O=new v.Logger({name:"web-internationalization"});let k=(u=(0,P.property)({type:A.object}),d=(0,P.property)({type:A.func}),h=(0,P.property)({type:A.func}),m=(0,P.property)({type:A.func}),g=(0,P.property)({type:A.func}),x=class e extends S.Web{constructor(){super(),this.self=e,y()(this,"options",N,this),y()(this,"onEnsure",b,this),y()(this,"onSwitch",w,this),y()(this,"onEnsured",T,this),y()(this,"onSwitched",_,this),this.switchLanguageButtonDomNodes=null,this.currentLanguage="enUS",this.knownTranslations={},this.lock=new v.Lock,this._domNodesToFade=[],this._replacements=[],this._domNodesWithKnownTranslation={},this.defineGetterAndSetterInterface()}async onUpdateAttribute(e,t){await super.onUpdateAttribute(e,t),"options"===e&&this._extendOptions()}async render(e="unknown",t=!0){await super.render(e,!1),0===Object.keys(this.options).length&&this._extendOptions(),this.options.preReplacementLanguagePattern=(0,v.format)(this.options.preReplacementLanguagePattern,this.options.replacementLanguagePattern.substring(1,this.options.replacementLanguagePattern.length-1)),this.options.lockDescription=(0,v.format)(this.options.lockDescription,this.self._name),this.options.sessionDescription=(0,v.format)(this.options.sessionDescription,this.self._name),await this.waitForNestedComponentRendering(),this.switchLanguageButtonDomNodes=this.hostDomNode.querySelectorAll(`a[href^="#${this.options.languageHashPrefix}"]`),this._movePreReplacementNodes(),this.currentLanguage=this._normalizeLanguage(this.options.default);const o=this._determineUsefulLanguage(),n=0===this.options.selection.length;for(const e of this.switchLanguageButtonDomNodes){n&&this.options.selection.push(e.getAttribute("href").substring(`#${this.options.languageHashPrefix}`.length));const t=e=>{e.preventDefault();const t=e.target?.getAttribute("href");t&&this.switch(t.substring(this.options.languageHashPrefix.length+1))};this.addSecureEventListener(e,"click",t)}this.currentLanguage===o?await this.refresh():await this.switch(o,!0),await this.resolveRenderingPromiseIfSet(e,t)}async switch(e,t=!1){if(!0===e||!this.options.selection.length||this.options.selection.includes(e)){if(await this.lock.acquire(this.options.lockDescription),!0===e?(t=!0,e=this.currentLanguage):e=this._normalizeLanguage(e),t||this.currentLanguage!==e){let o="Switch to";return t&&(o="Ensure"),O.debug(`${o} "${e}".`),this._switchCurrentLanguageIndicator(e),t?await this.onEnsure(e):await this.onSwitch(this.currentLanguage,e),this._domNodesToFade=[],this._replacements=[],this._collectDomNodesToReplace(e,t),void await this._handleSwitchEffect(e,t)}O.debug(`"${e}" is already current selected language.`),this.lock.release(this.options.lockDescription)}else O.debug(`"${e}" isn't one of the allowed languages.`)}refresh(){return this._movePreReplacementNodes(),this.switch(!0)}_extendOptions(){this.setPropertyValue("options",(0,v.extend)(!0,{},this.self._defaultOptions,this.options))}async _handleSwitchEffect(e,t){const o=this.currentLanguage;if(!t&&this.options.useEffect&&this._domNodesToFade.length>0)return await Promise.all(this._domNodesToFade.map((e=>{const t=(0,v.fadeOut)(e);return t.then((()=>{t.resetStyles()}))}))),this._switchLanguage(e),await Promise.all(this._domNodesToFade.map((e=>{const t=(0,v.fadeIn)(e);return t.then((()=>{t.resetStyles()}))}))),this.onSwitched(o,e),void this.lock.release(this.options.lockDescription);this._switchLanguage(e),t?this.onEnsured(e):this.onSwitched(o,e),this.lock.release(this.options.lockDescription)}_movePreReplacementNodes(){for(const e of(0,v.getAll)(this.hostDomNode)){const t=e.nodeName.toLowerCase();if(this.options.replacementDomNodeNames.includes(t)){["#comment","#text"].includes(t)||e.classList.add(this.options.selectors.hideClassName);const o=new RegExp(this.options.preReplacementLanguagePattern),n=e.textContent?.match(o);if(e.textContent&&n&&n[0]&&(e.textContent=e.textContent.replace(o,n[1]),e.parentElement)){let t=!1;for(const o of(0,v.getAll)(e.parentElement)){if(t&&(0,v.getText)(o,!0).length>0){o.appendChild(e);break}e===o&&(t=!0)}}}}}_collectDomNodesToReplace(e,t){let o=null,n=null;this.knownTranslations={};for(const i of(0,v.getAll)(this.hostDomNode)){const a=i.nodeName.toLowerCase(),r=(0,v.getText)(i,!0);if(!this._shouldSkipDomNode(i,r,o))if(this.options.replaceDomNodeNames.includes(a))o=i;else if(this.options.alternativeDomNodeNames.includes(a))i.hasAttribute("lang")?i.getAttribute("lang")===e&&this._processAlternativeDomNode(i,e,t,n):this._initializeCurrentLanguageDomNode(i,t);else if(o){if(this.options.replacementDomNodeNames.includes(a)){({domNodeToTranslate:o,languageDomNode:n}=this._processReplacementDomNode(i,a,e,t,o,n));continue}o=null,n=null}}this._registerKnownTextNodes()}_shouldSkipDomNode(e,t,o){return 0===t.length&&(e.nodeType!==Node.COMMENT_NODE||""===(e.nodeValue||"").trim())||Boolean(o?.contains(e))||Boolean((0,v.closest)(e,this.options.replaceDomNodeNames.concat(this.options.replacementDomNodeNames).join(","),!0))}_processAlternativeDomNode(e,t,o,n){let i=null;for(const t of e.parentElement.querySelectorAll(this.options.alternativeDomNodeNames.join(",")))if(t.hasAttribute("active")||!t.hasAttribute("lang")){i=t;break}i&&(this._initializeCurrentLanguageDomNode(i,o),this._registerTextNodeToChange(i,e,e.innerHTML,n))}_initializeCurrentLanguageDomNode(e,t){e.hasAttribute("active")||e.setAttribute("active",""),e.hasAttribute("lang")||e.setAttribute("lang",t&&this.options.default||this.currentLanguage)}_processReplacementDomNode(e,t,o,n,i,a){const r=("#comment"===t?e.textContent:e.innerHTML).match(new RegExp(this.options.replacementLanguagePattern));return Array.isArray(r)&&r[1]===o?(this.knownTranslations[(0,v.getText)(i,!0).join(" ")]=r[2].trim(),a=this._ensureLastTextNodeHavingLanguageIndicator(i,a,n),this._registerTextNodeToChange(i,e,r[2],a),{domNodeToTranslate:null,languageDomNode:null}):(e.textContent.match(new RegExp(this.options.currentLanguagePattern))&&(a=e),{domNodeToTranslate:i,languageDomNode:a})}_registerKnownTextNodes(){this._domNodesWithKnownTranslation={};for(const e of this.hostDomNode.querySelectorAll(this.options.selectors.knownTranslation))for(const t of(0,v.getAll)(e)){const e=(0,v.getText)(t).join(" ");e&&!this.options.replaceDomNodeNames.includes(t.nodeName.toLowerCase())&&!(0,v.closest)(t,this.options.replaceDomNodeNames.join(","),!0)&&Object.prototype.hasOwnProperty.call(this.knownTranslations,e)&&(this._domNodesToFade.push(t.parentElement),Object.prototype.hasOwnProperty.call(this._domNodesWithKnownTranslation,this.knownTranslations[e])?this._domNodesWithKnownTranslation[this.knownTranslations[e]].push(t):this._domNodesWithKnownTranslation[this.knownTranslations[e]]=[t])}}_normalizeLanguage(e){for(const[t,o]of Object.entries(this.options.languageMapping))if(o.includes(t.toLowerCase())||o.push(t.toLowerCase()),o.includes(e.toLowerCase()))return t;return this.options.default}_determineUsefulLanguage(){let e;return this.options.initial?e=this.options.initial:Object.prototype.hasOwnProperty.call(v.globalContext,"window")&&(v.globalContext.window?.localStorage.getItem(this.options.sessionDescription)?(e=v.globalContext.window.localStorage.getItem(this.options.sessionDescription),O.debug(`Determine "${e}", because of local storage`,"information.")):v.globalContext.window?.navigator.language&&(e=v.globalContext.window.navigator.language,O.debug(`Determine "${e}", because of browser settings.`))),e||(e=this.options.default,O.debug(`Determine "${e}", because of default option.`)),e=this._normalizeLanguage(e),this.options.selection.length&&!this.options.selection.includes(e)&&(O.debug(`"${e}" isn't one of the allowed languages. Set`,`language to "${this.options.selection[0]}".`),e=this.options.selection[0]),v.globalContext.window?.localStorage&&v.globalContext.window.localStorage.setItem(this.options.sessionDescription,e),e}_registerTextNodeToChange(e,t,o,n){this._domNodesToFade.push(e.parentElement),t&&this._replacements.push({domNodeToTranslate:e,domNodeToReplaceWith:t,textToReplaceWith:o,currentLanguageDomNode:n})}_ensureLastTextNodeHavingLanguageIndicator(e,t,o){if(e&&!t){let n=this.currentLanguage;o&&(n=this.options.default||this.currentLanguage),(t=v.globalContext.document?.createComment(n)||null)&&e.after(t)}return t}_switchLanguage(e){for(const t of this._replacements){const o=this._getCurrentNodeText(t.domNodeToTranslate),n=o.trim();if(!this.options.templateDelimiter||!n.endsWith(this.options.templateDelimiter.post)&&this.options.templateDelimiter.post){const n=this._resolveCurrentLanguageDomNode(t),i=n.textContent;i&&e===i&&O.warn(`Text node "${t.textToReplaceWith}" is`,`marked as "${i}" and has same`,"translation language as it already is.");const a=t.domNodeToReplaceWith.nodeName.toLowerCase();if(this.options.alternativeDomNodeNames.includes(a)){t.domNodeToReplaceWith.setAttribute("active",""),t.domNodeToTranslate.removeAttribute("active");continue}const r=this._createBackupNode(a,i,o,t.domNodeToTranslate);t.domNodeToTranslate.after(r),t.domNodeToTranslate.after(v.globalContext.document.createComment(e)),this._applyTextReplacement(t),n.remove(),t.domNodeToReplaceWith.remove()}}this._updateKnownTextNodes(),v.globalContext.localStorage&&v.globalContext.localStorage.setItem(this.options.sessionDescription,e),this.currentLanguage=e}_getCurrentNodeText(e){return"innerHTML"in e?e.innerHTML:e.textContent}_resolveCurrentLanguageDomNode(e){if(e.currentLanguageDomNode)return e.currentLanguageDomNode;let t=document.body,o=!1;for(const n of(0,v.getAll)(e.domNodeToTranslate.parentElement)){if(o){e.currentLanguageDomNode=t=n;break}n===e.domNodeToTranslate&&(o=!0)}return t}_createBackupNode(e,t,o,n){if("#comment"===e)return v.globalContext.document.createComment(`${t}:${o}`);const i=v.globalContext.document.createElement(e);i.appendChild(v.globalContext.document.createTextNode(`${t}:`)),i.classList.add(this.options.selectors.hideClassName);for(const e of Array.from(n.childNodes))i.appendChild(e);return i}_applyTextReplacement(e){if("innerHTML"in e.domNodeToTranslate)if("#comment"===e.domNodeToReplaceWith.nodeName.toLowerCase())e.domNodeToTranslate.innerHTML=e.textToReplaceWith;else{let t=!1;for(const o of Array.from(e.domNodeToReplaceWith.childNodes))t||(o.textContent=o.textContent.replace(/^[a-z]{2}[A-Z]{2}:/,""),t=!0),e.domNodeToTranslate.appendChild(o)}else e.domNodeToTranslate.textContent=e.textToReplaceWith}_updateKnownTextNodes(){for(const[e,t]of Object.entries(this._domNodesWithKnownTranslation))for(const o of t)o.textContent=e}_switchCurrentLanguageIndicator(e){for(const e of this.hostDomNode.querySelectorAll(`a[href="#${this.options.languageHashPrefix}${this.currentLanguage}"].`+this.options.currentLanguageIndicatorClassName))e.classList.remove(this.options.currentLanguageIndicatorClassName);for(const t of this.hostDomNode.querySelectorAll(`a[href="#${this.options.languageHashPrefix}${e}"]`))t.classList.add(this.options.currentLanguageIndicatorClassName)}},x._name="WebInternationalization",x._defaultOptions={currentLanguageIndicatorClassName:"current",currentLanguagePattern:"^[a-z]{2}[A-Z]{2}$",default:"enUS",useEffect:!0,initial:null,languageHashPrefix:"lang-",languageMapping:{deDE:["de","de_de","de-de","german","deutsch"],enUS:["en","en_us","en-us"],enEN:["en_en","en-en","english"],frFR:["fr","fr_fr","fr-fr","french"]},lockDescription:"{1}Switch",preReplacementLanguagePattern:"^\\|({1})$",alternativeDomNodeNames:["lang-alternative"],replaceDomNodeNames:["#text","lang-replace"],replacementDomNodeNames:["#comment","lang-replacement"],replacementLanguagePattern:"^([a-z]{2}[A-Z]{2}):((.|\\s)*)$",selection:[],selectors:{knownTranslation:".web-internationalization-generated-content",hideClassName:"wi-hide"},sessionDescription:"{1}",templateDelimiter:{pre:"{{",post:"}}"}},f=x,N=C()(f.prototype,"options",[u],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),b=C()(f.prototype,"onEnsure",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return v.NOOP}}),w=C()(f.prototype,"onSwitch",[h],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return v.NOOP}}),T=C()(f.prototype,"onEnsured",[m],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return v.NOOP}}),_=C()(f.prototype,"onSwitched",[g],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return v.NOOP}}),f);const E={component:k,register:(e=(0,v.camelCaseToDelimited)(k._name))=>{customElements.define(e,k)}},R=k;return v.globalContext.AUTO_DEFINE_WEB_INTERNATIONALIZATION&&E.register(),p})()));
+if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}:global;import { Lock as __WEBPACK_EXTERNAL_MODULE_clientnode_Lock__, Logger as __WEBPACK_EXTERNAL_MODULE_clientnode_Logger__, NOOP as __WEBPACK_EXTERNAL_MODULE_clientnode_NOOP__, camelCaseToDelimited as __WEBPACK_EXTERNAL_MODULE_clientnode_camelCaseToDelimited__, closest as __WEBPACK_EXTERNAL_MODULE_clientnode_closest__, extend as __WEBPACK_EXTERNAL_MODULE_clientnode_extend__, fadeIn as __WEBPACK_EXTERNAL_MODULE_clientnode_fadeIn__, fadeOut as __WEBPACK_EXTERNAL_MODULE_clientnode_fadeOut__, format as __WEBPACK_EXTERNAL_MODULE_clientnode_format__, getAll as __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__, getText as __WEBPACK_EXTERNAL_MODULE_clientnode_getText__, globalContext as __WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__ } from "clientnode";
+import { func as __WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_func__, object as __WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_object__ } from "clientnode/property-types";
+import { property as __WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__ } from "web-component-wrapper/decorator";
+import { Web as __WEBPACK_EXTERNAL_MODULE_web_component_wrapper_Web_aacc6608_Web__ } from "web-component-wrapper/Web";
+
+;// external "clientnode"
+
+;// external "clientnode/property-types"
+
+;// external "web-component-wrapper/decorator"
+
+;// external "web-component-wrapper/Web"
+
+;// ./index.ts
+// #!/usr/bin/env babel-node
+// -*- coding: utf-8 -*-
+/** @module web-internationalization *//* !
+    region header
+    [Project page](https://torben.website/web-internationalization)
+
+    Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
+
+    License
+    -------
+
+    This library written by Torben Sickert stands under a creative commons
+    naming 3.0 unported license.
+    See https://creativecommons.org/licenses/by/3.0/deed.de
+    endregion
+*/// region imports
+var _dec,_dec2,_dec3,_dec4,_dec5,_class,_descriptor,_descriptor2,_descriptor3,_descriptor4,_descriptor5,_WebInternationalization;function _initializerDefineProperty(e,i,r,l){r&&Object.defineProperty(e,i,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(l):void 0})}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function _applyDecoratedDescriptor(i,e,r,n,l){var a={};return Object.keys(n).forEach(function(i){a[i]=n[i]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,("value"in a||a.initializer)&&(a.writable=!0),a=r.slice().reverse().reduce(function(r,n){return n(i,e,r)||r},a),l&&void 0!==a.initializer&&(a.value=a.initializer?a.initializer.call(l):void 0,a.initializer=void 0),void 0===a.initializer?(Object.defineProperty(i,e,a),null):a}function _initializerWarningHelper(r,e){throw Error("Decorating class property failed. Please ensure that transform-class-properties is enabled and runs after the decorators transform.")};// endregion
+const log=new __WEBPACK_EXTERNAL_MODULE_clientnode_Logger__({name:"web-internationalization"});// region plugins/classes
+/**
+ * This plugin holds all necessary methods to extend a website for
+ * internationalization.
+ * @property _defaultOptions - Options extended by the options given to the
+ * initializer method.
+ * @property _defaultOptions.currentLanguageIndicatorClassName - Class name
+ * which marks current language switcher button or link.
+ * @property _defaultOptions.currentLanguagePattern - Saves a pattern to
+ * recognize current language marker.
+ * @property _defaultOptions.default - Initial language to use.
+ * @property _defaultOptions.useEffect - Indicates whether a fade effect
+ * should be performed.
+ * @property _defaultOptions.initial - Initial set language (if omitted it will
+ * be determined based on environment information).
+ * @property _defaultOptions.languageHashPrefix - Hash prefix to determine
+ * current active language by url.
+ * @property _defaultOptions.languageMapping - A mapping of alternate language
+ * descriptions.
+ * @property _defaultOptions.lockDescription - Lock description.
+ * @property _defaultOptions.preReplacementLanguagePattern - Pattern to
+ * introduce a pre-replacement language node.
+ * @property _defaultOptions.replaceDomNodeNames - Tag names which indicates
+ * dom nodes which should be replaced.
+ * @property _defaultOptions.replacementDomNodeNames - Dom node tag name which
+ * should be interpreted as a hidden alternate language node (contains text in
+ * another language).
+ * @property _defaultOptions.replacementLanguagePattern - Text pattern to
+ * introduce a post-replacement node.
+ * @property _defaultOptions.selection - List of all supported languages.
+ * @property _defaultOptions.selectors - Mapping of necessary dom node
+ * selectors.
+ * @property _defaultOptions.selectors.knownTranslation - Selector to find
+ * known translation sections.
+ * @property _defaultOptions.sessionDescription - Description to save current
+ * language in session storage.
+ * @property _defaultOptions.templateDelimiter - Template delimiter to
+ * recognize dynamic content.
+ * @property _defaultOptions.templateDelimiter.pre - Delimiter that introduces
+ * a dynamic expression.
+ * @property _defaultOptions.templateDelimiter.post - Delimiter which finishes
+ * a dynamic expression.
+ * @property options - Finally configured given options.
+ * @property currentLanguage - Saves the current language.
+ * @property knownTranslations - Saves a mapping of known language strings and
+ * their corresponding translations, to boost language replacements or saves
+ * redundant replacements in a dom tree.
+ * @property lock - Lock instance when updating dom noes.
+ * @property _domNodesToFade - Saves all dom nodes that should be animated.
+ * @property _replacements - Saves all text nodes that should be replaced.
+ * @property _domNodesWithKnownTranslation - Saves a mapping of known text
+ * snippets to their corresponding $-extended dom nodes.
+ */let WebInternationalization=(_dec=__WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__({type:__WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_object__}),_dec2=__WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__({type:__WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_func__}),_dec3=__WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__({type:__WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_func__}),_dec4=__WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__({type:__WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_func__}),_dec5=__WEBPACK_EXTERNAL_MODULE_web_component_wrapper_decorator_a680de5c_property__({type:__WEBPACK_EXTERNAL_MODULE_clientnode_property_types_4789ebe2_func__}),_class=(_WebInternationalization=class WebInternationalization extends __WEBPACK_EXTERNAL_MODULE_web_component_wrapper_Web_aacc6608_Web__{// region public methods
+/// region live-cycle
+/**
+     * Defines dynamic getter and setter interface and resolves a configuration
+     * object. Initializes the map implementation.
+     */constructor(){super();/*
+            Babel property declaration transformation overwrites defined
+            properties at the end of an implicit constructor. So we have to
+            redefine them as long as we want to declare expected component
+            interface properties to enable static type checks.
+        */_defineProperty(this,"self",WebInternationalization);// region api properties
+_initializerDefineProperty(this,"options",_descriptor,this);_initializerDefineProperty(this,"onEnsure",_descriptor2,this);_initializerDefineProperty(this,"onSwitch",_descriptor3,this);_initializerDefineProperty(this,"onEnsured",_descriptor4,this);_initializerDefineProperty(this,"onSwitched",_descriptor5,this);// endregion
+_defineProperty(this,"switchLanguageButtonDomNodes",null);_defineProperty(this,"currentLanguage","enUS");_defineProperty(this,"knownTranslations",{});_defineProperty(this,"lock",new __WEBPACK_EXTERNAL_MODULE_clientnode_Lock__);_defineProperty(this,"_domNodesToFade",[]);_defineProperty(this,"_replacements",[]);_defineProperty(this,"_domNodesWithKnownTranslation",{});this.defineGetterAndSetterInterface()}/**
+     * Triggered when ever a given attribute has changed and triggers to update
+     * configured dom content.
+     * @param name - Attribute name which was updates.
+     * @param newValue - New updated value.
+     * @returns Returns when attribute has been updated.
+     */async onUpdateAttribute(name,newValue){await super.onUpdateAttribute(name,newValue);if(name==="options")this._extendOptions()}/**
+     * Updates controlled dom elements.
+     * @param reason - Why an update has been triggered.
+     * @param resolveRendering - Indicates whether rendering should be resolved
+     * finally. Should be set to "false" via super calls in inherited render
+     * methods which do further dom manipulations afterward and resolve the
+     * rendering process by their own.
+     * @returns A promise resolving when rendering has finished. A promise may
+     * be needed for classes inheriting from this class.
+     */async render(reason="unknown",resolveRendering=true){await super.render(reason,false);if(Object.keys(this.options).length===0)this._extendOptions();this.options.preReplacementLanguagePattern=__WEBPACK_EXTERNAL_MODULE_clientnode_format__(this.options.preReplacementLanguagePattern,this.options.replacementLanguagePattern.substring(1,this.options.replacementLanguagePattern.length-1));this.options.lockDescription=__WEBPACK_EXTERNAL_MODULE_clientnode_format__(this.options.lockDescription,this.self._name);this.options.sessionDescription=__WEBPACK_EXTERNAL_MODULE_clientnode_format__(this.options.sessionDescription,this.self._name);await this.waitForNestedComponentRendering();this.switchLanguageButtonDomNodes=this.hostDomNode.querySelectorAll(`a[href^="#${this.options.languageHashPrefix}"]`);this._movePreReplacementNodes();this.currentLanguage=this._normalizeLanguage(this.options.default);/*
+            NOTE: Only switch current language indicator if we haven't an
+            initial language switch which will perform the indicator switch.
+        */const newLanguage=this._determineUsefulLanguage();const determineSelection=this.options.selection.length===0;for(const domNode of this.switchLanguageButtonDomNodes){if(determineSelection)this.options.selection.push(domNode.getAttribute("href").substring(`#${this.options.languageHashPrefix}`.length));const handler=event=>{event.preventDefault();const url=event.target?.getAttribute("href");if(url)void this.switch(url.substring(this.options.languageHashPrefix.length+1))};this.addSecureEventListener(domNode,"click",handler)}if(this.currentLanguage===newLanguage)await this.refresh();else await this.switch(newLanguage,true);await this.resolveRenderingPromiseIfSet(reason,resolveRendering)}/// endregion
+/**
+     * Switches the current language to a given language. This method is
+     * mutually synchronized.
+     * @param language - New language as string or "true". If set to "true" it
+     * indicates that the dom tree should be checked again current language to
+     * ensure every text node has the right content.
+     * @param ensure - Indicates if a switch effect should be avoided.
+     * @returns Returns the current instance wrapped in a promise.
+     */async switch(language,ensure=false){if(language!==true&&this.options.selection.length&&!this.options.selection.includes(language)){log.debug(`"${language}" isn't one of the allowed languages.`);return}await this.lock.acquire(this.options.lockDescription);if(language===true){ensure=true;language=this.currentLanguage}else language=this._normalizeLanguage(language);if(ensure||this.currentLanguage!==language){let actionDescription="Switch to";if(ensure)actionDescription="Ensure";log.debug(`${actionDescription} "${language}".`);this._switchCurrentLanguageIndicator(language);if(ensure)await this.onEnsure(language);else await this.onSwitch(this.currentLanguage,language);this._domNodesToFade=[];this._replacements=[];this._collectDomNodesToReplace(language,ensure);await this._handleSwitchEffect(language,ensure);return}log.debug(`"${language}" is already current selected language.`);void this.lock.release(this.options.lockDescription)}/**
+     * Ensures current selected language.
+     * @returns Promise resolving to nothing when switching as finished.
+     */refresh(){this._movePreReplacementNodes();return this.switch(true)}/// endregion
+// region protected methods
+/**
+     * Extends given options by default options.
+     */_extendOptions(){/*
+            NOTE: Using the internal setter avoids triggering an additional
+            rendering.
+        */this.setPropertyValue("options",__WEBPACK_EXTERNAL_MODULE_clientnode_extend__(true,{},this.self._defaultOptions,this.options))}/**
+     * Depending on activated switching effect this method initialized the
+     * effect of replace all text string directly.
+     * @param language - New language to use.
+     * @param ensure - Indicates if current language should be ensured again
+     * every text node content.
+     * @returns Returns the current instance wrapped in a promise.
+     */async _handleSwitchEffect(language,ensure){const oldLanguage=this.currentLanguage;if(!ensure&&this.options.useEffect&&this._domNodesToFade.length>0){await Promise.all(this._domNodesToFade.map(domNode=>{const handler=__WEBPACK_EXTERNAL_MODULE_clientnode_fadeOut__(domNode);return handler.then(()=>{handler.resetStyles()})}));this._switchLanguage(language);await Promise.all(this._domNodesToFade.map(domNode=>{const handler=__WEBPACK_EXTERNAL_MODULE_clientnode_fadeIn__(domNode);return handler.then(()=>{handler.resetStyles()})}));this.onSwitched(oldLanguage,language);void this.lock.release(this.options.lockDescription);return}this._switchLanguage(language);if(ensure)this.onEnsured(language);else this.onSwitched(oldLanguage,language);void this.lock.release(this.options.lockDescription)}/**
+     * Moves pre-replacement dom nodes into the next dom node behind the
+     * translation text to use the same translation algorithm for both.
+     */_movePreReplacementNodes(){for(const domNode of __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__(this.hostDomNode)){const nodeName=domNode.nodeName.toLowerCase();if(this.options.replacementDomNodeNames.includes(nodeName)){if(!["#comment","#text"].includes(nodeName))// NOTE: Hide replacement dom nodes.
+domNode.classList.add(this.options.selectors.hideClassName);const regularExpression=new RegExp(this.options.preReplacementLanguagePattern);const match=domNode.textContent?.match(regularExpression);if(domNode.textContent&&match&&match[0]){domNode.textContent=domNode.textContent.replace(regularExpression,match[1]);if(domNode.parentElement){let selfFound=false;for(const subDomNode of __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__(domNode.parentElement)){if(selfFound&&__WEBPACK_EXTERNAL_MODULE_clientnode_getText__(subDomNode,true).length>0){subDomNode.appendChild(domNode);break}if(domNode===subDomNode)selfFound=true}}}}}}/**
+     * Collects all text nodes that should be replaced later.
+     * @param language - New language to use.
+     * @param ensure - Indicates if the whole dom should be checked again
+     * current language to ensure every text node has right content.
+     */_collectDomNodesToReplace(language,ensure){let currentDomNodeToTranslate=null;let currentLanguageDomNode=null;this.knownTranslations={};for(const domNode of __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__(this.hostDomNode)){const nodeName=domNode.nodeName.toLowerCase();const nodeTextContent=__WEBPACK_EXTERNAL_MODULE_clientnode_getText__(domNode,true);// NOTE: We skip empty and nested nodes.
+if(this._shouldSkipDomNode(domNode,nodeTextContent,currentDomNodeToTranslate))continue;if(this.options.replaceDomNodeNames.includes(nodeName))currentDomNodeToTranslate=domNode;else if(this.options.alternativeDomNodeNames.includes(nodeName)){if(!domNode.hasAttribute("lang"))this._initializeCurrentLanguageDomNode(domNode,ensure);else if(domNode.getAttribute("lang")===language)this._processAlternativeDomNode(domNode,language,ensure,currentLanguageDomNode)}else if(currentDomNodeToTranslate){if(this.options.replacementDomNodeNames.includes(nodeName)){;({domNodeToTranslate:currentDomNodeToTranslate,languageDomNode:currentLanguageDomNode}=this._processReplacementDomNode(domNode,nodeName,language,ensure,currentDomNodeToTranslate,currentLanguageDomNode));continue}currentDomNodeToTranslate=null;currentLanguageDomNode=null}}this._registerKnownTextNodes()}/**
+     * Determines whether a given dom node should be skipped during
+     * translation collection.
+     * @param domNode - The dom node to evaluate.
+     * @param nodeTextContent - Pre-computed text content of the node.
+     * @param currentDomNodeToTranslate - The currently tracked translation
+     * ancestor node.
+     * @returns Returns true if the node should be skipped.
+     */_shouldSkipDomNode(domNode,nodeTextContent,currentDomNodeToTranslate){return nodeTextContent.length===0&&(domNode.nodeType!==Node.COMMENT_NODE||(domNode.nodeValue||"").trim()==="")||Boolean(currentDomNodeToTranslate?.contains(domNode))||Boolean(__WEBPACK_EXTERNAL_MODULE_clientnode_closest__(domNode,this.options.replaceDomNodeNames.concat(this.options.replacementDomNodeNames).join(","),true))}/**
+     * Processes an alternative dom node by finding its active sibling,
+     * ensuring it has the necessary attributes and registering it for
+     * replacement.
+     * @param domNode - The alternative language dom node.
+     * @param language - New language to use.
+     * @param ensure - Indicates if current language should be ensured again
+     * every text node content.
+     * @param currentLanguageDomNode - The currently tracked language indicator
+     * node.
+     */_processAlternativeDomNode(domNode,language,ensure,currentLanguageDomNode){/*
+            When dealing with alternative dom nodes we do not rely on dom node
+            positions to keep them stable. Therefore, we identify the current
+            dom node to translate by going through all siblings.
+         */let activeSibling=null;for(const candidate of domNode.parentElement.querySelectorAll(this.options.alternativeDomNodeNames.join(",")))if(candidate.hasAttribute("active")||!candidate.hasAttribute("lang")){activeSibling=candidate;break}if(!activeSibling)return;this._initializeCurrentLanguageDomNode(activeSibling,ensure);this._registerTextNodeToChange(activeSibling,domNode,domNode.innerHTML,currentLanguageDomNode)}_initializeCurrentLanguageDomNode(domNode,ensure){if(!domNode.hasAttribute("active"))domNode.setAttribute("active","");if(!domNode.hasAttribute("lang"))domNode.setAttribute("lang",ensure?this.options.default||this.currentLanguage:this.currentLanguage)}/**
+     * Processes a replacement dom node like comment or lang-replacement
+     * element and updates translation state accordingly.
+     * @param domNode - The replacement dom node.
+     * @param nodeName - Lowercase node name of the replacement node.
+     * @param language - New language to use.
+     * @param ensure - Indicates if current language should be ensured again
+     * every text node content.
+     * @param currentDomNodeToTranslate - The currently tracked node whose
+     * content is to be replaced.
+     * @param currentLanguageDomNode - The currently tracked language indicator
+     * node.
+     * @returns Updated references for the tracked translation and language
+     * indicator nodes.
+     */_processReplacementDomNode(domNode,nodeName,language,ensure,currentDomNodeToTranslate,currentLanguageDomNode){const content=nodeName==="#comment"?domNode.textContent:domNode.innerHTML;const match=content.match(new RegExp(this.options.replacementLanguagePattern));if(Array.isArray(match)&&match[1]===language){// Save known text translations.
+this.knownTranslations[__WEBPACK_EXTERNAL_MODULE_clientnode_getText__(currentDomNodeToTranslate,true).join(" ")]=match[2].trim();currentLanguageDomNode=this._ensureLastTextNodeHavingLanguageIndicator(currentDomNodeToTranslate,currentLanguageDomNode,ensure);this._registerTextNodeToChange(currentDomNodeToTranslate,domNode,match[2],currentLanguageDomNode);return{domNodeToTranslate:null,languageDomNode:null}}if(domNode.textContent.match(new RegExp(this.options.currentLanguagePattern)))currentLanguageDomNode=domNode;return{domNodeToTranslate:currentDomNodeToTranslate,languageDomNode:currentLanguageDomNode}}/**
+     * Iterates all text nodes in language known area with known translations.
+     */_registerKnownTextNodes(){this._domNodesWithKnownTranslation={};for(const domNode of this.hostDomNode.querySelectorAll(this.options.selectors.knownTranslation))for(const node of __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__(domNode)){const content=__WEBPACK_EXTERNAL_MODULE_clientnode_getText__(node).join(" ");// NOTE: We skip empty and nested text nodes.
+if(content&&!this.options.replaceDomNodeNames.includes(node.nodeName.toLowerCase())&&!__WEBPACK_EXTERNAL_MODULE_clientnode_closest__(node,this.options.replaceDomNodeNames.join(","),true)&&Object.prototype.hasOwnProperty.call(this.knownTranslations,content)){this._domNodesToFade.push(node.parentElement);if(Object.prototype.hasOwnProperty.call(this._domNodesWithKnownTranslation,this.knownTranslations[content]))this._domNodesWithKnownTranslation[this.knownTranslations[content]].push(node);else this._domNodesWithKnownTranslation[this.knownTranslations[content]]=[node]}}}/**
+     * Normalizes a given language string.
+     * @param language - New language to use.
+     * @returns Returns the normalized version of given language.
+     */_normalizeLanguage(language){for(const[otherLanguage,aliases]of Object.entries(this.options.languageMapping)){if(!aliases.includes(otherLanguage.toLowerCase()))aliases.push(otherLanguage.toLowerCase());if(aliases.includes(language.toLowerCase()))return otherLanguage}return this.options.default}/**
+     * Determines a useful initial language depending on session and browser
+     * settings.
+     * @returns Returns the determined language.
+     */_determineUsefulLanguage(){let result;if(this.options.initial)result=this.options.initial;else if(Object.prototype.hasOwnProperty.call(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__,"window"))if(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window?.localStorage.getItem(this.options.sessionDescription)){result=__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window.localStorage.getItem(this.options.sessionDescription);log.debug(`Determine "${result}", because of local storage`,"information.")}else if(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window?.navigator.language){result=__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window.navigator.language;log.debug(`Determine "${result}", because of browser settings.`)}if(!result){result=this.options.default;log.debug(`Determine "${result}", because of default option.`)}result=this._normalizeLanguage(result);if(this.options.selection.length&&!this.options.selection.includes(result)){log.debug(`"${result}" isn't one of the allowed languages. Set`,`language to "${this.options.selection[0]}".`);result=this.options.selection[0]}if(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window?.localStorage)__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.window.localStorage.setItem(this.options.sessionDescription,result);return result}/**
+     * Registers a text node to change its content with a given replacement.
+     * @param domNodeToTranslate - Text node with content to
+     * translate.
+     * @param domNodeToReplaceWith - A node with replacement content.
+     * @param textToReplaceWith - Text content to use as replacement.
+     * @param currentLanguageDomNode - A potential given text node indicating
+     * the language of given text node.
+     */_registerTextNodeToChange(domNodeToTranslate,domNodeToReplaceWith,textToReplaceWith,currentLanguageDomNode){this._domNodesToFade.push(domNodeToTranslate.parentElement);if(domNodeToReplaceWith)this._replacements.push({domNodeToTranslate,domNodeToReplaceWith,textToReplaceWith,currentLanguageDomNode})}/**
+     * Checks if the last text node has a language indication comment node.
+     * This function is called after each parsed dom text node.
+     * @param lastTextNodeToTranslate - Last text node to check.
+     * @param lastLanguageDomNode - A potential given language indication
+     * commend node.
+     * @param ensure - Indicates if current language should be ensured again
+     * every text node content.
+     * @returns Returns the retrieved or newly created language indicating
+     * comment node.
+     */_ensureLastTextNodeHavingLanguageIndicator(lastTextNodeToTranslate,lastLanguageDomNode,ensure){if(lastTextNodeToTranslate&&!lastLanguageDomNode){/*
+                Last text node doesn't have a current language indicating dom
+                node.
+            */let currentLocalLanguage=this.currentLanguage;if(ensure)currentLocalLanguage=this.options.default||this.currentLanguage;lastLanguageDomNode=__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.document?.createComment(currentLocalLanguage)||null;if(lastLanguageDomNode)lastTextNodeToTranslate.after(lastLanguageDomNode)}return lastLanguageDomNode}/**
+     * Performs the low-level text replacements for switching to a given
+     * language.
+     * @param language - The new language to switch to.
+     */_switchLanguage(language){for(const replacement of this._replacements){const currentText=this._getCurrentNodeText(replacement.domNodeToTranslate);const trimmedText=currentText.trim();if(!this.options.templateDelimiter||!trimmedText.endsWith(this.options.templateDelimiter.post)&&this.options.templateDelimiter.post){const currentLanguageDomNode=this._resolveCurrentLanguageDomNode(replacement);const currentLanguage=currentLanguageDomNode.textContent;if(currentLanguage&&language===currentLanguage)log.warn(`Text node "${replacement.textToReplaceWith}" is`,`marked as "${currentLanguage}" and has same`,"translation language as it already is.");// Move markup to be replaced next its parent node.
+const nodeName=replacement.domNodeToReplaceWith.nodeName.toLowerCase();if(this.options.alternativeDomNodeNames.includes(nodeName)){;replacement.domNodeToReplaceWith.setAttribute("active","");replacement.domNodeToTranslate.removeAttribute("active");continue}const newNode=this._createBackupNode(nodeName,currentLanguage,currentText,replacement.domNodeToTranslate);replacement.domNodeToTranslate.after(newNode);replacement.domNodeToTranslate.after(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.document.createComment(language));this._applyTextReplacement(replacement);currentLanguageDomNode.remove();replacement.domNodeToReplaceWith.remove()}}this._updateKnownTextNodes();if(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.localStorage)__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.localStorage.setItem(this.options.sessionDescription,language);this.currentLanguage=language}/**
+     * Returns the current text content of a dom node, preferring innerHTML
+     * over textContent when available.
+     * @param domNode - The dom node to read the text content from.
+     * @returns The current text content of the dom node.
+     */_getCurrentNodeText(domNode){return"innerHTML"in domNode?domNode.innerHTML:domNode.textContent}/**
+     * Resolves the current language dom node for a given replacement. If the
+     * node was not set initially it is determined by iterating through the
+     * siblings and cached on the replacement object.
+     * @param replacement - The replacement whose language dom node should be
+     * resolved.
+     * @returns The resolved language indicator dom node or null.
+     */_resolveCurrentLanguageDomNode(replacement){if(replacement.currentLanguageDomNode)return replacement.currentLanguageDomNode;/*
+            Language dom node wasn't present initially. So we have to
+            determine it now.
+        */let currentLanguageDomNode=document.body;let currentDomNodeFound=false;for(const domNode of __WEBPACK_EXTERNAL_MODULE_clientnode_getAll__(replacement.domNodeToTranslate.parentElement)){if(currentDomNodeFound){replacement.currentLanguageDomNode=currentLanguageDomNode=domNode;break}if(domNode===replacement.domNodeToTranslate)currentDomNodeFound=true}return currentLanguageDomNode}/**
+     * Creates a backup node for the current dom node content before the
+     * replacement is applied. Returns either a comment node or an element
+     * node depending on `nodeName`.
+     * @param nodeName - Lowercase node name of the replacement node.
+     * @param currentLanguage - Current language string used as prefix.
+     * @param currentText - Text content of the node to back up.
+     * @param domNodeToTranslate - The dom node whose children are moved into
+     * the backup element (for non-comment nodes).
+     * @returns The created backup node.
+     */_createBackupNode(nodeName,currentLanguage,currentText,domNodeToTranslate){if(nodeName==="#comment")return __WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.document.createComment(`${currentLanguage}:${currentText}`);const newNode=__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.document.createElement(nodeName);newNode.appendChild(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.document.createTextNode(`${currentLanguage}:`));newNode.classList.add(this.options.selectors.hideClassName);// NOTE: We need to use "Array.from" to copy the list.
+for(const childNode of Array.from(domNodeToTranslate.childNodes))newNode.appendChild(childNode);return newNode}/**
+     * Applies the actual text replacement to the target dom node. Moves
+     * child nodes from the replacement node or sets innerHTML/textContent
+     * directly depending on the node type.
+     * @param replacement - Replacement object containing source, target and
+     * replacement text information.
+     */_applyTextReplacement(replacement){if("innerHTML"in replacement.domNodeToTranslate){if(replacement.domNodeToReplaceWith.nodeName.toLowerCase()==="#comment")replacement.domNodeToTranslate.innerHTML=replacement.textToReplaceWith;else{let languageRemoved=false;// NOTE: We need to use "Array.from" to copy the list.
+for(const childNode of Array.from(replacement.domNodeToReplaceWith.childNodes)){if(!languageRemoved){childNode.textContent=childNode.textContent.replace(/^[a-z]{2}[A-Z]{2}:/,"");languageRemoved=true}replacement.domNodeToTranslate.appendChild(childNode)}}}else replacement.domNodeToTranslate.textContent=replacement.textToReplaceWith}/**
+     * Updates all dom nodes that have a known translation to their translated
+     * text content.
+     */_updateKnownTextNodes(){for(const[content,domNodes]of Object.entries(this._domNodesWithKnownTranslation))for(const domNode of domNodes)domNode.textContent=content}/**
+     * Switches the current language indicator in language switch triggered dom
+     * nodes.
+     * @param language - The new language to switch to.
+     */_switchCurrentLanguageIndicator(language){for(const domNode of this.hostDomNode.querySelectorAll(`a[href="#${this.options.languageHashPrefix}`+`${this.currentLanguage}"].`+this.options.currentLanguageIndicatorClassName))domNode.classList.remove(this.options.currentLanguageIndicatorClassName);for(const domNode of this.hostDomNode.querySelectorAll(`a[href="#${this.options.languageHashPrefix}${language}"]`))domNode.classList.add(this.options.currentLanguageIndicatorClassName)}// endregion
+},_defineProperty(_WebInternationalization,"_name","WebInternationalization"),_defineProperty(_WebInternationalization,"_defaultOptions",{currentLanguageIndicatorClassName:"current",currentLanguagePattern:"^[a-z]{2}[A-Z]{2}$",default:"enUS",useEffect:true,initial:null,languageHashPrefix:"lang-",languageMapping:{deDE:["de","de_de","de-de","german","deutsch"],enUS:["en","en_us","en-us"],enEN:["en_en","en-en","english"],frFR:["fr","fr_fr","fr-fr","french"]},lockDescription:"{1}Switch",preReplacementLanguagePattern:"^\\|({1})$",alternativeDomNodeNames:["lang-alternative"],replaceDomNodeNames:["#text","lang-replace"],replacementDomNodeNames:["#comment","lang-replacement"],replacementLanguagePattern:"^([a-z]{2}[A-Z]{2}):((.|\\s)*)$",selection:[],selectors:{knownTranslation:".web-internationalization-generated-content",hideClassName:"wi-hide"},sessionDescription:"{1}",templateDelimiter:{pre:"{{",post:"}}"}}),_WebInternationalization),_descriptor=_applyDecoratedDescriptor(_class.prototype,"options",[_dec],{configurable:true,enumerable:true,writable:true,initializer:function(){return{}}}),_descriptor2=_applyDecoratedDescriptor(_class.prototype,"onEnsure",[_dec2],{configurable:true,enumerable:true,writable:true,initializer:function(){return __WEBPACK_EXTERNAL_MODULE_clientnode_NOOP__}}),_descriptor3=_applyDecoratedDescriptor(_class.prototype,"onSwitch",[_dec3],{configurable:true,enumerable:true,writable:true,initializer:function(){return __WEBPACK_EXTERNAL_MODULE_clientnode_NOOP__}}),_descriptor4=_applyDecoratedDescriptor(_class.prototype,"onEnsured",[_dec4],{configurable:true,enumerable:true,writable:true,initializer:function(){return __WEBPACK_EXTERNAL_MODULE_clientnode_NOOP__}}),_descriptor5=_applyDecoratedDescriptor(_class.prototype,"onSwitched",[_dec5],{configurable:true,enumerable:true,writable:true,initializer:function(){return __WEBPACK_EXTERNAL_MODULE_clientnode_NOOP__}}),_class);// endregion
+const api={component:WebInternationalization,register:(tagName=__WEBPACK_EXTERNAL_MODULE_clientnode_camelCaseToDelimited__(WebInternationalization._name))=>{customElements.define(tagName,WebInternationalization)}};/* harmony default export */ const index = (WebInternationalization);if(__WEBPACK_EXTERNAL_MODULE_clientnode_globalContext__.AUTO_DEFINE_WEB_INTERNATIONALIZATION)api.register();
+export { WebInternationalization, api, index as default, log };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.42",
+  "version": "2.0.44",
   "name": "web-internationalization",
   "description": "Expand your audience",
   "keywords": [
@@ -49,34 +49,34 @@
     "watch": "weboptimizer build --watch"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.29.7",
-    "@babel/plugin-transform-proto-to-assign": "^7.29.7",
-    "@babel/runtime": "^7.29.7",
+    "@babel/eslint-parser": "^8.0.1",
+    "@babel/plugin-transform-proto-to-assign": "^8.0.1",
+    "@babel/runtime": "^8.0.0",
     "@eslint/js": "^10.0.1",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/ejs": "^3.1.5",
     "@types/html-minifier": "^4.0.6",
     "@types/imagemin": "^9.0.1",
     "@types/jsdom": "^28.0.3",
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.1.1",
     "@types/webpack-env": "^1.18.8",
-    "@typescript-eslint/eslint-plugin": "^8.61.0",
-    "@typescript-eslint/parser": "^8.61.0",
+    "@typescript-eslint/eslint-plugin": "^8.65.0",
+    "@typescript-eslint/parser": "^8.65.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "clientnode": "^4.0.1423",
-    "eslint": "^10.5.0",
+    "clientnode": "^4.0.1472",
+    "eslint": "^10.8.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-jsdoc": "^63.0.2",
+    "eslint-plugin-jsdoc": "^63.2.2",
     "favicons-webpack-plugin": "^6.0.1",
     "image-minimizer-webpack-plugin": "^5.0.0",
     "jest": "^30.4.2",
     "jsdoc": "^4.0.5",
     "prop-types": "^15.8.1",
-    "typescript-eslint": "^8.61.0",
-    "web-component-wrapper": "^0.0.602",
-    "web-documentation": "^1.0.39",
-    "weboptimizer": "^3.0.24",
-    "webpack-dev-server": "^5.2.5"
+    "typescript-eslint": "^8.65.0",
+    "web-component-wrapper": "^0.0.606",
+    "web-documentation": "^1.0.42",
+    "weboptimizer": "^4.0.37",
+    "webpack-dev-server": "^6.0.0"
   },
   "peerDependencies": {
     "@babel/runtime": "*",
@@ -101,6 +101,7 @@
     "globals@npm:^9.18.0": "patch:globals@npm%3A11.12.0#~/.yarn/patches/globals-npm-11.12.0-1fa7f41a6c.patch"
   },
   "sideEffects": false,
+  "type": "module",
   "webDocumentation": {
     "languages": [
       "deDE",
@@ -134,10 +135,6 @@
         }
       },
       "optimizer": {
-        "babelMinify": {
-          "#": "Avoids TypeError: Cannot read properties of undefined (reading 'add')",
-          "module": null
-        },
         "htmlMinifier": {
           "ignoreCustomComments": [
             {

package/type.d.ts

@@ -1,4 +1,4 @@
-import { HTMLItem, Mapping } from 'clientnode';
+import type { HTMLItem, Mapping } from 'clientnode';
 export interface Replacement {
     domNodeToTranslate: HTMLItem;
     domNodeToReplaceWith: HTMLItem;