npm - carbon-components-angular - Versions diffs - 5.27.1 → 5.27.2 - Mend

carbon-components-angular 5.27.1 → 5.27.2

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

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

@@ -22,101 +22,101 @@
 <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TreeviewModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="31.5,-70 31.5,-333 464.5,-333 464.5,-70 31.5,-70"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TreeviewModule_declarations</title>
+<polygon fill="none" stroke="black" points="147.5,-143 147.5,-195 456.5,-195 456.5,-143 147.5,-143"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
-<polygon fill="none" stroke="black" points="296,-78 296,-195 470,-195 470,-78 296,-78"/>
+<polygon fill="none" stroke="black" points="137.5,-78 137.5,-130 311.5,-130 311.5,-78 137.5,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TreeviewModule_imports</title>
-<polygon fill="none" stroke="black" points="188,-143 188,-195 288,-195 288,-143 188,-143"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_TreeviewModule_declarations</title>
-<polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>
+<polygon fill="none" stroke="black" points="39.5,-143 39.5,-195 139.5,-195 139.5,-143 39.5,-143"/>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_TreeviewModule_exports</title>
-<polygon fill="none" stroke="black" points="91,-273 91,-325 406,-325 406,-273 91,-273"/>
+<polygon fill="none" stroke="black" points="90.5,-273 90.5,-325 405.5,-325 405.5,-273 90.5,-273"/>
 </g>
 <!-- TreeNodeComponent -->
 <g id="node1" class="node">
 <title>TreeNodeComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="171.8,-187 34.2,-187 34.2,-151 171.8,-151 171.8,-187"/>
-<text text-anchor="middle" x="103" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="448.3,-187 310.7,-187 310.7,-151 448.3,-151 448.3,-187"/>
+<text text-anchor="middle" x="379.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
 </g>
 <!-- TreeviewModule -->
 <g id="node3" class="node">
 <title>TreeviewModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="294.4,-252 291.4,-256 270.4,-256 267.4,-252 181.6,-252 181.6,-216 294.4,-216 294.4,-252"/>
-<text text-anchor="middle" x="238" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="280.9,-252 277.9,-256 256.9,-256 253.9,-252 168.1,-252 168.1,-216 280.9,-216 280.9,-252"/>
+<text text-anchor="middle" x="224.5" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
 </g>
 <!-- TreeNodeComponent&#45;&gt;TreeviewModule -->
 <g id="edge1" class="edge">
 <title>TreeNodeComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M171.84,-169C181.82,-169 188.79,-169 188.79,-169 188.79,-169 188.79,-205.89 188.79,-205.89"/>
-<polygon fill="black" stroke="black" points="185.29,-205.89 188.79,-215.89 192.29,-205.89 185.29,-205.89"/>
+<path fill="none" stroke="black" d="M354.38,-187.11C354.38,-206.34 354.38,-234 354.38,-234 354.38,-234 290.71,-234 290.71,-234"/>
+<polygon fill="black" stroke="black" points="290.71,-230.5 280.71,-234 290.71,-237.5 290.71,-230.5"/>
 </g>
 <!-- TreeViewComponent -->
 <g id="node2" class="node">
 <title>TreeViewComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="446.79,-187 309.21,-187 309.21,-151 446.79,-151 446.79,-187"/>
-<text text-anchor="middle" x="378" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="293.29,-187 155.71,-187 155.71,-151 293.29,-151 293.29,-187"/>
+<text text-anchor="middle" x="224.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
 </g>
 <!-- TreeViewComponent&#45;&gt;TreeviewModule -->
 <g id="edge2" class="edge">
 <title>TreeViewComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M309.19,-169C296.52,-169 287.21,-169 287.21,-169 287.21,-169 287.21,-205.89 287.21,-205.89"/>
-<polygon fill="black" stroke="black" points="283.71,-205.89 287.21,-215.89 290.71,-205.89 283.71,-205.89"/>
+<path fill="none" stroke="black" d="M224.5,-187.11C224.5,-187.11 224.5,-205.99 224.5,-205.99"/>
+<polygon fill="black" stroke="black" points="221,-205.99 224.5,-215.99 228,-205.99 221,-205.99"/>
 </g>
 <!-- TreeNodeComponent  -->
 <g id="node6" class="node">
 <title>TreeNodeComponent </title>
-<polygon fill="#fb8072" stroke="black" points="398.3,-317 257.7,-317 257.7,-281 398.3,-281 398.3,-317"/>
-<text text-anchor="middle" x="328" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
+<polygon fill="#fb8072" stroke="black" points="397.8,-317 257.2,-317 257.2,-281 397.8,-281 397.8,-317"/>
+<text text-anchor="middle" x="327.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeNodeComponent  -->
 <g id="edge5" class="edge">
 <title>TreeviewModule&#45;&gt;TreeNodeComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M275.9,-252.11C275.9,-252.11 275.9,-270.99 275.9,-270.99"/>
-<polygon fill="black" stroke="black" points="272.4,-270.99 275.9,-280.99 279.4,-270.99 272.4,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M268.9,-252.11C268.9,-252.11 268.9,-270.99 268.9,-270.99"/>
+<polygon fill="black" stroke="black" points="265.4,-270.99 268.9,-280.99 272.4,-270.99 265.4,-270.99"/>
 </g>
 <!-- TreeViewComponent  -->
 <g id="node7" class="node">
 <title>TreeViewComponent </title>
-<polygon fill="#fb8072" stroke="black" points="239.29,-317 98.71,-317 98.71,-281 239.29,-281 239.29,-317"/>
-<text text-anchor="middle" x="169" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
+<polygon fill="#fb8072" stroke="black" points="238.79,-317 98.21,-317 98.21,-281 238.79,-281 238.79,-317"/>
+<text text-anchor="middle" x="168.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeViewComponent  -->
 <g id="edge6" class="edge">
 <title>TreeviewModule&#45;&gt;TreeViewComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M210.6,-252.11C210.6,-252.11 210.6,-270.99 210.6,-270.99"/>
-<polygon fill="black" stroke="black" points="207.1,-270.99 210.6,-280.99 214.1,-270.99 207.1,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M203.6,-252.11C203.6,-252.11 203.6,-270.99 203.6,-270.99"/>
+<polygon fill="black" stroke="black" points="200.1,-270.99 203.6,-280.99 207.1,-270.99 200.1,-270.99"/>
 </g>
 <!-- TreeViewService -->
 <g id="node4" class="node">
 <title>TreeViewService</title>
-<ellipse fill="#fdb462" stroke="black" cx="383" cy="-104" rx="78.69" ry="18"/>
-<text text-anchor="middle" x="383" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
+<ellipse fill="#fdb462" stroke="black" cx="224.5" cy="-104" rx="78.69" ry="18"/>
+<text text-anchor="middle" x="224.5" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
 </g>
 <!-- TreeViewService&#45;&gt;TreeViewComponent -->
 <g id="edge3" class="edge">
 <title>TreeViewService&#45;&gt;TreeViewComponent</title>
-<path fill="none" stroke="black" d="M378,-122.11C378,-122.11 378,-140.99 378,-140.99"/>
-<polygon fill="black" stroke="black" points="374.5,-140.99 378,-150.99 381.5,-140.99 374.5,-140.99"/>
+<path fill="none" stroke="black" d="M224.5,-122.11C224.5,-122.11 224.5,-140.99 224.5,-140.99"/>
+<polygon fill="black" stroke="black" points="221,-140.99 224.5,-150.99 228,-140.99 221,-140.99"/>
 </g>
 <!-- IconModule -->
 <g id="node5" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="280.43,-187 277.43,-191 256.43,-191 253.43,-187 195.57,-187 195.57,-151 280.43,-151 280.43,-187"/>
-<text text-anchor="middle" x="238" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="131.93,-187 128.93,-191 107.93,-191 104.93,-187 47.07,-187 47.07,-151 131.93,-151 131.93,-187"/>
+<text text-anchor="middle" x="89.5" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TreeviewModule -->
 <g id="edge4" class="edge">
 <title>IconModule&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M238,-187.11C238,-187.11 238,-205.99 238,-205.99"/>
-<polygon fill="black" stroke="black" points="234.5,-205.99 238,-215.99 241.5,-205.99 234.5,-205.99"/>
+<path fill="none" stroke="black" d="M114.91,-187.11C114.91,-206.34 114.91,-234 114.91,-234 114.91,-234 158.1,-234 158.1,-234"/>
+<polygon fill="black" stroke="black" points="158.1,-237.5 168.1,-234 158.1,-230.5 158.1,-237.5"/>
 </g>
 </g>
 </svg>

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

@@ -115,101 +115,101 @@
 <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TreeviewModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="31.5,-70 31.5,-333 464.5,-333 464.5,-70 31.5,-70"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TreeviewModule_declarations</title>
+<polygon fill="none" stroke="black" points="147.5,-143 147.5,-195 456.5,-195 456.5,-143 147.5,-143"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
-<polygon fill="none" stroke="black" points="296,-78 296,-195 470,-195 470,-78 296,-78"/>
+<polygon fill="none" stroke="black" points="137.5,-78 137.5,-130 311.5,-130 311.5,-78 137.5,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TreeviewModule_imports</title>
-<polygon fill="none" stroke="black" points="188,-143 188,-195 288,-195 288,-143 188,-143"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_TreeviewModule_declarations</title>
-<polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>
+<polygon fill="none" stroke="black" points="39.5,-143 39.5,-195 139.5,-195 139.5,-143 39.5,-143"/>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_TreeviewModule_exports</title>
-<polygon fill="none" stroke="black" points="91,-273 91,-325 406,-325 406,-273 91,-273"/>
+<polygon fill="none" stroke="black" points="90.5,-273 90.5,-325 405.5,-325 405.5,-273 90.5,-273"/>
 </g>
 <!-- TreeNodeComponent -->
 <g id="node1" class="node">
 <title>TreeNodeComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="171.8,-187 34.2,-187 34.2,-151 171.8,-151 171.8,-187"/>
-<text text-anchor="middle" x="103" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="448.3,-187 310.7,-187 310.7,-151 448.3,-151 448.3,-187"/>
+<text text-anchor="middle" x="379.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
 </g>
 <!-- TreeviewModule -->
 <g id="node3" class="node">
 <title>TreeviewModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="294.4,-252 291.4,-256 270.4,-256 267.4,-252 181.6,-252 181.6,-216 294.4,-216 294.4,-252"/>
-<text text-anchor="middle" x="238" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="280.9,-252 277.9,-256 256.9,-256 253.9,-252 168.1,-252 168.1,-216 280.9,-216 280.9,-252"/>
+<text text-anchor="middle" x="224.5" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
 </g>
 <!-- TreeNodeComponent&#45;&gt;TreeviewModule -->
 <g id="edge1" class="edge">
 <title>TreeNodeComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M171.84,-169C181.82,-169 188.79,-169 188.79,-169 188.79,-169 188.79,-205.89 188.79,-205.89"/>
-<polygon fill="black" stroke="black" points="185.29,-205.89 188.79,-215.89 192.29,-205.89 185.29,-205.89"/>
+<path fill="none" stroke="black" d="M354.38,-187.11C354.38,-206.34 354.38,-234 354.38,-234 354.38,-234 290.71,-234 290.71,-234"/>
+<polygon fill="black" stroke="black" points="290.71,-230.5 280.71,-234 290.71,-237.5 290.71,-230.5"/>
 </g>
 <!-- TreeViewComponent -->
 <g id="node2" class="node">
 <title>TreeViewComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="446.79,-187 309.21,-187 309.21,-151 446.79,-151 446.79,-187"/>
-<text text-anchor="middle" x="378" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="293.29,-187 155.71,-187 155.71,-151 293.29,-151 293.29,-187"/>
+<text text-anchor="middle" x="224.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
 </g>
 <!-- TreeViewComponent&#45;&gt;TreeviewModule -->
 <g id="edge2" class="edge">
 <title>TreeViewComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M309.19,-169C296.52,-169 287.21,-169 287.21,-169 287.21,-169 287.21,-205.89 287.21,-205.89"/>
-<polygon fill="black" stroke="black" points="283.71,-205.89 287.21,-215.89 290.71,-205.89 283.71,-205.89"/>
+<path fill="none" stroke="black" d="M224.5,-187.11C224.5,-187.11 224.5,-205.99 224.5,-205.99"/>
+<polygon fill="black" stroke="black" points="221,-205.99 224.5,-215.99 228,-205.99 221,-205.99"/>
 </g>
 <!-- TreeNodeComponent  -->
 <g id="node6" class="node">
 <title>TreeNodeComponent </title>
-<polygon fill="#fb8072" stroke="black" points="398.3,-317 257.7,-317 257.7,-281 398.3,-281 398.3,-317"/>
-<text text-anchor="middle" x="328" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
+<polygon fill="#fb8072" stroke="black" points="397.8,-317 257.2,-317 257.2,-281 397.8,-281 397.8,-317"/>
+<text text-anchor="middle" x="327.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeNodeComponent  -->
 <g id="edge5" class="edge">
 <title>TreeviewModule&#45;&gt;TreeNodeComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M275.9,-252.11C275.9,-252.11 275.9,-270.99 275.9,-270.99"/>
-<polygon fill="black" stroke="black" points="272.4,-270.99 275.9,-280.99 279.4,-270.99 272.4,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M268.9,-252.11C268.9,-252.11 268.9,-270.99 268.9,-270.99"/>
+<polygon fill="black" stroke="black" points="265.4,-270.99 268.9,-280.99 272.4,-270.99 265.4,-270.99"/>
 </g>
 <!-- TreeViewComponent  -->
 <g id="node7" class="node">
 <title>TreeViewComponent </title>
-<polygon fill="#fb8072" stroke="black" points="239.29,-317 98.71,-317 98.71,-281 239.29,-281 239.29,-317"/>
-<text text-anchor="middle" x="169" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
+<polygon fill="#fb8072" stroke="black" points="238.79,-317 98.21,-317 98.21,-281 238.79,-281 238.79,-317"/>
+<text text-anchor="middle" x="168.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeViewComponent  -->
 <g id="edge6" class="edge">
 <title>TreeviewModule&#45;&gt;TreeViewComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M210.6,-252.11C210.6,-252.11 210.6,-270.99 210.6,-270.99"/>
-<polygon fill="black" stroke="black" points="207.1,-270.99 210.6,-280.99 214.1,-270.99 207.1,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M203.6,-252.11C203.6,-252.11 203.6,-270.99 203.6,-270.99"/>
+<polygon fill="black" stroke="black" points="200.1,-270.99 203.6,-280.99 207.1,-270.99 200.1,-270.99"/>
 </g>
 <!-- TreeViewService -->
 <g id="node4" class="node">
 <title>TreeViewService</title>
-<ellipse fill="#fdb462" stroke="black" cx="383" cy="-104" rx="78.69" ry="18"/>
-<text text-anchor="middle" x="383" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
+<ellipse fill="#fdb462" stroke="black" cx="224.5" cy="-104" rx="78.69" ry="18"/>
+<text text-anchor="middle" x="224.5" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
 </g>
 <!-- TreeViewService&#45;&gt;TreeViewComponent -->
 <g id="edge3" class="edge">
 <title>TreeViewService&#45;&gt;TreeViewComponent</title>
-<path fill="none" stroke="black" d="M378,-122.11C378,-122.11 378,-140.99 378,-140.99"/>
-<polygon fill="black" stroke="black" points="374.5,-140.99 378,-150.99 381.5,-140.99 374.5,-140.99"/>
+<path fill="none" stroke="black" d="M224.5,-122.11C224.5,-122.11 224.5,-140.99 224.5,-140.99"/>
+<polygon fill="black" stroke="black" points="221,-140.99 224.5,-150.99 228,-140.99 221,-140.99"/>
 </g>
 <!-- IconModule -->
 <g id="node5" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="280.43,-187 277.43,-191 256.43,-191 253.43,-187 195.57,-187 195.57,-151 280.43,-151 280.43,-187"/>
-<text text-anchor="middle" x="238" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="131.93,-187 128.93,-191 107.93,-191 104.93,-187 47.07,-187 47.07,-151 131.93,-151 131.93,-187"/>
+<text text-anchor="middle" x="89.5" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TreeviewModule -->
 <g id="edge4" class="edge">
 <title>IconModule&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M238,-187.11C238,-187.11 238,-205.99 238,-205.99"/>
-<polygon fill="black" stroke="black" points="234.5,-205.99 238,-215.99 241.5,-205.99 234.5,-205.99"/>
+<path fill="none" stroke="black" d="M114.91,-187.11C114.91,-206.34 114.91,-234 114.91,-234 114.91,-234 158.1,-234 158.1,-234"/>
+<polygon fill="black" stroke="black" points="158.1,-237.5 168.1,-234 158.1,-230.5 158.1,-237.5"/>
 </g>
 </g>
 </svg>

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

@@ -24,14 +24,14 @@
 <title>cluster_UIShellModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_UIShellModule_exports</title>
-<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
-</g>
 <g id="clust3" class="cluster">
 <title>cluster_UIShellModule_imports</title>
 <polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_UIShellModule_exports</title>
+<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
+</g>
 <!-- HeaderModule -->
 <g id="node1" class="node">
 <title>HeaderModule</title>

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

@@ -117,14 +117,14 @@
 <title>cluster_UIShellModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_UIShellModule_exports</title>
-<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
-</g>
 <g id="clust3" class="cluster">
 <title>cluster_UIShellModule_imports</title>
 <polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_UIShellModule_exports</title>
+<polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
+</g>
 <!-- HeaderModule -->
 <g id="node1" class="node">
 <title>HeaderModule</title>

package/docs/documentation.json CHANGED Viewed

@@ -48783,7 +48783,7 @@
         },
         {
             "name": "SideNavItem",
-            "id": "component-SideNavItem-0e90d789334ddeff849fa154a071e2be9fbc9fff93061fabaa13b524a0be523b6ec985e1cbeba78aee33da52011a7da7305958e51f17f3d665fa6d277cc26d71",
+            "id": "component-SideNavItem-4ee73859c5cb9524fc3b4aa56cccdc688c59ba72c7a1f463dd3735971000f5c0e12635a8336943a8f922bd7b49e9effffb0e7db1b82f92cf830d1c7ea5b076fc",
             "file": "src/ui-shell/sidenav/sidenav-item.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -48795,7 +48795,7 @@
             "styles": [
                 "\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t"
             ],
-            "template": "<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\tclass=\"cds--side-nav__link\"\n\t[ngClass]=\"{\n\t\t'cds--side-nav__item--active': active\n\t}\"\n\t[href]=\"href\"\n\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t[attr.title]=\"title ? title : null\"\n\t(click)=\"navigate($event)\">\n\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n</a>\n\n<ng-template #sidenavItemRouterTpl>\n\t<a\n\t\t[routerLink]=\"route\"\n\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t(click)=\"navigate($event)\"\n\t\tariaCurrentWhenActive=\"page\"\n\t\t[attr.title]=\"title ? title : null\"\n\t\tclass=\"cds--side-nav__link\">\n\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t</a>\n</ng-template>\n\n<ng-template #sidenavItemContentTpl>\n\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t</div>\n\t<span class=\"cds--side-nav__link-text\">\n\t\t<ng-content></ng-content>\n\t</span>\n</ng-template>\n\t",
+            "template": "<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\tclass=\"cds--side-nav__link\"\n\t[ngClass]=\"{\n\t\t'cds--side-nav__item--active': active\n\t}\"\n\t[href]=\"href\"\n\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t[attr.title]=\"title ? title : null\"\n\t(click)=\"navigate($event)\">\n\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n</a>\n\n<ng-template #sidenavItemRouterTpl>\n\t<a\n\t\t[attr.title]=\"title ? title : null\"\n\t\t[routerLink]=\"route\"\n\t\t\t[relativeTo]=\"routeExtras?.relativeTo\"\n\t\t[queryParams]=\"routeExtras?.queryParams\"\n\t\t[fragment]=\"routeExtras?.fragment\"\n\t\t[queryParamsHandling]=\"routeExtras?.queryParamsHandling\"\n\t\t[preserveFragment]=\"routeExtras?.preserveFragment\"\n\t\t[skipLocationChange]=\"routeExtras?.skipLocationChange\"\n\t\t[replaceUrl]=\"routeExtras?.replaceUrl\"\n\t\t[state]=\"routeExtras?.state\"\n\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\tariaCurrentWhenActive=\"page\"\n\t\tclass=\"cds--side-nav__link\">\n\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t</a>\n</ng-template>\n\n<ng-template #sidenavItemContentTpl>\n\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t</div>\n\t<span class=\"cds--side-nav__link-text\">\n\t\t<ng-content></ng-content>\n\t</span>\n</ng-template>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -48807,7 +48807,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nToggles the active (current page) state for the link.\n",
                     "description": "<p>Toggles the active (current page) state for the link.</p>\n",
-                    "line": 91,
+                    "line": 98,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48817,7 +48817,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nLink for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n",
                     "description": "<p>Link for the item. NOTE: <em>do not</em> pass unsafe or untrusted values, this has the potential to open you up to XSS attacks</p>\n",
-                    "line": 63,
+                    "line": 70,
                     "type": "string",
                     "decorators": []
                 },
@@ -48826,7 +48826,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 99,
+                    "line": 106,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48836,7 +48836,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nArray of commands to send to the router when the link is activated\nSee: https://angular.io/api/router/Router#navigate\n",
                     "description": "<p>Array of commands to send to the router when the link is activated\nSee: <a href=\"https://angular.io/api/router/Router#navigate\">https://angular.io/api/router/Router#navigate</a></p>\n",
-                    "line": 97,
+                    "line": 104,
                     "type": "any[]",
                     "decorators": []
                 },
@@ -48846,7 +48846,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nRouter options. Used in conjunction with `route`\nSee: https://angular.io/api/router/Router#navigate\n",
                     "description": "<p>Router options. Used in conjunction with <code>route</code>\nSee: <a href=\"https://angular.io/api/router/Router#navigate\">https://angular.io/api/router/Router#navigate</a></p>\n",
-                    "line": 105,
+                    "line": 112,
                     "type": "any",
                     "decorators": []
                 },
@@ -48856,7 +48856,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nTitle attribute of the anchor element.\n",
                     "description": "<p>Title attribute of the anchor element.</p>\n",
-                    "line": 110,
+                    "line": 117,
                     "type": "string",
                     "decorators": []
                 },
@@ -48867,7 +48867,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nUse the routerLink attribute on <a> tag for navigation instead of using event handlers\n",
                     "description": "<p>Use the routerLink attribute on <a> tag for navigation instead of using event handlers</p>\n",
-                    "line": 78,
+                    "line": 85,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -48880,7 +48880,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits the navigation status promise when the link is activated\n",
                     "description": "<p>Emits the navigation status promise when the link is activated</p>\n",
-                    "line": 115,
+                    "line": 122,
                     "type": "EventEmitter"
                 },
                 {
@@ -48890,7 +48890,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits when `active` input is changed. This is mainly used to indicate to any parent menu items that a\nchild sidenav item is active or not active.\n",
                     "description": "<p>Emits when <code>active</code> input is changed. This is mainly used to indicate to any parent menu items that a\nchild sidenav item is active or not active.</p>\n",
-                    "line": 121,
+                    "line": 128,
                     "type": "EventEmitter"
                 }
             ],
@@ -48903,7 +48903,7 @@
                     "type": "string",
                     "optional": false,
                     "description": "",
-                    "line": 123,
+                    "line": 130,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -48929,7 +48929,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 135,
+                    "line": 142,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "jsdoctags": [
@@ -48953,7 +48953,7 @@
                     "defaultValue": "\"listitem\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 123,
+                    "line": 130,
                     "type": "string",
                     "decorators": []
                 },
@@ -48961,7 +48961,7 @@
                     "name": "class.cds--side-nav__item",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 80,
+                    "line": 87,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -48969,7 +48969,7 @@
                     "name": "class.cds--side-nav__menu-item",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 84,
+                    "line": 91,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -48980,7 +48980,7 @@
             "description": "<p><code>SideNavItem</code> can either be a child of <code>SideNav</code> or <code>SideNavMenu</code></p>\n",
             "rawdescription": "\n\n`SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tOptional,\n\tOutput,\n\tEventEmitter,\n\tOnChanges,\n\tHostBinding,\n\tSimpleChanges\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"cds-sidenav-item, ibm-sidenav-item\",\n\ttemplate: `\n\t\t<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\t\t\tclass=\"cds--side-nav__link\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--side-nav__item--active': active\n\t\t\t}\"\n\t\t\t[href]=\"href\"\n\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t(click)=\"navigate($event)\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t</a>\n\n\t\t<ng-template #sidenavItemRouterTpl>\n\t\t\t<a\n\t\t\t\t[routerLink]=\"route\"\n\t\t\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t\t\t(click)=\"navigate($event)\"\n\t\t\t\tariaCurrentWhenActive=\"page\"\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\tclass=\"cds--side-nav__link\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t\t</a>\n\t\t</ng-template>\n\n\t\t<ng-template #sidenavItemContentTpl>\n\t\t\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t\t\t</div>\n\t\t\t<span class=\"cds--side-nav__link-text\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</ng-template>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class SideNavItem implements OnChanges {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n\t */\n\t@Input() set href(v: string) {\n\t\t// Needed when component is created dynamically with a model.\n\t\tif (v === undefined) {\n\t\t\treturn;\n\t\t}\n\t\tthis._href = v;\n\t}\n\n\tget href() {\n\t\treturn this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;\n\t}\n\n\t/**\n\t * Use the routerLink attribute on <a> tag for navigation instead of using event handlers\n\t */\n\t@Input() useRouter = false;\n\n\t@HostBinding(\"class.cds--side-nav__item\") get sideNav() {\n\t\treturn !this.isSubMenu;\n\t}\n\n\t@HostBinding(\"class.cds--side-nav__menu-item\") get menuItem() {\n\t\treturn this.isSubMenu;\n\t}\n\n\t/**\n\t * Toggles the active (current page) state for the link.\n\t */\n\t@Input() active = false;\n\n\t/**\n\t * Array of commands to send to the router when the link is activated\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() route: any[];\n\n\t@Input() isSubMenu = false;\n\n\t/**\n\t * Router options. Used in conjunction with `route`\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() routeExtras: any;\n\n\t/**\n\t * Title attribute of the anchor element.\n\t */\n\t@Input() title: string;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\t/**\n\t * Emits when `active` input is changed. This is mainly used to indicate to any parent menu items that a\n\t * child sidenav item is active or not active.\n\t */\n\t@Output() selected = new EventEmitter<boolean>();\n\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\tprotected _href = \"#\";\n\n\tconstructor(protected domSanitizer: DomSanitizer, @Optional() protected router: Router) {}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.active) {\n\t\t\tthis.selected.emit(this.active);\n\t\t}\n\t}\n\n\tnavigate(event: MouseEvent) {\n\t\tif (this.router && this.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(this.route, this.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t} else if (this._href === \"#\") {\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tInput,\n\tOptional,\n\tOutput,\n\tEventEmitter,\n\tOnChanges,\n\tHostBinding,\n\tSimpleChanges\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"cds-sidenav-item, ibm-sidenav-item\",\n\ttemplate: `\n\t\t<a *ngIf=\"!useRouter; else sidenavItemRouterTpl\"\n\t\t\tclass=\"cds--side-nav__link\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--side-nav__item--active': active\n\t\t\t}\"\n\t\t\t[href]=\"href\"\n\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t(click)=\"navigate($event)\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t</a>\n\n\t\t<ng-template #sidenavItemRouterTpl>\n\t\t\t<a\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\t[routerLink]=\"route\"\n \t\t\t\t[relativeTo]=\"routeExtras?.relativeTo\"\n\t\t\t\t[queryParams]=\"routeExtras?.queryParams\"\n\t\t\t\t[fragment]=\"routeExtras?.fragment\"\n\t\t\t\t[queryParamsHandling]=\"routeExtras?.queryParamsHandling\"\n\t\t\t\t[preserveFragment]=\"routeExtras?.preserveFragment\"\n\t\t\t\t[skipLocationChange]=\"routeExtras?.skipLocationChange\"\n\t\t\t\t[replaceUrl]=\"routeExtras?.replaceUrl\"\n\t\t\t\t[state]=\"routeExtras?.state\"\n\t\t\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t\t\tariaCurrentWhenActive=\"page\"\n\t\t\t\tclass=\"cds--side-nav__link\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\"></ng-template>\n\t\t\t</a>\n\t\t</ng-template>\n\n\t\t<ng-template #sidenavItemContentTpl>\n\t\t\t<div *ngIf=\"!isSubMenu\" class=\"cds--side-nav__icon\">\n\t\t\t\t<ng-content select=\"svg, [icon]\"></ng-content>\n\t\t\t</div>\n\t\t\t<span class=\"cds--side-nav__link-text\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t</ng-template>\n\t`,\n\tstyles: [`\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`]\n})\nexport class SideNavItem implements OnChanges {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n\t */\n\t@Input() set href(v: string) {\n\t\t// Needed when component is created dynamically with a model.\n\t\tif (v === undefined) {\n\t\t\treturn;\n\t\t}\n\t\tthis._href = v;\n\t}\n\n\tget href() {\n\t\treturn this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;\n\t}\n\n\t/**\n\t * Use the routerLink attribute on <a> tag for navigation instead of using event handlers\n\t */\n\t@Input() useRouter = false;\n\n\t@HostBinding(\"class.cds--side-nav__item\") get sideNav() {\n\t\treturn !this.isSubMenu;\n\t}\n\n\t@HostBinding(\"class.cds--side-nav__menu-item\") get menuItem() {\n\t\treturn this.isSubMenu;\n\t}\n\n\t/**\n\t * Toggles the active (current page) state for the link.\n\t */\n\t@Input() active = false;\n\n\t/**\n\t * Array of commands to send to the router when the link is activated\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() route: any[];\n\n\t@Input() isSubMenu = false;\n\n\t/**\n\t * Router options. Used in conjunction with `route`\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() routeExtras: any;\n\n\t/**\n\t * Title attribute of the anchor element.\n\t */\n\t@Input() title: string;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\t/**\n\t * Emits when `active` input is changed. This is mainly used to indicate to any parent menu items that a\n\t * child sidenav item is active or not active.\n\t */\n\t@Output() selected = new EventEmitter<boolean>();\n\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\tprotected _href = \"#\";\n\n\tconstructor(protected domSanitizer: DomSanitizer, @Optional() protected router: Router) {}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (changes.active) {\n\t\t\tthis.selected.emit(this.active);\n\t\t}\n\t}\n\n\tnavigate(event: MouseEvent) {\n\t\tif (this.router && this.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(this.route, this.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t} else if (this._href === \"#\") {\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t\n",
@@ -49003,7 +49003,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 125,
+                "line": 132,
                 "jsdoctags": [
                     {
                         "name": "domSanitizer",
@@ -49046,7 +49046,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 63,
+                        "line": 70,
                         "rawdescription": "\n\nLink for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n",
                         "description": "<p>Link for the item. NOTE: <em>do not</em> pass unsafe or untrusted values, this has the potential to open you up to XSS attacks</p>\n",
                         "jsdoctags": [
@@ -49065,7 +49065,7 @@
                         "name": "href",
                         "type": "",
                         "returnType": "",
-                        "line": 71
+                        "line": 78
                     }
                 },
                 "sideNav": {
@@ -49074,7 +49074,7 @@
                         "name": "sideNav",
                         "type": "",
                         "returnType": "",
-                        "line": 80
+                        "line": 87
                     }
                 },
                 "menuItem": {
@@ -49083,7 +49083,7 @@
                         "name": "menuItem",
                         "type": "",
                         "returnType": "",
-                        "line": 84
+                        "line": 91
                     }
                 }
             }