@skyux/core 7.4.2 → 7.5.0

package/fesm2020/skyux-core.mjs

@@ -68,7 +68,7 @@ class SkyCoreAdapterService {
     /**
      * Set the responsive container CSS class for a given element.
      *
-     * @param elementRef - The element that will recieve the new CSS class.
+     * @param elementRef - The element that will receive the new CSS class.
      * @param breakpoint - The SkyMediaBreakpoint will determine which class
      * gets set. For example a SkyMediaBreakpoint of `xs` will set a CSS class of `sky-responsive-container-xs`.
      */
@@ -138,9 +138,9 @@ class SkyCoreAdapterService {
      *
      * @param elementRef - The element to search within.
      * @param containerSelector - A CSS selector indicating the container that should
-     * recieve focus if no focusable children are found.
+     * receive focus if no focusable children are found.
      * @param focusOnContainerIfNoChildrenFound - It set to `true`, the container will
-     * recieve focus if no focusable children are found.
+     * receive focus if no focusable children are found.
      */
     getFocusableChildrenAndApplyFocus(elementRef, containerSelector, focusOnContainerIfNoChildrenFound = false) {
         const containerElement = elementRef.nativeElement.querySelector(containerSelector);
@@ -613,7 +613,7 @@ _SkyAffixer_affixedElement = new WeakMap(), _SkyAffixer_baseElement = new WeakMa
     const affixedRect = __classPrivateFieldGet(this, _SkyAffixer_affixedElement, "f").getBoundingClientRect();
     const baseRect = baseElement.getBoundingClientRect();
     // A pixel value representing the leeway between the edge of the overflow parent and the edge
-    // of the base element before it dissapears from view.
+    // of the base element before it disappears from view.
     // If the visible portion of the base element is less than this pixel value, the auto-fit
     // functionality attempts to find another placement.
     const defaultPixelTolerance = 40;
@@ -1230,35 +1230,43 @@ class SkyDynamicComponentService {
             providers: options.providers || [],
             parent: options.parentInjector || __classPrivateFieldGet(this, _SkyDynamicComponentService_injector, "f"),
         });
-        const componentRef = createComponent(componentType, {
-            environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").injector,
-            elementInjector: injector,
-        });
-        __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").attachView(componentRef.hostView);
-        const el = __classPrivateFieldGet(this, _SkyDynamicComponentService_instances, "m", _SkyDynamicComponentService_getRootNode).call(this, componentRef);
-        const bodyEl = __classPrivateFieldGet(this, _SkyDynamicComponentService_windowRef, "f").nativeWindow.document.body;
-        switch (options.location) {
-            case SkyDynamicComponentLocation.BeforeElement:
-                if (!options.referenceEl) {
-                    throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.BeforeElement` because a reference element was not provided.');
-                }
-                __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
-                break;
-            case SkyDynamicComponentLocation.ElementTop:
-                if (!options.referenceEl) {
-                    throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.ElementTop` because a reference element was not provided.');
-                }
-                __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
-                break;
-            case SkyDynamicComponentLocation.ElementBottom:
-                __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(options.referenceEl, el);
-                break;
-            case SkyDynamicComponentLocation.BodyTop:
-                __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(bodyEl, el, bodyEl.firstChild);
-                break;
-            default:
-                __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(bodyEl, el);
-                break;
+        let componentRef;
+        if (options.viewContainerRef) {
+            componentRef = options.viewContainerRef.createComponent(componentType, {
+                injector: injector,
+            });
+        }
+        else {
+            componentRef = createComponent(componentType, {
+                environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").injector,
+                elementInjector: injector,
+            });
+            __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").attachView(componentRef.hostView);
+            const el = __classPrivateFieldGet(this, _SkyDynamicComponentService_instances, "m", _SkyDynamicComponentService_getRootNode).call(this, componentRef);
+            const bodyEl = __classPrivateFieldGet(this, _SkyDynamicComponentService_windowRef, "f").nativeWindow.document.body;
+            switch (options.location) {
+                case SkyDynamicComponentLocation.BeforeElement:
+                    if (!options.referenceEl) {
+                        throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.BeforeElement` because a reference element was not provided.');
+                    }
+                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
+                    break;
+                case SkyDynamicComponentLocation.ElementTop:
+                    if (!options.referenceEl) {
+                        throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.ElementTop` because a reference element was not provided.');
+                    }
+                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
+                    break;
+                case SkyDynamicComponentLocation.ElementBottom:
+                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(options.referenceEl, el);
+                    break;
+                case SkyDynamicComponentLocation.BodyTop:
+                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(bodyEl, el, bodyEl.firstChild);
+                    break;
+                default:
+                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(bodyEl, el);
+                    break;
+            }
         }
         return componentRef;
     }
@@ -1332,7 +1340,7 @@ class SkyDockService {
     /**
      * Sets options for the positioning and styling of the dock component. Since the dock service is a
      * singleton instance, these options will be applied to all components inserted into the dock. In
-     * order to create a seperate dock with different options, consumers should provide a different
+     * order to create a separate dock with different options, consumers should provide a different
      * instance of the dock service.
      * @param options The options for positioning and styling
      */
@@ -1558,7 +1566,7 @@ class SkyLogService {
     }
     /**
      * Logs console information if the application's log level is `SkyLogLevel.Info` or above.
-     * @param message The infomational message
+     * @param message The informational message
      * @param params Optional parameters for the informational message.
      */
     info(message, params) {
@@ -3023,7 +3031,7 @@ class SkyTrimDirective {
         __classPrivateFieldSet(this, _SkyTrimDirective_elRef, elRef, "f");
         __classPrivateFieldSet(this, _SkyTrimDirective_obs, mutationObs.create((mutations) => {
             const nodes = [];
-            // Only trim white space inside direct descendents of the current element.
+            // Only trim white space inside direct descendants of the current element.
             for (const mutation of mutations) {
                 if (mutation.target.parentNode === elRef.nativeElement) {
                     nodes.push(mutation.target);