npm - carbon-components-angular - Versions diffs - 5.27.4 → 5.28.1 - Mend

carbon-components-angular 5.27.4 → 5.28.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 (204) hide show

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

@@ -24,6 +24,10 @@
 <title>cluster_ComboBoxModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 760,-379.59 760,-70 8,-70"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_ComboBoxModule_exports</title>
+<polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
+</g>
 <g id="clust4" class="cluster">
 <title>cluster_ComboBoxModule_imports</title>
 <polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
@@ -32,10 +36,6 @@
 <title>cluster_ComboBoxModule_declarations</title>
 <polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 298,-241.59 298,-189.59 202,-189.59"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_ComboBoxModule_exports</title>
-<polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
-</g>
 <g id="clust3" class="cluster">
 <title>cluster_ComboBoxModule_ComboBox_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 660,-176.59 660,-78 16,-78"/>

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

@@ -117,6 +117,10 @@
 <title>cluster_ComboBoxModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 760,-379.59 760,-70 8,-70"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_ComboBoxModule_exports</title>
+<polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
+</g>
 <g id="clust4" class="cluster">
 <title>cluster_ComboBoxModule_imports</title>
 <polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
@@ -125,10 +129,6 @@
 <title>cluster_ComboBoxModule_declarations</title>
 <polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 298,-241.59 298,-189.59 202,-189.59"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_ComboBoxModule_exports</title>
-<polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
-</g>
 <g id="clust3" class="cluster">
 <title>cluster_ComboBoxModule_ComboBox_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 660,-176.59 660,-78 16,-78"/>

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

@@ -24,14 +24,14 @@
 <title>cluster_ContentSwitcherModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="90,-70 90,-268 406,-268 406,-70 90,-70"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_ContentSwitcherModule_exports</title>
-<polygon fill="none" stroke="black" points="98,-208 98,-260 398,-260 398,-208 98,-208"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ContentSwitcherModule_declarations</title>
 <polygon fill="none" stroke="black" points="102,-78 102,-130 395,-130 395,-78 102,-78"/>
 </g>
+<g id="clust6" class="cluster">
+<title>cluster_ContentSwitcherModule_exports</title>
+<polygon fill="none" stroke="black" points="98,-208 98,-260 398,-260 398,-208 98,-208"/>
+</g>
 <!-- ContentSwitcher -->
 <g id="node1" class="node">
 <title>ContentSwitcher</title>

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

@@ -117,14 +117,14 @@
 <title>cluster_ContentSwitcherModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="90,-70 90,-268 406,-268 406,-70 90,-70"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_ContentSwitcherModule_exports</title>
-<polygon fill="none" stroke="black" points="98,-208 98,-260 398,-260 398,-208 98,-208"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ContentSwitcherModule_declarations</title>
 <polygon fill="none" stroke="black" points="102,-78 102,-130 395,-130 395,-78 102,-78"/>
 </g>
+<g id="clust6" class="cluster">
+<title>cluster_ContentSwitcherModule_exports</title>
+<polygon fill="none" stroke="black" points="98,-208 98,-260 398,-260 398,-208 98,-208"/>
+</g>
 <!-- ContentSwitcher -->
 <g id="node1" class="node">
 <title>ContentSwitcher</title>

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

@@ -4,83 +4,79 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="680pt" height="396pt"
- viewBox="0.00 0.00 680.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1063pt" height="396pt"
+ viewBox="0.00 0.00 1063.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 676,-391.59 676,4 -4,4"/>
-<text text-anchor="start" x="315.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="102,-10 102,-30 122,-30 122,-10 102,-10"/>
-<text text-anchor="start" x="125.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="215,-10 215,-30 235,-30 235,-10 215,-10"/>
-<text text-anchor="start" x="238.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="301,-10 301,-30 321,-30 321,-10 301,-10"/>
-<text text-anchor="start" x="324.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="398,-10 398,-30 418,-30 418,-10 398,-10"/>
-<text text-anchor="start" x="421.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="494,-10 494,-30 514,-30 514,-10 494,-10"/>
-<text text-anchor="start" x="517.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 1059,-391.59 1059,4 -4,4"/>
+<text text-anchor="start" x="506.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="293.5,-10 293.5,-30 313.5,-30 313.5,-10 293.5,-10"/>
+<text text-anchor="start" x="317.13" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="406.5,-10 406.5,-30 426.5,-30 426.5,-10 406.5,-10"/>
+<text text-anchor="start" x="430.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="492.5,-10 492.5,-30 512.5,-30 512.5,-10 492.5,-10"/>
+<text text-anchor="start" x="516.28" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="589.5,-10 589.5,-30 609.5,-30 609.5,-10 589.5,-10"/>
+<text text-anchor="start" x="613.17" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="685.5,-10 685.5,-30 705.5,-30 705.5,-10 685.5,-10"/>
+<text text-anchor="start" x="709.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_DatePickerModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 664,-379.59 664,-70 8,-70"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_DatePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="281,-189.59 281,-241.59 656,-241.59 656,-189.59 281,-189.59"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_DatePickerModule_declarations</title>
-<polygon fill="none" stroke="black" points="179,-189.59 179,-241.59 273,-241.59 273,-189.59 179,-189.59"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1047,-379.59 1047,-70 8,-70"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_DatePickerModule_DatePicker_providers</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-176.59 656,-176.59 656,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="399,-78 399,-241.59 1039,-241.59 1039,-78 399,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_DatePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="231,-319.59 231,-371.59 501,-371.59 501,-319.59 231,-319.59"/>
+<polygon fill="none" stroke="black" points="86,-319.59 86,-371.59 356,-371.59 356,-319.59 86,-319.59"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DatePickerModule_imports</title>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 391,-241.59 391,-189.59 16,-189.59"/>
 </g>
 <!-- DatePicker -->
 <g id="node1" class="node">
 <title>DatePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="265.19,-233.59 186.81,-233.59 186.81,-197.59 265.19,-197.59 265.19,-233.59"/>
-<text text-anchor="middle" x="226" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="621.19,-233.59 542.81,-233.59 542.81,-197.59 621.19,-197.59 621.19,-233.59"/>
+<text text-anchor="middle" x="582" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
 </g>
 <!-- DatePickerModule -->
 <g id="node2" class="node">
 <title>DatePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="444.74,-298.59 441.74,-302.59 420.74,-302.59 417.74,-298.59 323.26,-298.59 323.26,-262.59 444.74,-262.59 444.74,-298.59"/>
-<text text-anchor="middle" x="384" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="299.74,-298.59 296.74,-302.59 275.74,-302.59 272.74,-298.59 178.26,-298.59 178.26,-262.59 299.74,-262.59 299.74,-298.59"/>
+<text text-anchor="middle" x="239" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
 </g>
 <!-- DatePicker&#45;&gt;DatePickerModule -->
 <g id="edge1" class="edge">
 <title>DatePicker&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M251.85,-233.7C251.85,-252.93 251.85,-280.59 251.85,-280.59 251.85,-280.59 312.95,-280.59 312.95,-280.59"/>
-<polygon fill="black" stroke="black" points="312.95,-284.09 322.95,-280.59 312.95,-277.09 312.95,-284.09"/>
+<path fill="none" stroke="black" d="M582,-233.7C582,-252.93 582,-280.59 582,-280.59 582,-280.59 309.93,-280.59 309.93,-280.59"/>
+<polygon fill="black" stroke="black" points="309.93,-277.09 299.93,-280.59 309.93,-284.09 309.93,-277.09"/>
 </g>
 <!-- DatePicker  -->
 <g id="node7" class="node">
 <title>DatePicker </title>
-<polygon fill="#fb8072" stroke="black" points="492.69,-363.59 411.31,-363.59 411.31,-327.59 492.69,-327.59 492.69,-363.59"/>
-<text text-anchor="middle" x="452" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
+<polygon fill="#fb8072" stroke="black" points="347.69,-363.59 266.31,-363.59 266.31,-327.59 347.69,-327.59 347.69,-363.59"/>
+<text text-anchor="middle" x="307" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePicker  -->
 <g id="edge6" class="edge">
 <title>DatePickerModule&#45;&gt;DatePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M428.01,-298.7C428.01,-298.7 428.01,-317.58 428.01,-317.58"/>
-<polygon fill="black" stroke="black" points="424.51,-317.58 428.01,-327.58 431.51,-317.58 424.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M283.01,-298.7C283.01,-298.7 283.01,-317.58 283.01,-317.58"/>
+<polygon fill="black" stroke="black" points="279.51,-317.58 283.01,-327.58 286.51,-317.58 279.51,-317.58"/>
 </g>
 <!-- DatePickerInputModule  -->
 <g id="node8" class="node">
 <title>DatePickerInputModule </title>
-<polygon fill="#fb8072" stroke="black" points="393.29,-363.59 238.71,-363.59 238.71,-327.59 393.29,-327.59 393.29,-363.59"/>
-<text text-anchor="middle" x="316" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
+<polygon fill="#fb8072" stroke="black" points="248.29,-363.59 93.71,-363.59 93.71,-327.59 248.29,-327.59 248.29,-363.59"/>
+<text text-anchor="middle" x="171" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePickerInputModule  -->
 <g id="edge7" class="edge">
 <title>DatePickerModule&#45;&gt;DatePickerInputModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M358.26,-298.7C358.26,-298.7 358.26,-317.58 358.26,-317.58"/>
-<polygon fill="black" stroke="black" points="354.76,-317.58 358.26,-327.58 361.76,-317.58 354.76,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M213.26,-298.7C213.26,-298.7 213.26,-317.58 213.26,-317.58"/>
+<polygon fill="black" stroke="black" points="209.76,-317.58 213.26,-327.58 216.76,-317.58 209.76,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -89,10 +85,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="336" cy="-127.3" rx="312.25" ry="41.09"/>
-<text text-anchor="middle" x="336" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="336" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
-<text text-anchor="middle" x="336" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="719" cy="-127.3" rx="312.25" ry="41.09"/>
+<text text-anchor="middle" x="719" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="719" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
+<text text-anchor="middle" x="719" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -101,44 +97,44 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }&#45;&gt;DatePicker</title>
-<path fill="none" stroke="black" d="M226,-166.02C226,-166.02 226,-187.44 226,-187.44"/>
-<polygon fill="black" stroke="black" points="222.5,-187.44 226,-197.44 229.5,-187.44 222.5,-187.44"/>
+<path fill="none" stroke="black" d="M582,-164.48C582,-164.48 582,-187.22 582,-187.22"/>
+<polygon fill="black" stroke="black" points="578.5,-187.22 582,-197.22 585.5,-187.22 578.5,-187.22"/>
 </g>
 <!-- DatePickerInputModule -->
 <g id="node4" class="node">
 <title>DatePickerInputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="647.79,-233.59 644.79,-237.59 623.79,-237.59 620.79,-233.59 496.21,-233.59 496.21,-197.59 647.79,-197.59 647.79,-233.59"/>
-<text text-anchor="middle" x="572" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="382.79,-233.59 379.79,-237.59 358.79,-237.59 355.79,-233.59 231.21,-233.59 231.21,-197.59 382.79,-197.59 382.79,-233.59"/>
+<text text-anchor="middle" x="307" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
 </g>
 <!-- DatePickerInputModule&#45;&gt;DatePickerModule -->
 <g id="edge3" class="edge">
 <title>DatePickerInputModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M572,-233.7C572,-252.93 572,-280.59 572,-280.59 572,-280.59 454.78,-280.59 454.78,-280.59"/>
-<polygon fill="black" stroke="black" points="454.78,-277.09 444.78,-280.59 454.78,-284.09 454.78,-277.09"/>
+<path fill="none" stroke="black" d="M265.61,-233.7C265.61,-233.7 265.61,-252.58 265.61,-252.58"/>
+<polygon fill="black" stroke="black" points="262.11,-252.58 265.61,-262.58 269.11,-252.58 262.11,-252.58"/>
 </g>
 <!-- I18nModule -->
 <g id="node5" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="478.71,-233.59 475.71,-237.59 454.71,-237.59 451.71,-233.59 393.29,-233.59 393.29,-197.59 478.71,-197.59 478.71,-233.59"/>
-<text text-anchor="middle" x="436" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="213.71,-233.59 210.71,-237.59 189.71,-237.59 186.71,-233.59 128.29,-233.59 128.29,-197.59 213.71,-197.59 213.71,-233.59"/>
+<text text-anchor="middle" x="171" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DatePickerModule -->
 <g id="edge4" class="edge">
 <title>I18nModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M419.13,-233.7C419.13,-233.7 419.13,-252.58 419.13,-252.58"/>
-<polygon fill="black" stroke="black" points="415.63,-252.58 419.13,-262.58 422.63,-252.58 415.63,-252.58"/>
+<path fill="none" stroke="black" d="M195.87,-233.7C195.87,-233.7 195.87,-252.58 195.87,-252.58"/>
+<polygon fill="black" stroke="black" points="192.37,-252.58 195.87,-262.58 199.37,-252.58 192.37,-252.58"/>
 </g>
 <!-- UtilsModule -->
 <g id="node6" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="375.27,-233.59 372.27,-237.59 351.27,-237.59 348.27,-233.59 288.73,-233.59 288.73,-197.59 375.27,-197.59 375.27,-233.59"/>
-<text text-anchor="middle" x="332" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="110.27,-233.59 107.27,-237.59 86.27,-237.59 83.27,-233.59 23.73,-233.59 23.73,-197.59 110.27,-197.59 110.27,-233.59"/>
+<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DatePickerModule -->
 <g id="edge5" class="edge">
 <title>UtilsModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M349.26,-233.7C349.26,-233.7 349.26,-252.58 349.26,-252.58"/>
-<polygon fill="black" stroke="black" points="345.76,-252.58 349.26,-262.58 352.76,-252.58 345.76,-252.58"/>
+<path fill="none" stroke="black" d="M102,-233.7C102,-252.93 102,-280.59 102,-280.59 102,-280.59 168.11,-280.59 168.11,-280.59"/>
+<polygon fill="black" stroke="black" points="168.11,-284.09 178.11,-280.59 168.11,-277.09 168.11,-284.09"/>
 </g>
 </g>
 </svg>

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

@@ -97,83 +97,79 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="680pt" height="396pt"
- viewBox="0.00 0.00 680.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1063pt" height="396pt"
+ viewBox="0.00 0.00 1063.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 676,-391.59 676,4 -4,4"/>
-<text text-anchor="start" x="315.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="102,-10 102,-30 122,-30 122,-10 102,-10"/>
-<text text-anchor="start" x="125.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="215,-10 215,-30 235,-30 235,-10 215,-10"/>
-<text text-anchor="start" x="238.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="301,-10 301,-30 321,-30 321,-10 301,-10"/>
-<text text-anchor="start" x="324.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="398,-10 398,-30 418,-30 418,-10 398,-10"/>
-<text text-anchor="start" x="421.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="494,-10 494,-30 514,-30 514,-10 494,-10"/>
-<text text-anchor="start" x="517.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 1059,-391.59 1059,4 -4,4"/>
+<text text-anchor="start" x="506.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="293.5,-10 293.5,-30 313.5,-30 313.5,-10 293.5,-10"/>
+<text text-anchor="start" x="317.13" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="406.5,-10 406.5,-30 426.5,-30 426.5,-10 406.5,-10"/>
+<text text-anchor="start" x="430.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="492.5,-10 492.5,-30 512.5,-30 512.5,-10 492.5,-10"/>
+<text text-anchor="start" x="516.28" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="589.5,-10 589.5,-30 609.5,-30 609.5,-10 589.5,-10"/>
+<text text-anchor="start" x="613.17" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="685.5,-10 685.5,-30 705.5,-30 705.5,-10 685.5,-10"/>
+<text text-anchor="start" x="709.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_DatePickerModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 664,-379.59 664,-70 8,-70"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_DatePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="281,-189.59 281,-241.59 656,-241.59 656,-189.59 281,-189.59"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_DatePickerModule_declarations</title>
-<polygon fill="none" stroke="black" points="179,-189.59 179,-241.59 273,-241.59 273,-189.59 179,-189.59"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1047,-379.59 1047,-70 8,-70"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_DatePickerModule_DatePicker_providers</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-176.59 656,-176.59 656,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="399,-78 399,-241.59 1039,-241.59 1039,-78 399,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_DatePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="231,-319.59 231,-371.59 501,-371.59 501,-319.59 231,-319.59"/>
+<polygon fill="none" stroke="black" points="86,-319.59 86,-371.59 356,-371.59 356,-319.59 86,-319.59"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DatePickerModule_imports</title>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 391,-241.59 391,-189.59 16,-189.59"/>
 </g>
 <!-- DatePicker -->
 <g id="node1" class="node">
 <title>DatePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="265.19,-233.59 186.81,-233.59 186.81,-197.59 265.19,-197.59 265.19,-233.59"/>
-<text text-anchor="middle" x="226" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="621.19,-233.59 542.81,-233.59 542.81,-197.59 621.19,-197.59 621.19,-233.59"/>
+<text text-anchor="middle" x="582" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
 </g>
 <!-- DatePickerModule -->
 <g id="node2" class="node">
 <title>DatePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="444.74,-298.59 441.74,-302.59 420.74,-302.59 417.74,-298.59 323.26,-298.59 323.26,-262.59 444.74,-262.59 444.74,-298.59"/>
-<text text-anchor="middle" x="384" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="299.74,-298.59 296.74,-302.59 275.74,-302.59 272.74,-298.59 178.26,-298.59 178.26,-262.59 299.74,-262.59 299.74,-298.59"/>
+<text text-anchor="middle" x="239" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
 </g>
 <!-- DatePicker&#45;&gt;DatePickerModule -->
 <g id="edge1" class="edge">
 <title>DatePicker&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M251.85,-233.7C251.85,-252.93 251.85,-280.59 251.85,-280.59 251.85,-280.59 312.95,-280.59 312.95,-280.59"/>
-<polygon fill="black" stroke="black" points="312.95,-284.09 322.95,-280.59 312.95,-277.09 312.95,-284.09"/>
+<path fill="none" stroke="black" d="M582,-233.7C582,-252.93 582,-280.59 582,-280.59 582,-280.59 309.93,-280.59 309.93,-280.59"/>
+<polygon fill="black" stroke="black" points="309.93,-277.09 299.93,-280.59 309.93,-284.09 309.93,-277.09"/>
 </g>
 <!-- DatePicker  -->
 <g id="node7" class="node">
 <title>DatePicker </title>
-<polygon fill="#fb8072" stroke="black" points="492.69,-363.59 411.31,-363.59 411.31,-327.59 492.69,-327.59 492.69,-363.59"/>
-<text text-anchor="middle" x="452" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
+<polygon fill="#fb8072" stroke="black" points="347.69,-363.59 266.31,-363.59 266.31,-327.59 347.69,-327.59 347.69,-363.59"/>
+<text text-anchor="middle" x="307" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePicker  -->
 <g id="edge6" class="edge">
 <title>DatePickerModule&#45;&gt;DatePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M428.01,-298.7C428.01,-298.7 428.01,-317.58 428.01,-317.58"/>
-<polygon fill="black" stroke="black" points="424.51,-317.58 428.01,-327.58 431.51,-317.58 424.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M283.01,-298.7C283.01,-298.7 283.01,-317.58 283.01,-317.58"/>
+<polygon fill="black" stroke="black" points="279.51,-317.58 283.01,-327.58 286.51,-317.58 279.51,-317.58"/>
 </g>
 <!-- DatePickerInputModule  -->
 <g id="node8" class="node">
 <title>DatePickerInputModule </title>
-<polygon fill="#fb8072" stroke="black" points="393.29,-363.59 238.71,-363.59 238.71,-327.59 393.29,-327.59 393.29,-363.59"/>
-<text text-anchor="middle" x="316" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
+<polygon fill="#fb8072" stroke="black" points="248.29,-363.59 93.71,-363.59 93.71,-327.59 248.29,-327.59 248.29,-363.59"/>
+<text text-anchor="middle" x="171" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePickerInputModule  -->
 <g id="edge7" class="edge">
 <title>DatePickerModule&#45;&gt;DatePickerInputModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M358.26,-298.7C358.26,-298.7 358.26,-317.58 358.26,-317.58"/>
-<polygon fill="black" stroke="black" points="354.76,-317.58 358.26,-327.58 361.76,-317.58 354.76,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M213.26,-298.7C213.26,-298.7 213.26,-317.58 213.26,-317.58"/>
+<polygon fill="black" stroke="black" points="209.76,-317.58 213.26,-327.58 216.76,-317.58 209.76,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -182,10 +178,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="336" cy="-127.3" rx="312.25" ry="41.09"/>
-<text text-anchor="middle" x="336" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="336" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
-<text text-anchor="middle" x="336" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="719" cy="-127.3" rx="312.25" ry="41.09"/>
+<text text-anchor="middle" x="719" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="719" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
+<text text-anchor="middle" x="719" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -194,44 +190,44 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }&#45;&gt;DatePicker</title>
-<path fill="none" stroke="black" d="M226,-166.02C226,-166.02 226,-187.44 226,-187.44"/>
-<polygon fill="black" stroke="black" points="222.5,-187.44 226,-197.44 229.5,-187.44 222.5,-187.44"/>
+<path fill="none" stroke="black" d="M582,-164.48C582,-164.48 582,-187.22 582,-187.22"/>
+<polygon fill="black" stroke="black" points="578.5,-187.22 582,-197.22 585.5,-187.22 578.5,-187.22"/>
 </g>
 <!-- DatePickerInputModule -->
 <g id="node4" class="node">
 <title>DatePickerInputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="647.79,-233.59 644.79,-237.59 623.79,-237.59 620.79,-233.59 496.21,-233.59 496.21,-197.59 647.79,-197.59 647.79,-233.59"/>
-<text text-anchor="middle" x="572" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="382.79,-233.59 379.79,-237.59 358.79,-237.59 355.79,-233.59 231.21,-233.59 231.21,-197.59 382.79,-197.59 382.79,-233.59"/>
+<text text-anchor="middle" x="307" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
 </g>
 <!-- DatePickerInputModule&#45;&gt;DatePickerModule -->
 <g id="edge3" class="edge">
 <title>DatePickerInputModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M572,-233.7C572,-252.93 572,-280.59 572,-280.59 572,-280.59 454.78,-280.59 454.78,-280.59"/>
-<polygon fill="black" stroke="black" points="454.78,-277.09 444.78,-280.59 454.78,-284.09 454.78,-277.09"/>
+<path fill="none" stroke="black" d="M265.61,-233.7C265.61,-233.7 265.61,-252.58 265.61,-252.58"/>
+<polygon fill="black" stroke="black" points="262.11,-252.58 265.61,-262.58 269.11,-252.58 262.11,-252.58"/>
 </g>
 <!-- I18nModule -->
 <g id="node5" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="478.71,-233.59 475.71,-237.59 454.71,-237.59 451.71,-233.59 393.29,-233.59 393.29,-197.59 478.71,-197.59 478.71,-233.59"/>
-<text text-anchor="middle" x="436" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="213.71,-233.59 210.71,-237.59 189.71,-237.59 186.71,-233.59 128.29,-233.59 128.29,-197.59 213.71,-197.59 213.71,-233.59"/>
+<text text-anchor="middle" x="171" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DatePickerModule -->
 <g id="edge4" class="edge">
 <title>I18nModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M419.13,-233.7C419.13,-233.7 419.13,-252.58 419.13,-252.58"/>
-<polygon fill="black" stroke="black" points="415.63,-252.58 419.13,-262.58 422.63,-252.58 415.63,-252.58"/>
+<path fill="none" stroke="black" d="M195.87,-233.7C195.87,-233.7 195.87,-252.58 195.87,-252.58"/>
+<polygon fill="black" stroke="black" points="192.37,-252.58 195.87,-262.58 199.37,-252.58 192.37,-252.58"/>
 </g>
 <!-- UtilsModule -->
 <g id="node6" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="375.27,-233.59 372.27,-237.59 351.27,-237.59 348.27,-233.59 288.73,-233.59 288.73,-197.59 375.27,-197.59 375.27,-233.59"/>
-<text text-anchor="middle" x="332" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="110.27,-233.59 107.27,-237.59 86.27,-237.59 83.27,-233.59 23.73,-233.59 23.73,-197.59 110.27,-197.59 110.27,-233.59"/>
+<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DatePickerModule -->
 <g id="edge5" class="edge">
 <title>UtilsModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M349.26,-233.7C349.26,-233.7 349.26,-252.58 349.26,-252.58"/>
-<polygon fill="black" stroke="black" points="345.76,-252.58 349.26,-262.58 352.76,-252.58 345.76,-252.58"/>
+<path fill="none" stroke="black" d="M102,-233.7C102,-252.93 102,-280.59 102,-280.59 102,-280.59 168.11,-280.59 168.11,-280.59"/>
+<polygon fill="black" stroke="black" points="168.11,-284.09 178.11,-280.59 168.11,-277.09 168.11,-284.09"/>
 </g>
 </g>
 </svg>