npm - carbon-components-angular - Versions diffs - 5.57.8 → 5.58.1 - Mend

carbon-components-angular 5.57.8 → 5.58.1

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 (344) hide show

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

@@ -10,7 +10,23 @@
         <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
 	   <link rel="stylesheet" href="../styles/style.css">
         <link rel="stylesheet" href="../styles/dark.css">
-    </head>
+	<style>
+		footer.carbon {
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+			z-index: 9999;
+		}
+		#root > div {
+			/*
+			 * Subtracting the height of the footer to prevent
+			 * overlaying the footer ontop of content
+			 */
+			height: calc(100vh - 48px);
+		}
+	</style>
+</head>
     <body>
           <script>
                // Blocking script to avoid flickering dark mode
@@ -97,67 +113,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 +186,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 +198,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>
@@ -388,5 +408,27 @@ export class ToggleModule { }
        <script src="../js/lazy-load-graphs.js"></script>
-    </body>
+	<footer class="carbon">
+		<dds-footer-container key="footer" disable-locale-button="true" size="micro" />
+	</footer>
+	<script
+		key="8"
+		type="module"
+		src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/footer.min.js">
+	</script>
+	<!-- Storybook override -->
+	<script>
+		document.title = "Carbon Components Angular";
+	</script>
+	<script
+		src="//1.www.s81c.com/common/stats/ibm-common.js"
+		type="text/javascript"
+		async="async">
+	</script>
+</body>
 </html>

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

@@ -28,19 +28,19 @@
 <title>cluster_ToggletipModule_exports</title>
 <polygon fill="none" stroke="black" points="72,-208 72,-260 682,-260 682,-208 72,-208"/>
 </g>
-<g id="clust8" class="cluster">
-<title>cluster_ToggletipModule_imports</title>
-<polygon fill="none" stroke="black" points="617,-78 617,-130 739,-130 739,-78 617,-78"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ToggletipModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-130 609,-130 609,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="146,-78 146,-130 739,-130 739,-78 146,-78"/>
+</g>
+<g id="clust8" class="cluster">
+<title>cluster_ToggletipModule_imports</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 138,-130 138,-78 16,-78"/>
 </g>
 <!-- Toggletip -->
 <g id="node1" class="node">
 <title>Toggletip</title>
-<polygon fill="#ffffb3" stroke="black" points="601.44,-122 530.56,-122 530.56,-86 601.44,-86 601.44,-122"/>
-<text text-anchor="middle" x="566" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
+<polygon fill="#ffffb3" stroke="black" points="731.44,-122 660.56,-122 660.56,-86 731.44,-86 731.44,-122"/>
+<text text-anchor="middle" x="696" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
 </g>
 <!-- ToggletipModule -->
 <g id="node6" class="node">
@@ -51,56 +51,56 @@
 <!-- Toggletip&#45;&gt;ToggletipModule -->
 <g id="edge1" class="edge">
 <title>Toggletip&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M556.4,-122.01C556.4,-138.05 556.4,-159 556.4,-159 556.4,-159 463,-159 463,-159"/>
-<polygon fill="black" stroke="black" points="463,-155.5 453,-159 463,-162.5 463,-155.5"/>
+<path fill="none" stroke="black" d="M667.38,-122.27C667.38,-140.56 667.38,-166 667.38,-166 667.38,-166 463.22,-166 463.22,-166"/>
+<polygon fill="black" stroke="black" points="463.22,-162.5 453.22,-166 463.22,-169.5 463.22,-162.5"/>
 </g>
 <!-- ToggletipAction -->
 <g id="node2" class="node">
 <title>ToggletipAction</title>
-<polygon fill="#ffffb3" stroke="black" points="513.04,-122 404.96,-122 404.96,-86 513.04,-86 513.04,-122"/>
-<text text-anchor="middle" x="459" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
+<polygon fill="#ffffb3" stroke="black" points="643.04,-122 534.96,-122 534.96,-86 643.04,-86 643.04,-122"/>
+<text text-anchor="middle" x="589" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
 </g>
 <!-- ToggletipAction&#45;&gt;ToggletipModule -->
 <g id="edge2" class="edge">
 <title>ToggletipAction&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M428.86,-122.11C428.86,-122.11 428.86,-140.99 428.86,-140.99"/>
-<polygon fill="black" stroke="black" points="425.36,-140.99 428.86,-150.99 432.36,-140.99 425.36,-140.99"/>
+<path fill="none" stroke="black" d="M558.38,-122.01C558.38,-138.05 558.38,-159 558.38,-159 558.38,-159 463.25,-159 463.25,-159"/>
+<polygon fill="black" stroke="black" points="463.25,-155.5 453.25,-159 463.25,-162.5 463.25,-155.5"/>
 </g>
 <!-- ToggletipButton -->
 <g id="node3" class="node">
 <title>ToggletipButton</title>
-<polygon fill="#ffffb3" stroke="black" points="386.06,-122 277.94,-122 277.94,-86 386.06,-86 386.06,-122"/>
-<text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
+<polygon fill="#ffffb3" stroke="black" points="516.06,-122 407.94,-122 407.94,-86 516.06,-86 516.06,-122"/>
+<text text-anchor="middle" x="462" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
 </g>
 <!-- ToggletipButton&#45;&gt;ToggletipModule -->
 <g id="edge3" class="edge">
 <title>ToggletipButton&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M362.64,-122.11C362.64,-122.11 362.64,-140.99 362.64,-140.99"/>
-<polygon fill="black" stroke="black" points="359.14,-140.99 362.64,-150.99 366.14,-140.99 359.14,-140.99"/>
+<path fill="none" stroke="black" d="M430.36,-122.11C430.36,-122.11 430.36,-140.99 430.36,-140.99"/>
+<polygon fill="black" stroke="black" points="426.86,-140.99 430.36,-150.99 433.86,-140.99 426.86,-140.99"/>
 </g>
 <!-- ToggletipContent -->
 <g id="node4" class="node">
 <title>ToggletipContent</title>
-<polygon fill="#ffffb3" stroke="black" points="259.27,-122 144.73,-122 144.73,-86 259.27,-86 259.27,-122"/>
-<text text-anchor="middle" x="202" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
+<polygon fill="#ffffb3" stroke="black" points="389.27,-122 274.73,-122 274.73,-86 389.27,-86 389.27,-122"/>
+<text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
 </g>
 <!-- ToggletipContent&#45;&gt;ToggletipModule -->
 <g id="edge4" class="edge">
 <title>ToggletipContent&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M231.62,-122.01C231.62,-138.05 231.62,-159 231.62,-159 231.62,-159 328.97,-159 328.97,-159"/>
-<polygon fill="black" stroke="black" points="328.97,-162.5 338.97,-159 328.97,-155.5 328.97,-162.5"/>
+<path fill="none" stroke="black" d="M364.2,-122.11C364.2,-122.11 364.2,-140.99 364.2,-140.99"/>
+<polygon fill="black" stroke="black" points="360.7,-140.99 364.2,-150.99 367.7,-140.99 360.7,-140.99"/>
 </g>
 <!-- ToggletipLabel -->
 <g id="node5" class="node">
 <title>ToggletipLabel</title>
-<polygon fill="#ffffb3" stroke="black" points="126.31,-122 23.69,-122 23.69,-86 126.31,-86 126.31,-122"/>
-<text text-anchor="middle" x="75" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
+<polygon fill="#ffffb3" stroke="black" points="256.31,-122 153.69,-122 153.69,-86 256.31,-86 256.31,-122"/>
+<text text-anchor="middle" x="205" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
 </g>
 <!-- ToggletipLabel&#45;&gt;ToggletipModule -->
 <g id="edge5" class="edge">
 <title>ToggletipLabel&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M103.12,-122.27C103.12,-140.56 103.12,-166 103.12,-166 103.12,-166 328.84,-166 328.84,-166"/>
-<polygon fill="black" stroke="black" points="328.84,-169.5 338.84,-166 328.84,-162.5 328.84,-169.5"/>
+<path fill="none" stroke="black" d="M230.01,-122.01C230.01,-138.05 230.01,-159 230.01,-159 230.01,-159 328.88,-159 328.88,-159"/>
+<polygon fill="black" stroke="black" points="328.88,-162.5 338.88,-159 328.88,-155.5 328.88,-162.5"/>
 </g>
 <!-- Toggletip  -->
 <g id="node8" class="node">
@@ -111,8 +111,8 @@
 <!-- ToggletipModule&#45;&gt;Toggletip  -->
 <g id="edge7" class="edge">
 <title>ToggletipModule&#45;&gt;Toggletip </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.03,-173C517.34,-173 613.06,-173 613.06,-173 613.06,-173 613.06,-205.7 613.06,-205.7"/>
-<polygon fill="black" stroke="black" points="609.56,-205.7 613.06,-215.7 616.56,-205.7 609.56,-205.7"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.23,-173C520.08,-173 621.65,-173 621.65,-173 621.65,-173 621.65,-205.7 621.65,-205.7"/>
+<polygon fill="black" stroke="black" points="618.15,-205.7 621.65,-215.7 625.15,-205.7 618.15,-205.7"/>
 </g>
 <!-- ToggletipAction  -->
 <g id="node9" class="node">
@@ -123,8 +123,8 @@
 <!-- ToggletipModule&#45;&gt;ToggletipAction  -->
 <g id="edge8" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipAction </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.01,-180C473.48,-180 491.62,-180 491.62,-180 491.62,-180 491.62,-205.72 491.62,-205.72"/>
-<polygon fill="black" stroke="black" points="488.13,-205.72 491.62,-215.72 495.13,-205.72 488.13,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.06,-180C474.2,-180 493.13,-180 493.13,-180 493.13,-180 493.13,-205.72 493.13,-205.72"/>
+<polygon fill="black" stroke="black" points="489.63,-205.72 493.13,-215.72 496.63,-205.72 489.63,-205.72"/>
 </g>
 <!-- ToggletipButton  -->
 <g id="node10" class="node">
@@ -147,8 +147,8 @@
 <!-- ToggletipModule&#45;&gt;ToggletipContent  -->
 <g id="edge10" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipContent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M339,-180C318.32,-180 299.93,-180 299.93,-180 299.93,-180 299.93,-205.72 299.93,-205.72"/>
-<polygon fill="black" stroke="black" points="296.43,-205.72 299.93,-215.72 303.43,-205.72 296.43,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.93,-180C317.56,-180 298.38,-180 298.38,-180 298.38,-180 298.38,-205.72 298.38,-205.72"/>
+<polygon fill="black" stroke="black" points="294.88,-205.72 298.38,-215.72 301.88,-205.72 294.88,-205.72"/>
 </g>
 <!-- ToggletipLabel  -->
 <g id="node12" class="node">
@@ -159,20 +159,20 @@
 <!-- ToggletipModule&#45;&gt;ToggletipLabel  -->
 <g id="edge11" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipLabel </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.96,-173C270.63,-173 165.26,-173 165.26,-173 165.26,-173 165.26,-205.7 165.26,-205.7"/>
-<polygon fill="black" stroke="black" points="161.76,-205.7 165.26,-215.7 168.76,-205.7 161.76,-205.7"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.94,-173C271.95,-173 169.88,-173 169.88,-173 169.88,-173 169.88,-205.7 169.88,-205.7"/>
+<polygon fill="black" stroke="black" points="166.38,-205.7 169.88,-215.7 173.38,-205.7 166.38,-205.7"/>
 </g>
 <!-- PopoverModule -->
 <g id="node7" class="node">
 <title>PopoverModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="731.21,-122 728.21,-126 707.21,-126 704.21,-122 624.79,-122 624.79,-86 731.21,-86 731.21,-122"/>
-<text text-anchor="middle" x="678" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="130.21,-122 127.21,-126 106.21,-126 103.21,-122 23.79,-122 23.79,-86 130.21,-86 130.21,-122"/>
+<text text-anchor="middle" x="77" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
 </g>
 <!-- PopoverModule&#45;&gt;ToggletipModule -->
 <g id="edge6" class="edge">
 <title>PopoverModule&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M649.43,-122.27C649.43,-140.56 649.43,-166 649.43,-166 649.43,-166 463.19,-166 463.19,-166"/>
-<polygon fill="black" stroke="black" points="463.19,-162.5 453.19,-166 463.19,-169.5 463.19,-162.5"/>
+<path fill="none" stroke="black" d="M105.1,-122.27C105.1,-140.56 105.1,-166 105.1,-166 105.1,-166 328.87,-166 328.87,-166"/>
+<polygon fill="black" stroke="black" points="328.87,-169.5 338.87,-166 328.87,-162.5 328.87,-169.5"/>
 </g>
 </g>
 </svg>

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

@@ -10,7 +10,23 @@
         <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
 	   <link rel="stylesheet" href="../styles/style.css">
         <link rel="stylesheet" href="../styles/dark.css">
-    </head>
+	<style>
+		footer.carbon {
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+			z-index: 9999;
+		}
+		#root > div {
+			/*
+			 * Subtracting the height of the footer to prevent
+			 * overlaying the footer ontop of content
+			 */
+			height: calc(100vh - 48px);
+		}
+	</style>
+</head>
     <body>
           <script>
                // Blocking script to avoid flickering dark mode
@@ -121,19 +137,19 @@
 <title>cluster_ToggletipModule_exports</title>
 <polygon fill="none" stroke="black" points="72,-208 72,-260 682,-260 682,-208 72,-208"/>
 </g>
-<g id="clust8" class="cluster">
-<title>cluster_ToggletipModule_imports</title>
-<polygon fill="none" stroke="black" points="617,-78 617,-130 739,-130 739,-78 617,-78"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ToggletipModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-130 609,-130 609,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="146,-78 146,-130 739,-130 739,-78 146,-78"/>
+</g>
+<g id="clust8" class="cluster">
+<title>cluster_ToggletipModule_imports</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 138,-130 138,-78 16,-78"/>
 </g>
 <!-- Toggletip -->
 <g id="node1" class="node">
 <title>Toggletip</title>
-<polygon fill="#ffffb3" stroke="black" points="601.44,-122 530.56,-122 530.56,-86 601.44,-86 601.44,-122"/>
-<text text-anchor="middle" x="566" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
+<polygon fill="#ffffb3" stroke="black" points="731.44,-122 660.56,-122 660.56,-86 731.44,-86 731.44,-122"/>
+<text text-anchor="middle" x="696" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
 </g>
 <!-- ToggletipModule -->
 <g id="node6" class="node">
@@ -144,56 +160,56 @@
 <!-- Toggletip&#45;&gt;ToggletipModule -->
 <g id="edge1" class="edge">
 <title>Toggletip&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M556.4,-122.01C556.4,-138.05 556.4,-159 556.4,-159 556.4,-159 463,-159 463,-159"/>
-<polygon fill="black" stroke="black" points="463,-155.5 453,-159 463,-162.5 463,-155.5"/>
+<path fill="none" stroke="black" d="M667.38,-122.27C667.38,-140.56 667.38,-166 667.38,-166 667.38,-166 463.22,-166 463.22,-166"/>
+<polygon fill="black" stroke="black" points="463.22,-162.5 453.22,-166 463.22,-169.5 463.22,-162.5"/>
 </g>
 <!-- ToggletipAction -->
 <g id="node2" class="node">
 <title>ToggletipAction</title>
-<polygon fill="#ffffb3" stroke="black" points="513.04,-122 404.96,-122 404.96,-86 513.04,-86 513.04,-122"/>
-<text text-anchor="middle" x="459" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
+<polygon fill="#ffffb3" stroke="black" points="643.04,-122 534.96,-122 534.96,-86 643.04,-86 643.04,-122"/>
+<text text-anchor="middle" x="589" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
 </g>
 <!-- ToggletipAction&#45;&gt;ToggletipModule -->
 <g id="edge2" class="edge">
 <title>ToggletipAction&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M428.86,-122.11C428.86,-122.11 428.86,-140.99 428.86,-140.99"/>
-<polygon fill="black" stroke="black" points="425.36,-140.99 428.86,-150.99 432.36,-140.99 425.36,-140.99"/>
+<path fill="none" stroke="black" d="M558.38,-122.01C558.38,-138.05 558.38,-159 558.38,-159 558.38,-159 463.25,-159 463.25,-159"/>
+<polygon fill="black" stroke="black" points="463.25,-155.5 453.25,-159 463.25,-162.5 463.25,-155.5"/>
 </g>
 <!-- ToggletipButton -->
 <g id="node3" class="node">
 <title>ToggletipButton</title>
-<polygon fill="#ffffb3" stroke="black" points="386.06,-122 277.94,-122 277.94,-86 386.06,-86 386.06,-122"/>
-<text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
+<polygon fill="#ffffb3" stroke="black" points="516.06,-122 407.94,-122 407.94,-86 516.06,-86 516.06,-122"/>
+<text text-anchor="middle" x="462" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
 </g>
 <!-- ToggletipButton&#45;&gt;ToggletipModule -->
 <g id="edge3" class="edge">
 <title>ToggletipButton&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M362.64,-122.11C362.64,-122.11 362.64,-140.99 362.64,-140.99"/>
-<polygon fill="black" stroke="black" points="359.14,-140.99 362.64,-150.99 366.14,-140.99 359.14,-140.99"/>
+<path fill="none" stroke="black" d="M430.36,-122.11C430.36,-122.11 430.36,-140.99 430.36,-140.99"/>
+<polygon fill="black" stroke="black" points="426.86,-140.99 430.36,-150.99 433.86,-140.99 426.86,-140.99"/>
 </g>
 <!-- ToggletipContent -->
 <g id="node4" class="node">
 <title>ToggletipContent</title>
-<polygon fill="#ffffb3" stroke="black" points="259.27,-122 144.73,-122 144.73,-86 259.27,-86 259.27,-122"/>
-<text text-anchor="middle" x="202" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
+<polygon fill="#ffffb3" stroke="black" points="389.27,-122 274.73,-122 274.73,-86 389.27,-86 389.27,-122"/>
+<text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
 </g>
 <!-- ToggletipContent&#45;&gt;ToggletipModule -->
 <g id="edge4" class="edge">
 <title>ToggletipContent&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M231.62,-122.01C231.62,-138.05 231.62,-159 231.62,-159 231.62,-159 328.97,-159 328.97,-159"/>
-<polygon fill="black" stroke="black" points="328.97,-162.5 338.97,-159 328.97,-155.5 328.97,-162.5"/>
+<path fill="none" stroke="black" d="M364.2,-122.11C364.2,-122.11 364.2,-140.99 364.2,-140.99"/>
+<polygon fill="black" stroke="black" points="360.7,-140.99 364.2,-150.99 367.7,-140.99 360.7,-140.99"/>
 </g>
 <!-- ToggletipLabel -->
 <g id="node5" class="node">
 <title>ToggletipLabel</title>
-<polygon fill="#ffffb3" stroke="black" points="126.31,-122 23.69,-122 23.69,-86 126.31,-86 126.31,-122"/>
-<text text-anchor="middle" x="75" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
+<polygon fill="#ffffb3" stroke="black" points="256.31,-122 153.69,-122 153.69,-86 256.31,-86 256.31,-122"/>
+<text text-anchor="middle" x="205" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
 </g>
 <!-- ToggletipLabel&#45;&gt;ToggletipModule -->
 <g id="edge5" class="edge">
 <title>ToggletipLabel&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M103.12,-122.27C103.12,-140.56 103.12,-166 103.12,-166 103.12,-166 328.84,-166 328.84,-166"/>
-<polygon fill="black" stroke="black" points="328.84,-169.5 338.84,-166 328.84,-162.5 328.84,-169.5"/>
+<path fill="none" stroke="black" d="M230.01,-122.01C230.01,-138.05 230.01,-159 230.01,-159 230.01,-159 328.88,-159 328.88,-159"/>
+<polygon fill="black" stroke="black" points="328.88,-162.5 338.88,-159 328.88,-155.5 328.88,-162.5"/>
 </g>
 <!-- Toggletip  -->
 <g id="node8" class="node">
@@ -204,8 +220,8 @@
 <!-- ToggletipModule&#45;&gt;Toggletip  -->
 <g id="edge7" class="edge">
 <title>ToggletipModule&#45;&gt;Toggletip </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.03,-173C517.34,-173 613.06,-173 613.06,-173 613.06,-173 613.06,-205.7 613.06,-205.7"/>
-<polygon fill="black" stroke="black" points="609.56,-205.7 613.06,-215.7 616.56,-205.7 609.56,-205.7"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.23,-173C520.08,-173 621.65,-173 621.65,-173 621.65,-173 621.65,-205.7 621.65,-205.7"/>
+<polygon fill="black" stroke="black" points="618.15,-205.7 621.65,-215.7 625.15,-205.7 618.15,-205.7"/>
 </g>
 <!-- ToggletipAction  -->
 <g id="node9" class="node">
@@ -216,8 +232,8 @@
 <!-- ToggletipModule&#45;&gt;ToggletipAction  -->
 <g id="edge8" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipAction </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.01,-180C473.48,-180 491.62,-180 491.62,-180 491.62,-180 491.62,-205.72 491.62,-205.72"/>
-<polygon fill="black" stroke="black" points="488.13,-205.72 491.62,-215.72 495.13,-205.72 488.13,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.06,-180C474.2,-180 493.13,-180 493.13,-180 493.13,-180 493.13,-205.72 493.13,-205.72"/>
+<polygon fill="black" stroke="black" points="489.63,-205.72 493.13,-215.72 496.63,-205.72 489.63,-205.72"/>
 </g>
 <!-- ToggletipButton  -->
 <g id="node10" class="node">
@@ -240,8 +256,8 @@
 <!-- ToggletipModule&#45;&gt;ToggletipContent  -->
 <g id="edge10" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipContent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M339,-180C318.32,-180 299.93,-180 299.93,-180 299.93,-180 299.93,-205.72 299.93,-205.72"/>
-<polygon fill="black" stroke="black" points="296.43,-205.72 299.93,-215.72 303.43,-205.72 296.43,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.93,-180C317.56,-180 298.38,-180 298.38,-180 298.38,-180 298.38,-205.72 298.38,-205.72"/>
+<polygon fill="black" stroke="black" points="294.88,-205.72 298.38,-215.72 301.88,-205.72 294.88,-205.72"/>
 </g>
 <!-- ToggletipLabel  -->
 <g id="node12" class="node">
@@ -252,20 +268,20 @@
 <!-- ToggletipModule&#45;&gt;ToggletipLabel  -->
 <g id="edge11" class="edge">
 <title>ToggletipModule&#45;&gt;ToggletipLabel </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.96,-173C270.63,-173 165.26,-173 165.26,-173 165.26,-173 165.26,-205.7 165.26,-205.7"/>
-<polygon fill="black" stroke="black" points="161.76,-205.7 165.26,-215.7 168.76,-205.7 161.76,-205.7"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.94,-173C271.95,-173 169.88,-173 169.88,-173 169.88,-173 169.88,-205.7 169.88,-205.7"/>
+<polygon fill="black" stroke="black" points="166.38,-205.7 169.88,-215.7 173.38,-205.7 166.38,-205.7"/>
 </g>
 <!-- PopoverModule -->
 <g id="node7" class="node">
 <title>PopoverModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="731.21,-122 728.21,-126 707.21,-126 704.21,-122 624.79,-122 624.79,-86 731.21,-86 731.21,-122"/>
-<text text-anchor="middle" x="678" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="130.21,-122 127.21,-126 106.21,-126 103.21,-122 23.79,-122 23.79,-86 130.21,-86 130.21,-122"/>
+<text text-anchor="middle" x="77" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
 </g>
 <!-- PopoverModule&#45;&gt;ToggletipModule -->
 <g id="edge6" class="edge">
 <title>PopoverModule&#45;&gt;ToggletipModule</title>
-<path fill="none" stroke="black" d="M649.43,-122.27C649.43,-140.56 649.43,-166 649.43,-166 649.43,-166 463.19,-166 463.19,-166"/>
-<polygon fill="black" stroke="black" points="463.19,-162.5 453.19,-166 463.19,-169.5 463.19,-162.5"/>
+<path fill="none" stroke="black" d="M105.1,-122.27C105.1,-140.56 105.1,-166 105.1,-166 105.1,-166 328.87,-166 328.87,-166"/>
+<polygon fill="black" stroke="black" points="328.87,-169.5 338.87,-166 328.87,-162.5 328.87,-169.5"/>
 </g>
 </g>
 </svg>
@@ -492,5 +508,27 @@ export class ToggletipModule {}
        <script src="../js/lazy-load-graphs.js"></script>
-    </body>
+	<footer class="carbon">
+		<dds-footer-container key="footer" disable-locale-button="true" size="micro" />
+	</footer>
+	<script
+		key="8"
+		type="module"
+		src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/footer.min.js">
+	</script>
+	<!-- Storybook override -->
+	<script>
+		document.title = "Carbon Components Angular";
+	</script>
+	<script
+		src="//1.www.s81c.com/common/stats/ibm-common.js"
+		type="text/javascript"
+		async="async">
+	</script>
+</body>
 </html>