npm - carbon-components-angular - Versions diffs - 5.56.6 → 5.57.0 - Mend

carbon-components-angular 5.56.6 → 5.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg CHANGED Viewed

@@ -24,47 +24,47 @@
 <title>cluster_TimePickerSelectModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 938,-379.59 938,-70 8,-70"/>
 </g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
-<polygon fill="none" stroke="black" points="236,-78 236,-241.59 930,-241.59 930,-78 236,-78"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 228,-241.59 228,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="718,-189.59 718,-241.59 930,-241.59 930,-189.59 718,-189.59"/>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 710,-241.59 710,-78 16,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
-<polygon fill="none" stroke="black" points="110,-319.59 110,-371.59 246,-371.59 246,-319.59 110,-319.59"/>
+<polygon fill="none" stroke="black" points="705,-319.59 705,-371.59 841,-371.59 841,-319.59 705,-319.59"/>
 </g>
 <!-- TimePickerSelect -->
 <g id="node1" class="node">
 <title>TimePickerSelect</title>
-<polygon fill="#ffffb3" stroke="black" points="499.52,-233.59 384.48,-233.59 384.48,-197.59 499.52,-197.59 499.52,-233.59"/>
-<text text-anchor="middle" x="442" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
+<polygon fill="#ffffb3" stroke="black" points="560.52,-233.59 445.48,-233.59 445.48,-197.59 560.52,-197.59 560.52,-233.59"/>
+<text text-anchor="middle" x="503" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node2" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="257.57,-298.59 254.57,-302.59 233.57,-302.59 230.57,-298.59 98.43,-298.59 98.43,-262.59 257.57,-262.59 257.57,-298.59"/>
-<text text-anchor="middle" x="178" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="852.57,-298.59 849.57,-302.59 828.57,-302.59 825.57,-298.59 693.43,-298.59 693.43,-262.59 852.57,-262.59 852.57,-298.59"/>
+<text text-anchor="middle" x="773" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelect&#45;&gt;TimePickerSelectModule -->
 <g id="edge1" class="edge">
 <title>TimePickerSelect&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M384.4,-215.59C328.13,-215.59 250.88,-215.59 250.88,-215.59 250.88,-215.59 250.88,-252.48 250.88,-252.48"/>
-<polygon fill="black" stroke="black" points="247.38,-252.48 250.88,-262.48 254.38,-252.48 247.38,-252.48"/>
+<path fill="none" stroke="black" d="M560.6,-215.59C617.99,-215.59 697.62,-215.59 697.62,-215.59 697.62,-215.59 697.62,-252.48 697.62,-252.48"/>
+<polygon fill="black" stroke="black" points="694.12,-252.48 697.62,-262.48 701.12,-252.48 694.12,-252.48"/>
 </g>
 <!-- TimePickerSelect  -->
 <g id="node6" class="node">
 <title>TimePickerSelect </title>
-<polygon fill="#fb8072" stroke="black" points="237.52,-363.59 118.48,-363.59 118.48,-327.59 237.52,-327.59 237.52,-363.59"/>
-<text text-anchor="middle" x="178" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
+<polygon fill="#fb8072" stroke="black" points="832.52,-363.59 713.48,-363.59 713.48,-327.59 832.52,-327.59 832.52,-363.59"/>
+<text text-anchor="middle" x="773" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerSelect  -->
 <g id="edge5" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerSelect </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M178,-298.7C178,-298.7 178,-317.58 178,-317.58"/>
-<polygon fill="black" stroke="black" points="174.5,-317.58 178,-327.58 181.5,-317.58 174.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M773,-298.7C773,-298.7 773,-317.58 773,-317.58"/>
+<polygon fill="black" stroke="black" points="769.5,-317.58 773,-327.58 776.5,-317.58 769.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -73,10 +73,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="583" cy="-127.3" rx="338.54" ry="41.09"/>
-<text text-anchor="middle" x="583" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="583" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
-<text text-anchor="middle" x="583" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="363" cy="-127.3" rx="338.54" ry="41.09"/>
+<text text-anchor="middle" x="363" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="363" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
+<text text-anchor="middle" x="363" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -85,32 +85,32 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }&#45;&gt;TimePickerSelect</title>
-<path fill="none" stroke="black" d="M442,-165C442,-165 442,-187.45 442,-187.45"/>
-<polygon fill="black" stroke="black" points="438.5,-187.45 442,-197.45 445.5,-187.45 438.5,-187.45"/>
+<path fill="none" stroke="black" d="M503,-165C503,-165 503,-187.45 503,-187.45"/>
+<polygon fill="black" stroke="black" points="499.5,-187.45 503,-197.45 506.5,-187.45 499.5,-187.45"/>
 </g>
 <!-- IconModule -->
 <g id="node4" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="220.43,-233.59 217.43,-237.59 196.43,-237.59 193.43,-233.59 135.57,-233.59 135.57,-197.59 220.43,-197.59 220.43,-233.59"/>
-<text text-anchor="middle" x="178" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="922.43,-233.59 919.43,-237.59 898.43,-237.59 895.43,-233.59 837.57,-233.59 837.57,-197.59 922.43,-197.59 922.43,-233.59"/>
+<text text-anchor="middle" x="880" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge3" class="edge">
 <title>IconModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M178,-233.7C178,-233.7 178,-252.58 178,-252.58"/>
-<polygon fill="black" stroke="black" points="174.5,-252.58 178,-262.58 181.5,-252.58 174.5,-252.58"/>
+<path fill="none" stroke="black" d="M845.16,-233.7C845.16,-233.7 845.16,-252.58 845.16,-252.58"/>
+<polygon fill="black" stroke="black" points="841.66,-252.58 845.16,-262.58 848.66,-252.58 841.66,-252.58"/>
 </g>
 <!-- SelectModule -->
 <g id="node5" class="node">
 <title>SelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="117.76,-233.59 114.76,-237.59 93.76,-237.59 90.76,-233.59 24.24,-233.59 24.24,-197.59 117.76,-197.59 117.76,-233.59"/>
-<text text-anchor="middle" x="71" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="819.76,-233.59 816.76,-237.59 795.76,-237.59 792.76,-233.59 726.24,-233.59 726.24,-197.59 819.76,-197.59 819.76,-233.59"/>
+<text text-anchor="middle" x="773" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
 </g>
 <!-- SelectModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge4" class="edge">
 <title>SelectModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M108.17,-233.7C108.17,-233.7 108.17,-252.58 108.17,-252.58"/>
-<polygon fill="black" stroke="black" points="104.67,-252.58 108.17,-262.58 111.67,-252.58 104.67,-252.58"/>
+<path fill="none" stroke="black" d="M773,-233.7C773,-233.7 773,-252.58 773,-252.58"/>
+<polygon fill="black" stroke="black" points="769.5,-252.58 773,-262.58 776.5,-252.58 769.5,-252.58"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/TimePickerSelectModule.html CHANGED Viewed

@@ -117,47 +117,47 @@
 <title>cluster_TimePickerSelectModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 938,-379.59 938,-70 8,-70"/>
 </g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
-<polygon fill="none" stroke="black" points="236,-78 236,-241.59 930,-241.59 930,-78 236,-78"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 228,-241.59 228,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="718,-189.59 718,-241.59 930,-241.59 930,-189.59 718,-189.59"/>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 710,-241.59 710,-78 16,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
-<polygon fill="none" stroke="black" points="110,-319.59 110,-371.59 246,-371.59 246,-319.59 110,-319.59"/>
+<polygon fill="none" stroke="black" points="705,-319.59 705,-371.59 841,-371.59 841,-319.59 705,-319.59"/>
 </g>
 <!-- TimePickerSelect -->
 <g id="node1" class="node">
 <title>TimePickerSelect</title>
-<polygon fill="#ffffb3" stroke="black" points="499.52,-233.59 384.48,-233.59 384.48,-197.59 499.52,-197.59 499.52,-233.59"/>
-<text text-anchor="middle" x="442" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
+<polygon fill="#ffffb3" stroke="black" points="560.52,-233.59 445.48,-233.59 445.48,-197.59 560.52,-197.59 560.52,-233.59"/>
+<text text-anchor="middle" x="503" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node2" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="257.57,-298.59 254.57,-302.59 233.57,-302.59 230.57,-298.59 98.43,-298.59 98.43,-262.59 257.57,-262.59 257.57,-298.59"/>
-<text text-anchor="middle" x="178" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="852.57,-298.59 849.57,-302.59 828.57,-302.59 825.57,-298.59 693.43,-298.59 693.43,-262.59 852.57,-262.59 852.57,-298.59"/>
+<text text-anchor="middle" x="773" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelect&#45;&gt;TimePickerSelectModule -->
 <g id="edge1" class="edge">
 <title>TimePickerSelect&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M384.4,-215.59C328.13,-215.59 250.88,-215.59 250.88,-215.59 250.88,-215.59 250.88,-252.48 250.88,-252.48"/>
-<polygon fill="black" stroke="black" points="247.38,-252.48 250.88,-262.48 254.38,-252.48 247.38,-252.48"/>
+<path fill="none" stroke="black" d="M560.6,-215.59C617.99,-215.59 697.62,-215.59 697.62,-215.59 697.62,-215.59 697.62,-252.48 697.62,-252.48"/>
+<polygon fill="black" stroke="black" points="694.12,-252.48 697.62,-262.48 701.12,-252.48 694.12,-252.48"/>
 </g>
 <!-- TimePickerSelect  -->
 <g id="node6" class="node">
 <title>TimePickerSelect </title>
-<polygon fill="#fb8072" stroke="black" points="237.52,-363.59 118.48,-363.59 118.48,-327.59 237.52,-327.59 237.52,-363.59"/>
-<text text-anchor="middle" x="178" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
+<polygon fill="#fb8072" stroke="black" points="832.52,-363.59 713.48,-363.59 713.48,-327.59 832.52,-327.59 832.52,-363.59"/>
+<text text-anchor="middle" x="773" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerSelect  -->
 <g id="edge5" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerSelect </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M178,-298.7C178,-298.7 178,-317.58 178,-317.58"/>
-<polygon fill="black" stroke="black" points="174.5,-317.58 178,-327.58 181.5,-317.58 174.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M773,-298.7C773,-298.7 773,-317.58 773,-317.58"/>
+<polygon fill="black" stroke="black" points="769.5,-317.58 773,-327.58 776.5,-317.58 769.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -166,10 +166,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="583" cy="-127.3" rx="338.54" ry="41.09"/>
-<text text-anchor="middle" x="583" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="583" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
-<text text-anchor="middle" x="583" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="363" cy="-127.3" rx="338.54" ry="41.09"/>
+<text text-anchor="middle" x="363" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="363" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
+<text text-anchor="middle" x="363" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -178,32 +178,32 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }&#45;&gt;TimePickerSelect</title>
-<path fill="none" stroke="black" d="M442,-165C442,-165 442,-187.45 442,-187.45"/>
-<polygon fill="black" stroke="black" points="438.5,-187.45 442,-197.45 445.5,-187.45 438.5,-187.45"/>
+<path fill="none" stroke="black" d="M503,-165C503,-165 503,-187.45 503,-187.45"/>
+<polygon fill="black" stroke="black" points="499.5,-187.45 503,-197.45 506.5,-187.45 499.5,-187.45"/>
 </g>
 <!-- IconModule -->
 <g id="node4" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="220.43,-233.59 217.43,-237.59 196.43,-237.59 193.43,-233.59 135.57,-233.59 135.57,-197.59 220.43,-197.59 220.43,-233.59"/>
-<text text-anchor="middle" x="178" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="922.43,-233.59 919.43,-237.59 898.43,-237.59 895.43,-233.59 837.57,-233.59 837.57,-197.59 922.43,-197.59 922.43,-233.59"/>
+<text text-anchor="middle" x="880" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge3" class="edge">
 <title>IconModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M178,-233.7C178,-233.7 178,-252.58 178,-252.58"/>
-<polygon fill="black" stroke="black" points="174.5,-252.58 178,-262.58 181.5,-252.58 174.5,-252.58"/>
+<path fill="none" stroke="black" d="M845.16,-233.7C845.16,-233.7 845.16,-252.58 845.16,-252.58"/>
+<polygon fill="black" stroke="black" points="841.66,-252.58 845.16,-262.58 848.66,-252.58 841.66,-252.58"/>
 </g>
 <!-- SelectModule -->
 <g id="node5" class="node">
 <title>SelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="117.76,-233.59 114.76,-237.59 93.76,-237.59 90.76,-233.59 24.24,-233.59 24.24,-197.59 117.76,-197.59 117.76,-233.59"/>
-<text text-anchor="middle" x="71" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="819.76,-233.59 816.76,-237.59 795.76,-237.59 792.76,-233.59 726.24,-233.59 726.24,-197.59 819.76,-197.59 819.76,-233.59"/>
+<text text-anchor="middle" x="773" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
 </g>
 <!-- SelectModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge4" class="edge">
 <title>SelectModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M108.17,-233.7C108.17,-233.7 108.17,-252.58 108.17,-252.58"/>
-<polygon fill="black" stroke="black" points="104.67,-252.58 108.17,-262.58 111.67,-252.58 104.67,-252.58"/>
+<path fill="none" stroke="black" d="M773,-233.7C773,-233.7 773,-252.58 773,-252.58"/>
+<polygon fill="black" stroke="black" points="769.5,-252.58 773,-262.58 776.5,-252.58 769.5,-252.58"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/ToggleModule/dependencies.svg CHANGED Viewed

@@ -4,67 +4,71 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="758pt" height="396pt"
- viewBox="0.00 0.00 758.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="648pt" height="396pt"
+ viewBox="0.00 0.00 648.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.59)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 754,-391.59 754,4 -4,4"/>
-<text text-anchor="start" x="354.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="141,-10 141,-30 161,-30 161,-10 141,-10"/>
-<text text-anchor="start" x="164.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="254,-10 254,-30 274,-30 274,-10 254,-10"/>
-<text text-anchor="start" x="277.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="340,-10 340,-30 360,-30 360,-10 340,-10"/>
-<text text-anchor="start" x="363.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="437,-10 437,-30 457,-30 457,-10 437,-10"/>
-<text text-anchor="start" x="460.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="533,-10 533,-30 553,-30 553,-10 533,-10"/>
-<text text-anchor="start" x="556.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 644,-391.59 644,4 -4,4"/>
+<text text-anchor="start" x="299.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="86,-10 86,-30 106,-30 106,-10 86,-10"/>
+<text text-anchor="start" x="109.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="199,-10 199,-30 219,-30 219,-10 199,-10"/>
+<text text-anchor="start" x="222.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="285,-10 285,-30 305,-30 305,-10 285,-10"/>
+<text text-anchor="start" x="308.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="382,-10 382,-30 402,-30 402,-10 382,-10"/>
+<text text-anchor="start" x="405.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="478,-10 478,-30 498,-30 498,-10 478,-10"/>
+<text text-anchor="start" x="501.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_ToggleModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 742,-379.59 742,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 632,-379.59 632,-70 8,-70"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_ToggleModule_declarations</title>
+<polygon fill="none" stroke="black" points="284,-189.59 284,-241.59 356,-241.59 356,-189.59 284,-189.59"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_ToggleModule_Toggle_providers</title>
-<polygon fill="none" stroke="black" points="126,-78 126,-241.59 734,-241.59 734,-78 126,-78"/>
-</g>
-<g id="clust5" class="cluster">
-<title>cluster_ToggleModule_exports</title>
-<polygon fill="none" stroke="black" points="143,-319.59 143,-371.59 219,-371.59 219,-319.59 143,-319.59"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-176.59 624,-176.59 624,-78 16,-78"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_ToggleModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 118,-241.59 118,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="174,-189.59 174,-241.59 276,-241.59 276,-189.59 174,-189.59"/>
+</g>
+<g id="clust5" class="cluster">
+<title>cluster_ToggleModule_exports</title>
+<polygon fill="none" stroke="black" points="234,-319.59 234,-371.59 310,-371.59 310,-319.59 234,-319.59"/>
 </g>
 <!-- Toggle -->
 <g id="node1" class="node">
 <title>Toggle</title>
-<polygon fill="#ffffb3" stroke="black" points="323.66,-233.59 268.34,-233.59 268.34,-197.59 323.66,-197.59 323.66,-233.59"/>
-<text text-anchor="middle" x="296" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
+<polygon fill="#ffffb3" stroke="black" points="347.66,-233.59 292.34,-233.59 292.34,-197.59 347.66,-197.59 347.66,-233.59"/>
+<text text-anchor="middle" x="320" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
 </g>
 <!-- ToggleModule -->
 <g id="node2" class="node">
 <title>ToggleModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="230.71,-298.59 227.71,-302.59 206.71,-302.59 203.71,-298.59 131.29,-298.59 131.29,-262.59 230.71,-262.59 230.71,-298.59"/>
-<text text-anchor="middle" x="181" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="321.71,-298.59 318.71,-302.59 297.71,-302.59 294.71,-298.59 222.29,-298.59 222.29,-262.59 321.71,-262.59 321.71,-298.59"/>
+<text text-anchor="middle" x="272" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
 </g>
 <!-- Toggle&#45;&gt;ToggleModule -->
 <g id="edge1" class="edge">
 <title>Toggle&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M296,-233.7C296,-252.93 296,-280.59 296,-280.59 296,-280.59 240.77,-280.59 240.77,-280.59"/>
-<polygon fill="black" stroke="black" points="240.77,-277.09 230.77,-280.59 240.77,-284.09 240.77,-277.09"/>
+<path fill="none" stroke="black" d="M306.89,-233.7C306.89,-233.7 306.89,-252.58 306.89,-252.58"/>
+<polygon fill="black" stroke="black" points="303.39,-252.58 306.89,-262.58 310.39,-252.58 303.39,-252.58"/>
 </g>
 <!-- Toggle  -->
 <g id="node5" class="node">
 <title>Toggle </title>
-<polygon fill="#fb8072" stroke="black" points="210.66,-363.59 151.34,-363.59 151.34,-327.59 210.66,-327.59 210.66,-363.59"/>
-<text text-anchor="middle" x="181" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
+<polygon fill="#fb8072" stroke="black" points="301.66,-363.59 242.34,-363.59 242.34,-327.59 301.66,-327.59 301.66,-363.59"/>
+<text text-anchor="middle" x="272" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
 </g>
 <!-- ToggleModule&#45;&gt;Toggle  -->
 <g id="edge4" class="edge">
 <title>ToggleModule&#45;&gt;Toggle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M181,-298.7C181,-298.7 181,-317.58 181,-317.58"/>
-<polygon fill="black" stroke="black" points="177.5,-317.58 181,-327.58 184.5,-317.58 177.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M272,-298.7C272,-298.7 272,-317.58 272,-317.58"/>
+<polygon fill="black" stroke="black" points="268.5,-317.58 272,-327.58 275.5,-317.58 268.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
@@ -73,10 +77,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="430" cy="-127.3" rx="296.38" ry="41.09"/>
-<text text-anchor="middle" x="430" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="430" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true</text>
-<text text-anchor="middle" x="430" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="320" cy="-127.3" rx="296.38" ry="41.09"/>
+<text text-anchor="middle" x="320" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="320" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true</text>
+<text text-anchor="middle" x="320" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
@@ -85,20 +89,20 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
 }&#45;&gt;Toggle</title>
-<path fill="none" stroke="black" d="M296,-164.23C296,-164.23 296,-187.58 296,-187.58"/>
-<polygon fill="black" stroke="black" points="292.5,-187.58 296,-197.58 299.5,-187.58 292.5,-187.58"/>
+<path fill="none" stroke="black" d="M320,-168.6C320,-168.6 320,-187.26 320,-187.26"/>
+<polygon fill="black" stroke="black" points="316.5,-187.26 320,-197.26 323.5,-187.26 316.5,-187.26"/>
 </g>
 <!-- I18nModule -->
 <g id="node4" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="109.71,-233.59 106.71,-237.59 85.71,-237.59 82.71,-233.59 24.29,-233.59 24.29,-197.59 109.71,-197.59 109.71,-233.59"/>
-<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="267.71,-233.59 264.71,-237.59 243.71,-237.59 240.71,-233.59 182.29,-233.59 182.29,-197.59 267.71,-197.59 267.71,-233.59"/>
+<text text-anchor="middle" x="225" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;ToggleModule -->
 <g id="edge3" class="edge">
 <title>I18nModule&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M67,-233.7C67,-252.93 67,-280.59 67,-280.59 67,-280.59 121.33,-280.59 121.33,-280.59"/>
-<polygon fill="black" stroke="black" points="121.33,-284.09 131.33,-280.59 121.33,-277.09 121.33,-284.09"/>
+<path fill="none" stroke="black" d="M245,-233.7C245,-233.7 245,-252.58 245,-252.58"/>
+<polygon fill="black" stroke="black" points="241.5,-252.58 245,-262.58 248.5,-252.58 241.5,-252.58"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/ToggleModule.html CHANGED Viewed

@@ -97,67 +97,71 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="758pt" height="396pt"
- viewBox="0.00 0.00 758.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="648pt" height="396pt"
+ viewBox="0.00 0.00 648.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.59)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 754,-391.59 754,4 -4,4"/>
-<text text-anchor="start" x="354.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="141,-10 141,-30 161,-30 161,-10 141,-10"/>
-<text text-anchor="start" x="164.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="254,-10 254,-30 274,-30 274,-10 254,-10"/>
-<text text-anchor="start" x="277.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="340,-10 340,-30 360,-30 360,-10 340,-10"/>
-<text text-anchor="start" x="363.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="437,-10 437,-30 457,-30 457,-10 437,-10"/>
-<text text-anchor="start" x="460.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="533,-10 533,-30 553,-30 553,-10 533,-10"/>
-<text text-anchor="start" x="556.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 644,-391.59 644,4 -4,4"/>
+<text text-anchor="start" x="299.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="86,-10 86,-30 106,-30 106,-10 86,-10"/>
+<text text-anchor="start" x="109.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="199,-10 199,-30 219,-30 219,-10 199,-10"/>
+<text text-anchor="start" x="222.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="285,-10 285,-30 305,-30 305,-10 285,-10"/>
+<text text-anchor="start" x="308.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="382,-10 382,-30 402,-30 402,-10 382,-10"/>
+<text text-anchor="start" x="405.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="478,-10 478,-30 498,-30 498,-10 478,-10"/>
+<text text-anchor="start" x="501.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_ToggleModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 742,-379.59 742,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 632,-379.59 632,-70 8,-70"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_ToggleModule_declarations</title>
+<polygon fill="none" stroke="black" points="284,-189.59 284,-241.59 356,-241.59 356,-189.59 284,-189.59"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_ToggleModule_Toggle_providers</title>
-<polygon fill="none" stroke="black" points="126,-78 126,-241.59 734,-241.59 734,-78 126,-78"/>
-</g>
-<g id="clust5" class="cluster">
-<title>cluster_ToggleModule_exports</title>
-<polygon fill="none" stroke="black" points="143,-319.59 143,-371.59 219,-371.59 219,-319.59 143,-319.59"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-176.59 624,-176.59 624,-78 16,-78"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_ToggleModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 118,-241.59 118,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="174,-189.59 174,-241.59 276,-241.59 276,-189.59 174,-189.59"/>
+</g>
+<g id="clust5" class="cluster">
+<title>cluster_ToggleModule_exports</title>
+<polygon fill="none" stroke="black" points="234,-319.59 234,-371.59 310,-371.59 310,-319.59 234,-319.59"/>
 </g>
 <!-- Toggle -->
 <g id="node1" class="node">
 <title>Toggle</title>
-<polygon fill="#ffffb3" stroke="black" points="323.66,-233.59 268.34,-233.59 268.34,-197.59 323.66,-197.59 323.66,-233.59"/>
-<text text-anchor="middle" x="296" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
+<polygon fill="#ffffb3" stroke="black" points="347.66,-233.59 292.34,-233.59 292.34,-197.59 347.66,-197.59 347.66,-233.59"/>
+<text text-anchor="middle" x="320" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
 </g>
 <!-- ToggleModule -->
 <g id="node2" class="node">
 <title>ToggleModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="230.71,-298.59 227.71,-302.59 206.71,-302.59 203.71,-298.59 131.29,-298.59 131.29,-262.59 230.71,-262.59 230.71,-298.59"/>
-<text text-anchor="middle" x="181" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="321.71,-298.59 318.71,-302.59 297.71,-302.59 294.71,-298.59 222.29,-298.59 222.29,-262.59 321.71,-262.59 321.71,-298.59"/>
+<text text-anchor="middle" x="272" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
 </g>
 <!-- Toggle&#45;&gt;ToggleModule -->
 <g id="edge1" class="edge">
 <title>Toggle&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M296,-233.7C296,-252.93 296,-280.59 296,-280.59 296,-280.59 240.77,-280.59 240.77,-280.59"/>
-<polygon fill="black" stroke="black" points="240.77,-277.09 230.77,-280.59 240.77,-284.09 240.77,-277.09"/>
+<path fill="none" stroke="black" d="M306.89,-233.7C306.89,-233.7 306.89,-252.58 306.89,-252.58"/>
+<polygon fill="black" stroke="black" points="303.39,-252.58 306.89,-262.58 310.39,-252.58 303.39,-252.58"/>
 </g>
 <!-- Toggle  -->
 <g id="node5" class="node">
 <title>Toggle </title>
-<polygon fill="#fb8072" stroke="black" points="210.66,-363.59 151.34,-363.59 151.34,-327.59 210.66,-327.59 210.66,-363.59"/>
-<text text-anchor="middle" x="181" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
+<polygon fill="#fb8072" stroke="black" points="301.66,-363.59 242.34,-363.59 242.34,-327.59 301.66,-327.59 301.66,-363.59"/>
+<text text-anchor="middle" x="272" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
 </g>
 <!-- ToggleModule&#45;&gt;Toggle  -->
 <g id="edge4" class="edge">
 <title>ToggleModule&#45;&gt;Toggle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M181,-298.7C181,-298.7 181,-317.58 181,-317.58"/>
-<polygon fill="black" stroke="black" points="177.5,-317.58 181,-327.58 184.5,-317.58 177.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M272,-298.7C272,-298.7 272,-317.58 272,-317.58"/>
+<polygon fill="black" stroke="black" points="268.5,-317.58 272,-327.58 275.5,-317.58 268.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
@@ -166,10 +170,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="430" cy="-127.3" rx="296.38" ry="41.09"/>
-<text text-anchor="middle" x="430" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="430" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true</text>
-<text text-anchor="middle" x="430" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="320" cy="-127.3" rx="296.38" ry="41.09"/>
+<text text-anchor="middle" x="320" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="320" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true</text>
+<text text-anchor="middle" x="320" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
@@ -178,20 +182,20 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
 }&#45;&gt;Toggle</title>
-<path fill="none" stroke="black" d="M296,-164.23C296,-164.23 296,-187.58 296,-187.58"/>
-<polygon fill="black" stroke="black" points="292.5,-187.58 296,-197.58 299.5,-187.58 292.5,-187.58"/>
+<path fill="none" stroke="black" d="M320,-168.6C320,-168.6 320,-187.26 320,-187.26"/>
+<polygon fill="black" stroke="black" points="316.5,-187.26 320,-197.26 323.5,-187.26 316.5,-187.26"/>
 </g>
 <!-- I18nModule -->
 <g id="node4" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="109.71,-233.59 106.71,-237.59 85.71,-237.59 82.71,-233.59 24.29,-233.59 24.29,-197.59 109.71,-197.59 109.71,-233.59"/>
-<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="267.71,-233.59 264.71,-237.59 243.71,-237.59 240.71,-233.59 182.29,-233.59 182.29,-197.59 267.71,-197.59 267.71,-233.59"/>
+<text text-anchor="middle" x="225" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;ToggleModule -->
 <g id="edge3" class="edge">
 <title>I18nModule&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M67,-233.7C67,-252.93 67,-280.59 67,-280.59 67,-280.59 121.33,-280.59 121.33,-280.59"/>
-<polygon fill="black" stroke="black" points="121.33,-284.09 131.33,-280.59 121.33,-277.09 121.33,-284.09"/>
+<path fill="none" stroke="black" d="M245,-233.7C245,-233.7 245,-252.58 245,-252.58"/>
+<polygon fill="black" stroke="black" points="241.5,-252.58 245,-262.58 248.5,-252.58 241.5,-252.58"/>
 </g>
 </g>
 </svg>