@yoobic/yobi 8.5.0-14 → 8.5.0-16

package/dist/cjs/yoo-ion-slides.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const yooIonSlides_entry = require('./yoo-ion-slides-4129c213.js');
+const yooIonSlides_entry = require('./yoo-ion-slides-c1807158.js');
 require('./index-7319daa9.js');
 require('./index-bf0c70e5.js');
 require('./overlays-c17172aa.js');

package/dist/cjs/yoo-toast.cjs.entry.js

@@ -174,7 +174,7 @@ const YooToastComponent = class {
       this.closeButtonText &&
       this.showCloseButton &&
       !this.progressEvent && // (!this.extraButtons || this.extraButtons.length === 0)
-      this.renderCloseButton(), this.progressEvent && (index.h("div", { class: "progressbar-wrapper" }, index.h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && index.h("div", { class: "overlay", style: { 'z-index': (19999 + this.overlayId).toString() } })));
+      this.renderCloseButton(), this.progressEvent && (index.h("div", { class: "progressbar-wrapper" }, index.h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && index.h("div", { class: "overlay", style: { 'z-index': (overlays.MODAL_BASE_ZINDEX - 1 + this.overlayId).toString() } })));
   }
   get host() { return index.getElement(this); }
 };

package/dist/collection/components/2.molecules/slide/slide.css

@@ -206,7 +206,7 @@ svg:not(:root) {
 }
 
 /**
- * Swiper 8.3.2
+ * Swiper 8.4.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -214,7 +214,7 @@ svg:not(:root) {
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2022
+ * Released on: September 15, 2022
  */
 @font-face {
   font-family: "swiper-icons";

package/dist/collection/components/2.molecules/slides/slides.css

@@ -206,7 +206,7 @@ svg:not(:root) {
 }
 
 /**
- * Swiper 8.3.2
+ * Swiper 8.4.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -214,7 +214,7 @@ svg:not(:root) {
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2022
+ * Released on: September 15, 2022
  */
 @font-face {
   font-family: "swiper-icons";

package/dist/collection/components/3.organisms/toast/toast.js

@@ -158,7 +158,7 @@ export class YooToastComponent {
       this.closeButtonText &&
       this.showCloseButton &&
       !this.progressEvent && // (!this.extraButtons || this.extraButtons.length === 0)
-      this.renderCloseButton(), this.progressEvent && (h("div", { class: "progressbar-wrapper" }, h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && h("div", { class: "overlay", style: { 'z-index': (19999 + this.overlayId).toString() } })));
+      this.renderCloseButton(), this.progressEvent && (h("div", { class: "progressbar-wrapper" }, h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && h("div", { class: "overlay", style: { 'z-index': (MODAL_BASE_ZINDEX - 1 + this.overlayId).toString() } })));
   }
   static get is() { return "yoo-toast"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -1167,7 +1167,11 @@ export class YooFormDynamicComponent {
   }
   onFieldChanged(ev, field) {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
-    setFieldData(field, ev.detail, this.currentData, this.suffix);
+    let value = ev.detail;
+    if (field.type === FormFieldType.podcast && this.isLivePreview()) {
+      value = null;
+    }
+    setFieldData(field, value, this.currentData, this.suffix);
     if (isFunction(field.onChange)) {
       field.onChange(ev.detail, this.currentData, field, this.slides, this);
     }

package/dist/collection/components/grid/grid/grid.js

@@ -2875,7 +2875,7 @@ export class YooGridComponent {
   }
   renderEntity(item, isLast = false, index) {
     var _a, _b, _c, _d;
-    const content = (h("div", { class: {
+    const content = (h("div", { key: this.displayType === 'card-media' ? item[this.idAttributeName || '_id'] : undefined, class: {
         'entity-inner-container': true,
         'sortable': this.sortable,
         [this.displayType]: true,

package/dist/collection/feature-learn/learning/course-summary/course-summary.js

@@ -29,7 +29,8 @@ export class YooCourseSummaryComponent {
     return (Math.round((_a = this.course) === null || _a === void 0 ? void 0 : _a.earnedPoints) || 0);
   }
   get image() {
-    return new Cloudinary(this.actualPlan.background._downloadURL || this.actualPlan.background);
+    var _a, _b, _c;
+    return new Cloudinary(((_b = (_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b._downloadURL) || ((_c = this.actualPlan) === null || _c === void 0 ? void 0 : _c.background));
   }
   get badges() {
     if (this.lessons && this.lessons.length > 0) {

package/dist/{esm/swiper-d9c20e85.js → design-system/swiper-9f7dac2f.js}

@@ -1,5 +1,5 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-e6273a8c.js';
-export { S as Swiper } from './yoo-ion-slides-e6273a8c.js';
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-17d250f8.js';
+export { S as Swiper } from './yoo-ion-slides-17d250f8.js';
 import './index-0a59e2a1.js';
 import './index-d51d68d2.js';
 import './overlays-7aa9cb49.js';

package/dist/design-system/yoo-course-summary.entry.js

@@ -37,7 +37,8 @@ const YooCourseSummaryComponent = class {
     return (Math.round((_a = this.course) === null || _a === void 0 ? void 0 : _a.earnedPoints) || 0);
   }
   get image() {
-    return new Cloudinary(this.actualPlan.background._downloadURL || this.actualPlan.background);
+    var _a, _b, _c;
+    return new Cloudinary(((_b = (_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b._downloadURL) || ((_c = this.actualPlan) === null || _c === void 0 ? void 0 : _c.background));
   }
   get badges() {
     if (this.lessons && this.lessons.length > 0) {

package/dist/design-system/yoo-form-dynamic.entry.js

@@ -1363,7 +1363,11 @@ const YooFormDynamicComponent = class {
   }
   onFieldChanged(ev, field) {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
-    setFieldData(field, ev.detail, this.currentData, this.suffix);
+    let value = ev.detail;
+    if (field.type === FormFieldType.podcast && this.isLivePreview()) {
+      value = null;
+    }
+    setFieldData(field, value, this.currentData, this.suffix);
     if (isFunction(field.onChange)) {
       field.onChange(ev.detail, this.currentData, field, this.slides, this);
     }

package/dist/design-system/yoo-form-text-editor.entry.js

@@ -21117,6 +21117,14 @@ function sanitizeHtml(html, options, _recursing) {
         // Do not crash on bad markup
         return;
       }
+
+      if (frame.tag !== name) {
+        // Another case of bad markup.
+        // Push to stack, so that it will be used in future closing tags.
+        stack.push(frame);
+        return;
+      }
+
       skipText = options.enforceHtmlBoundary ? name === 'html' : false;
       depth--;
       const skip = skipMap[depth];

package/dist/design-system/yoo-grid.entry.js

@@ -2954,7 +2954,7 @@ const YooGridComponent = class {
   }
   renderEntity(item, isLast = false, index) {
     var _a, _b, _c, _d;
-    const content = (h("div", { class: {
+    const content = (h("div", { key: this.displayType === 'card-media' ? item[this.idAttributeName || '_id'] : undefined, class: {
         'entity-inner-container': true,
         'sortable': this.sortable,
         [this.displayType]: true,

package/dist/design-system/yoo-input-bar.entry.js

@@ -16,7 +16,7 @@ function race(...args) {
 }
 
 /**
- * @license Angular v14.2.1
+ * @license Angular v14.2.2
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -3268,7 +3268,7 @@ function injectAttributeImpl(tNode, attrNameToInject) {
     return null;
 }
 function notFoundValueOrThrow(notFoundValue, token, flags) {
-    if (flags & InjectFlags.Optional) {
+    if ((flags & InjectFlags.Optional) || notFoundValue !== undefined) {
         return notFoundValue;
     }
     else {
@@ -3285,7 +3285,7 @@ function notFoundValueOrThrow(notFoundValue, token, flags) {
  * @returns the value from the injector or throws an exception
  */
 function lookupTokenUsingModuleInjector(lView, token, flags, notFoundValue) {
-    if (flags & InjectFlags.Optional && notFoundValue === undefined) {
+    if ((flags & InjectFlags.Optional) && notFoundValue === undefined) {
         // This must be set or the NullInjector will throw for optional deps
         notFoundValue = null;
     }
@@ -5800,10 +5800,6 @@ function _sanitizeUrl(url) {
     }
     return 'unsafe:' + url;
 }
-function sanitizeSrcset(srcset) {
-    srcset = String(srcset);
-    return srcset.split(',').map((srcset) => _sanitizeUrl(srcset.trim())).join(', ');
-}
 
 /**
  * @license
@@ -5850,12 +5846,10 @@ const INLINE_ELEMENTS = merge(OPTIONAL_END_TAG_INLINE_ELEMENTS, tagSet('a,abbr,a
 const VALID_ELEMENTS = merge(VOID_ELEMENTS, BLOCK_ELEMENTS, INLINE_ELEMENTS, OPTIONAL_END_TAG_ELEMENTS);
 // Attributes that have href and hence need to be sanitized
 const URI_ATTRS = tagSet('background,cite,href,itemtype,longdesc,poster,src,xlink:href');
-// Attributes that have special href set hence need to be sanitized
-const SRCSET_ATTRS = tagSet('srcset');
 const HTML_ATTRS = tagSet('abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,' +
     'compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,' +
     'ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,' +
-    'scope,scrolling,shape,size,sizes,span,srclang,start,summary,tabindex,target,title,translate,type,usemap,' +
+    'scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,' +
     'valign,value,vspace,width');
 // Accessibility attributes as per WAI-ARIA 1.1 (W3C Working Draft 14 December 2018)
 const ARIA_ATTRS = tagSet('aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,' +
@@ -5871,7 +5865,7 @@ const ARIA_ATTRS = tagSet('aria-activedescendant,aria-atomic,aria-autocomplete,a
 // NB: Sanitization does not allow <form> elements or other active elements (<button> etc). Those
 // can be sanitized, but they increase security surface area without a legitimate use case, so they
 // are left out here.
-const VALID_ATTRS = merge(URI_ATTRS, SRCSET_ATTRS, HTML_ATTRS, ARIA_ATTRS);
+const VALID_ATTRS = merge(URI_ATTRS, HTML_ATTRS, ARIA_ATTRS);
 // Elements whose content should not be traversed/preserved, if the elements themselves are invalid.
 //
 // Typically, `<invalid>Some content</invalid>` would traverse (and in this case preserve)
@@ -5954,8 +5948,6 @@ class SanitizingHtmlSerializer {
             // TODO(martinprobst): Special case image URIs for data:image/...
             if (URI_ATTRS[lower])
                 value = _sanitizeUrl(value);
-            if (SRCSET_ATTRS[lower])
-                value = sanitizeSrcset(value);
             this.buf.push(' ', attrName, '="', encodeEntities(value), '"');
         }
         this.buf.push('>');
@@ -7256,7 +7248,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('14.2.1');
+const VERSION = new Version('14.2.2');
 
 /**
  * @license
@@ -7560,7 +7552,7 @@ function getTemplateLocationDetails(lView) {
  * that the `CommonModule` should also be included.
  */
 const KNOWN_CONTROL_FLOW_DIRECTIVES = new Map([
-    ['ngIf', 'NgIf'], ['ngFor', 'NgForOf'], ['ngSwitchCase', 'NgSwitchCase'],
+    ['ngIf', 'NgIf'], ['ngFor', 'NgFor'], ['ngSwitchCase', 'NgSwitchCase'],
     ['ngSwitchDefault', 'NgSwitchDefault']
 ]);
 /**
@@ -8364,16 +8356,16 @@ function getRootView(componentOrLView) {
     return lView;
 }
 /**
- * Returns the `RootContext` instance that is associated with
- * the application where the target is situated. It does this by walking the parent views until it
- * gets to the root view, then getting the context off of that.
+ * Returns the context information associated with the application where the target is situated. It
+ * does this by walking the parent views until it gets to the root view, then getting the context
+ * off of that.
  *
  * @param viewOrComponent the `LView` or component to get the root context for.
  */
 function getRootContext(viewOrComponent) {
     const rootView = getRootView(viewOrComponent);
     ngDevMode &&
-        assertDefined(rootView[CONTEXT], 'RootView has no context. Perhaps it is disconnected?');
+        assertDefined(rootView[CONTEXT], 'Root view has no context. Perhaps it is disconnected?');
     return rootView[CONTEXT];
 }
 /**
@@ -12078,28 +12070,6 @@ function refreshView(tView, lView, templateFn, context) {
         leaveView();
     }
 }
-function renderComponentOrTemplate(tView, lView, templateFn, context) {
-    const rendererFactory = lView[RENDERER_FACTORY];
-    // Check no changes mode is a dev only mode used to verify that bindings have not changed
-    // since they were assigned. We do not want to invoke renderer factory functions in that mode
-    // to avoid any possible side-effects.
-    const checkNoChangesMode = !!ngDevMode && isInCheckNoChangesMode();
-    const creationModeIsActive = isCreationMode(lView);
-    try {
-        if (!checkNoChangesMode && !creationModeIsActive && rendererFactory.begin) {
-            rendererFactory.begin();
-        }
-        if (creationModeIsActive) {
-            renderView(tView, lView, context);
-        }
-        refreshView(tView, lView, templateFn, context);
-    }
-    finally {
-        if (!checkNoChangesMode && !creationModeIsActive && rendererFactory.end) {
-            rendererFactory.end();
-        }
-    }
-}
 function executeTemplate(tView, lView, templateFn, rf, context) {
     const prevSelectedIndex = getSelectedIndex();
     const isUpdatePhase = rf & 2 /* RenderFlags.Update */;
@@ -12170,7 +12140,7 @@ function saveResolvedLocalsInData(viewData, tNode, localRefExtractor = getNative
  * @param def ComponentDef
  * @returns TView
  */
-function getOrCreateTComponentView(def) {
+function getOrCreateComponentTView(def) {
     const tView = def.tView;
     // Create a TView if there isn't one, or recreate it if the first create pass didn't
     // complete successfully since we can't know for sure whether it's in a usable shape.
@@ -12879,7 +12849,7 @@ function configureViewWithDirective(tView, tNode, lView, directiveIndex, def) {
 }
 function addComponentLogic(lView, hostTNode, def) {
     const native = getNativeByTNode(hostTNode, lView);
-    const tView = getOrCreateTComponentView(def);
+    const tView = getOrCreateComponentTView(def);
     // Only component views should be added to the view tree directly. Embedded views are
     // accessed through their containers because they may be removed / re-added later.
     const rendererFactory = lView[RENDERER_FACTORY];
@@ -13206,63 +13176,32 @@ function markViewDirty(lView) {
     }
     return null;
 }
-function tickRootContext(rootContext) {
-    for (let i = 0; i < rootContext.components.length; i++) {
-        const rootComponent = rootContext.components[i];
-        const lView = readPatchedLView(rootComponent);
-        // We might not have an `LView` if the component was destroyed.
-        if (lView !== null) {
-            const tView = lView[TVIEW];
-            renderComponentOrTemplate(tView, lView, tView.template, rootComponent);
-        }
-    }
-}
-function detectChangesInternal(tView, lView, context) {
+function detectChangesInternal(tView, lView, context, notifyErrorHandler = true) {
     const rendererFactory = lView[RENDERER_FACTORY];
-    if (rendererFactory.begin)
+    // Check no changes mode is a dev only mode used to verify that bindings have not changed
+    // since they were assigned. We do not want to invoke renderer factory functions in that mode
+    // to avoid any possible side-effects.
+    const checkNoChangesMode = !!ngDevMode && isInCheckNoChangesMode();
+    if (!checkNoChangesMode && rendererFactory.begin)
         rendererFactory.begin();
     try {
         refreshView(tView, lView, tView.template, context);
     }
     catch (error) {
-        handleError(lView, error);
+        if (notifyErrorHandler) {
+            handleError(lView, error);
+        }
         throw error;
     }
     finally {
-        if (rendererFactory.end)
+        if (!checkNoChangesMode && rendererFactory.end)
             rendererFactory.end();
     }
 }
-/**
- * Synchronously perform change detection on a root view and its components.
- *
- * @param lView The view which the change detection should be performed on.
- */
-function detectChangesInRootView(lView) {
-    tickRootContext(lView[CONTEXT]);
-}
-function checkNoChangesInternal(tView, view, context) {
-    setIsInCheckNoChangesMode(true);
-    try {
-        detectChangesInternal(tView, view, context);
-    }
-    finally {
-        setIsInCheckNoChangesMode(false);
-    }
-}
-/**
- * Checks the change detector on a root view and its components, and throws if any changes are
- * detected.
- *
- * This is used in development mode to verify that running change detection doesn't
- * introduce other changes.
- *
- * @param lView The view which the change detection should be checked on.
- */
-function checkNoChangesInRootView(lView) {
+function checkNoChangesInternal(tView, lView, context, notifyErrorHandler = true) {
     setIsInCheckNoChangesMode(true);
     try {
-        detectChangesInRootView(lView);
+        detectChangesInternal(tView, lView, context, notifyErrorHandler);
     }
     finally {
         setIsInCheckNoChangesMode(false);
@@ -13755,11 +13694,17 @@ class RootViewRef extends ViewRef$1 {
         this._view = _view;
     }
     detectChanges() {
-        detectChangesInRootView(this._view);
+        const lView = this._view;
+        const tView = lView[TVIEW];
+        const context = lView[CONTEXT];
+        detectChangesInternal(tView, lView, context, false);
     }
     checkNoChanges() {
         if (ngDevMode) {
-            checkNoChangesInRootView(this._view);
+            const lView = this._view;
+            const tView = lView[TVIEW];
+            const context = lView[CONTEXT];
+            checkNoChangesInternal(tView, lView, context, false);
         }
     }
     get context() {
@@ -13826,7 +13771,7 @@ class ChainedInjector {
     }
 }
 /**
- * Render3 implementation of {@link viewEngine_ComponentFactory}.
+ * ComponentFactory interface implementation.
  */
 class ComponentFactory extends ComponentFactory$1 {
     /**
@@ -13876,10 +13821,9 @@ class ComponentFactory extends ComponentFactory$1 {
             createElementNode(rendererFactory.createRenderer(null, this.componentDef), elementName, getNamespace(elementName));
         const rootFlags = this.componentDef.onPush ? 32 /* LViewFlags.Dirty */ | 256 /* LViewFlags.IsRoot */ :
             16 /* LViewFlags.CheckAlways */ | 256 /* LViewFlags.IsRoot */;
-        const rootContext = createRootContext();
         // Create the root view. Uses empty TView and ContentTemplate.
         const rootTView = createTView(0 /* TViewType.Root */, null, null, 1, 0, null, null, null, null, null);
-        const rootLView = createLView(null, rootTView, rootContext, rootFlags, null, null, rendererFactory, hostRenderer, sanitizer, rootViewInjector, null);
+        const rootLView = createLView(null, rootTView, null, rootFlags, null, null, rendererFactory, hostRenderer, sanitizer, rootViewInjector, null);
         // rootView is the parent when bootstrapping
         // TODO(misko): it looks like we are entering view here but we don't really need to as
         // `renderView` does that. However as the code is written it is needed because
@@ -13923,7 +13867,8 @@ class ComponentFactory extends ComponentFactory$1 {
             // TODO: should LifecycleHooksFeature and other host features be generated by the compiler and
             // executed here?
             // Angular 5 reference: https://stackblitz.com/edit/lifecycle-hooks-vcref
-            component = createRootComponent(componentView, this.componentDef, rootLView, rootContext, [LifecycleHooksFeature]);
+            component =
+                createRootComponent(componentView, this.componentDef, rootLView, [LifecycleHooksFeature]);
             renderView(rootTView, rootLView, null);
         }
         finally {
@@ -14029,7 +13974,7 @@ function createRootComponentView(rNode, def, rootView, rendererFactory, hostRend
         }
     }
     const viewRenderer = rendererFactory.createRenderer(rNode, def);
-    const componentView = createLView(rootView, getOrCreateTComponentView(def), null, def.onPush ? 32 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, rootView[index], tNode, rendererFactory, viewRenderer, sanitizer || null, null, null);
+    const componentView = createLView(rootView, getOrCreateComponentTView(def), null, def.onPush ? 32 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, rootView[index], tNode, rendererFactory, viewRenderer, sanitizer || null, null, null);
     if (tView.firstCreatePass) {
         diPublicInInjector(getOrCreateNodeInjectorForNode(tNode, rootView), tView, def.type);
         markAsComponentHost(tView, tNode);
@@ -14043,12 +13988,13 @@ function createRootComponentView(rNode, def, rootView, rendererFactory, hostRend
  * Creates a root component and sets it up with features and host bindings.Shared by
  * renderComponent() and ViewContainerRef.createComponent().
  */
-function createRootComponent(componentView, componentDef, rootLView, rootContext, hostFeatures) {
+function createRootComponent(componentView, componentDef, rootLView, hostFeatures) {
     const tView = rootLView[TVIEW];
     // Create directive instance with factory() and store at next index in viewData
     const component = instantiateRootComponent(tView, rootLView, componentDef);
-    rootContext.components.push(component);
-    componentView[CONTEXT] = component;
+    // Root view only contains an instance of this component,
+    // so we use a reference to that component instance as a context.
+    componentView[CONTEXT] = rootLView[CONTEXT] = component;
     if (hostFeatures !== null) {
         for (const feature of hostFeatures) {
             feature(component, componentDef);
@@ -14072,9 +14018,6 @@ function createRootComponent(componentView, componentDef, rootLView, rootContext
     }
     return component;
 }
-function createRootContext() {
-    return { components: [] };
-}
 /**
  * Used to enable lifecycle hooks on the root component.
  *
@@ -20919,9 +20862,6 @@ function walkIcuTree(tView, tIcu, lView, sharedUpdateOpCodes, create, remove, up
                                 if (URI_ATTRS[lowerAttrName]) {
                                     generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, _sanitizeUrl);
                                 }
-                                else if (SRCSET_ATTRS[lowerAttrName]) {
-                                    generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, sanitizeSrcset);
-                                }
                                 else {
                                     generateBindingUpdateOpCodes(update, attr.value, newIndex, attr.name, 0, null);
                                 }
@@ -21890,7 +21830,7 @@ function getOwningComponent(elementOrDir) {
  */
 function getRootComponents(elementOrDir) {
     const lView = readPatchedLView(elementOrDir);
-    return lView !== null ? [...getRootContext(lView).components] : [];
+    return lView !== null ? [getRootContext(lView)] : [];
 }
 /**
  * Retrieves an `Injector` associated with an element, component or directive instance.