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

package/README.md

@@ -1,5 +1,10 @@
-# Sitecore JavaScript Services for Angular
+# Sitecore JavaScript Rendering SDK for Angular
 
-This module is provided as a part of Sitecore JavaScript Services. It contains Angular integration components and services for JSS.
+This module is provided as a part of Sitecore JavaScript Rendering SDK (JSS). It contains Angular integration components and services for JSS.
 
-Consult the [Sitecore JSS documentation](https://jss.sitecore.com) for further details.
+<!---
+@TODO: Update to version 20.0.0 docs before release
+-->
+[Documentation](https://doc.sitecore.com/xp/en/developers/hd/190/sitecore-headless-development/sitecore-javascript-rendering-sdk--jss--for-angular.html)
+
+[API reference documentation](/ref-docs/sitecore-jss-angular/).

package/dist/README.md

@@ -1,5 +1,10 @@
-# Sitecore JavaScript Services for Angular
+# Sitecore JavaScript Rendering SDK for Angular
 
-This module is provided as a part of Sitecore JavaScript Services. It contains Angular integration components and services for JSS.
+This module is provided as a part of Sitecore JavaScript Rendering SDK (JSS). It contains Angular integration components and services for JSS.
 
-Consult the [Sitecore JSS documentation](https://jss.sitecore.com) for further details.
+<!---
+@TODO: Update to version 20.0.0 docs before release
+-->
+[Documentation](https://doc.sitecore.com/xp/en/developers/hd/190/sitecore-headless-development/sitecore-javascript-rendering-sdk--jss--for-angular.html)
+
+[API reference documentation](/ref-docs/sitecore-jss-angular/).

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'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('@sitecore-jss/sitecore-jss-angular', ['exports', '@angular/core', '@sitecore-jss/sitecore-jss', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/common'], 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['@sitecore-jss/sitecore-jss'], global.ng.router, global.rxjs, global.rxjs.operators, global.ng.common));
-}(this, (function (exports, core, sitecoreJss, router, rxjs, operators, common) { 'use strict';
+    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';
 
     /**
      * File fields cannot be managed via the EE. We never output "editable."
@@ -50,29 +50,31 @@
     };
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
+    Copyright (c) Microsoft Corporation.
 
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
     /* global Reflect, Promise */
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
             function (d, b) { for (var p in b)
-                if (b.hasOwnProperty(p))
+                if (Object.prototype.hasOwnProperty.call(b, p))
                     d[p] = b[p]; };
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -119,6 +121,7 @@
             return Reflect.metadata(metadataKey, metadataValue);
     }
     function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try {
                 step(generator.next(value));
@@ -132,7 +135,7 @@
             catch (e) {
                 reject(e);
             } }
-            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     }
@@ -205,22 +208,33 @@
             return { value: op[0] ? op[1] : void 0, done: true };
         }
     }
-    function __exportStar(m, exports) {
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
         for (var p in m)
-            if (!exports.hasOwnProperty(p))
-                exports[p] = m[p];
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
     }
     function __values(o) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
         if (m)
             return m.call(o);
-        return {
-            next: function () {
-                if (o && i >= o.length)
-                    o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     }
     function __read(o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -246,11 +260,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -259,7 +275,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -305,20 +331,41 @@
         return cooked;
     }
     ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
     function __importStar(mod) {
         if (mod && mod.__esModule)
             return mod;
         var result = {};
         if (mod != null)
             for (var k in mod)
-                if (Object.hasOwnProperty.call(mod, k))
-                    result[k] = mod[k];
-        result.default = mod;
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
         return result;
     }
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
 
     var ImageDirective = /** @class */ (function () {
         function ImageDirective(viewContainer, templateRef, renderer, elementRef) {
@@ -343,31 +390,31 @@
         };
         ImageDirective.prototype.updateView = function () {
             var overrideAttrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
-            var media = this.field;
-            if (!media || (!media.editable && !media.value && !media.src)) {
+            var media$1 = this.field;
+            if (!media$1 || (!media$1.editable && !media$1.value && !media$1.src)) {
                 return;
             }
             var attrs = {};
             // we likely have an experience editor value, should be a string
-            if (this.editable && media.editable) {
-                var foundImg = sitecoreJss.mediaApi.findEditorImageTag(media.editable);
+            if (this.editable && media$1.editable) {
+                var foundImg = media.mediaApi.findEditorImageTag(media$1.editable);
                 if (!foundImg) {
-                    return this.renderInlineWrapper(media.editable);
+                    return this.renderInlineWrapper(media$1.editable);
                 }
                 attrs = this.getImageAttrs(foundImg.attrs, overrideAttrs, this.urlParams);
                 if (!attrs) {
-                    return this.renderInlineWrapper(media.editable);
+                    return this.renderInlineWrapper(media$1.editable);
                 }
                 var tempImg_1 = this.renderer.createElement('img');
                 Object.entries(attrs).forEach(function (_a) {
                     var _b = __read(_a, 2), key = _b[0], attrValue = _b[1];
                     return tempImg_1.setAttribute(key, attrValue);
                 });
-                var editableMarkup = media.editable.replace(foundImg.imgTag, tempImg_1.outerHTML);
+                var editableMarkup = media$1.editable.replace(foundImg.imgTag, tempImg_1.outerHTML);
                 return this.renderInlineWrapper(editableMarkup);
             }
             // some wise-guy/gal is passing in a 'raw' image object value
-            var img = media.src ? media : media.value;
+            var img = media$1.src ? media$1 : media$1.value;
             if (!img) {
                 return null;
             }
@@ -385,10 +432,10 @@
             }
             var newAttrs = Object.assign({}, otherAttrs);
             // update image URL for jss handler and image rendering params
-            src = sitecoreJss.mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
+            src = media.mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
             if (srcSet) {
                 // replace with HTML-formatted srcset, including updated image URLs
-                newAttrs.srcSet = sitecoreJss.mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
+                newAttrs.srcSet = media.mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
             }
             else {
                 newAttrs.src = src;
@@ -574,7 +621,7 @@
                     _this.renderer.setAttribute(node, key, propValue);
                     if (key === 'href') {
                         _this.renderer.listen(node, 'click', function (event) {
-                            _this.router.navigate([propValue]);
+                            _this.router.navigateByUrl(propValue);
                             event.preventDefault();
                         });
                     }
@@ -683,6 +730,7 @@
     var PLACEHOLDER_COMPONENTS = new core.InjectionToken('Sc.placeholder.components');
     var PLACEHOLDER_LAZY_COMPONENTS = new core.InjectionToken('Sc.placeholder.lazyComponents');
     var PLACEHOLDER_MISSING_COMPONENT_COMPONENT = new core.InjectionToken('Sc.placeholder.missingComponentComponent');
+    var PLACEHOLDER_HIDDEN_RENDERING_COMPONENT = new core.InjectionToken('Sc.placeholder.hiddenRenderingComponent');
     var DYNAMIC_COMPONENT = new core.InjectionToken('Sc.placeholder.dynamicComponent');
 
     var RawComponent = /** @class */ (function () {
@@ -819,6 +867,29 @@
         { type: Array, decorators: [{ type: core.Inject, args: [PLACEHOLDER_LAZY_COMPONENTS,] }] }
     ]; };
 
+    var HiddenRenderingComponent = /** @class */ (function () {
+        function HiddenRenderingComponent() {
+        }
+        Object.defineProperty(HiddenRenderingComponent.prototype, "style", {
+            get: function () {
+                return 'display: block; height: 100px; background-image: linear-gradient(45deg, #ffffff 25%, #dcdcdc 25%, #dcdcdc 50%, #ffffff 50%, #ffffff 75%, #dcdcdc 75%, #dcdcdc 100%); background-size: 3px 3px;';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return HiddenRenderingComponent;
+    }());
+    HiddenRenderingComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sc-hidden-rendering',
+                    template: ''
+                },] }
+    ];
+    HiddenRenderingComponent.propDecorators = {
+        style: [{ type: core.HostBinding, args: ['style',] }]
+    };
+    var HIDDEN_RENDERING_NAME = 'Hidden Rendering';
+
     var PlaceholderLoadingDirective = /** @class */ (function () {
         function PlaceholderLoadingDirective(templateRef) {
             this.templateRef = templateRef;
@@ -875,7 +946,7 @@
         return null;
     }
     var PlaceholderComponent = /** @class */ (function () {
-        function PlaceholderComponent(componentFactoryResolver, differs, componentFactory, changeDetectorRef, elementRef, renderer, missingComponentComponent) {
+        function PlaceholderComponent(componentFactoryResolver, differs, componentFactory, changeDetectorRef, elementRef, renderer, missingComponentComponent, hiddenRenderingComponent) {
             this.componentFactoryResolver = componentFactoryResolver;
             this.differs = differs;
             this.componentFactory = componentFactory;
@@ -883,6 +954,7 @@
             this.elementRef = elementRef;
             this.renderer = renderer;
             this.missingComponentComponent = missingComponentComponent;
+            this.hiddenRenderingComponent = hiddenRenderingComponent;
             this._componentInstances = [];
             this.destroyed = false;
             this.parentStyleAttribute = '';
@@ -1004,6 +1076,9 @@
             });
         };
         PlaceholderComponent.prototype._renderEmbeddedComponent = function (rendering, index) {
+            if (rendering.componentDefinition.componentName === HIDDEN_RENDERING_NAME) {
+                rendering.componentImplementation = this.hiddenRenderingComponent;
+            }
             if (!rendering.componentImplementation) {
                 var componentName = rendering.componentDefinition.componentName;
                 console.error("Placeholder " + this.name + " contains unknown component " + componentName + ".", "Ensure component is mapped, like:\n        JssModule.withComponents([\n          { name: '" + componentName + "', type: " + componentName + "Component }\n        ])");
@@ -1042,7 +1117,8 @@
         { type: core.ChangeDetectorRef },
         { type: core.ElementRef },
         { type: core.Renderer2 },
-        { type: core.Type, decorators: [{ type: core.Inject, args: [PLACEHOLDER_MISSING_COMPONENT_COMPONENT,] }] }
+        { type: core.Type, decorators: [{ type: core.Inject, args: [PLACEHOLDER_MISSING_COMPONENT_COMPONENT,] }] },
+        { type: core.Type, decorators: [{ type: core.Inject, args: [PLACEHOLDER_HIDDEN_RENDERING_COMPONENT,] }] }
     ]; };
     PlaceholderComponent.propDecorators = {
         name: [{ type: core.Input }],
@@ -1360,7 +1436,8 @@
                     { provide: PLACEHOLDER_COMPONENTS, useValue: components },
                     { provide: PLACEHOLDER_LAZY_COMPONENTS, useValue: lazyComponents || [] },
                     { provide: router.ROUTES, useValue: lazyComponents || [], multi: true },
-                    { provide: PLACEHOLDER_MISSING_COMPONENT_COMPONENT, useValue: MissingComponentComponent }
+                    { provide: PLACEHOLDER_MISSING_COMPONENT_COMPONENT, useValue: MissingComponentComponent },
+                    { provide: PLACEHOLDER_HIDDEN_RENDERING_COMPONENT, useValue: HiddenRenderingComponent }
                 ], JssModule.forRoot().providers),
             };
         };
@@ -1385,6 +1462,7 @@
                         RichTextDirective,
                         TextDirective,
                         MissingComponentComponent,
+                        HiddenRenderingComponent,
                     ],
                     exports: [
                         FileDirective,
@@ -1397,6 +1475,7 @@
                         RenderEmptyDirective,
                         RenderComponentComponent,
                         PlaceholderComponent,
+                        HiddenRenderingComponent,
                         PlaceholderLoadingDirective,
                         RichTextDirective,
                         TextDirective,
@@ -1409,83 +1488,61 @@
      * Generated bundle index. Do not edit.
      */
 
-    Object.defineProperty(exports, 'GraphQLDictionaryService', {
+    Object.defineProperty(exports, 'mediaApi', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.GraphQLDictionaryService;
-        }
+        get: function () { return media.mediaApi; }
     });
-    Object.defineProperty(exports, 'GraphQLLayoutService', {
+    Object.defineProperty(exports, 'GraphQLDictionaryService', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.GraphQLLayoutService;
-        }
+        get: function () { return i18n.GraphQLDictionaryService; }
     });
     Object.defineProperty(exports, 'RestDictionaryService', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.RestDictionaryService;
-        }
+        get: function () { return i18n.RestDictionaryService; }
     });
-    Object.defineProperty(exports, 'RestLayoutService', {
+    Object.defineProperty(exports, 'GraphQLLayoutService', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.RestLayoutService;
-        }
+        get: function () { return layout.GraphQLLayoutService; }
     });
-    Object.defineProperty(exports, 'constants', {
+    Object.defineProperty(exports, 'RestLayoutService', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.constants;
-        }
+        get: function () { return layout.RestLayoutService; }
     });
     Object.defineProperty(exports, 'getChildPlaceholder', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.getChildPlaceholder;
-        }
+        get: function () { return layout.getChildPlaceholder; }
     });
     Object.defineProperty(exports, 'getFieldValue', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.getFieldValue;
-        }
+        get: function () { return layout.getFieldValue; }
+    });
+    Object.defineProperty(exports, 'constants', {
+        enumerable: true,
+        get: function () { return sitecoreJss.constants; }
+    });
+    Object.defineProperty(exports, 'handleEditorAnchors', {
+        enumerable: true,
+        get: function () { return utils.handleEditorAnchors; }
     });
     Object.defineProperty(exports, 'isEditorActive', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.isEditorActive;
-        }
+        get: function () { return utils.isEditorActive; }
     });
     Object.defineProperty(exports, 'isExperienceEditorActive', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.isExperienceEditorActive;
-        }
+        get: function () { return utils.isExperienceEditorActive; }
     });
     Object.defineProperty(exports, 'isServer', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.isServer;
-        }
-    });
-    Object.defineProperty(exports, 'mediaApi', {
-        enumerable: true,
-        get: function () {
-            return sitecoreJss.mediaApi;
-        }
+        get: function () { return utils.isServer; }
     });
     Object.defineProperty(exports, 'resetEditorChromes', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.resetEditorChromes;
-        }
+        get: function () { return utils.resetEditorChromes; }
     });
     Object.defineProperty(exports, 'resetExperienceEditorChromes', {
         enumerable: true,
-        get: function () {
-            return sitecoreJss.resetExperienceEditorChromes;
-        }
+        get: function () { return utils.resetExperienceEditorChromes; }
     });
     exports.ComponentNameAndType = ComponentNameAndType;
     exports.DYNAMIC_COMPONENT = DYNAMIC_COMPONENT;
@@ -1500,18 +1557,20 @@
     exports.RouterLinkDirective = RouterLinkDirective;
     exports.TextDirective = TextDirective;
     exports.isRawRendering = isRawRendering;
-    exports.ɵb = PLACEHOLDER_COMPONENTS;
-    exports.ɵc = PLACEHOLDER_LAZY_COMPONENTS;
-    exports.ɵd = PLACEHOLDER_MISSING_COMPONENT_COMPONENT;
-    exports.ɵe = RenderEachDirective;
-    exports.ɵf = RenderEmptyDirective;
-    exports.ɵg = JssComponentFactoryService;
-    exports.ɵh = DateDirective;
-    exports.ɵi = RenderComponentComponent;
-    exports.ɵj = RawComponent;
-    exports.ɵk = MissingComponentComponent;
+    exports["ɵb"] = PLACEHOLDER_COMPONENTS;
+    exports["ɵc"] = PLACEHOLDER_LAZY_COMPONENTS;
+    exports["ɵd"] = PLACEHOLDER_MISSING_COMPONENT_COMPONENT;
+    exports["ɵe"] = PLACEHOLDER_HIDDEN_RENDERING_COMPONENT;
+    exports["ɵf"] = RenderEachDirective;
+    exports["ɵg"] = RenderEmptyDirective;
+    exports["ɵh"] = JssComponentFactoryService;
+    exports["ɵi"] = DateDirective;
+    exports["ɵj"] = RenderComponentComponent;
+    exports["ɵk"] = RawComponent;
+    exports["ɵl"] = MissingComponentComponent;
+    exports["ɵm"] = HiddenRenderingComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=sitecore-jss-sitecore-jss-angular.umd.js.map