carbon-components-angular 5.24.2 → 5.24.4

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 (72) hide show
  1. package/docs/documentation/components/Tooltip.html +67 -28
  2. package/docs/documentation/coverage.html +3 -3
  3. package/docs/documentation/dependencies.html +1 -1
  4. package/docs/documentation/js/search/search_index.js +2 -2
  5. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  7. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  9. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
  10. package/docs/documentation/modules/DatePickerInputModule.html +7 -7
  11. package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
  12. package/docs/documentation/modules/DatePickerModule.html +53 -57
  13. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  14. package/docs/documentation/modules/DialogModule.html +34 -34
  15. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  16. package/docs/documentation/modules/GridModule.html +60 -60
  17. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/LoadingModule.html +4 -4
  19. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/NFormsModule.html +4 -4
  21. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/NumberModule.html +4 -4
  23. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  25. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/RadioModule.html +4 -4
  27. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/SearchModule.html +4 -4
  29. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  30. package/docs/documentation/modules/SelectModule.html +58 -58
  31. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/SliderModule.html +4 -4
  33. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  34. package/docs/documentation/modules/StructuredListModule.html +66 -66
  35. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  36. package/docs/documentation/modules/TabsModule.html +69 -69
  37. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/TagModule.html +4 -4
  39. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  40. package/docs/documentation/modules/ThemeModule.html +13 -13
  41. package/docs/documentation/modules/TilesModule/dependencies.svg +100 -100
  42. package/docs/documentation/modules/TilesModule.html +100 -100
  43. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/TimePickerModule.html +4 -4
  45. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +24 -24
  46. package/docs/documentation/modules/TimePickerSelectModule.html +24 -24
  47. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  48. package/docs/documentation/modules/ToggletipModule.html +37 -37
  49. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  50. package/docs/documentation/modules/TooltipModule.html +28 -28
  51. package/docs/documentation/modules/TreeviewModule/dependencies.svg +35 -35
  52. package/docs/documentation/modules/TreeviewModule.html +35 -35
  53. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/UIShellModule.html +4 -4
  55. package/docs/documentation.json +14 -14
  56. package/docs/storybook/{4578.17249a24.iframe.bundle.js → 4578.65805869.iframe.bundle.js} +1 -1
  57. package/docs/storybook/iframe.html +2 -2
  58. package/docs/storybook/{main.882077ad.iframe.bundle.js → main.ff512697.iframe.bundle.js} +1 -1
  59. package/docs/storybook/project.json +1 -1
  60. package/docs/storybook/{runtime~main.57b056bd.iframe.bundle.js → runtime~main.4af5c4ee.iframe.bundle.js} +1 -1
  61. package/docs/storybook/tooltip-definition-tooptip-stories.d6e8ec29.iframe.bundle.js +1 -0
  62. package/docs/storybook/tooltip-tooltip-stories.79853bfa.iframe.bundle.js +1 -0
  63. package/esm2020/tooltip/tooltip.component.mjs +9 -3
  64. package/fesm2015/carbon-components-angular-tooltip.mjs +8 -2
  65. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  66. package/fesm2020/carbon-components-angular-tooltip.mjs +8 -2
  67. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  68. package/package.json +3 -3
  69. package/telemetry.yml +8 -0
  70. package/tooltip/tooltip.component.d.ts +1 -0
  71. package/docs/storybook/tooltip-definition-tooptip-stories.d4d53243.iframe.bundle.js +0 -1
  72. package/docs/storybook/tooltip-tooltip-stories.fafd3535.iframe.bundle.js +0 -1
package/docs/documentation/modules/TooltipModule.html CHANGED
@@ -66,83 +66,83 @@
66
66
  <title>cluster_TooltipModule</title>
67
67
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="72,-70 72,-268 424,-268 424,-70 72,-70"/>
68
68
  </g>
69
+ <g id="clust5" class="cluster">
70
+ <title>cluster_TooltipModule_imports</title>
71
+ <polygon fill="none" stroke="black" points="294,-78 294,-130 416,-130 416,-78 294,-78"/>
72
+ </g>
69
73
  <g id="clust2" class="cluster">
70
74
  <title>cluster_TooltipModule_declarations</title>
71
- <polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
75
+ <polygon fill="none" stroke="black" points="80,-78 80,-130 286,-130 286,-78 80,-78"/>
72
76
  </g>
73
77
  <g id="clust6" class="cluster">
74
78
  <title>cluster_TooltipModule_exports</title>
75
- <polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
76
- </g>
77
- <g id="clust5" class="cluster">
78
- <title>cluster_TooltipModule_imports</title>
79
- <polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
79
+ <polygon fill="none" stroke="black" points="131,-208 131,-260 343,-260 343,-208 131,-208"/>
80
80
  </g>
81
81
  <!-- Tooltip -->
82
82
  <g id="node1" class="node">
83
83
  <title>Tooltip</title>
84
- <polygon fill="#ffffb3" stroke="black" points="407.72,-122 350.28,-122 350.28,-86 407.72,-86 407.72,-122"/>
85
- <text text-anchor="middle" x="379" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
84
+ <polygon fill="#ffffb3" stroke="black" points="277.72,-122 220.28,-122 220.28,-86 277.72,-86 277.72,-122"/>
85
+ <text text-anchor="middle" x="249" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
86
86
  </g>
87
87
  <!-- TooltipModule -->
88
88
  <g id="node3" class="node">
89
89
  <title>TooltipModule</title>
90
- <polygon fill="#8dd3c7" stroke="black" points="325.27,-187 322.27,-191 301.27,-191 298.27,-187 224.73,-187 224.73,-151 325.27,-151 325.27,-187"/>
91
- <text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
90
+ <polygon fill="#8dd3c7" stroke="black" points="299.27,-187 296.27,-191 275.27,-191 272.27,-187 198.73,-187 198.73,-151 299.27,-151 299.27,-187"/>
91
+ <text text-anchor="middle" x="249" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
92
92
  </g>
93
93
  <!-- Tooltip&#45;&gt;TooltipModule -->
94
94
  <g id="edge1" class="edge">
95
95
  <title>Tooltip&#45;&gt;TooltipModule</title>
96
- <path fill="none" stroke="black" d="M382.49,-122.11C382.49,-141.34 382.49,-169 382.49,-169 382.49,-169 335.28,-169 335.28,-169"/>
97
- <polygon fill="black" stroke="black" points="335.28,-165.5 325.28,-169 335.28,-172.5 335.28,-165.5"/>
96
+ <path fill="none" stroke="black" d="M249,-122.11C249,-122.11 249,-140.99 249,-140.99"/>
97
+ <polygon fill="black" stroke="black" points="245.5,-140.99 249,-150.99 252.5,-140.99 245.5,-140.99"/>
98
98
  </g>
99
99
  <!-- TooltipDefinition -->
100
100
  <g id="node2" class="node">
101
101
  <title>TooltipDefinition</title>
102
- <polygon fill="#ffffb3" stroke="black" points="332.27,-122 217.73,-122 217.73,-86 332.27,-86 332.27,-122"/>
103
- <text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
102
+ <polygon fill="#ffffb3" stroke="black" points="202.27,-122 87.73,-122 87.73,-86 202.27,-86 202.27,-122"/>
103
+ <text text-anchor="middle" x="145" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
104
104
  </g>
105
105
  <!-- TooltipDefinition&#45;&gt;TooltipModule -->
106
106
  <g id="edge2" class="edge">
107
107
  <title>TooltipDefinition&#45;&gt;TooltipModule</title>
108
- <path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
109
- <polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
108
+ <path fill="none" stroke="black" d="M202.43,-104C207.86,-104 211.39,-104 211.39,-104 211.39,-104 211.39,-140.89 211.39,-140.89"/>
109
+ <polygon fill="black" stroke="black" points="207.89,-140.89 211.39,-150.89 214.89,-140.89 207.89,-140.89"/>
110
110
  </g>
111
111
  <!-- Tooltip -->
112
112
  <g id="node5" class="node">
113
113
  <title>Tooltip </title>
114
- <polygon fill="#fb8072" stroke="black" points="357.23,-252 296.77,-252 296.77,-216 357.23,-216 357.23,-252"/>
115
- <text text-anchor="middle" x="327" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
114
+ <polygon fill="#fb8072" stroke="black" points="335.23,-252 274.77,-252 274.77,-216 335.23,-216 335.23,-252"/>
115
+ <text text-anchor="middle" x="305" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
116
116
  </g>
117
117
  <!-- TooltipModule&#45;&gt;Tooltip -->
118
118
  <g id="edge4" class="edge">
119
119
  <title>TooltipModule&#45;&gt;Tooltip </title>
120
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M311.01,-187.11C311.01,-187.11 311.01,-205.99 311.01,-205.99"/>
121
- <polygon fill="black" stroke="black" points="307.51,-205.99 311.01,-215.99 314.51,-205.99 307.51,-205.99"/>
120
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M287.01,-187.11C287.01,-187.11 287.01,-205.99 287.01,-205.99"/>
121
+ <polygon fill="black" stroke="black" points="283.51,-205.99 287.01,-215.99 290.51,-205.99 283.51,-205.99"/>
122
122
  </g>
123
123
  <!-- TooltipDefinition -->
124
124
  <g id="node6" class="node">
125
125
  <title>TooltipDefinition </title>
126
- <polygon fill="#fb8072" stroke="black" points="279.27,-252 160.73,-252 160.73,-216 279.27,-216 279.27,-252"/>
127
- <text text-anchor="middle" x="220" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
126
+ <polygon fill="#fb8072" stroke="black" points="257.27,-252 138.73,-252 138.73,-216 257.27,-216 257.27,-252"/>
127
+ <text text-anchor="middle" x="198" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
128
128
  </g>
129
129
  <!-- TooltipModule&#45;&gt;TooltipDefinition -->
130
130
  <g id="edge5" class="edge">
131
131
  <title>TooltipModule&#45;&gt;TooltipDefinition </title>
132
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M251.87,-187.11C251.87,-187.11 251.87,-205.99 251.87,-205.99"/>
133
- <polygon fill="black" stroke="black" points="248.37,-205.99 251.87,-215.99 255.37,-205.99 248.37,-205.99"/>
132
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.87,-187.11C227.87,-187.11 227.87,-205.99 227.87,-205.99"/>
133
+ <polygon fill="black" stroke="black" points="224.37,-205.99 227.87,-215.99 231.37,-205.99 224.37,-205.99"/>
134
134
  </g>
135
135
  <!-- PopoverModule -->
136
136
  <g id="node4" class="node">
137
137
  <title>PopoverModule</title>
138
- <polygon fill="#8dd3c7" stroke="black" points="194.21,-122 191.21,-126 170.21,-126 167.21,-122 87.79,-122 87.79,-86 194.21,-86 194.21,-122"/>
139
- <text text-anchor="middle" x="141" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
138
+ <polygon fill="#8dd3c7" stroke="black" points="408.21,-122 405.21,-126 384.21,-126 381.21,-122 301.79,-122 301.79,-86 408.21,-86 408.21,-122"/>
139
+ <text text-anchor="middle" x="355" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
140
140
  </g>
141
141
  <!-- PopoverModule&#45;&gt;TooltipModule -->
142
142
  <g id="edge3" class="edge">
143
143
  <title>PopoverModule&#45;&gt;TooltipModule</title>
144
- <path fill="none" stroke="black" d="M177.48,-122.11C177.48,-141.34 177.48,-169 177.48,-169 177.48,-169 214.53,-169 214.53,-169"/>
145
- <polygon fill="black" stroke="black" points="214.53,-172.5 224.53,-169 214.53,-165.5 214.53,-172.5"/>
144
+ <path fill="none" stroke="black" d="M301.64,-104C293.91,-104 288.5,-104 288.5,-104 288.5,-104 288.5,-140.89 288.5,-140.89"/>
145
+ <polygon fill="black" stroke="black" points="285,-140.89 288.5,-150.89 292,-140.89 285,-140.89"/>
146
146
  </g>
147
147
  </g>
148
148
  </svg>
package/docs/documentation/modules/TreeviewModule/dependencies.svg CHANGED
@@ -22,101 +22,101 @@
22
22
  <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
23
23
  <g id="clust1" class="cluster">
24
24
  <title>cluster_TreeviewModule</title>
25
- <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"/>
25
+ <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
26
26
  </g>
27
27
  <g id="clust5" class="cluster">
28
28
  <title>cluster_TreeviewModule_imports</title>
29
- <polygon fill="none" stroke="black" points="356.5,-143 356.5,-195 456.5,-195 456.5,-143 356.5,-143"/>
29
+ <polygon fill="none" stroke="black" points="370,-143 370,-195 470,-195 470,-143 370,-143"/>
30
30
  </g>
31
- <g id="clust2" class="cluster">
32
- <title>cluster_TreeviewModule_declarations</title>
33
- <polygon fill="none" stroke="black" points="39.5,-143 39.5,-195 348.5,-195 348.5,-143 39.5,-143"/>
31
+ <g id="clust4" class="cluster">
32
+ <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
33
+ <polygon fill="none" stroke="black" points="188,-78 188,-195 362,-195 362,-78 188,-78"/>
34
34
  </g>
35
35
  <g id="clust6" class="cluster">
36
36
  <title>cluster_TreeviewModule_exports</title>
37
- <polygon fill="none" stroke="black" points="90.5,-273 90.5,-325 405.5,-325 405.5,-273 90.5,-273"/>
37
+ <polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
38
38
  </g>
39
- <g id="clust4" class="cluster">
40
- <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
41
- <polygon fill="none" stroke="black" points="39.5,-78 39.5,-130 213.5,-130 213.5,-78 39.5,-78"/>
39
+ <g id="clust2" class="cluster">
40
+ <title>cluster_TreeviewModule_declarations</title>
41
+ <polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>
42
42
  </g>
43
43
  <!-- TreeNodeComponent -->
44
44
  <g id="node1" class="node">
45
45
  <title>TreeNodeComponent</title>
46
- <polygon fill="#ffffb3" stroke="black" points="340.3,-187 202.7,-187 202.7,-151 340.3,-151 340.3,-187"/>
47
- <text text-anchor="middle" x="271.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
46
+ <polygon fill="#ffffb3" stroke="black" points="171.8,-187 34.2,-187 34.2,-151 171.8,-151 171.8,-187"/>
47
+ <text text-anchor="middle" x="103" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
48
48
  </g>
49
49
  <!-- TreeviewModule -->
50
50
  <g id="node3" class="node">
51
51
  <title>TreeviewModule</title>
52
- <polygon fill="#8dd3c7" stroke="black" points="327.9,-252 324.9,-256 303.9,-256 300.9,-252 215.1,-252 215.1,-216 327.9,-216 327.9,-252"/>
53
- <text text-anchor="middle" x="271.5" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
52
+ <polygon fill="#8dd3c7" stroke="black" points="331.4,-252 328.4,-256 307.4,-256 304.4,-252 218.6,-252 218.6,-216 331.4,-216 331.4,-252"/>
53
+ <text text-anchor="middle" x="275" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
54
54
  </g>
55
55
  <!-- TreeNodeComponent&#45;&gt;TreeviewModule -->
56
56
  <g id="edge1" class="edge">
57
57
  <title>TreeNodeComponent&#45;&gt;TreeviewModule</title>
58
- <path fill="none" stroke="black" d="M271.5,-187.11C271.5,-187.11 271.5,-205.99 271.5,-205.99"/>
59
- <polygon fill="black" stroke="black" points="268,-205.99 271.5,-215.99 275,-205.99 268,-205.99"/>
58
+ <path fill="none" stroke="black" d="M138.13,-187.11C138.13,-206.34 138.13,-234 138.13,-234 138.13,-234 208.54,-234 208.54,-234"/>
59
+ <polygon fill="black" stroke="black" points="208.54,-237.5 218.54,-234 208.54,-230.5 208.54,-237.5"/>
60
60
  </g>
61
61
  <!-- TreeViewComponent -->
62
62
  <g id="node2" class="node">
63
63
  <title>TreeViewComponent</title>
64
- <polygon fill="#ffffb3" stroke="black" points="185.29,-187 47.71,-187 47.71,-151 185.29,-151 185.29,-187"/>
65
- <text text-anchor="middle" x="116.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
64
+ <polygon fill="#ffffb3" stroke="black" points="343.79,-187 206.21,-187 206.21,-151 343.79,-151 343.79,-187"/>
65
+ <text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
66
66
  </g>
67
67
  <!-- TreeViewComponent&#45;&gt;TreeviewModule -->
68
68
  <g id="edge2" class="edge">
69
69
  <title>TreeViewComponent&#45;&gt;TreeviewModule</title>
70
- <path fill="none" stroke="black" d="M141.62,-187.11C141.62,-206.34 141.62,-234 141.62,-234 141.62,-234 205.29,-234 205.29,-234"/>
71
- <polygon fill="black" stroke="black" points="205.29,-237.5 215.29,-234 205.29,-230.5 205.29,-237.5"/>
70
+ <path fill="none" stroke="black" d="M275,-187.11C275,-187.11 275,-205.99 275,-205.99"/>
71
+ <polygon fill="black" stroke="black" points="271.5,-205.99 275,-215.99 278.5,-205.99 271.5,-205.99"/>
72
72
  </g>
73
73
  <!-- TreeNodeComponent -->
74
74
  <g id="node6" class="node">
75
75
  <title>TreeNodeComponent </title>
76
- <polygon fill="#fb8072" stroke="black" points="397.8,-317 257.2,-317 257.2,-281 397.8,-281 397.8,-317"/>
77
- <text text-anchor="middle" x="327.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
76
+ <polygon fill="#fb8072" stroke="black" points="404.3,-317 263.7,-317 263.7,-281 404.3,-281 404.3,-317"/>
77
+ <text text-anchor="middle" x="334" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
78
78
  </g>
79
79
  <!-- TreeviewModule&#45;&gt;TreeNodeComponent -->
80
80
  <g id="edge5" class="edge">
81
81
  <title>TreeviewModule&#45;&gt;TreeNodeComponent </title>
82
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M292.4,-252.11C292.4,-252.11 292.4,-270.99 292.4,-270.99"/>
83
- <polygon fill="black" stroke="black" points="288.9,-270.99 292.4,-280.99 295.9,-270.99 288.9,-270.99"/>
82
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M297.4,-252.11C297.4,-252.11 297.4,-270.99 297.4,-270.99"/>
83
+ <polygon fill="black" stroke="black" points="293.9,-270.99 297.4,-280.99 300.9,-270.99 293.9,-270.99"/>
84
84
  </g>
85
85
  <!-- TreeViewComponent -->
86
86
  <g id="node7" class="node">
87
87
  <title>TreeViewComponent </title>
88
- <polygon fill="#fb8072" stroke="black" points="238.79,-317 98.21,-317 98.21,-281 238.79,-281 238.79,-317"/>
89
- <text text-anchor="middle" x="168.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
88
+ <polygon fill="#fb8072" stroke="black" points="245.29,-317 104.71,-317 104.71,-281 245.29,-281 245.29,-317"/>
89
+ <text text-anchor="middle" x="175" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
90
90
  </g>
91
91
  <!-- TreeviewModule&#45;&gt;TreeViewComponent -->
92
92
  <g id="edge6" class="edge">
93
93
  <title>TreeviewModule&#45;&gt;TreeViewComponent </title>
94
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.1,-252.11C227.1,-252.11 227.1,-270.99 227.1,-270.99"/>
95
- <polygon fill="black" stroke="black" points="223.6,-270.99 227.1,-280.99 230.6,-270.99 223.6,-270.99"/>
94
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M232.1,-252.11C232.1,-252.11 232.1,-270.99 232.1,-270.99"/>
95
+ <polygon fill="black" stroke="black" points="228.6,-270.99 232.1,-280.99 235.6,-270.99 228.6,-270.99"/>
96
96
  </g>
97
97
  <!-- TreeViewService -->
98
98
  <g id="node4" class="node">
99
99
  <title>TreeViewService</title>
100
- <ellipse fill="#fdb462" stroke="black" cx="126.5" cy="-104" rx="78.69" ry="18"/>
101
- <text text-anchor="middle" x="126.5" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
100
+ <ellipse fill="#fdb462" stroke="black" cx="275" cy="-104" rx="78.69" ry="18"/>
101
+ <text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
102
102
  </g>
103
103
  <!-- TreeViewService&#45;&gt;TreeViewComponent -->
104
104
  <g id="edge3" class="edge">
105
105
  <title>TreeViewService&#45;&gt;TreeViewComponent</title>
106
- <path fill="none" stroke="black" d="M116.53,-122.11C116.53,-122.11 116.53,-140.99 116.53,-140.99"/>
107
- <polygon fill="black" stroke="black" points="113.03,-140.99 116.53,-150.99 120.03,-140.99 113.03,-140.99"/>
106
+ <path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
107
+ <polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
108
108
  </g>
109
109
  <!-- IconModule -->
110
110
  <g id="node5" class="node">
111
111
  <title>IconModule</title>
112
- <polygon fill="#8dd3c7" stroke="black" points="448.93,-187 445.93,-191 424.93,-191 421.93,-187 364.07,-187 364.07,-151 448.93,-151 448.93,-187"/>
113
- <text text-anchor="middle" x="406.5" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
112
+ <polygon fill="#8dd3c7" stroke="black" points="462.43,-187 459.43,-191 438.43,-191 435.43,-187 377.57,-187 377.57,-151 462.43,-151 462.43,-187"/>
113
+ <text text-anchor="middle" x="420" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
114
114
  </g>
115
115
  <!-- IconModule&#45;&gt;TreeviewModule -->
116
116
  <g id="edge4" class="edge">
117
117
  <title>IconModule&#45;&gt;TreeviewModule</title>
118
- <path fill="none" stroke="black" d="M381.09,-187.11C381.09,-206.34 381.09,-234 381.09,-234 381.09,-234 337.9,-234 337.9,-234"/>
119
- <polygon fill="black" stroke="black" points="337.9,-230.5 327.9,-234 337.9,-237.5 337.9,-230.5"/>
118
+ <path fill="none" stroke="black" d="M391.09,-187.11C391.09,-206.34 391.09,-234 391.09,-234 391.09,-234 341.35,-234 341.35,-234"/>
119
+ <polygon fill="black" stroke="black" points="341.35,-230.5 331.35,-234 341.35,-237.5 341.35,-230.5"/>
120
120
  </g>
121
121
  </g>
122
122
  </svg>
package/docs/documentation/modules/TreeviewModule.html CHANGED
@@ -64,101 +64,101 @@
64
64
  <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
65
65
  <g id="clust1" class="cluster">
66
66
  <title>cluster_TreeviewModule</title>
67
- <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"/>
67
+ <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
68
68
  </g>
69
69
  <g id="clust5" class="cluster">
70
70
  <title>cluster_TreeviewModule_imports</title>
71
- <polygon fill="none" stroke="black" points="356.5,-143 356.5,-195 456.5,-195 456.5,-143 356.5,-143"/>
71
+ <polygon fill="none" stroke="black" points="370,-143 370,-195 470,-195 470,-143 370,-143"/>
72
72
  </g>
73
- <g id="clust2" class="cluster">
74
- <title>cluster_TreeviewModule_declarations</title>
75
- <polygon fill="none" stroke="black" points="39.5,-143 39.5,-195 348.5,-195 348.5,-143 39.5,-143"/>
73
+ <g id="clust4" class="cluster">
74
+ <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
75
+ <polygon fill="none" stroke="black" points="188,-78 188,-195 362,-195 362,-78 188,-78"/>
76
76
  </g>
77
77
  <g id="clust6" class="cluster">
78
78
  <title>cluster_TreeviewModule_exports</title>
79
- <polygon fill="none" stroke="black" points="90.5,-273 90.5,-325 405.5,-325 405.5,-273 90.5,-273"/>
79
+ <polygon fill="none" stroke="black" points="97,-273 97,-325 412,-325 412,-273 97,-273"/>
80
80
  </g>
81
- <g id="clust4" class="cluster">
82
- <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
83
- <polygon fill="none" stroke="black" points="39.5,-78 39.5,-130 213.5,-130 213.5,-78 39.5,-78"/>
81
+ <g id="clust2" class="cluster">
82
+ <title>cluster_TreeviewModule_declarations</title>
83
+ <polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>
84
84
  </g>
85
85
  <!-- TreeNodeComponent -->
86
86
  <g id="node1" class="node">
87
87
  <title>TreeNodeComponent</title>
88
- <polygon fill="#ffffb3" stroke="black" points="340.3,-187 202.7,-187 202.7,-151 340.3,-151 340.3,-187"/>
89
- <text text-anchor="middle" x="271.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
88
+ <polygon fill="#ffffb3" stroke="black" points="171.8,-187 34.2,-187 34.2,-151 171.8,-151 171.8,-187"/>
89
+ <text text-anchor="middle" x="103" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
90
90
  </g>
91
91
  <!-- TreeviewModule -->
92
92
  <g id="node3" class="node">
93
93
  <title>TreeviewModule</title>
94
- <polygon fill="#8dd3c7" stroke="black" points="327.9,-252 324.9,-256 303.9,-256 300.9,-252 215.1,-252 215.1,-216 327.9,-216 327.9,-252"/>
95
- <text text-anchor="middle" x="271.5" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
94
+ <polygon fill="#8dd3c7" stroke="black" points="331.4,-252 328.4,-256 307.4,-256 304.4,-252 218.6,-252 218.6,-216 331.4,-216 331.4,-252"/>
95
+ <text text-anchor="middle" x="275" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
96
96
  </g>
97
97
  <!-- TreeNodeComponent&#45;&gt;TreeviewModule -->
98
98
  <g id="edge1" class="edge">
99
99
  <title>TreeNodeComponent&#45;&gt;TreeviewModule</title>
100
- <path fill="none" stroke="black" d="M271.5,-187.11C271.5,-187.11 271.5,-205.99 271.5,-205.99"/>
101
- <polygon fill="black" stroke="black" points="268,-205.99 271.5,-215.99 275,-205.99 268,-205.99"/>
100
+ <path fill="none" stroke="black" d="M138.13,-187.11C138.13,-206.34 138.13,-234 138.13,-234 138.13,-234 208.54,-234 208.54,-234"/>
101
+ <polygon fill="black" stroke="black" points="208.54,-237.5 218.54,-234 208.54,-230.5 208.54,-237.5"/>
102
102
  </g>
103
103
  <!-- TreeViewComponent -->
104
104
  <g id="node2" class="node">
105
105
  <title>TreeViewComponent</title>
106
- <polygon fill="#ffffb3" stroke="black" points="185.29,-187 47.71,-187 47.71,-151 185.29,-151 185.29,-187"/>
107
- <text text-anchor="middle" x="116.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
106
+ <polygon fill="#ffffb3" stroke="black" points="343.79,-187 206.21,-187 206.21,-151 343.79,-151 343.79,-187"/>
107
+ <text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
108
108
  </g>
109
109
  <!-- TreeViewComponent&#45;&gt;TreeviewModule -->
110
110
  <g id="edge2" class="edge">
111
111
  <title>TreeViewComponent&#45;&gt;TreeviewModule</title>
112
- <path fill="none" stroke="black" d="M141.62,-187.11C141.62,-206.34 141.62,-234 141.62,-234 141.62,-234 205.29,-234 205.29,-234"/>
113
- <polygon fill="black" stroke="black" points="205.29,-237.5 215.29,-234 205.29,-230.5 205.29,-237.5"/>
112
+ <path fill="none" stroke="black" d="M275,-187.11C275,-187.11 275,-205.99 275,-205.99"/>
113
+ <polygon fill="black" stroke="black" points="271.5,-205.99 275,-215.99 278.5,-205.99 271.5,-205.99"/>
114
114
  </g>
115
115
  <!-- TreeNodeComponent -->
116
116
  <g id="node6" class="node">
117
117
  <title>TreeNodeComponent </title>
118
- <polygon fill="#fb8072" stroke="black" points="397.8,-317 257.2,-317 257.2,-281 397.8,-281 397.8,-317"/>
119
- <text text-anchor="middle" x="327.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
118
+ <polygon fill="#fb8072" stroke="black" points="404.3,-317 263.7,-317 263.7,-281 404.3,-281 404.3,-317"/>
119
+ <text text-anchor="middle" x="334" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
120
120
  </g>
121
121
  <!-- TreeviewModule&#45;&gt;TreeNodeComponent -->
122
122
  <g id="edge5" class="edge">
123
123
  <title>TreeviewModule&#45;&gt;TreeNodeComponent </title>
124
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M292.4,-252.11C292.4,-252.11 292.4,-270.99 292.4,-270.99"/>
125
- <polygon fill="black" stroke="black" points="288.9,-270.99 292.4,-280.99 295.9,-270.99 288.9,-270.99"/>
124
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M297.4,-252.11C297.4,-252.11 297.4,-270.99 297.4,-270.99"/>
125
+ <polygon fill="black" stroke="black" points="293.9,-270.99 297.4,-280.99 300.9,-270.99 293.9,-270.99"/>
126
126
  </g>
127
127
  <!-- TreeViewComponent -->
128
128
  <g id="node7" class="node">
129
129
  <title>TreeViewComponent </title>
130
- <polygon fill="#fb8072" stroke="black" points="238.79,-317 98.21,-317 98.21,-281 238.79,-281 238.79,-317"/>
131
- <text text-anchor="middle" x="168.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
130
+ <polygon fill="#fb8072" stroke="black" points="245.29,-317 104.71,-317 104.71,-281 245.29,-281 245.29,-317"/>
131
+ <text text-anchor="middle" x="175" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
132
132
  </g>
133
133
  <!-- TreeviewModule&#45;&gt;TreeViewComponent -->
134
134
  <g id="edge6" class="edge">
135
135
  <title>TreeviewModule&#45;&gt;TreeViewComponent </title>
136
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.1,-252.11C227.1,-252.11 227.1,-270.99 227.1,-270.99"/>
137
- <polygon fill="black" stroke="black" points="223.6,-270.99 227.1,-280.99 230.6,-270.99 223.6,-270.99"/>
136
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M232.1,-252.11C232.1,-252.11 232.1,-270.99 232.1,-270.99"/>
137
+ <polygon fill="black" stroke="black" points="228.6,-270.99 232.1,-280.99 235.6,-270.99 228.6,-270.99"/>
138
138
  </g>
139
139
  <!-- TreeViewService -->
140
140
  <g id="node4" class="node">
141
141
  <title>TreeViewService</title>
142
- <ellipse fill="#fdb462" stroke="black" cx="126.5" cy="-104" rx="78.69" ry="18"/>
143
- <text text-anchor="middle" x="126.5" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
142
+ <ellipse fill="#fdb462" stroke="black" cx="275" cy="-104" rx="78.69" ry="18"/>
143
+ <text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
144
144
  </g>
145
145
  <!-- TreeViewService&#45;&gt;TreeViewComponent -->
146
146
  <g id="edge3" class="edge">
147
147
  <title>TreeViewService&#45;&gt;TreeViewComponent</title>
148
- <path fill="none" stroke="black" d="M116.53,-122.11C116.53,-122.11 116.53,-140.99 116.53,-140.99"/>
149
- <polygon fill="black" stroke="black" points="113.03,-140.99 116.53,-150.99 120.03,-140.99 113.03,-140.99"/>
148
+ <path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
149
+ <polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
150
150
  </g>
151
151
  <!-- IconModule -->
152
152
  <g id="node5" class="node">
153
153
  <title>IconModule</title>
154
- <polygon fill="#8dd3c7" stroke="black" points="448.93,-187 445.93,-191 424.93,-191 421.93,-187 364.07,-187 364.07,-151 448.93,-151 448.93,-187"/>
155
- <text text-anchor="middle" x="406.5" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
154
+ <polygon fill="#8dd3c7" stroke="black" points="462.43,-187 459.43,-191 438.43,-191 435.43,-187 377.57,-187 377.57,-151 462.43,-151 462.43,-187"/>
155
+ <text text-anchor="middle" x="420" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
156
156
  </g>
157
157
  <!-- IconModule&#45;&gt;TreeviewModule -->
158
158
  <g id="edge4" class="edge">
159
159
  <title>IconModule&#45;&gt;TreeviewModule</title>
160
- <path fill="none" stroke="black" d="M381.09,-187.11C381.09,-206.34 381.09,-234 381.09,-234 381.09,-234 337.9,-234 337.9,-234"/>
161
- <polygon fill="black" stroke="black" points="337.9,-230.5 327.9,-234 337.9,-237.5 337.9,-230.5"/>
160
+ <path fill="none" stroke="black" d="M391.09,-187.11C391.09,-206.34 391.09,-234 391.09,-234 391.09,-234 341.35,-234 341.35,-234"/>
161
+ <polygon fill="black" stroke="black" points="341.35,-230.5 331.35,-234 341.35,-237.5 341.35,-230.5"/>
162
162
  </g>
163
163
  </g>
164
164
  </svg>
package/docs/documentation/modules/UIShellModule/dependencies.svg CHANGED
@@ -24,14 +24,14 @@
24
24
  <title>cluster_UIShellModule</title>
25
25
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
26
26
  </g>
27
- <g id="clust4" class="cluster">
28
- <title>cluster_UIShellModule_exports</title>
29
- <polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
30
- </g>
31
27
  <g id="clust3" class="cluster">
32
28
  <title>cluster_UIShellModule_imports</title>
33
29
  <polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
34
30
  </g>
31
+ <g id="clust4" class="cluster">
32
+ <title>cluster_UIShellModule_exports</title>
33
+ <polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
34
+ </g>
35
35
  <!-- HeaderModule -->
36
36
  <g id="node1" class="node">
37
37
  <title>HeaderModule</title>
package/docs/documentation/modules/UIShellModule.html CHANGED
@@ -66,14 +66,14 @@
66
66
  <title>cluster_UIShellModule</title>
67
67
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="13,-70 13,-268 483,-268 483,-70 13,-70"/>
68
68
  </g>
69
- <g id="clust4" class="cluster">
70
- <title>cluster_UIShellModule_exports</title>
71
- <polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
72
- </g>
73
69
  <g id="clust3" class="cluster">
74
70
  <title>cluster_UIShellModule_imports</title>
75
71
  <polygon fill="none" stroke="black" points="21,-78 21,-130 475,-130 475,-78 21,-78"/>
76
72
  </g>
73
+ <g id="clust4" class="cluster">
74
+ <title>cluster_UIShellModule_exports</title>
75
+ <polygon fill="none" stroke="black" points="67,-208 67,-260 429,-260 429,-208 67,-208"/>
76
+ </g>
77
77
  <!-- HeaderModule -->
78
78
  <g id="node1" class="node">
79
79
  <title>HeaderModule</title>
package/docs/documentation.json CHANGED
@@ -63217,7 +63217,7 @@
63217
63217
  },
63218
63218
  {
63219
63219
  "name": "Tooltip",
63220
- "id": "component-Tooltip-b05f70d91e0b1e4e7996f80176a7fa35743d84f421794ac0b0bcbd9890bea0f7563afa1aee0c07f0759c6d4d618679d25249ddcff9135e610623d85138f11f7d",
63220
+ "id": "component-Tooltip-99b1dbcec12f856a97141617e7e9fa45a27bc4f57294ada56458d7c465cc5dcb96e65bec9d7b3ab9a1525c00fe5de62f2ba64e7fb2710b7f38993423bd2cb5cd",
63221
63221
  "file": "src/tooltip/tooltip.component.ts",
63222
63222
  "changeDetection": "ChangeDetectionStrategy.OnPush",
63223
63223
  "encapsulation": [],
@@ -63535,7 +63535,7 @@
63535
63535
  "optional": false,
63536
63536
  "returnType": "void",
63537
63537
  "typeParameters": [],
63538
- "line": 114,
63538
+ "line": 122,
63539
63539
  "deprecated": false,
63540
63540
  "deprecationMessage": "",
63541
63541
  "decorators": [
@@ -63572,7 +63572,7 @@
63572
63572
  "optional": false,
63573
63573
  "returnType": "void",
63574
63574
  "typeParameters": [],
63575
- "line": 119,
63575
+ "line": 127,
63576
63576
  "deprecated": false,
63577
63577
  "deprecationMessage": "",
63578
63578
  "decorators": [
@@ -63609,7 +63609,7 @@
63609
63609
  "optional": false,
63610
63610
  "returnType": "void",
63611
63611
  "typeParameters": [],
63612
- "line": 105,
63612
+ "line": 113,
63613
63613
  "deprecated": false,
63614
63614
  "deprecationMessage": "",
63615
63615
  "decorators": [
@@ -63646,7 +63646,7 @@
63646
63646
  "optional": false,
63647
63647
  "returnType": "boolean",
63648
63648
  "typeParameters": [],
63649
- "line": 123,
63649
+ "line": 131,
63650
63650
  "deprecated": false,
63651
63651
  "deprecationMessage": "",
63652
63652
  "jsdoctags": [
@@ -63674,7 +63674,7 @@
63674
63674
  "optional": false,
63675
63675
  "returnType": "void",
63676
63676
  "typeParameters": [],
63677
- "line": 91,
63677
+ "line": 93,
63678
63678
  "deprecated": false,
63679
63679
  "deprecationMessage": "",
63680
63680
  "decorators": [
@@ -63711,7 +63711,7 @@
63711
63711
  "optional": false,
63712
63712
  "returnType": "void",
63713
63713
  "typeParameters": [],
63714
- "line": 98,
63714
+ "line": 103,
63715
63715
  "deprecated": false,
63716
63716
  "deprecationMessage": "",
63717
63717
  "decorators": [
@@ -63996,7 +63996,7 @@
63996
63996
  ],
63997
63997
  "deprecated": false,
63998
63998
  "deprecationMessage": "",
63999
- "line": 114
63999
+ "line": 122
64000
64000
  },
64001
64001
  {
64002
64002
  "name": "focusout",
@@ -64013,7 +64013,7 @@
64013
64013
  ],
64014
64014
  "deprecated": false,
64015
64015
  "deprecationMessage": "",
64016
- "line": 119
64016
+ "line": 127
64017
64017
  },
64018
64018
  {
64019
64019
  "name": "keyup",
@@ -64030,7 +64030,7 @@
64030
64030
  ],
64031
64031
  "deprecated": false,
64032
64032
  "deprecationMessage": "",
64033
- "line": 105
64033
+ "line": 113
64034
64034
  },
64035
64035
  {
64036
64036
  "name": "mouseenter",
@@ -64047,7 +64047,7 @@
64047
64047
  ],
64048
64048
  "deprecated": false,
64049
64049
  "deprecationMessage": "",
64050
- "line": 91
64050
+ "line": 93
64051
64051
  },
64052
64052
  {
64053
64053
  "name": "mouseleave",
@@ -64064,7 +64064,7 @@
64064
64064
  ],
64065
64065
  "deprecated": false,
64066
64066
  "deprecationMessage": "",
64067
- "line": 98
64067
+ "line": 103
64068
64068
  }
64069
64069
  ],
64070
64070
  "standalone": false,
@@ -64072,7 +64072,7 @@
64072
64072
  "description": "<p>Get started with importing the module:</p>\n<div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { TooltipModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-tooltip--basic\">See demo</a></p>\n",
64073
64073
  "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { TooltipModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-tooltip--basic)\n",
64074
64074
  "type": "component",
64075
- "sourceCode": "import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tNgZone,\n\tRenderer2,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"cds-tooltip, ibm-tooltip\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<span #contentWrapper>\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"description\"\n\t\t\tclass=\"cds--popover\"\n\t\t\t[id]=\"id\"\n\t\t\t[attr.aria-hidden]=\"!isOpen\"\n\t\t\trole=\"tooltip\">\n\t\t\t<ng-container *ngIf=\"!disabled\">\n\t\t\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\" [ngTemplateOutletContext]=\"{ $implicit: templateContext }\"></ng-template>\n\t\t\t\t\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n\t\t\t</ng-container>\n\t\t</span>\n\t`\n})\nexport class Tooltip extends PopoverContainer implements AfterContentChecked {\n\tstatic tooltipCount = 0;\n\n\t@HostBinding(\"class.cds--tooltip\") tooltipClass = true;\n\n\t@Input() id = `tooltip-${Tooltip.tooltipCount++}`;\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n\t/**\n\t * Prevent tooltip from showing, used by icon button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\t/**\n\t * Optional data for templates passed as implicit context\n\t */\n\t@Input() templateContext: any\n\n\t@ViewChild(\"contentWrapper\") wrapper: ElementRef<HTMLSpanElement>;\n\n\tconstructor(\n\t\tprotected elementRef: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\t@HostListener(\"mouseenter\", [\"$event\"])\n\tmouseenter(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(true, event);\n\t\t}, this.enterDelayMs);\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\tsetTimeout(() => {\n\t\t\tthis.handleChange(false, event);\n\t\t}, this.leaveDelayMs);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (open && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t// We are not focusing on entire popover, only the trigger\n\t@HostListener(\"focusin\", [\"$event\"])\n\thandleFocus(event: Event) {\n\t\tthis.handleChange(true, event);\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\thandleFocusOut(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tisTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Check for any changes in the projected content & apply accessibility attribute if needed\n\t */\n\tngAfterContentChecked() {\n\t\tif (this.wrapper) {\n\t\t\tconst buttonElement = this.wrapper.nativeElement.querySelector(\"button\");\n\t\t\tif (buttonElement && !buttonElement.getAttribute(\"aria-labelledby\")) {\n\t\t\t\tbuttonElement.setAttribute(\"aria-labelledby\", this.id);\n\t\t\t}\n\t\t}\n\t}\n}\n",
64075
+ "sourceCode": "import {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tInput,\n\tNgZone,\n\tRenderer2,\n\tTemplateRef,\n\tViewChild\n} from \"@angular/core\";\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { TooltipModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\n@Component({\n\tselector: \"cds-tooltip, ibm-tooltip\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<span #contentWrapper>\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"description\"\n\t\t\tclass=\"cds--popover\"\n\t\t\t[id]=\"id\"\n\t\t\t[attr.aria-hidden]=\"!isOpen\"\n\t\t\trole=\"tooltip\">\n\t\t\t<ng-container *ngIf=\"!disabled\">\n\t\t\t\t<span class=\"cds--popover-content cds--tooltip-content\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(description)\">{{description}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(description)\" [ngTemplateOutlet]=\"description\" [ngTemplateOutletContext]=\"{ $implicit: templateContext }\"></ng-template>\n\t\t\t\t\t<span *ngIf=\"autoAlign\" class=\"cds--popover-caret cds--popover--auto-align\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span *ngIf=\"!autoAlign\" class=\"cds--popover-caret\"></span>\n\t\t\t</ng-container>\n\t\t</span>\n\t`\n})\nexport class Tooltip extends PopoverContainer implements AfterContentChecked {\n\tstatic tooltipCount = 0;\n\n\t@HostBinding(\"class.cds--tooltip\") tooltipClass = true;\n\n\t@Input() id = `tooltip-${Tooltip.tooltipCount++}`;\n\t/**\n\t * Set delay before tooltip is shown\n\t */\n\t@Input() enterDelayMs = 100;\n\t/**\n\t * Set delay when tooltip disappears\n\t */\n\t@Input() leaveDelayMs = 300;\n\t/**\n\t * Prevent tooltip from showing, used by icon button\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * The string or template content to be exposed by the tooltip.\n\t */\n\t@Input() description: string | TemplateRef<any>;\n\t/**\n\t * Optional data for templates passed as implicit context\n\t */\n\t@Input() templateContext: any;\n\n\t@ViewChild(\"contentWrapper\") wrapper: ElementRef<HTMLSpanElement>;\n\n\tprivate timeoutId: any; // it should be number, but setTimeout below is matching the NodeJs type instead of the JS type\n\n\tconstructor(\n\t\tprotected elementRef: ElementRef,\n\t\tprotected ngZone: NgZone,\n\t\tprotected renderer: Renderer2,\n\t\tprotected changeDetectorRef: ChangeDetectorRef\n\t) {\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\n\t\tthis.highContrast = true;\n\t\tthis.dropShadow = false;\n\t}\n\n\t@HostListener(\"mouseenter\", [\"$event\"])\n\tmouseenter(event) {\n\t\t// If a mouseleave is triggered before the tooltip is displayed (before setTimeout of mouseenter completes)\n\t\t// we trigger the mouseleave only avoiding having to unecessary show the tooltip\n\t\tclearTimeout(this.timeoutId);\n\t\tthis.timeoutId = setTimeout(() => {\n\t\t\tthis.handleChange(true, event);\n\t\t}, this.enterDelayMs);\n\t}\n\n\t@HostListener(\"mouseleave\", [\"$event\"])\n\tmouseleave(event) {\n\t\t// If a mouseleave is triggered before the tooltip is displayed (before setTimeout of mouseenter completes)\n\t\t// we trigger the mouseleave only avoiding having to unecessary show the tooltip\n\t\tclearTimeout(this.timeoutId);\n\t\tthis.timeoutId = setTimeout(() => {\n\t\t\tthis.handleChange(false, event);\n\t\t}, this.leaveDelayMs);\n\t}\n\n\t@HostListener(\"keyup\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tif (open && event.key === \"Escape\") {\n\t\t\tevent.stopPropagation();\n\t\t\tthis.handleChange(false, event);\n\t\t}\n\t}\n\n\t// We are not focusing on entire popover, only the trigger\n\t@HostListener(\"focusin\", [\"$event\"])\n\thandleFocus(event: Event) {\n\t\tthis.handleChange(true, event);\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\thandleFocusOut(event: Event) {\n\t\tthis.handleChange(false, event);\n\t}\n\n\tisTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Check for any changes in the projected content & apply accessibility attribute if needed\n\t */\n\tngAfterContentChecked() {\n\t\tif (this.wrapper) {\n\t\t\tconst buttonElement = this.wrapper.nativeElement.querySelector(\"button\");\n\t\t\tif (buttonElement && !buttonElement.getAttribute(\"aria-labelledby\")) {\n\t\t\t\tbuttonElement.setAttribute(\"aria-labelledby\", this.id);\n\t\t\t}\n\t\t}\n\t}\n}\n",
64076
64076
  "assetsDirs": [],
64077
64077
  "styleUrlsData": "",
64078
64078
  "stylesData": "",
@@ -64107,7 +64107,7 @@
64107
64107
  "deprecationMessage": ""
64108
64108
  }
64109
64109
  ],
64110
- "line": 77,
64110
+ "line": 79,
64111
64111
  "jsdoctags": [
64112
64112
  {
64113
64113
  "name": "elementRef",