carbon-components-angular 5.12.0 → 5.12.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 (32) hide show
  1. package/docs/documentation/components/ContentSwitcher.html +1 -1
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  4. package/docs/documentation/modules/TagModule.html +4 -4
  5. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ThemeModule.html +4 -4
  7. package/docs/documentation/modules/TilesModule/dependencies.svg +100 -100
  8. package/docs/documentation/modules/TilesModule.html +100 -100
  9. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +49 -45
  10. package/docs/documentation/modules/TimePickerSelectModule.html +49 -45
  11. package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
  12. package/docs/documentation/modules/ToggleModule.html +41 -45
  13. package/docs/documentation/modules/ToggletipModule/dependencies.svg +38 -38
  14. package/docs/documentation/modules/ToggletipModule.html +38 -38
  15. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/TooltipModule.html +4 -4
  17. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/UIShellModule.html +4 -4
  19. package/docs/documentation.json +2 -2
  20. package/docs/storybook/content-switcher-content-switcher-stories.d8a420bd.iframe.bundle.js +1 -0
  21. package/docs/storybook/iframe.html +2 -2
  22. package/docs/storybook/main.fe6c3f7d.iframe.bundle.js +1 -0
  23. package/docs/storybook/project.json +1 -1
  24. package/docs/storybook/{runtime~main.e61e8f0b.iframe.bundle.js → runtime~main.73b5bfb0.iframe.bundle.js} +1 -1
  25. package/esm2020/content-switcher/content-switcher.component.mjs +2 -2
  26. package/fesm2015/carbon-components-angular-content-switcher.mjs +1 -1
  27. package/fesm2015/carbon-components-angular-content-switcher.mjs.map +1 -1
  28. package/fesm2020/carbon-components-angular-content-switcher.mjs +1 -1
  29. package/fesm2020/carbon-components-angular-content-switcher.mjs.map +1 -1
  30. package/package.json +1 -1
  31. package/docs/storybook/content-switcher-content-switcher-stories.0e556d81.iframe.bundle.js +0 -1
  32. package/docs/storybook/main.78985516.iframe.bundle.js +0 -1
package/docs/documentation/modules/ToggletipModule/dependencies.svg CHANGED
@@ -24,23 +24,23 @@
24
24
  <title>cluster_ToggletipModule</title>
25
25
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 747,-268 747,-70 8,-70"/>
26
26
  </g>
27
- <g id="clust8" class="cluster">
28
- <title>cluster_ToggletipModule_imports</title>
29
- <polygon fill="none" stroke="black" points="617,-78 617,-130 739,-130 739,-78 617,-78"/>
27
+ <g id="clust2" class="cluster">
28
+ <title>cluster_ToggletipModule_declarations</title>
29
+ <polygon fill="none" stroke="black" points="146,-78 146,-130 739,-130 739,-78 146,-78"/>
30
30
  </g>
31
31
  <g id="clust9" class="cluster">
32
32
  <title>cluster_ToggletipModule_exports</title>
33
33
  <polygon fill="none" stroke="black" points="72,-208 72,-260 682,-260 682,-208 72,-208"/>
34
34
  </g>
35
- <g id="clust2" class="cluster">
36
- <title>cluster_ToggletipModule_declarations</title>
37
- <polygon fill="none" stroke="black" points="16,-78 16,-130 609,-130 609,-78 16,-78"/>
35
+ <g id="clust8" class="cluster">
36
+ <title>cluster_ToggletipModule_imports</title>
37
+ <polygon fill="none" stroke="black" points="16,-78 16,-130 138,-130 138,-78 16,-78"/>
38
38
  </g>
39
39
  <!-- Toggletip -->
40
40
  <g id="node1" class="node">
41
41
  <title>Toggletip</title>
42
- <polygon fill="#ffffb3" stroke="black" points="601.44,-122 530.56,-122 530.56,-86 601.44,-86 601.44,-122"/>
43
- <text text-anchor="middle" x="566" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
42
+ <polygon fill="#ffffb3" stroke="black" points="731.44,-122 660.56,-122 660.56,-86 731.44,-86 731.44,-122"/>
43
+ <text text-anchor="middle" x="696" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
44
44
  </g>
45
45
  <!-- ToggletipModule -->
46
46
  <g id="node6" class="node">
@@ -51,56 +51,56 @@
51
51
  <!-- Toggletip&#45;&gt;ToggletipModule -->
52
52
  <g id="edge1" class="edge">
53
53
  <title>Toggletip&#45;&gt;ToggletipModule</title>
54
- <path fill="none" stroke="black" d="M556.4,-122.01C556.4,-138.05 556.4,-159 556.4,-159 556.4,-159 463,-159 463,-159"/>
55
- <polygon fill="black" stroke="black" points="463,-155.5 453,-159 463,-162.5 463,-155.5"/>
54
+ <path fill="none" stroke="black" d="M667.38,-122.27C667.38,-140.56 667.38,-166 667.38,-166 667.38,-166 463.22,-166 463.22,-166"/>
55
+ <polygon fill="black" stroke="black" points="463.22,-162.5 453.22,-166 463.22,-169.5 463.22,-162.5"/>
56
56
  </g>
57
57
  <!-- ToggletipAction -->
58
58
  <g id="node2" class="node">
59
59
  <title>ToggletipAction</title>
60
- <polygon fill="#ffffb3" stroke="black" points="513.04,-122 404.96,-122 404.96,-86 513.04,-86 513.04,-122"/>
61
- <text text-anchor="middle" x="459" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
60
+ <polygon fill="#ffffb3" stroke="black" points="643.04,-122 534.96,-122 534.96,-86 643.04,-86 643.04,-122"/>
61
+ <text text-anchor="middle" x="589" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
62
62
  </g>
63
63
  <!-- ToggletipAction&#45;&gt;ToggletipModule -->
64
64
  <g id="edge2" class="edge">
65
65
  <title>ToggletipAction&#45;&gt;ToggletipModule</title>
66
- <path fill="none" stroke="black" d="M428.86,-122.11C428.86,-122.11 428.86,-140.99 428.86,-140.99"/>
67
- <polygon fill="black" stroke="black" points="425.36,-140.99 428.86,-150.99 432.36,-140.99 425.36,-140.99"/>
66
+ <path fill="none" stroke="black" d="M558.38,-122.01C558.38,-138.05 558.38,-159 558.38,-159 558.38,-159 463.25,-159 463.25,-159"/>
67
+ <polygon fill="black" stroke="black" points="463.25,-155.5 453.25,-159 463.25,-162.5 463.25,-155.5"/>
68
68
  </g>
69
69
  <!-- ToggletipButton -->
70
70
  <g id="node3" class="node">
71
71
  <title>ToggletipButton</title>
72
- <polygon fill="#ffffb3" stroke="black" points="386.06,-122 277.94,-122 277.94,-86 386.06,-86 386.06,-122"/>
73
- <text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
72
+ <polygon fill="#ffffb3" stroke="black" points="516.06,-122 407.94,-122 407.94,-86 516.06,-86 516.06,-122"/>
73
+ <text text-anchor="middle" x="462" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
74
74
  </g>
75
75
  <!-- ToggletipButton&#45;&gt;ToggletipModule -->
76
76
  <g id="edge3" class="edge">
77
77
  <title>ToggletipButton&#45;&gt;ToggletipModule</title>
78
- <path fill="none" stroke="black" d="M362.64,-122.11C362.64,-122.11 362.64,-140.99 362.64,-140.99"/>
79
- <polygon fill="black" stroke="black" points="359.14,-140.99 362.64,-150.99 366.14,-140.99 359.14,-140.99"/>
78
+ <path fill="none" stroke="black" d="M430.36,-122.11C430.36,-122.11 430.36,-140.99 430.36,-140.99"/>
79
+ <polygon fill="black" stroke="black" points="426.86,-140.99 430.36,-150.99 433.86,-140.99 426.86,-140.99"/>
80
80
  </g>
81
81
  <!-- ToggletipContent -->
82
82
  <g id="node4" class="node">
83
83
  <title>ToggletipContent</title>
84
- <polygon fill="#ffffb3" stroke="black" points="259.27,-122 144.73,-122 144.73,-86 259.27,-86 259.27,-122"/>
85
- <text text-anchor="middle" x="202" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
84
+ <polygon fill="#ffffb3" stroke="black" points="389.27,-122 274.73,-122 274.73,-86 389.27,-86 389.27,-122"/>
85
+ <text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
86
86
  </g>
87
87
  <!-- ToggletipContent&#45;&gt;ToggletipModule -->
88
88
  <g id="edge4" class="edge">
89
89
  <title>ToggletipContent&#45;&gt;ToggletipModule</title>
90
- <path fill="none" stroke="black" d="M231.62,-122.01C231.62,-138.05 231.62,-159 231.62,-159 231.62,-159 328.97,-159 328.97,-159"/>
91
- <polygon fill="black" stroke="black" points="328.97,-162.5 338.97,-159 328.97,-155.5 328.97,-162.5"/>
90
+ <path fill="none" stroke="black" d="M364.2,-122.11C364.2,-122.11 364.2,-140.99 364.2,-140.99"/>
91
+ <polygon fill="black" stroke="black" points="360.7,-140.99 364.2,-150.99 367.7,-140.99 360.7,-140.99"/>
92
92
  </g>
93
93
  <!-- ToggletipLabel -->
94
94
  <g id="node5" class="node">
95
95
  <title>ToggletipLabel</title>
96
- <polygon fill="#ffffb3" stroke="black" points="126.31,-122 23.69,-122 23.69,-86 126.31,-86 126.31,-122"/>
97
- <text text-anchor="middle" x="75" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
96
+ <polygon fill="#ffffb3" stroke="black" points="256.31,-122 153.69,-122 153.69,-86 256.31,-86 256.31,-122"/>
97
+ <text text-anchor="middle" x="205" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
98
98
  </g>
99
99
  <!-- ToggletipLabel&#45;&gt;ToggletipModule -->
100
100
  <g id="edge5" class="edge">
101
101
  <title>ToggletipLabel&#45;&gt;ToggletipModule</title>
102
- <path fill="none" stroke="black" d="M103.12,-122.27C103.12,-140.56 103.12,-166 103.12,-166 103.12,-166 328.84,-166 328.84,-166"/>
103
- <polygon fill="black" stroke="black" points="328.84,-169.5 338.84,-166 328.84,-162.5 328.84,-169.5"/>
102
+ <path fill="none" stroke="black" d="M230.01,-122.01C230.01,-138.05 230.01,-159 230.01,-159 230.01,-159 328.88,-159 328.88,-159"/>
103
+ <polygon fill="black" stroke="black" points="328.88,-162.5 338.88,-159 328.88,-155.5 328.88,-162.5"/>
104
104
  </g>
105
105
  <!-- Toggletip -->
106
106
  <g id="node8" class="node">
@@ -111,8 +111,8 @@
111
111
  <!-- ToggletipModule&#45;&gt;Toggletip -->
112
112
  <g id="edge7" class="edge">
113
113
  <title>ToggletipModule&#45;&gt;Toggletip </title>
114
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.03,-173C517.34,-173 613.06,-173 613.06,-173 613.06,-173 613.06,-205.7 613.06,-205.7"/>
115
- <polygon fill="black" stroke="black" points="609.56,-205.7 613.06,-215.7 616.56,-205.7 609.56,-205.7"/>
114
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.23,-173C520.08,-173 621.65,-173 621.65,-173 621.65,-173 621.65,-205.7 621.65,-205.7"/>
115
+ <polygon fill="black" stroke="black" points="618.15,-205.7 621.65,-215.7 625.15,-205.7 618.15,-205.7"/>
116
116
  </g>
117
117
  <!-- ToggletipAction -->
118
118
  <g id="node9" class="node">
@@ -123,8 +123,8 @@
123
123
  <!-- ToggletipModule&#45;&gt;ToggletipAction -->
124
124
  <g id="edge8" class="edge">
125
125
  <title>ToggletipModule&#45;&gt;ToggletipAction </title>
126
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.01,-180C473.48,-180 491.62,-180 491.62,-180 491.62,-180 491.62,-205.72 491.62,-205.72"/>
127
- <polygon fill="black" stroke="black" points="488.13,-205.72 491.62,-215.72 495.13,-205.72 488.13,-205.72"/>
126
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.06,-180C474.2,-180 493.13,-180 493.13,-180 493.13,-180 493.13,-205.72 493.13,-205.72"/>
127
+ <polygon fill="black" stroke="black" points="489.63,-205.72 493.13,-215.72 496.63,-205.72 489.63,-205.72"/>
128
128
  </g>
129
129
  <!-- ToggletipButton -->
130
130
  <g id="node10" class="node">
@@ -147,8 +147,8 @@
147
147
  <!-- ToggletipModule&#45;&gt;ToggletipContent -->
148
148
  <g id="edge10" class="edge">
149
149
  <title>ToggletipModule&#45;&gt;ToggletipContent </title>
150
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M339,-180C318.32,-180 299.93,-180 299.93,-180 299.93,-180 299.93,-205.72 299.93,-205.72"/>
151
- <polygon fill="black" stroke="black" points="296.43,-205.72 299.93,-215.72 303.43,-205.72 296.43,-205.72"/>
150
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.93,-180C317.56,-180 298.38,-180 298.38,-180 298.38,-180 298.38,-205.72 298.38,-205.72"/>
151
+ <polygon fill="black" stroke="black" points="294.88,-205.72 298.38,-215.72 301.88,-205.72 294.88,-205.72"/>
152
152
  </g>
153
153
  <!-- ToggletipLabel -->
154
154
  <g id="node12" class="node">
@@ -159,20 +159,20 @@
159
159
  <!-- ToggletipModule&#45;&gt;ToggletipLabel -->
160
160
  <g id="edge11" class="edge">
161
161
  <title>ToggletipModule&#45;&gt;ToggletipLabel </title>
162
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.96,-173C270.63,-173 165.26,-173 165.26,-173 165.26,-173 165.26,-205.7 165.26,-205.7"/>
163
- <polygon fill="black" stroke="black" points="161.76,-205.7 165.26,-215.7 168.76,-205.7 161.76,-205.7"/>
162
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.94,-173C271.95,-173 169.88,-173 169.88,-173 169.88,-173 169.88,-205.7 169.88,-205.7"/>
163
+ <polygon fill="black" stroke="black" points="166.38,-205.7 169.88,-215.7 173.38,-205.7 166.38,-205.7"/>
164
164
  </g>
165
165
  <!-- PopoverModule -->
166
166
  <g id="node7" class="node">
167
167
  <title>PopoverModule</title>
168
- <polygon fill="#8dd3c7" stroke="black" points="731.21,-122 728.21,-126 707.21,-126 704.21,-122 624.79,-122 624.79,-86 731.21,-86 731.21,-122"/>
169
- <text text-anchor="middle" x="678" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
168
+ <polygon fill="#8dd3c7" stroke="black" points="130.21,-122 127.21,-126 106.21,-126 103.21,-122 23.79,-122 23.79,-86 130.21,-86 130.21,-122"/>
169
+ <text text-anchor="middle" x="77" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
170
170
  </g>
171
171
  <!-- PopoverModule&#45;&gt;ToggletipModule -->
172
172
  <g id="edge6" class="edge">
173
173
  <title>PopoverModule&#45;&gt;ToggletipModule</title>
174
- <path fill="none" stroke="black" d="M649.43,-122.27C649.43,-140.56 649.43,-166 649.43,-166 649.43,-166 463.19,-166 463.19,-166"/>
175
- <polygon fill="black" stroke="black" points="463.19,-162.5 453.19,-166 463.19,-169.5 463.19,-162.5"/>
174
+ <path fill="none" stroke="black" d="M105.1,-122.27C105.1,-140.56 105.1,-166 105.1,-166 105.1,-166 328.87,-166 328.87,-166"/>
175
+ <polygon fill="black" stroke="black" points="328.87,-169.5 338.87,-166 328.87,-162.5 328.87,-169.5"/>
176
176
  </g>
177
177
  </g>
178
178
  </svg>
package/docs/documentation/modules/ToggletipModule.html CHANGED
@@ -66,23 +66,23 @@
66
66
  <title>cluster_ToggletipModule</title>
67
67
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 747,-268 747,-70 8,-70"/>
68
68
  </g>
69
- <g id="clust8" class="cluster">
70
- <title>cluster_ToggletipModule_imports</title>
71
- <polygon fill="none" stroke="black" points="617,-78 617,-130 739,-130 739,-78 617,-78"/>
69
+ <g id="clust2" class="cluster">
70
+ <title>cluster_ToggletipModule_declarations</title>
71
+ <polygon fill="none" stroke="black" points="146,-78 146,-130 739,-130 739,-78 146,-78"/>
72
72
  </g>
73
73
  <g id="clust9" class="cluster">
74
74
  <title>cluster_ToggletipModule_exports</title>
75
75
  <polygon fill="none" stroke="black" points="72,-208 72,-260 682,-260 682,-208 72,-208"/>
76
76
  </g>
77
- <g id="clust2" class="cluster">
78
- <title>cluster_ToggletipModule_declarations</title>
79
- <polygon fill="none" stroke="black" points="16,-78 16,-130 609,-130 609,-78 16,-78"/>
77
+ <g id="clust8" class="cluster">
78
+ <title>cluster_ToggletipModule_imports</title>
79
+ <polygon fill="none" stroke="black" points="16,-78 16,-130 138,-130 138,-78 16,-78"/>
80
80
  </g>
81
81
  <!-- Toggletip -->
82
82
  <g id="node1" class="node">
83
83
  <title>Toggletip</title>
84
- <polygon fill="#ffffb3" stroke="black" points="601.44,-122 530.56,-122 530.56,-86 601.44,-86 601.44,-122"/>
85
- <text text-anchor="middle" x="566" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
84
+ <polygon fill="#ffffb3" stroke="black" points="731.44,-122 660.56,-122 660.56,-86 731.44,-86 731.44,-122"/>
85
+ <text text-anchor="middle" x="696" y="-99.8" font-family="Times,serif" font-size="14.00">Toggletip</text>
86
86
  </g>
87
87
  <!-- ToggletipModule -->
88
88
  <g id="node6" class="node">
@@ -93,56 +93,56 @@
93
93
  <!-- Toggletip&#45;&gt;ToggletipModule -->
94
94
  <g id="edge1" class="edge">
95
95
  <title>Toggletip&#45;&gt;ToggletipModule</title>
96
- <path fill="none" stroke="black" d="M556.4,-122.01C556.4,-138.05 556.4,-159 556.4,-159 556.4,-159 463,-159 463,-159"/>
97
- <polygon fill="black" stroke="black" points="463,-155.5 453,-159 463,-162.5 463,-155.5"/>
96
+ <path fill="none" stroke="black" d="M667.38,-122.27C667.38,-140.56 667.38,-166 667.38,-166 667.38,-166 463.22,-166 463.22,-166"/>
97
+ <polygon fill="black" stroke="black" points="463.22,-162.5 453.22,-166 463.22,-169.5 463.22,-162.5"/>
98
98
  </g>
99
99
  <!-- ToggletipAction -->
100
100
  <g id="node2" class="node">
101
101
  <title>ToggletipAction</title>
102
- <polygon fill="#ffffb3" stroke="black" points="513.04,-122 404.96,-122 404.96,-86 513.04,-86 513.04,-122"/>
103
- <text text-anchor="middle" x="459" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
102
+ <polygon fill="#ffffb3" stroke="black" points="643.04,-122 534.96,-122 534.96,-86 643.04,-86 643.04,-122"/>
103
+ <text text-anchor="middle" x="589" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipAction</text>
104
104
  </g>
105
105
  <!-- ToggletipAction&#45;&gt;ToggletipModule -->
106
106
  <g id="edge2" class="edge">
107
107
  <title>ToggletipAction&#45;&gt;ToggletipModule</title>
108
- <path fill="none" stroke="black" d="M428.86,-122.11C428.86,-122.11 428.86,-140.99 428.86,-140.99"/>
109
- <polygon fill="black" stroke="black" points="425.36,-140.99 428.86,-150.99 432.36,-140.99 425.36,-140.99"/>
108
+ <path fill="none" stroke="black" d="M558.38,-122.01C558.38,-138.05 558.38,-159 558.38,-159 558.38,-159 463.25,-159 463.25,-159"/>
109
+ <polygon fill="black" stroke="black" points="463.25,-155.5 453.25,-159 463.25,-162.5 463.25,-155.5"/>
110
110
  </g>
111
111
  <!-- ToggletipButton -->
112
112
  <g id="node3" class="node">
113
113
  <title>ToggletipButton</title>
114
- <polygon fill="#ffffb3" stroke="black" points="386.06,-122 277.94,-122 277.94,-86 386.06,-86 386.06,-122"/>
115
- <text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
114
+ <polygon fill="#ffffb3" stroke="black" points="516.06,-122 407.94,-122 407.94,-86 516.06,-86 516.06,-122"/>
115
+ <text text-anchor="middle" x="462" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipButton</text>
116
116
  </g>
117
117
  <!-- ToggletipButton&#45;&gt;ToggletipModule -->
118
118
  <g id="edge3" class="edge">
119
119
  <title>ToggletipButton&#45;&gt;ToggletipModule</title>
120
- <path fill="none" stroke="black" d="M362.64,-122.11C362.64,-122.11 362.64,-140.99 362.64,-140.99"/>
121
- <polygon fill="black" stroke="black" points="359.14,-140.99 362.64,-150.99 366.14,-140.99 359.14,-140.99"/>
120
+ <path fill="none" stroke="black" d="M430.36,-122.11C430.36,-122.11 430.36,-140.99 430.36,-140.99"/>
121
+ <polygon fill="black" stroke="black" points="426.86,-140.99 430.36,-150.99 433.86,-140.99 426.86,-140.99"/>
122
122
  </g>
123
123
  <!-- ToggletipContent -->
124
124
  <g id="node4" class="node">
125
125
  <title>ToggletipContent</title>
126
- <polygon fill="#ffffb3" stroke="black" points="259.27,-122 144.73,-122 144.73,-86 259.27,-86 259.27,-122"/>
127
- <text text-anchor="middle" x="202" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
126
+ <polygon fill="#ffffb3" stroke="black" points="389.27,-122 274.73,-122 274.73,-86 389.27,-86 389.27,-122"/>
127
+ <text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipContent</text>
128
128
  </g>
129
129
  <!-- ToggletipContent&#45;&gt;ToggletipModule -->
130
130
  <g id="edge4" class="edge">
131
131
  <title>ToggletipContent&#45;&gt;ToggletipModule</title>
132
- <path fill="none" stroke="black" d="M231.62,-122.01C231.62,-138.05 231.62,-159 231.62,-159 231.62,-159 328.97,-159 328.97,-159"/>
133
- <polygon fill="black" stroke="black" points="328.97,-162.5 338.97,-159 328.97,-155.5 328.97,-162.5"/>
132
+ <path fill="none" stroke="black" d="M364.2,-122.11C364.2,-122.11 364.2,-140.99 364.2,-140.99"/>
133
+ <polygon fill="black" stroke="black" points="360.7,-140.99 364.2,-150.99 367.7,-140.99 360.7,-140.99"/>
134
134
  </g>
135
135
  <!-- ToggletipLabel -->
136
136
  <g id="node5" class="node">
137
137
  <title>ToggletipLabel</title>
138
- <polygon fill="#ffffb3" stroke="black" points="126.31,-122 23.69,-122 23.69,-86 126.31,-86 126.31,-122"/>
139
- <text text-anchor="middle" x="75" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
138
+ <polygon fill="#ffffb3" stroke="black" points="256.31,-122 153.69,-122 153.69,-86 256.31,-86 256.31,-122"/>
139
+ <text text-anchor="middle" x="205" y="-99.8" font-family="Times,serif" font-size="14.00">ToggletipLabel</text>
140
140
  </g>
141
141
  <!-- ToggletipLabel&#45;&gt;ToggletipModule -->
142
142
  <g id="edge5" class="edge">
143
143
  <title>ToggletipLabel&#45;&gt;ToggletipModule</title>
144
- <path fill="none" stroke="black" d="M103.12,-122.27C103.12,-140.56 103.12,-166 103.12,-166 103.12,-166 328.84,-166 328.84,-166"/>
145
- <polygon fill="black" stroke="black" points="328.84,-169.5 338.84,-166 328.84,-162.5 328.84,-169.5"/>
144
+ <path fill="none" stroke="black" d="M230.01,-122.01C230.01,-138.05 230.01,-159 230.01,-159 230.01,-159 328.88,-159 328.88,-159"/>
145
+ <polygon fill="black" stroke="black" points="328.88,-162.5 338.88,-159 328.88,-155.5 328.88,-162.5"/>
146
146
  </g>
147
147
  <!-- Toggletip -->
148
148
  <g id="node8" class="node">
@@ -153,8 +153,8 @@
153
153
  <!-- ToggletipModule&#45;&gt;Toggletip -->
154
154
  <g id="edge7" class="edge">
155
155
  <title>ToggletipModule&#45;&gt;Toggletip </title>
156
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.03,-173C517.34,-173 613.06,-173 613.06,-173 613.06,-173 613.06,-205.7 613.06,-205.7"/>
157
- <polygon fill="black" stroke="black" points="609.56,-205.7 613.06,-215.7 616.56,-205.7 609.56,-205.7"/>
156
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.23,-173C520.08,-173 621.65,-173 621.65,-173 621.65,-173 621.65,-205.7 621.65,-205.7"/>
157
+ <polygon fill="black" stroke="black" points="618.15,-205.7 621.65,-215.7 625.15,-205.7 618.15,-205.7"/>
158
158
  </g>
159
159
  <!-- ToggletipAction -->
160
160
  <g id="node9" class="node">
@@ -165,8 +165,8 @@
165
165
  <!-- ToggletipModule&#45;&gt;ToggletipAction -->
166
166
  <g id="edge8" class="edge">
167
167
  <title>ToggletipModule&#45;&gt;ToggletipAction </title>
168
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.01,-180C473.48,-180 491.62,-180 491.62,-180 491.62,-180 491.62,-205.72 491.62,-205.72"/>
169
- <polygon fill="black" stroke="black" points="488.13,-205.72 491.62,-215.72 495.13,-205.72 488.13,-205.72"/>
168
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M453.06,-180C474.2,-180 493.13,-180 493.13,-180 493.13,-180 493.13,-205.72 493.13,-205.72"/>
169
+ <polygon fill="black" stroke="black" points="489.63,-205.72 493.13,-215.72 496.63,-205.72 489.63,-205.72"/>
170
170
  </g>
171
171
  <!-- ToggletipButton -->
172
172
  <g id="node10" class="node">
@@ -189,8 +189,8 @@
189
189
  <!-- ToggletipModule&#45;&gt;ToggletipContent -->
190
190
  <g id="edge10" class="edge">
191
191
  <title>ToggletipModule&#45;&gt;ToggletipContent </title>
192
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M339,-180C318.32,-180 299.93,-180 299.93,-180 299.93,-180 299.93,-205.72 299.93,-205.72"/>
193
- <polygon fill="black" stroke="black" points="296.43,-205.72 299.93,-215.72 303.43,-205.72 296.43,-205.72"/>
192
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.93,-180C317.56,-180 298.38,-180 298.38,-180 298.38,-180 298.38,-205.72 298.38,-205.72"/>
193
+ <polygon fill="black" stroke="black" points="294.88,-205.72 298.38,-215.72 301.88,-205.72 294.88,-205.72"/>
194
194
  </g>
195
195
  <!-- ToggletipLabel -->
196
196
  <g id="node12" class="node">
@@ -201,20 +201,20 @@
201
201
  <!-- ToggletipModule&#45;&gt;ToggletipLabel -->
202
202
  <g id="edge11" class="edge">
203
203
  <title>ToggletipModule&#45;&gt;ToggletipLabel </title>
204
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.96,-173C270.63,-173 165.26,-173 165.26,-173 165.26,-173 165.26,-205.7 165.26,-205.7"/>
205
- <polygon fill="black" stroke="black" points="161.76,-205.7 165.26,-215.7 168.76,-205.7 161.76,-205.7"/>
204
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M338.94,-173C271.95,-173 169.88,-173 169.88,-173 169.88,-173 169.88,-205.7 169.88,-205.7"/>
205
+ <polygon fill="black" stroke="black" points="166.38,-205.7 169.88,-215.7 173.38,-205.7 166.38,-205.7"/>
206
206
  </g>
207
207
  <!-- PopoverModule -->
208
208
  <g id="node7" class="node">
209
209
  <title>PopoverModule</title>
210
- <polygon fill="#8dd3c7" stroke="black" points="731.21,-122 728.21,-126 707.21,-126 704.21,-122 624.79,-122 624.79,-86 731.21,-86 731.21,-122"/>
211
- <text text-anchor="middle" x="678" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
210
+ <polygon fill="#8dd3c7" stroke="black" points="130.21,-122 127.21,-126 106.21,-126 103.21,-122 23.79,-122 23.79,-86 130.21,-86 130.21,-122"/>
211
+ <text text-anchor="middle" x="77" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
212
212
  </g>
213
213
  <!-- PopoverModule&#45;&gt;ToggletipModule -->
214
214
  <g id="edge6" class="edge">
215
215
  <title>PopoverModule&#45;&gt;ToggletipModule</title>
216
- <path fill="none" stroke="black" d="M649.43,-122.27C649.43,-140.56 649.43,-166 649.43,-166 649.43,-166 463.19,-166 463.19,-166"/>
217
- <polygon fill="black" stroke="black" points="463.19,-162.5 453.19,-166 463.19,-169.5 463.19,-162.5"/>
216
+ <path fill="none" stroke="black" d="M105.1,-122.27C105.1,-140.56 105.1,-166 105.1,-166 105.1,-166 328.87,-166 328.87,-166"/>
217
+ <polygon fill="black" stroke="black" points="328.87,-169.5 338.87,-166 328.87,-162.5 328.87,-169.5"/>
218
218
  </g>
219
219
  </g>
220
220
  </svg>
package/docs/documentation/modules/TooltipModule/dependencies.svg CHANGED
@@ -24,6 +24,10 @@
24
24
  <title>cluster_TooltipModule</title>
25
25
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="72,-70 72,-268 424,-268 424,-70 72,-70"/>
26
26
  </g>
27
+ <g id="clust6" class="cluster">
28
+ <title>cluster_TooltipModule_exports</title>
29
+ <polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
30
+ </g>
27
31
  <g id="clust2" class="cluster">
28
32
  <title>cluster_TooltipModule_declarations</title>
29
33
  <polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
@@ -32,10 +36,6 @@
32
36
  <title>cluster_TooltipModule_imports</title>
33
37
  <polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
34
38
  </g>
35
- <g id="clust6" class="cluster">
36
- <title>cluster_TooltipModule_exports</title>
37
- <polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
38
- </g>
39
39
  <!-- Tooltip -->
40
40
  <g id="node1" class="node">
41
41
  <title>Tooltip</title>
package/docs/documentation/modules/TooltipModule.html CHANGED
@@ -66,6 +66,10 @@
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="clust6" class="cluster">
70
+ <title>cluster_TooltipModule_exports</title>
71
+ <polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
72
+ </g>
69
73
  <g id="clust2" class="cluster">
70
74
  <title>cluster_TooltipModule_declarations</title>
71
75
  <polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
@@ -74,10 +78,6 @@
74
78
  <title>cluster_TooltipModule_imports</title>
75
79
  <polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
76
80
  </g>
77
- <g id="clust6" class="cluster">
78
- <title>cluster_TooltipModule_exports</title>
79
- <polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
80
- </g>
81
81
  <!-- Tooltip -->
82
82
  <g id="node1" class="node">
83
83
  <title>Tooltip</title>
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
@@ -22836,7 +22836,7 @@
22836
22836
  },
22837
22837
  {
22838
22838
  "name": "ContentSwitcher",
22839
- "id": "component-ContentSwitcher-40d3e94ccea32faf24a7b7c344cd1ea6c3da8280c64e71a4db145d46d736ec3b95d45e6654cf3b099b0af22552fc0d79f8e247dd3164429e3e1ddffae031a0e5",
22839
+ "id": "component-ContentSwitcher-ba98f7efc99de46edb3f99514f73e7886a59438855cdc143238ec6d310bbae9415a5e37707163e713ea9074609a835f2ee42a710e50639513c1865d343ff8196",
22840
22840
  "file": "src/content-switcher/content-switcher.component.ts",
22841
22841
  "encapsulation": [],
22842
22842
  "entryComponents": [],
@@ -22970,7 +22970,7 @@
22970
22970
  "description": "<p>The content switcher can be used for toggling between distinct options.\nSimilar to tabs, but without an associated content panel</p>\n<p><a href=\"../../?path=/story/components-content-switcher--basic\">See demo</a></p>\n<div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;cds-content-switcher (selected)=&quot;selected($event)&quot;&gt;\n &lt;button cdsContentOption&gt;First section&lt;/button&gt;\n &lt;button cdsContentOption&gt;Second section&lt;/button&gt;\n &lt;button cdsContentOption&gt;Third section&lt;/button&gt;\n &lt;/cds-content-switcher&gt;\n ```</code></pre></div>",
22971
22971
  "rawdescription": "\n\nThe content switcher can be used for toggling between distinct options.\nSimilar to tabs, but without an associated content panel\n\n[See demo](../../?path=/story/components-content-switcher--basic)\n\n```html\n<cds-content-switcher (selected)=\"selected($event)\">\n\t\t<button cdsContentOption>First section</button>\n\t\t<button cdsContentOption>Second section</button>\n\t\t<button cdsContentOption>Third section</button>\n\t</cds-content-switcher>\n\t```\n",
22972
22972
  "type": "component",
22973
- "sourceCode": "import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tOutput,\n\tEventEmitter,\n\tAfterViewInit,\n\tHostListener,\n\tElementRef\n} from \"@angular/core\";\nimport { ContentSwitcherOption } from \"./content-switcher-option.directive\";\nimport { isFocusInLastItem, isFocusInFirstItem } from \"carbon-components-angular/common\";\n\n/**\n * The content switcher can be used for toggling between distinct options.\n * Similar to tabs, but without an associated content panel\n *\n * [See demo](../../?path=/story/components-content-switcher--basic)\n *\n * ```html\n * <cds-content-switcher (selected)=\"selected($event)\">\n *\t\t<button cdsContentOption>First section</button>\n *\t\t<button cdsContentOption>Second section</button>\n *\t\t<button cdsContentOption>Third section</button>\n *\t</cds-content-switcher>\n *\t```\n */\n@Component({\n\tselector: \"cds-content-switcher, ibm-content-switcher\",\n\ttemplate: `\n\t\t<div\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\tclass=\"cds--content-switcher\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--content-switcher--sm': size === 'sm',\n\t\t\t\t'cds--content-switcher--md': size === 'md',\n\t\t\t\t'cds--content-switcher--lg': size === 'lg'\n\t\t\t}\"\n\t\t\trole=\"tablist\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class ContentSwitcher implements AfterViewInit {\n\t@Input() ariaLabel = \"content switcher\";\n\n\t/**\n\t * Set content switcher size\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t/**\n\t * Emits the activated `ContentSwitcherOption`\n\t */\n\t@Output() selected = new EventEmitter<ContentSwitcherOption>();\n\n\t@ContentChildren(ContentSwitcherOption) options: QueryList<ContentSwitcherOption>;\n\n\tconstructor(protected elementRef: ElementRef) {}\n\n\tngAfterViewInit() {\n\t\tconst firstActive = this.options.find(option => option.active);\n\t\t// delay setting active until the DOM has settled\n\t\tif (!firstActive) {\n\t\t\tsetTimeout(() => this.options.first.active = true);\n\t\t}\n\t\t// subscribe to each item, emit when one is selected, and reset the active states\n\t\tthis.options.forEach(option => {\n\t\t\toption.selected.subscribe((_: boolean) => {\n\t\t\t\tconst active = option;\n\t\t\t\tthis.options.forEach(option => {\n\t\t\t\t\tif (option !== active) {\n\t\t\t\t\t\toption.active = false;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tthis.selected.emit(active);\n\t\t\t});\n\t\t});\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tconst buttonList = Array.from<any>(this.elementRef.nativeElement.querySelectorAll(\"[cdsContentOption]\"));\n\n\t\tswitch (event.key) {\n\t\t\tcase \"ArrowRight\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (!isFocusInLastItem(event, buttonList)) {\n\t\t\t\t\tconst index = buttonList.findIndex(item => item === event.target);\n\t\t\t\t\tbuttonList[index + 1].focus();\n\t\t\t\t} else {\n\t\t\t\t\tbuttonList[0].focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"ArrowLeft\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (!isFocusInFirstItem(event, buttonList)) {\n\t\t\t\t\tconst index = buttonList.findIndex(item => item === event.target);\n\t\t\t\t\tbuttonList[index - 1].focus();\n\t\t\t\t} else {\n\t\t\t\t\tbuttonList[buttonList.length - 1].focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"Home\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbuttonList[0].focus();\n\t\t\t\tbreak;\n\n\t\t\tcase \"End\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbuttonList[buttonList.length - 1].focus();\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n",
22973
+ "sourceCode": "import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tOutput,\n\tEventEmitter,\n\tAfterViewInit,\n\tHostListener,\n\tElementRef\n} from \"@angular/core\";\nimport { ContentSwitcherOption } from \"./content-switcher-option.directive\";\nimport { isFocusInLastItem, isFocusInFirstItem } from \"carbon-components-angular/common\";\n\n/**\n * The content switcher can be used for toggling between distinct options.\n * Similar to tabs, but without an associated content panel\n *\n * [See demo](../../?path=/story/components-content-switcher--basic)\n *\n * ```html\n * <cds-content-switcher (selected)=\"selected($event)\">\n *\t\t<button cdsContentOption>First section</button>\n *\t\t<button cdsContentOption>Second section</button>\n *\t\t<button cdsContentOption>Third section</button>\n *\t</cds-content-switcher>\n *\t```\n */\n@Component({\n\tselector: \"cds-content-switcher, ibm-content-switcher\",\n\ttemplate: `\n\t\t<div\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\tclass=\"cds--content-switcher\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--content-switcher--sm': size === 'sm',\n\t\t\t\t'cds--content-switcher--md': size === 'md',\n\t\t\t\t'cds--content-switcher--lg': size === 'lg'\n\t\t\t}\"\n\t\t\trole=\"tablist\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`\n})\nexport class ContentSwitcher implements AfterViewInit {\n\t@Input() ariaLabel = \"content switcher\";\n\n\t/**\n\t * Set content switcher size\n\t */\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n\t/**\n\t * Emits the activated `ContentSwitcherOption`\n\t */\n\t@Output() selected = new EventEmitter<ContentSwitcherOption>();\n\n\t@ContentChildren(ContentSwitcherOption) options: QueryList<ContentSwitcherOption>;\n\n\tconstructor(protected elementRef: ElementRef) {}\n\n\tngAfterViewInit() {\n\t\tconst firstActive = this.options.find(option => option.active);\n\t\t// delay setting active until the DOM has settled\n\t\tif (!firstActive) {\n\t\t\tsetTimeout(() => this.options.first.active = true);\n\t\t}\n\t\t// subscribe to each item, emit when one is selected, and reset the active states\n\t\tthis.options.forEach(option => {\n\t\t\toption.selected.subscribe((_: boolean) => {\n\t\t\t\tconst active = option;\n\t\t\t\tthis.options.forEach(option => {\n\t\t\t\t\tif (option !== active) {\n\t\t\t\t\t\toption.active = false;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tthis.selected.emit(active);\n\t\t\t});\n\t\t});\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\thostkeys(event: KeyboardEvent) {\n\t\tconst buttonList = Array.from<any>(this.elementRef.nativeElement.querySelectorAll(\"[cdsContentOption], [ibmContentOption]\"));\n\n\t\tswitch (event.key) {\n\t\t\tcase \"ArrowRight\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (!isFocusInLastItem(event, buttonList)) {\n\t\t\t\t\tconst index = buttonList.findIndex(item => item === event.target);\n\t\t\t\t\tbuttonList[index + 1].focus();\n\t\t\t\t} else {\n\t\t\t\t\tbuttonList[0].focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"ArrowLeft\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (!isFocusInFirstItem(event, buttonList)) {\n\t\t\t\t\tconst index = buttonList.findIndex(item => item === event.target);\n\t\t\t\t\tbuttonList[index - 1].focus();\n\t\t\t\t} else {\n\t\t\t\t\tbuttonList[buttonList.length - 1].focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase \"Home\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbuttonList[0].focus();\n\t\t\t\tbreak;\n\n\t\t\tcase \"End\":\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbuttonList[buttonList.length - 1].focus();\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n",
22974
22974
  "assetsDirs": [],
22975
22975
  "styleUrlsData": "",
22976
22976
  "stylesData": "",
package/docs/storybook/content-switcher-content-switcher-stories.d8a420bd.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4391],{"./src/content-switcher/content-switcher.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>content_switcher_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ContentSwitcherOption=class ContentSwitcherOption{constructor(renderer,hostElement){this.renderer=renderer,this.hostElement=hostElement,this.name="option",this.selected=new core.EventEmitter,this.onClick=new core.EventEmitter,this.onFocus=new core.EventEmitter,this.switcherClass="cds--content-switcher-btn",this.selectedClass=!1,this.role="tab",this.ariaSelected=!1,this.tabindex="-1",this._active=!1}set active(value){this._active=value,this.selectedClass=value,this.ariaSelected=value,this.tabindex=value?"0":"-1"}get active(){return this._active}hostClick(event){this.onClick.emit(event),this.active||(this.active=!0,this.selected.emit(!0))}doFocus(event){this.onFocus.emit(event),this.active||(this.active=!0,this.selected.emit(!0))}ngOnInit(){const hostNativeElement=this.hostElement.nativeElement,spanWrapper=this.renderer.createElement("span");this.renderer.addClass(spanWrapper,"cds--content-switcher__label");const hostChildren=[];hostNativeElement.childNodes.forEach((node=>hostChildren.push(node))),hostChildren.forEach((node=>{this.renderer.removeChild(hostNativeElement,node),this.renderer.appendChild(spanWrapper,node)})),this.renderer.appendChild(hostNativeElement,spanWrapper)}};ContentSwitcherOption.ctorParameters=()=>[{type:core.Renderer2},{type:core.ElementRef}],ContentSwitcherOption.propDecorators={active:[{type:core.Input}],name:[{type:core.Input}],selected:[{type:core.Output}],onClick:[{type:core.Output}],onFocus:[{type:core.Output}],switcherClass:[{type:core.HostBinding,args:["class"]}],selectedClass:[{type:core.HostBinding,args:["class.cds--content-switcher--selected"]}],role:[{type:core.HostBinding,args:["attr.role"]}],ariaSelected:[{type:core.HostBinding,args:["attr.aria-selected"]}],tabindex:[{type:core.HostBinding,args:["attr.tabIndex"]}],hostClick:[{type:core.HostListener,args:["click",["$event"]]}],doFocus:[{type:core.HostListener,args:["focus",["$event"]]}]},ContentSwitcherOption=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsContentOption], [ibmContentOption]"})],ContentSwitcherOption);var tab_service=__webpack_require__("./src/common/tab.service.ts");let ContentSwitcher=class ContentSwitcher{constructor(elementRef){this.elementRef=elementRef,this.ariaLabel="content switcher",this.size="md",this.selected=new core.EventEmitter}ngAfterViewInit(){this.options.find((option=>option.active))||setTimeout((()=>this.options.first.active=!0)),this.options.forEach((option=>{option.selected.subscribe((_=>{const active=option;this.options.forEach((option=>{option!==active&&(option.active=!1)})),this.selected.emit(active)}))}))}hostkeys(event){const buttonList=Array.from(this.elementRef.nativeElement.querySelectorAll("[cdsContentOption], [ibmContentOption]"));switch(event.key){case"ArrowRight":if(event.preventDefault(),(0,tab_service.jv)(event,buttonList))buttonList[0].focus();else{const index=buttonList.findIndex((item=>item===event.target));buttonList[index+1].focus()}break;case"ArrowLeft":if(event.preventDefault(),(0,tab_service.w3)(event,buttonList))buttonList[buttonList.length-1].focus();else{const index=buttonList.findIndex((item=>item===event.target));buttonList[index-1].focus()}break;case"Home":event.preventDefault(),buttonList[0].focus();break;case"End":event.preventDefault(),buttonList[buttonList.length-1].focus()}}};ContentSwitcher.ctorParameters=()=>[{type:core.ElementRef}],ContentSwitcher.propDecorators={ariaLabel:[{type:core.Input}],size:[{type:core.Input}],selected:[{type:core.Output}],options:[{type:core.ContentChildren,args:[ContentSwitcherOption]}],hostkeys:[{type:core.HostListener,args:["keydown",["$event"]]}]},ContentSwitcher=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-content-switcher, ibm-content-switcher",template:"\n\t\t<div\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\tclass=\"cds--content-switcher\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--content-switcher--sm': size === 'sm',\n\t\t\t\t'cds--content-switcher--md': size === 'md',\n\t\t\t\t'cds--content-switcher--lg': size === 'lg'\n\t\t\t}\"\n\t\t\trole=\"tablist\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t"})],ContentSwitcher);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let ContentSwitcherModule=class ContentSwitcherModule{};ContentSwitcherModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[ContentSwitcher,ContentSwitcherOption],exports:[ContentSwitcher,ContentSwitcherOption],imports:[common.CommonModule]})],ContentSwitcherModule);const content_switcher_stories={title:"Components/Content Switcher",decorators:[(0,dist.moduleMetadata)({imports:[ContentSwitcherModule]})],argTypes:{code:{control:!1}},component:ContentSwitcher,subcomponents:ContentSwitcherOption},Basic=(args=>({props:args,template:'\n\t\t<cds-content-switcher (selected)="selected($event)">\n\t\t\t<button cdsContentOption name="First">First section</button>\n\t\t\t<button cdsContentOption name="Second">Second section</button>\n\t\t\t<button cdsContentOption name="Third">Third section</button>\n\t\t</cds-content-switcher>\n\t'})).bind({})},"./src/common/tab.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X9:()=>tabbableSelectorIgnoreTabIndex,ZW:()=>getFocusElementList,jv:()=>isFocusInLastItem,nW:()=>cycleTabs,o$:()=>tabbableSelector,w3:()=>isFocusInFirstItem});let tabbableSelector="a[href], area[href], input:not([disabled]):not([tabindex='-1']), button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']), textarea:not([disabled]):not([tabindex='-1']), iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true]",tabbableSelectorIgnoreTabIndex="a[href], area[href], input:not([disabled]), button:not([disabled]),select:not([disabled]), textarea:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable=true]";function getFocusElementList(element,selector=tabbableSelector){let elements=element.querySelectorAll(selector);return elements?Array.prototype.filter.call(elements,(el=>function isVisible(element){return!!(element.offsetWidth||element.offsetHeight||element.getClientRects().length)}(el))):elements}function isFocusInFirstItem(event,list){return list.length>0&&(event.target||event.srcElement)===list[0]}function isFocusInLastItem(event,list){return list.length>0&&(event.target||event.srcElement)===list[list.length-1]}function cycleTabs(event,element){if("Tab"===event.key){let list=getFocusElementList(element),focusChanged=!1;event.shiftKey?(isFocusInFirstItem(event,list)||function isElementFocused(event,element){return(event.target||event.srcElement)===element}(event,element))&&(focusChanged=function focusLastFocusableElement(list){return list.length>0&&(list[list.length-1].focus(),!0)}(list)):isFocusInLastItem(event,list)&&(focusChanged=function focusFirstFocusableElement(list){return list.length>0&&(list[0].focus(),!0)}(list)),focusChanged&&(event.preventDefault(),event.stopPropagation())}}},"./node_modules/@storybook/angular/dist/client/decorators.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentWrapperDecorator=exports.applicationConfig=exports.moduleMetadata=void 0;const ComputesTemplateFromComponent_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.js"),NgComponentAnalyzer_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.js");exports.moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata||{};return metadata=metadata||{},{...story,moduleMetadata:{declarations:[...metadata.declarations||[],...storyMetadata.declarations||[]],entryComponents:[...metadata.entryComponents||[],...storyMetadata.entryComponents||[]],imports:[...metadata.imports||[],...storyMetadata.imports||[]],schemas:[...metadata.schemas||[],...storyMetadata.schemas||[]],providers:[...metadata.providers||[],...storyMetadata.providers||[]]}}},exports.applicationConfig=function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig||config?{...config,...storyConfig,providers:[...config?.providers||[],...storyConfig?.providers||[]]}:void 0}}};exports.componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer_1.isComponent)(element)?(0,ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps||story.props?{props:{...currentProps,...story.props}}:{}}}},"./node_modules/@storybook/angular/dist/client/index.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable||desc.configurable)||(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports){for(var p in m)"default"===p||Object.prototype.hasOwnProperty.call(exports,p)||__createBinding(exports,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.applicationConfig=exports.componentWrapperDecorator=exports.moduleMetadata=void 0,__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.js"),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-api.js"),exports),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);var decorators_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/decorators.js");Object.defineProperty(exports,"moduleMetadata",{enumerable:!0,get:function(){return decorators_1.moduleMetadata}}),Object.defineProperty(exports,"componentWrapperDecorator",{enumerable:!0,get:function(){return decorators_1.componentWrapperDecorator}}),Object.defineProperty(exports,"applicationConfig",{enumerable:!0,get:function(){return decorators_1.applicationConfig}})},"./node_modules/@storybook/angular/dist/client/public-api.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable||desc.configurable)||(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports){for(var p in m)"default"===p||Object.prototype.hasOwnProperty.call(exports,p)||__createBinding(exports,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.raw=exports.forceReRender=exports.configure=exports.storiesOf=void 0;const core_client_1=__webpack_require__("@storybook/core-client"),render_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/render.js"),decorateStory_1=__importDefault(__webpack_require__("./node_modules/@storybook/angular/dist/client/decorateStory.js"));__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);const api=(0,core_client_1.start)(render_1.renderToCanvas,{decorateStory:decorateStory_1.default,render:render_1.render});exports.storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:"angular"});exports.configure=(...args)=>api.configure("angular",...args),exports.forceReRender=api.forceReRender,exports.raw=api.clientApi.raw},"./node_modules/@storybook/angular/dist/client/public-types.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0})},"./node_modules/@storybook/angular/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _client_index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/client/index.js");__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"componentWrapperDecorator")&&__webpack_require__.d(__webpack_exports__,{componentWrapperDecorator:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.componentWrapperDecorator}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"moduleMetadata")&&__webpack_require__.d(__webpack_exports__,{moduleMetadata:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata}})}}]);
package/docs/storybook/iframe.html CHANGED
@@ -348,8 +348,8 @@
348
348
  window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
349
349
 
350
350
 
351
- import './runtime~main.e61e8f0b.iframe.bundle.js';
351
+ import './runtime~main.73b5bfb0.iframe.bundle.js';
352
352
 
353
353
  import './795.c2864771.iframe.bundle.js';
354
354
 
355
- import './main.78985516.iframe.bundle.js';</script></body></html>
355
+ import './main.fe6c3f7d.iframe.bundle.js';</script></body></html>