@skyux/core 12.2.0 → 12.4.0

package/fesm2022/skyux-core.mjs

@@ -1248,10 +1248,9 @@ class SkyDynamicComponentService {
      * Creates an instance of the specified component and adds it to the specified location
      * on the page.
      */
-    createComponent(componentType, options) {
-        options ||= {
-            location: SkyDynamicComponentLocation.BodyBottom,
-        };
+    createComponent(componentType, options = {
+        location: SkyDynamicComponentLocation.BodyBottom,
+    }) {
         const environmentInjector = createEnvironmentInjector(options.providers ?? [], options.environmentInjector ?? this.#environmentInjector);
         let componentRef;
         if (options.viewContainerRef) {
@@ -1264,34 +1263,41 @@ class SkyDynamicComponentService {
                 environmentInjector,
             });
             this.#applicationRef.attachView(componentRef.hostView);
+            this.#insertComponentAtLocation(componentRef, options);
+        }
+        if (options.className) {
             const el = this.#getRootNode(componentRef);
-            const bodyEl = this.#windowRef.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.');
-                    }
-                    this.#renderer.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.');
-                    }
-                    this.#renderer.insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
-                    break;
-                case SkyDynamicComponentLocation.ElementBottom:
-                    this.#renderer.appendChild(options.referenceEl, el);
-                    break;
-                case SkyDynamicComponentLocation.BodyTop:
-                    this.#renderer.insertBefore(bodyEl, el, bodyEl.firstChild);
-                    break;
-                default:
-                    this.#renderer.appendChild(bodyEl, el);
-                    break;
-            }
+            this.#renderer.addClass(el, options.className);
         }
         return componentRef;
     }
+    #insertComponentAtLocation(componentRef, options) {
+        const el = this.#getRootNode(componentRef);
+        const bodyEl = this.#windowRef.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.');
+                }
+                this.#renderer.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.');
+                }
+                this.#renderer.insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
+                break;
+            case SkyDynamicComponentLocation.ElementBottom:
+                this.#renderer.appendChild(options.referenceEl, el);
+                break;
+            case SkyDynamicComponentLocation.BodyTop:
+                this.#renderer.insertBefore(bodyEl, el, bodyEl.firstChild);
+                break;
+            default:
+                this.#renderer.appendChild(bodyEl, el);
+                break;
+        }
+    }
     /**
      * Removes a component ref from the page
      * @param componentRef Component ref for the component being removed
@@ -4597,7 +4603,7 @@ class Version {
 /**
  * Represents the version of @skyux/core.
  */
-const VERSION = new Version('12.2.0');
+const VERSION = new Version('12.4.0');
 
 /**
  * Generated bundle index. Do not edit.