@tolgee/core 2.4.0 → 2.8.1

package/dist/tolgee.umd.js

@@ -131,23 +131,6 @@
     var NodeHelper = /** @class */ (function () {
         function NodeHelper() {
         }
-        NodeHelper.evaluateGenerator = function (expression, targetNode) {
-            var node, evaluated;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        evaluated = document.evaluate(expression, targetNode, undefined, XPathResult.ANY_TYPE);
-                        _a.label = 1;
-                    case 1:
-                        if (!((node = evaluated.iterateNext()) !== null)) return [3 /*break*/, 3];
-                        return [4 /*yield*/, node];
-                    case 2:
-                        _a.sent();
-                        return [3 /*break*/, 1];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        };
         NodeHelper.evaluate = function () {
             var args = [];
             for (var _i = 0; _i < arguments.length; _i++) {
@@ -197,13 +180,31 @@
                 return true;
             }
             if (node instanceof Attr) {
-                var ownerContainsAttr = Object.values(node.ownerElement.attributes).indexOf(node) > -1;
+                var ownerContainsAttr = node.ownerElement &&
+                    Object.values(node.ownerElement.attributes).indexOf(node) > -1;
                 if (descendant.contains(node.ownerElement) && ownerContainsAttr) {
                     return true;
                 }
             }
             return false;
         };
+        NodeHelper.evaluateGenerator = function (expression, targetNode) {
+            var node, evaluated;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        evaluated = document.evaluate(expression, targetNode, undefined, XPathResult.ANY_TYPE);
+                        _a.label = 1;
+                    case 1:
+                        if (!((node = evaluated.iterateNext()) !== null)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, node];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 1];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        };
         return NodeHelper;
     }());
 
@@ -1597,8 +1598,8 @@
     }
 
     var _a;
-    var SPACE_SEPARATOR_START_REGEX = new RegExp("^" + SPACE_SEPARATOR_REGEX.source + "*");
-    var SPACE_SEPARATOR_END_REGEX = new RegExp(SPACE_SEPARATOR_REGEX.source + "*$");
+    var SPACE_SEPARATOR_START_REGEX = new RegExp("^".concat(SPACE_SEPARATOR_REGEX.source, "*"));
+    var SPACE_SEPARATOR_END_REGEX = new RegExp("".concat(SPACE_SEPARATOR_REGEX.source, "*$"));
     function createLocation(start, end) {
         return { start: start, end: end };
     }
@@ -1845,7 +1846,7 @@
                 return {
                     val: {
                         type: TYPE.literal,
-                        value: "<" + tagName + "/>",
+                        value: "<".concat(tagName, "/>"),
                         location: createLocation(startPosition, this.clonePosition()),
                     },
                     err: null,
@@ -2450,7 +2451,7 @@
             }
             var code = codePointAt(this.message, offset);
             if (code === undefined) {
-                throw Error("Offset " + offset + " is at invalid UTF-16 code unit boundary");
+                throw Error("Offset ".concat(offset, " is at invalid UTF-16 code unit boundary"));
             }
             return code;
         };
@@ -2518,7 +2519,7 @@
          */
         Parser.prototype.bumpTo = function (targetOffset) {
             if (this.offset() > targetOffset) {
-                throw Error("targetOffset " + targetOffset + " must be greater than or equal to the current offset " + this.offset());
+                throw Error("targetOffset ".concat(targetOffset, " must be greater than or equal to the current offset ").concat(this.offset()));
             }
             targetOffset = Math.min(targetOffset, this.message.length);
             while (true) {
@@ -2527,7 +2528,7 @@
                     break;
                 }
                 if (offset > targetOffset) {
-                    throw Error("targetOffset " + targetOffset + " is at invalid UTF-16 code unit boundary");
+                    throw Error("targetOffset ".concat(targetOffset, " is at invalid UTF-16 code unit boundary"));
                 }
                 this.bump();
                 if (this.isEOF()) {
@@ -2993,28 +2994,28 @@
             return _this;
         }
         FormatError.prototype.toString = function () {
-            return "[formatjs Error: " + this.code + "] " + this.message;
+            return "[formatjs Error: ".concat(this.code, "] ").concat(this.message);
         };
         return FormatError;
     }(Error));
     var InvalidValueError = /** @class */ (function (_super) {
         __extends(InvalidValueError, _super);
         function InvalidValueError(variableId, value, options, originalMessage) {
-            return _super.call(this, "Invalid values for \"" + variableId + "\": \"" + value + "\". Options are \"" + Object.keys(options).join('", "') + "\"", ErrorCode.INVALID_VALUE, originalMessage) || this;
+            return _super.call(this, "Invalid values for \"".concat(variableId, "\": \"").concat(value, "\". Options are \"").concat(Object.keys(options).join('", "'), "\""), ErrorCode.INVALID_VALUE, originalMessage) || this;
         }
         return InvalidValueError;
     }(FormatError));
     var InvalidValueTypeError = /** @class */ (function (_super) {
         __extends(InvalidValueTypeError, _super);
         function InvalidValueTypeError(value, type, originalMessage) {
-            return _super.call(this, "Value for \"" + value + "\" must be of type " + type, ErrorCode.INVALID_VALUE, originalMessage) || this;
+            return _super.call(this, "Value for \"".concat(value, "\" must be of type ").concat(type), ErrorCode.INVALID_VALUE, originalMessage) || this;
         }
         return InvalidValueTypeError;
     }(FormatError));
     var MissingValueError = /** @class */ (function (_super) {
         __extends(MissingValueError, _super);
         function MissingValueError(variableId, originalMessage) {
-            return _super.call(this, "The intl string context variable \"" + variableId + "\" was not provided to the string \"" + originalMessage + "\"", ErrorCode.MISSING_VALUE, originalMessage) || this;
+            return _super.call(this, "The intl string context variable \"".concat(variableId, "\" was not provided to the string \"").concat(originalMessage, "\""), ErrorCode.MISSING_VALUE, originalMessage) || this;
         }
         return MissingValueError;
     }(FormatError));
@@ -3175,7 +3176,7 @@
                 continue;
             }
             if (isPluralElement(el)) {
-                var opt = el.options["=" + value];
+                var opt = el.options["=".concat(value)];
                 if (!opt) {
                     if (!Intl.PluralRules) {
                         throw new FormatError("Intl.PluralRules is not available in this environment.\nTry polyfilling it using \"@formatjs/intl-pluralrules\"\n", ErrorCode.MISSING_INTL_API, originalMessage);
@@ -3686,7 +3687,7 @@
                 }
             };
             element.addEventListener('mouseover', onMouseOver);
-            element.addEventListener('click', onClick);
+            element.addEventListener('click', onClick, { capture: true });
             var onMouseDownOrUp = function (e) {
                 if (_this.areKeysDown()) {
                     e.stopPropagation();
@@ -3700,7 +3701,7 @@
                 element.removeEventListener('mousedown', onMouseDownOrUp);
                 element.removeEventListener('mouseup', onMouseDownOrUp);
                 element.removeEventListener('mouseover', onMouseOver);
-                element.removeEventListener('click', onClick);
+                element.removeEventListener('click', onClick, { capture: true });
                 element.removeEventListener('mouseout', onMouseOut);
             };
         };
@@ -3721,11 +3722,13 @@
             }
         };
         MouseEventHandler.prototype.onMouseOut = function (element) {
+            element._tolgee.preventClean = false;
             this.mouseOn.delete(element);
             this.mouseOnChanged.emit(this.getMouseOn());
         };
         MouseEventHandler.prototype.onMouseOver = function (element) {
             this.filterMouseOn();
+            element._tolgee.preventClean = true;
             this.mouseOn.delete(element); //to get in to last place
             this.mouseOn.add(element);
             this.mouseOnChanged.emit(this.getMouseOn());
@@ -3787,40 +3790,26 @@
             var _this = this;
             this.dependencies = dependencies;
             this.translationEdit = function (e, element) { return __awaiter(_this, void 0, void 0, function () {
-                var key;
+                var renderer, key;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            if (!(typeof this.renderer === 'object')) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.getKeyAndDefault(e, element)];
+                        case 0: return [4 /*yield*/, this.getRenderer()];
                         case 1:
+                            renderer = _a.sent();
+                            if (!(typeof renderer === 'object')) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.getKeyAndDefault(e, element)];
+                        case 2:
                             key = _a.sent();
                             if (key) {
-                                this.renderer.renderViewer(key.key, key.defaultValue);
+                                renderer.renderViewer(key.key, key.defaultValue);
                                 return [2 /*return*/];
                             }
                             return [2 /*return*/];
-                        case 2:
-                            // eslint-disable-next-line no-console
-                            console.warn('Tolgee UI is not provided. To translate interactively provide tolgee ui constructor to "ui" configuration property. ' +
-                                'To disable highlighting use production mode.');
-                            return [2 /*return*/];
+                        case 3: return [2 /*return*/];
                     }
                 });
             }); };
         }
-        Object.defineProperty(TranslationHighlighter.prototype, "renderer", {
-            get: function () {
-                if (this._renderer === undefined) {
-                    if (typeof this.dependencies.properties.config.ui === 'function') {
-                        this._renderer = new this.dependencies.properties.config.ui(this.dependencies);
-                    }
-                }
-                return this._renderer;
-            },
-            enumerable: false,
-            configurable: true
-        });
         TranslationHighlighter.getKeyOptions = function (node) {
             var nodes = Array.from(node._tolgee.nodes);
             return nodes.reduce(function (acc, curr) { return __spreadArray(__spreadArray([], __read(acc), false), __read(curr._tolgee.keys.map(function (k) { return ({
@@ -3838,9 +3827,70 @@
                 }
             }); }); });
         };
+        TranslationHighlighter.prototype.getRenderer = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var possibleProviders, possibleProviders_1, possibleProviders_1_1, possibleProvider, constructorProvider, constructor, constructor, e_2_1;
+                var e_2, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!(this._renderer === undefined)) return [3 /*break*/, 11];
+                            possibleProviders = [
+                                this.dependencies.properties.config.ui,
+                                window['@tolgee/ui'],
+                            ];
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 8, 9, 10]);
+                            possibleProviders_1 = __values(possibleProviders), possibleProviders_1_1 = possibleProviders_1.next();
+                            _b.label = 2;
+                        case 2:
+                            if (!!possibleProviders_1_1.done) return [3 /*break*/, 7];
+                            possibleProvider = possibleProviders_1_1.value;
+                            if (!(typeof possibleProvider === 'function')) return [3 /*break*/, 6];
+                            _b.label = 3;
+                        case 3:
+                            _b.trys.push([3, 5, , 6]);
+                            constructorProvider = possibleProvider;
+                            return [4 /*yield*/, constructorProvider()];
+                        case 4:
+                            constructor = _b.sent();
+                            this._renderer = new constructor(this.dependencies);
+                            return [3 /*break*/, 6];
+                        case 5:
+                            _b.sent();
+                            constructor = possibleProvider;
+                            this._renderer = new constructor(this.dependencies);
+                            return [3 /*break*/, 6];
+                        case 6:
+                            possibleProviders_1_1 = possibleProviders_1.next();
+                            return [3 /*break*/, 2];
+                        case 7: return [3 /*break*/, 10];
+                        case 8:
+                            e_2_1 = _b.sent();
+                            e_2 = { error: e_2_1 };
+                            return [3 /*break*/, 10];
+                        case 9:
+                            try {
+                                if (possibleProviders_1_1 && !possibleProviders_1_1.done && (_a = possibleProviders_1.return)) _a.call(possibleProviders_1);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                            return [7 /*endfinally*/];
+                        case 10:
+                            if (this._renderer === undefined) {
+                                // eslint-disable-next-line no-console
+                                console.warn('Tolgee UI is not provided. To translate interactively provide tolgee ui constructor to "ui" configuration property. ' +
+                                    'To disable highlighting use production mode.');
+                            }
+                            _b.label = 11;
+                        case 11: return [2 /*return*/, this._renderer];
+                    }
+                });
+            });
+        };
         TranslationHighlighter.prototype.getKeyAndDefault = function (mouseEvent, element) {
             return __awaiter(this, void 0, void 0, function () {
-                var keysWithDefaults, keySet, selectedKey_1, found;
+                var keysWithDefaults, keySet, renderer, selectedKey_1, found;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -3852,19 +3902,22 @@
                             }
                             keysWithDefaults = TranslationHighlighter.getKeyOptions(element);
                             keySet = new Set(keysWithDefaults.map(function (keyWithDefault) { return keyWithDefault.key; }));
-                            if (!(keySet.size > 1)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.renderer.getKey({
+                            if (!(keySet.size > 1)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.getRenderer()];
+                        case 1:
+                            renderer = _a.sent();
+                            return [4 /*yield*/, renderer.getKey({
                                     keys: keySet,
                                     openEvent: mouseEvent,
                                 })];
-                        case 1:
+                        case 2:
                             selectedKey_1 = _a.sent();
                             found = keysWithDefaults.find(function (kwd) { return kwd.key === selectedKey_1; });
                             if (found) {
                                 return [2 /*return*/, found];
                             }
-                            _a.label = 2;
-                        case 2:
+                            _a.label = 3;
+                        case 3:
                             if (keySet.size === 1) {
                                 return [2 /*return*/, keysWithDefaults[0]];
                             }
@@ -3903,10 +3956,12 @@
             try {
                 for (var _b = __values(this.registeredElements), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var element = _c.value;
-                    this.cleanElementInactiveNodes(element);
-                    if (element._tolgee.nodes.size === 0 &&
-                        !element._tolgee.wrappedWithElementOnlyKey) {
-                        this.cleanElement(element);
+                    if (!element._tolgee.preventClean) {
+                        this.cleanElementInactiveNodes(element);
+                        if (element._tolgee.nodes.size === 0 &&
+                            !element._tolgee.wrappedWithElementOnlyKey) {
+                            this.cleanElement(element);
+                        }
                     }
                 }
             }
@@ -3978,12 +4033,14 @@
             }
         };
         ElementRegistrar.prototype.cleanElement = function (element) {
-            if (typeof element._tolgee.removeAllEventListeners === 'function') {
-                element._tolgee.removeAllEventListeners();
+            if (!element._tolgee.preventClean) {
+                if (typeof element._tolgee.removeAllEventListeners === 'function') {
+                    element._tolgee.removeAllEventListeners();
+                }
+                element.removeAttribute(TOLGEE_ATTRIBUTE_NAME);
+                delete element._tolgee;
+                this.registeredElements.delete(element);
             }
-            element.removeAttribute(TOLGEE_ATTRIBUTE_NAME);
-            delete element._tolgee;
-            this.registeredElements.delete(element);
         };
         ElementRegistrar.prototype.getActiveNodes = function (element) {
             var _a, _b, node, e_5_1;
@@ -4273,8 +4330,10 @@
             this.attributeHandler = attributeHandler;
             this.textService = textService;
             this.wrappedHandler = wrappedHandler;
-            eventService.LANGUAGE_CHANGED.subscribe(this.refresh.bind(this));
-            eventService.TRANSLATION_CHANGED.subscribe(this.refresh.bind(this));
+            if (typeof window !== 'undefined') {
+                eventService.LANGUAGE_CHANGED.subscribe(this.refresh.bind(this));
+                eventService.TRANSLATION_CHANGED.subscribe(this.refresh.bind(this));
+            }
         }
         CoreHandler.prototype.handleSubtree = function (target) {
             return __awaiter(this, void 0, void 0, function () {