@skyux/core 7.4.2 → 7.6.0

package/fesm2020/skyux-core.mjs

@@ -28,19 +28,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
 var SkyMediaBreakpoints;
 (function (SkyMediaBreakpoints) {
     /**
-     * Indicates screen widths of 767px or less.
+     * Screen widths of 767px or less.
      */
     SkyMediaBreakpoints[SkyMediaBreakpoints["xs"] = 1] = "xs";
     /**
-     * Indicates screen widths of 768px to 991px.
+     * Screen widths of 768px to 991px.
      */
     SkyMediaBreakpoints[SkyMediaBreakpoints["sm"] = 2] = "sm";
     /**
-     * Indicates screen widths of 992px to 1199px.
+     * Screen widths of 992px to 1199px.
      */
     SkyMediaBreakpoints[SkyMediaBreakpoints["md"] = 3] = "md";
     /**
-     * Indicates screen widths of 1200px or greater.
+     * Screen widths of 1200px or greater.
      */
     SkyMediaBreakpoints[SkyMediaBreakpoints["lg"] = 4] = "lg";
 })(SkyMediaBreakpoints || (SkyMediaBreakpoints = {}));
@@ -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;
@@ -1183,7 +1183,7 @@ function getWindow() {
  */
 class SkyAppWindowRef {
     /**
-     * References the global `window` variable.
+     * The global `window` variable.
      */
     get nativeWindow() {
         return getWindow();
@@ -1198,20 +1198,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
                 }]
         }] });
 
-var _SkyDynamicComponentService_instances, _SkyDynamicComponentService_applicationRef, _SkyDynamicComponentService_injector, _SkyDynamicComponentService_renderer, _SkyDynamicComponentService_windowRef, _SkyDynamicComponentService_getRootNode;
+var _SkyDynamicComponentService_instances, _SkyDynamicComponentService_applicationRef, _SkyDynamicComponentService_environmentInjector, _SkyDynamicComponentService_injector, _SkyDynamicComponentService_renderer, _SkyDynamicComponentService_windowRef, _SkyDynamicComponentService_getRootNode;
 /**
  * Angular service for creating and rendering a dynamic component.
+ * @internal
  */
 class SkyDynamicComponentService {
-    constructor(applicationRef, injector, windowRef, rendererFactory) {
+    constructor(applicationRef, injector, windowRef, rendererFactory, environmentInjector) {
         _SkyDynamicComponentService_instances.add(this);
         _SkyDynamicComponentService_applicationRef.set(this, void 0);
+        _SkyDynamicComponentService_environmentInjector.set(this, void 0);
         _SkyDynamicComponentService_injector.set(this, void 0);
         _SkyDynamicComponentService_renderer.set(this, void 0);
         _SkyDynamicComponentService_windowRef.set(this, void 0);
         __classPrivateFieldSet(this, _SkyDynamicComponentService_applicationRef, applicationRef, "f");
         __classPrivateFieldSet(this, _SkyDynamicComponentService_injector, injector, "f");
         __classPrivateFieldSet(this, _SkyDynamicComponentService_windowRef, windowRef, "f");
+        __classPrivateFieldSet(this, _SkyDynamicComponentService_environmentInjector, environmentInjector, "f");
         // Based on suggestions from https://github.com/angular/angular/issues/17824
         // for accessing an instance of Renderer2 in a service since Renderer2 can't
         // be injected into a service.  Passing undefined for both parameters results
@@ -1230,35 +1233,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,
+            });
+        }
+        else {
+            componentRef = createComponent(componentType, {
+                environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_environmentInjector, "f"),
+                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;
     }
@@ -1274,22 +1285,22 @@ class SkyDynamicComponentService {
         componentRef.destroy();
     }
 }
-_SkyDynamicComponentService_applicationRef = new WeakMap(), _SkyDynamicComponentService_injector = new WeakMap(), _SkyDynamicComponentService_renderer = new WeakMap(), _SkyDynamicComponentService_windowRef = new WeakMap(), _SkyDynamicComponentService_instances = new WeakSet(), _SkyDynamicComponentService_getRootNode = function _SkyDynamicComponentService_getRootNode(componentRef) {
+_SkyDynamicComponentService_applicationRef = new WeakMap(), _SkyDynamicComponentService_environmentInjector = new WeakMap(), _SkyDynamicComponentService_injector = new WeakMap(), _SkyDynamicComponentService_renderer = new WeakMap(), _SkyDynamicComponentService_windowRef = new WeakMap(), _SkyDynamicComponentService_instances = new WeakSet(), _SkyDynamicComponentService_getRootNode = function _SkyDynamicComponentService_getRootNode(componentRef) {
     // Technique for retrieving the component's root node taken from here:
     // https://malcoded.com/posts/angular-dynamic-components
     return componentRef.hostView.rootNodes[0];
 };
-SkyDynamicComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDynamicComponentService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: SkyAppWindowRef }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDynamicComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDynamicComponentService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: SkyAppWindowRef }, { token: i0.RendererFactory2 }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyDynamicComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDynamicComponentService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDynamicComponentService, decorators: [{
             type: Injectable,
             args: [{
                     // Must be 'any' so that the component is created in the context of its module's injector.
                     // If set to 'root', the component's dependency injections would only be derived from the root
-                    // injector and may loose context if the component is created within a lazy-loaded module.
+                    // injector and may lose context if the component is created within a lazy-loaded module.
                     providedIn: 'any',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: SkyAppWindowRef }, { type: i0.RendererFactory2 }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: SkyAppWindowRef }, { type: i0.RendererFactory2 }, { type: i0.EnvironmentInjector }]; } });
 
 var _SkyDockService_instances, _SkyDockService_dynamicComponentSvc, _SkyDockService_options, _SkyDockService_createDock, _SkyDockService_destroyDock;
 /**
@@ -1332,7 +1343,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 +1569,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) {
@@ -1926,7 +1937,7 @@ class SkyNumericService {
         for (let i = 0; i < __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f").length; i++) {
             let symbol = __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f")[i];
             if (options.truncate &&
-                options.truncateAfter &&
+                options.truncateAfter !== undefined &&
                 roundedNumberAbs >= options.truncateAfter &&
                 roundedNumberAbs >= symbol.value) {
                 roundedNumber = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_roundNumber).call(this, value / symbol.value, digits);
@@ -2203,7 +2214,7 @@ class SkyOverlayInstance {
 _SkyOverlayInstance_backdropClick = new WeakMap(), _SkyOverlayInstance_backdropClickObs = new WeakMap(), _SkyOverlayInstance_closed = new WeakMap(), _SkyOverlayInstance_closedObs = new WeakMap();
 
 /**
- * Provides contextual information to each overlay created.
+ * Contextual information for each overlay.
  * @internal
  */
 class SkyOverlayContext {
@@ -3023,7 +3034,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);