carbon-components-angular 5.72.2 → 5.72.3

package/docs/documentation/miscellaneous/functions.html

@@ -127,6 +127,9 @@
             <tr>
                 <td class="col-md-4">
                     <ul class="index-list">
+                        <li>
+                            <a href="#advancedFakeAsync" title="src/test-helpers/change-detection.ts" ><b>advancedFakeAsync</b>&nbsp;&nbsp;&nbsp;(src/.../change-detection.ts)</a>
+                        </li>
                         <li>
                             <a href="#ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY" title="src/utils/utils.module.ts" ><b>ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY</b>&nbsp;&nbsp;&nbsp;(src/.../utils.module.ts)</a>
                         </li>
@@ -175,6 +178,9 @@
                         <li>
                             <a href="#getScrollbarWidth" title="src/utils/window-tools.ts" ><b>getScrollbarWidth</b>&nbsp;&nbsp;&nbsp;(src/.../window-tools.ts)</a>
                         </li>
+                        <li>
+                            <a href="#hasClass" title="src/test-helpers/change-detection.ts" ><b>hasClass</b>&nbsp;&nbsp;&nbsp;(src/.../change-detection.ts)</a>
+                        </li>
                         <li>
                             <a href="#HcModeChecker" title="src/utils/a11y.ts" ><b>HcModeChecker</b>&nbsp;&nbsp;&nbsp;(src/.../a11y.ts)</a>
                         </li>
@@ -208,6 +214,9 @@
                         <li>
                             <a href="#range" title="src/common/utils.ts" ><b>range</b>&nbsp;&nbsp;&nbsp;(src/.../utils.ts)</a>
                         </li>
+                        <li>
+                            <a href="#textOf" title="src/test-helpers/change-detection.ts" ><b>textOf</b>&nbsp;&nbsp;&nbsp;(src/.../change-detection.ts)</a>
+                        </li>
                         <li>
                             <a href="#watchFocusJump" title="src/dropdown/dropdowntools.ts" ><b>watchFocusJump</b>&nbsp;&nbsp;&nbsp;(src/.../dropdowntools.ts)</a>
                         </li>
@@ -218,7 +227,254 @@
     </table>
 </section>
 
-    <h3>src/utils/utils.module.ts</h3>
+    <h3>src/test-helpers/change-detection.ts</h3>
+    <section data-compodoc="block-methods">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="advancedFakeAsync"></a>
+                    <span class="name">
+                        <span ><b>advancedFakeAsync</b></span>
+                        <a href="#advancedFakeAsync"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>advancedFakeAsync(fixture: ComponentFixture, millis: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+                        <div class="io-description"><p>Helpers for the <code>change detection</code> suites, which assert that state written outside of an
+<code>@Input()</code> still reaches the DOM. Those assertions hold under <code>Default</code> and are the ones
+to re-check when a component moves to <code>OnPush</code>.</p>
+</div>
+
+                            <div class="io-description">
+                                <b>Parameters :</b>
+                                
+                                <table class="params">
+                                    <thead>
+                                        <tr>
+                                            <td>Name</td>
+                                                <td>Type</td>
+                                            <td>Optional</td>
+                                                <td>Default value</td>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                                <td>fixture</td>
+                                            <td>
+                                                        <code>ComponentFixture</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+                                            <td>
+                                            </td>
+
+                                        </tr>
+                                        <tr>
+                                                <td>millis</td>
+                                            <td>
+                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+                                            <td>
+                                                    <code>0</code>
+                                            </td>
+
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                        </div>
+                            <div class="io-description">
+                                
+                            </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="hasClass"></a>
+                    <span class="name">
+                        <span ><b>hasClass</b></span>
+                        <a href="#hasClass"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>hasClass(fixture: ComponentFixture, selector: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, className: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+                        <div class="io-description"><p>True when the first match carries <code>className</code>. A missing element is <code>false</code>.</p>
+</div>
+
+                            <div class="io-description">
+                                <b>Parameters :</b>
+                                
+                                <table class="params">
+                                    <thead>
+                                        <tr>
+                                            <td>Name</td>
+                                                <td>Type</td>
+                                            <td>Optional</td>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                                <td>fixture</td>
+                                            <td>
+                                                        <code>ComponentFixture</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                        <tr>
+                                                <td>selector</td>
+                                            <td>
+                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                        <tr>
+                                                <td>className</td>
+                                            <td>
+                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                        </div>
+                            <div class="io-description">
+                                
+                            </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="textOf"></a>
+                    <span class="name">
+                        <span ><b>textOf</b></span>
+                        <a href="#textOf"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>textOf(fixture: ComponentFixture, selector: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+                        <div class="io-description"><p>Trimmed text of the first match, or <code>null</code> when nothing matches.</p>
+</div>
+
+                            <div class="io-description">
+                                <b>Parameters :</b>
+                                
+                                <table class="params">
+                                    <thead>
+                                        <tr>
+                                            <td>Name</td>
+                                                <td>Type</td>
+                                            <td>Optional</td>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                                <td>fixture</td>
+                                            <td>
+                                                        <code>ComponentFixture</code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                        <tr>
+                                                <td>selector</td>
+                                            <td>
+                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                                            </td>
+
+                                            <td>
+                                                    No
+                                            </td>
+
+
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        <div class="io-description">
+                            <b>Returns : </b>    <code>string | null</code>
+
+                        </div>
+                            <div class="io-description">
+                                
+                            </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</section>    <h3>src/utils/utils.module.ts</h3>
     <section data-compodoc="block-methods">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>

package/docs/documentation/modules/CheckboxModule/dependencies.svg

@@ -26,77 +26,77 @@
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_CheckboxModule_declarations</title>
-<polygon fill="none" stroke="black" points="550,-189.59 550,-241.59 765,-241.59 765,-189.59 550,-189.59"/>
-</g>
-<g id="clust6" class="cluster">
-<title>cluster_CheckboxModule_exports</title>
-<polygon fill="none" stroke="black" points="583,-319.59 583,-371.59 805,-371.59 805,-319.59 583,-319.59"/>
+<polygon fill="none" stroke="black" points="522,-189.59 522,-241.59 737,-241.59 737,-189.59 522,-189.59"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_CheckboxModule_imports</title>
-<polygon fill="none" stroke="black" points="773,-189.59 773,-241.59 873,-241.59 873,-189.59 773,-189.59"/>
+<polygon fill="none" stroke="black" points="745,-189.59 745,-241.59 845,-241.59 845,-189.59 745,-189.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_CheckboxModule_CheckboxGroup_providers</title>
-<polygon fill="none" stroke="black" points="658,-101.3 658,-153.3 1272,-153.3 1272,-101.3 658,-101.3"/>
+<g id="clust6" class="cluster">
+<title>cluster_CheckboxModule_exports</title>
+<polygon fill="none" stroke="black" points="573,-319.59 573,-371.59 795,-371.59 795,-319.59 573,-319.59"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_CheckboxModule_Checkbox_providers</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-176.59 650,-176.59 650,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="638,-78 638,-176.59 1272,-176.59 1272,-78 638,-78"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_CheckboxModule_CheckboxGroup_providers</title>
+<polygon fill="none" stroke="black" points="16,-101.3 16,-153.3 630,-153.3 630,-101.3 16,-101.3"/>
 </g>
 <!-- Checkbox -->
 <g id="node1" class="node">
 <title>Checkbox</title>
-<polygon fill="#ffffb3" stroke="black" points="630.27,-233.59 557.73,-233.59 557.73,-197.59 630.27,-197.59 630.27,-233.59"/>
-<text text-anchor="middle" x="594" y="-211.39" font-family="Times,serif" font-size="14.00">Checkbox</text>
+<polygon fill="#ffffb3" stroke="black" points="729.27,-233.59 656.73,-233.59 656.73,-197.59 729.27,-197.59 729.27,-233.59"/>
+<text text-anchor="middle" x="693" y="-211.39" font-family="Times,serif" font-size="14.00">Checkbox</text>
 </g>
 <!-- CheckboxModule -->
 <g id="node3" class="node">
 <title>CheckboxModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="761.32,-298.59 758.32,-302.59 737.32,-302.59 734.32,-298.59 644.68,-298.59 644.68,-262.59 761.32,-262.59 761.32,-298.59"/>
-<text text-anchor="middle" x="703" y="-276.39" font-family="Times,serif" font-size="14.00">CheckboxModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="751.32,-298.59 748.32,-302.59 727.32,-302.59 724.32,-298.59 634.68,-298.59 634.68,-262.59 751.32,-262.59 751.32,-298.59"/>
+<text text-anchor="middle" x="693" y="-276.39" font-family="Times,serif" font-size="14.00">CheckboxModule</text>
 </g>
 <!-- Checkbox&#45;&gt;CheckboxModule -->
 <g id="edge1" class="edge">
 <title>Checkbox&#45;&gt;CheckboxModule</title>
-<path fill="none" stroke="black" d="M610.68,-233.7C610.68,-252.93 610.68,-280.59 610.68,-280.59 610.68,-280.59 634.8,-280.59 634.8,-280.59"/>
-<polygon fill="black" stroke="black" points="634.8,-284.09 644.8,-280.59 634.8,-277.09 634.8,-284.09"/>
+<path fill="none" stroke="black" d="M693,-233.7C693,-233.7 693,-252.58 693,-252.58"/>
+<polygon fill="black" stroke="black" points="689.5,-252.58 693,-262.58 696.5,-252.58 689.5,-252.58"/>
 </g>
 <!-- CheckboxGroup -->
 <g id="node2" class="node">
 <title>CheckboxGroup</title>
-<polygon fill="#ffffb3" stroke="black" points="757.03,-233.59 648.97,-233.59 648.97,-197.59 757.03,-197.59 757.03,-233.59"/>
-<text text-anchor="middle" x="703" y="-211.39" font-family="Times,serif" font-size="14.00">CheckboxGroup</text>
+<polygon fill="#ffffb3" stroke="black" points="638.03,-233.59 529.97,-233.59 529.97,-197.59 638.03,-197.59 638.03,-233.59"/>
+<text text-anchor="middle" x="584" y="-211.39" font-family="Times,serif" font-size="14.00">CheckboxGroup</text>
 </g>
 <!-- CheckboxGroup&#45;&gt;CheckboxModule -->
 <g id="edge3" class="edge">
 <title>CheckboxGroup&#45;&gt;CheckboxModule</title>
-<path fill="none" stroke="black" d="M703,-233.7C703,-233.7 703,-252.58 703,-252.58"/>
-<polygon fill="black" stroke="black" points="699.5,-252.58 703,-262.58 706.5,-252.58 699.5,-252.58"/>
+<path fill="none" stroke="black" d="M638.17,-215.59C640.79,-215.59 642.36,-215.59 642.36,-215.59 642.36,-215.59 642.36,-252.48 642.36,-252.48"/>
+<polygon fill="black" stroke="black" points="638.86,-252.48 642.36,-262.48 645.86,-252.48 638.86,-252.48"/>
 </g>
 <!-- Checkbox  -->
 <g id="node7" class="node">
 <title>Checkbox </title>
-<polygon fill="#fb8072" stroke="black" points="797.27,-363.59 720.73,-363.59 720.73,-327.59 797.27,-327.59 797.27,-363.59"/>
-<text text-anchor="middle" x="759" y="-341.39" font-family="Times,serif" font-size="14.00">Checkbox </text>
+<polygon fill="#fb8072" stroke="black" points="787.27,-363.59 710.73,-363.59 710.73,-327.59 787.27,-327.59 787.27,-363.59"/>
+<text text-anchor="middle" x="749" y="-341.39" font-family="Times,serif" font-size="14.00">Checkbox </text>
 </g>
 <!-- CheckboxModule&#45;&gt;Checkbox  -->
 <g id="edge6" class="edge">
 <title>CheckboxModule&#45;&gt;Checkbox </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M741.01,-298.7C741.01,-298.7 741.01,-317.58 741.01,-317.58"/>
-<polygon fill="black" stroke="black" points="737.51,-317.58 741.01,-327.58 744.51,-317.58 737.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M731.01,-298.7C731.01,-298.7 731.01,-317.58 731.01,-317.58"/>
+<polygon fill="black" stroke="black" points="727.51,-317.58 731.01,-327.58 734.51,-317.58 727.51,-317.58"/>
 </g>
 <!-- CheckboxGroup  -->
 <g id="node8" class="node">
 <title>CheckboxGroup </title>
-<polygon fill="#fb8072" stroke="black" points="703.03,-363.59 590.97,-363.59 590.97,-327.59 703.03,-327.59 703.03,-363.59"/>
-<text text-anchor="middle" x="647" y="-341.39" font-family="Times,serif" font-size="14.00">CheckboxGroup </text>
+<polygon fill="#fb8072" stroke="black" points="693.03,-363.59 580.97,-363.59 580.97,-327.59 693.03,-327.59 693.03,-363.59"/>
+<text text-anchor="middle" x="637" y="-341.39" font-family="Times,serif" font-size="14.00">CheckboxGroup </text>
 </g>
 <!-- CheckboxModule&#45;&gt;CheckboxGroup  -->
 <g id="edge7" class="edge">
 <title>CheckboxModule&#45;&gt;CheckboxGroup </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M673.93,-298.7C673.93,-298.7 673.93,-317.58 673.93,-317.58"/>
-<polygon fill="black" stroke="black" points="670.43,-317.58 673.93,-327.58 677.43,-317.58 670.43,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M663.93,-298.7C663.93,-298.7 663.93,-317.58 663.93,-317.58"/>
+<polygon fill="black" stroke="black" points="660.43,-317.58 663.93,-327.58 667.43,-317.58 660.43,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true
@@ -105,10 +105,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="333" cy="-127.3" rx="308.58" ry="41.09"/>
-<text text-anchor="middle" x="333" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="333" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true</text>
-<text text-anchor="middle" x="333" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="955" cy="-127.3" rx="308.58" ry="41.09"/>
+<text text-anchor="middle" x="955" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="955" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true</text>
+<text text-anchor="middle" x="955" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true
@@ -117,32 +117,32 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Checkbox, multi: true
 }&#45;&gt;Checkbox</title>
-<path fill="none" stroke="black" d="M594,-149.58C594,-149.58 594,-187.48 594,-187.48"/>
-<polygon fill="black" stroke="black" points="590.5,-187.48 594,-197.48 597.5,-187.48 590.5,-187.48"/>
+<path fill="none" stroke="black" d="M693,-149.12C693,-149.12 693,-187.58 693,-187.58"/>
+<polygon fill="black" stroke="black" points="689.5,-187.58 693,-197.58 696.5,-187.58 689.5,-187.58"/>
 </g>
 <!-- { provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup } -->
 <g id="node5" class="node">
 <title>{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }</title>
-<ellipse fill="#fdb462" stroke="black" cx="965" cy="-127.3" rx="299.48" ry="18"/>
-<text text-anchor="middle" x="965" y="-123.1" font-family="Times,serif" font-size="14.00">{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }</text>
+<ellipse fill="#fdb462" stroke="black" cx="323" cy="-127.3" rx="299.48" ry="18"/>
+<text text-anchor="middle" x="323" y="-123.1" font-family="Times,serif" font-size="14.00">{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }</text>
 </g>
 <!-- { provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }&#45;&gt;CheckboxGroup -->
 <g id="edge4" class="edge">
 <title>{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }&#45;&gt;CheckboxGroup</title>
-<path fill="none" stroke="black" d="M711.51,-137.08C711.51,-137.08 711.51,-187.49 711.51,-187.49"/>
-<polygon fill="black" stroke="black" points="708.01,-187.49 711.51,-197.49 715.01,-187.49 708.01,-187.49"/>
+<path fill="none" stroke="black" d="M575.99,-137.08C575.99,-137.08 575.99,-187.49 575.99,-187.49"/>
+<polygon fill="black" stroke="black" points="572.49,-187.49 575.99,-197.49 579.49,-187.49 572.49,-187.49"/>
 </g>
 <!-- IconModule -->
 <g id="node6" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="865.43,-233.59 862.43,-237.59 841.43,-237.59 838.43,-233.59 780.57,-233.59 780.57,-197.59 865.43,-197.59 865.43,-233.59"/>
-<text text-anchor="middle" x="823" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="837.43,-233.59 834.43,-237.59 813.43,-237.59 810.43,-233.59 752.57,-233.59 752.57,-197.59 837.43,-197.59 837.43,-233.59"/>
+<text text-anchor="middle" x="795" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;CheckboxModule -->
 <g id="edge5" class="edge">
 <title>IconModule&#45;&gt;CheckboxModule</title>
-<path fill="none" stroke="black" d="M788.96,-233.7C788.96,-252.93 788.96,-280.59 788.96,-280.59 788.96,-280.59 771.29,-280.59 771.29,-280.59"/>
-<polygon fill="black" stroke="black" points="771.29,-277.09 761.29,-280.59 771.29,-284.09 771.29,-277.09"/>
+<path fill="none" stroke="black" d="M752.69,-215.59C745.48,-215.59 740.27,-215.59 740.27,-215.59 740.27,-215.59 740.27,-252.48 740.27,-252.48"/>
+<polygon fill="black" stroke="black" points="736.77,-252.48 740.27,-262.48 743.77,-252.48 736.77,-252.48"/>
 </g>
 </g>
 </svg>