carbon-components-angular 5.57.2 → 5.57.4

package/docs/documentation/injectables/PlaceholderService.html

@@ -224,8 +224,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="70"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:70</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="83"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:83</a></div>
                         </td>
                     </tr>
 
@@ -296,15 +296,15 @@ Also used to insert/remove components from that view.</p>
             </tr>
             <tr>
                 <td class="col-md-4">
-<code>createComponent(component: ComponentRef<any>, injector: Injector, id?: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
+<code>createComponent(component: ComponentRef<any>, injector: Injector, id?: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, environment: EnvironmentInjector)</code>
                 </td>
             </tr>
 
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="36"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:36</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="38"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:38</a></div>
                         </td>
                     </tr>
 
@@ -323,6 +323,7 @@ Also used to insert/remove components from that view.</p>
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Default value</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -336,6 +337,8 @@ Also used to insert/remove components from that view.</p>
                                                     No
                                             </td>
 
+                                            <td>
+                                            </td>
 
                                         </tr>
                                         <tr>
@@ -348,6 +351,8 @@ Also used to insert/remove components from that view.</p>
                                                     No
                                             </td>
 
+                                            <td>
+                                            </td>
 
                                         </tr>
                                         <tr>
@@ -360,6 +365,23 @@ Also used to insert/remove components from that view.</p>
                                                     Yes
                                             </td>
 
+                                            <td>
+                                            </td>
+
+                                        </tr>
+                                        <tr>
+                                                <td>environment</td>
+                                            <td>
+                                                        <code>EnvironmentInjector</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+                                            <td>
+                                                    <code>undefined</code>
+                                            </td>
 
                                         </tr>
                                     </tbody>
@@ -396,8 +418,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="51"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:51</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="64"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:64</a></div>
                         </td>
                     </tr>
 
@@ -463,8 +485,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="55"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:55</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="68"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:68</a></div>
                         </td>
                     </tr>
 
@@ -542,8 +564,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="84"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:84</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="97"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:97</a></div>
                         </td>
                     </tr>
 
@@ -621,8 +643,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="63"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:63</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="76"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:76</a></div>
                         </td>
                     </tr>
 
@@ -688,8 +710,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="25"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:25</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="27"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:27</a></div>
                         </td>
                     </tr>
 
@@ -769,8 +791,8 @@ Also used to insert/remove components from that view.</p>
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="77"
-                                    class="link-to-prism">src/placeholder/placeholder.service.ts:77</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="90"
+                                    class="link-to-prism">src/placeholder/placeholder.service.ts:90</a></div>
                         </td>
                     </tr>
 
@@ -859,7 +881,7 @@ Also used to insert/remove components from that view.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/placeholder/placeholder.service.ts:21</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/placeholder/placeholder.service.ts:23</a></div>
                         </td>
                     </tr>
 
@@ -897,7 +919,7 @@ Also used to insert/remove components from that view.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/placeholder/placeholder.service.ts:17</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="19" class="link-to-prism">src/placeholder/placeholder.service.ts:19</a></div>
                         </td>
                     </tr>
 
@@ -919,7 +941,9 @@ Also used to insert/remove components from that view.</p>
         <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
 	ComponentRef,
 	ViewContainerRef,
-	Injector
+	Injector,
+	EnvironmentInjector,
+	inject
 } from &quot;@angular/core&quot;;
 import { Injectable } from &quot;@angular/core&quot;;
 
@@ -951,7 +975,12 @@ export class PlaceholderService {
 	/**
 	 * Creates and returns component in the view.
 	 */
-	createComponent(component: ComponentRef&lt;any&gt;, injector: Injector, id?: any): ComponentRef&lt;any&gt; {
+	createComponent(
+		component: ComponentRef&lt;any&gt;,
+		injector: Injector,
+		id?: any,
+		environment: EnvironmentInjector &#x3D; undefined
+	): ComponentRef&lt;any&gt; {
 		if (id) {
 			if (!this.viewContainerMap.has(id)) {
 				console.error(&#x60;No view container with id ${id} found&#x60;);
@@ -963,7 +992,13 @@ export class PlaceholderService {
 			console.error(&quot;No view container defined! Likely due to a missing &#x60;cds-placeholder&#x60;&quot;);
 			return;
 		}
-		return this.viewContainerRef.createComponent(component as any, { index: this.viewContainerRef.length, injector });
+		return this.viewContainerRef.createComponent(component as any,
+			{
+				index: this.viewContainerRef.length,
+				injector,
+				environmentInjector: environment
+			}
+		);
 	}
 
 	destroyComponent(component: ComponentRef&lt;any&gt;) {