@sitecore-jss/sitecore-jss-angular 21.0.0-canary.13 → 21.0.0-canary.130

package/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@sitecore-jss/sitecore-jss/media'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@sitecore-jss/sitecore-jss/i18n'), require('@sitecore-jss/sitecore-jss/layout'), require('@sitecore-jss/sitecore-jss'), require('@sitecore-jss/sitecore-jss/utils')) :
-    typeof define === 'function' && define.amd ? define('@sitecore-jss/sitecore-jss-angular', ['exports', '@angular/core', '@sitecore-jss/sitecore-jss/media', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common', '@sitecore-jss/sitecore-jss/i18n', '@sitecore-jss/sitecore-jss/layout', '@sitecore-jss/sitecore-jss', '@sitecore-jss/sitecore-jss/utils'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sitecore-jss"] = global["sitecore-jss"] || {}, global["sitecore-jss"]["sitecore-jss-angular"] = {}), global.ng.core, global.media, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common, global.i18n, global.layout, global["@sitecore-jss/sitecore-jss"], global.utils));
-})(this, (function (exports, core, media, router, rxjs, operators, common, i18n, layout, sitecoreJss, utils) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@sitecore-jss/sitecore-jss/media'), require('@angular/router'), require('@sitecore-jss/sitecore-jss/utils'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@sitecore-jss/sitecore-jss/i18n'), require('@sitecore-jss/sitecore-jss/layout'), require('@sitecore-jss/sitecore-jss'), require('@sitecore-jss/sitecore-jss/tracking')) :
+    typeof define === 'function' && define.amd ? define('@sitecore-jss/sitecore-jss-angular', ['exports', '@angular/core', '@sitecore-jss/sitecore-jss/media', '@angular/router', '@sitecore-jss/sitecore-jss/utils', 'rxjs', 'rxjs/operators', '@angular/common', '@sitecore-jss/sitecore-jss/i18n', '@sitecore-jss/sitecore-jss/layout', '@sitecore-jss/sitecore-jss', '@sitecore-jss/sitecore-jss/tracking'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["sitecore-jss"] = global["sitecore-jss"] || {}, global["sitecore-jss"]["sitecore-jss-angular"] = {}), global.ng.core, global.media, global.ng.router, global.utils, global.rxjs, global.rxjs.operators, global.ng.common, global.i18n, global.layout, global["@sitecore-jss/sitecore-jss"], global.tracking));
+})(this, (function (exports, core, media, router, utils, rxjs, operators, common, i18n, layout, sitecoreJss, tracking) { 'use strict';
 
     /**
      * File fields cannot be managed via the EE. We never output "editable."
@@ -534,21 +534,7 @@
             viewRef.rootNodes.forEach(function (node) {
                 Object.entries(props).forEach(function (_c) {
                     var _d = __read(_c, 2), key = _d[0], propValue = _d[1];
-                    if (typeof propValue !== 'string')
-                        return;
-                    if (key === 'href') {
-                        var isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
-                        if (isInvalidLink) {
-                            if (!node.href) {
-                                return;
-                            }
-                            propValue = node.href;
-                        }
-                    }
-                    if (key === 'class' && node.className) {
-                        propValue += " " + node.className;
-                    }
-                    _this.renderer.setAttribute(node, key, propValue);
+                    _this.updateAttribute(node, key, propValue);
                 });
                 if (node.childNodes && node.childNodes.length === 0 && linkText) {
                     node.textContent = linkText;
@@ -564,7 +550,7 @@
             var attrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
             Object.entries(attrs).forEach(function (_c) {
                 var _d = __read(_c, 2), key = _d[0], attrValue = _d[1];
-                return _this.renderer.setAttribute(span, key, attrValue);
+                return _this.updateAttribute(span, key, attrValue);
             });
             this.viewContainer.createEmbeddedView(this.templateRef);
             var parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
@@ -586,6 +572,27 @@
             }
             return attrs;
         };
+        LinkDirective.prototype.updateAttribute = function (node, key, propValue) {
+            if (typeof propValue !== 'string' || !propValue || propValue === '') {
+                return;
+            }
+            if (key === 'href') {
+                var isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
+                if (isInvalidLink) {
+                    if (!node.href) {
+                        return;
+                    }
+                    propValue = node.href;
+                }
+                this.renderer.setAttribute(node, key, propValue);
+            }
+            else if (key === 'class' && node.className !== '') {
+                this.renderer.setAttribute(node, key, node.className + " " + propValue);
+            }
+            else {
+                this.renderer.setAttribute(node, key, propValue);
+            }
+        };
         return LinkDirective;
     }());
     LinkDirective.decorators = [
@@ -618,7 +625,7 @@
             viewRef.rootNodes.forEach(function (node) {
                 Object.entries(props).forEach(function (_a) {
                     var _b = __read(_a, 2), key = _b[0], propValue = _b[1];
-                    _this.renderer.setAttribute(node, key, propValue);
+                    _this.updateAttribute(node, key, propValue);
                     if (key === 'href') {
                         _this.renderer.listen(node, 'click', function (event) {
                             _this.router.navigateByUrl(propValue);
@@ -664,16 +671,16 @@
             viewRef.rootNodes.forEach(function (node) {
                 Object.entries(props).forEach(function (_a) {
                     var _b = __read(_a, 2), key = _b[0], propValue = _b[1];
-                    if (key === 'href' && !_this.isAbsoluteUrl(propValue)) {
+                    if (key === 'href' && !utils.isAbsoluteUrl(propValue)) {
                         var urlTree = _this.router.createUrlTree([propValue], _this.extras);
-                        _this.renderer.setAttribute(node, key, _this.router.serializeUrl(urlTree));
+                        _this.updateAttribute(node, key, _this.router.serializeUrl(urlTree));
                         _this.renderer.listen(node, 'click', function (event) {
                             _this.router.navigate([propValue], _this.extras);
                             event.preventDefault();
                         });
                     }
                     else {
-                        _this.renderer.setAttribute(node, key, propValue);
+                        _this.updateAttribute(node, key, propValue);
                     }
                 });
                 if (node.childNodes && node.childNodes.length === 0 && linkText) {
@@ -681,15 +688,6 @@
                 }
             });
         };
-        GenericLinkDirective.prototype.isAbsoluteUrl = function (url) {
-            if (url === null) {
-                return false;
-            }
-            if (typeof url !== 'string') {
-                throw new TypeError('Expected a string');
-            }
-            return /^[a-z][a-z0-9+.-]*:/.test(url);
-        };
         return GenericLinkDirective;
     }(LinkDirective));
     GenericLinkDirective.decorators = [
@@ -1134,9 +1132,11 @@
     };
 
     var RichTextDirective = /** @class */ (function () {
-        function RichTextDirective(viewContainer, templateRef) {
+        function RichTextDirective(viewContainer, templateRef, renderer, router) {
             this.viewContainer = viewContainer;
             this.templateRef = templateRef;
+            this.renderer = renderer;
+            this.router = router;
             this.editable = true;
         }
         RichTextDirective.prototype.ngOnChanges = function (changes) {
@@ -1149,6 +1149,7 @@
             }
         };
         RichTextDirective.prototype.updateView = function () {
+            var _this = this;
             var field = this.field;
             if (!field || (!field.editable && !field.value)) {
                 return;
@@ -1156,6 +1157,22 @@
             var html = field.editable && this.editable ? field.editable : field.value;
             this.viewRef.rootNodes.forEach(function (node) {
                 node.innerHTML = html;
+                if (!node.querySelectorAll) {
+                    return;
+                }
+                var links = node.querySelectorAll('a[href]');
+                var linksArray = [].slice.call(links);
+                linksArray.forEach(function (link) {
+                    var href = link.getAttribute('href');
+                    var target = link.getAttribute('target');
+                    if (!href || utils.isAbsoluteUrl(href) || target === '_blank' || target === '_top') {
+                        return;
+                    }
+                    _this.renderer.listen(link, 'click', function (event) {
+                        _this.router.navigateByUrl(href);
+                        event.preventDefault();
+                    });
+                });
             });
         };
         return RichTextDirective;
@@ -1167,7 +1184,9 @@
     ];
     RichTextDirective.ctorParameters = function () { return [
         { type: core.ViewContainerRef },
-        { type: core.TemplateRef }
+        { type: core.TemplateRef },
+        { type: core.Renderer2 },
+        { type: router.Router }
     ]; };
     RichTextDirective.propDecorators = {
         editable: [{ type: core.Input, args: ['scRichTextEditable',] }],
@@ -1492,6 +1511,22 @@
         enumerable: true,
         get: function () { return media.mediaApi; }
     });
+    Object.defineProperty(exports, 'handleEditorAnchors', {
+        enumerable: true,
+        get: function () { return utils.handleEditorAnchors; }
+    });
+    Object.defineProperty(exports, 'isEditorActive', {
+        enumerable: true,
+        get: function () { return utils.isEditorActive; }
+    });
+    Object.defineProperty(exports, 'isServer', {
+        enumerable: true,
+        get: function () { return utils.isServer; }
+    });
+    Object.defineProperty(exports, 'resetEditorChromes', {
+        enumerable: true,
+        get: function () { return utils.resetEditorChromes; }
+    });
     Object.defineProperty(exports, 'GraphQLDictionaryService', {
         enumerable: true,
         get: function () { return i18n.GraphQLDictionaryService; }
@@ -1520,29 +1555,13 @@
         enumerable: true,
         get: function () { return sitecoreJss.constants; }
     });
-    Object.defineProperty(exports, 'handleEditorAnchors', {
+    Object.defineProperty(exports, 'enableDebug', {
         enumerable: true,
-        get: function () { return utils.handleEditorAnchors; }
-    });
-    Object.defineProperty(exports, 'isEditorActive', {
-        enumerable: true,
-        get: function () { return utils.isEditorActive; }
-    });
-    Object.defineProperty(exports, 'isExperienceEditorActive', {
-        enumerable: true,
-        get: function () { return utils.isExperienceEditorActive; }
-    });
-    Object.defineProperty(exports, 'isServer', {
-        enumerable: true,
-        get: function () { return utils.isServer; }
-    });
-    Object.defineProperty(exports, 'resetEditorChromes', {
-        enumerable: true,
-        get: function () { return utils.resetEditorChromes; }
+        get: function () { return sitecoreJss.enableDebug; }
     });
-    Object.defineProperty(exports, 'resetExperienceEditorChromes', {
+    Object.defineProperty(exports, 'trackingApi', {
         enumerable: true,
-        get: function () { return utils.resetExperienceEditorChromes; }
+        get: function () { return tracking.trackingApi; }
     });
     exports.ComponentNameAndType = ComponentNameAndType;
     exports.DYNAMIC_COMPONENT = DYNAMIC_COMPONENT;