carbon-components-angular 5.17.1 → 5.18.0
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.
- package/contained-list/contained-list-item.component.d.ts +5 -1
- package/docs/documentation/components/ContainedListItem.html +54 -19
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
- package/docs/documentation/modules/DatePickerInputModule.html +7 -7
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
- package/docs/documentation/modules/DatePickerModule.html +53 -57
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +60 -56
- package/docs/documentation/modules/RadioModule.html +60 -56
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +60 -60
- package/docs/documentation/modules/SelectModule.html +60 -60
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TableModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TableModule.html +4 -4
- package/docs/documentation/modules/TabsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TabsModule.html +4 -4
- package/docs/documentation/modules/TagModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TagModule.html +28 -28
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +99 -99
- package/docs/documentation/modules/TilesModule.html +99 -99
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +40 -44
- package/docs/documentation/modules/TimePickerModule.html +40 -44
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +31 -31
- package/docs/documentation/modules/TimePickerSelectModule.html +31 -31
- package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
- package/docs/documentation/modules/ToggleModule.html +41 -45
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +38 -38
- package/docs/documentation/modules/ToggletipModule.html +38 -38
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +59 -19
- package/docs/storybook/{contained-list-contained-list-stories.0f596d8f.iframe.bundle.js → contained-list-contained-list-stories.b65d6731.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/main.4a8896ea.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.4aa5b598.iframe.bundle.js → runtime~main.df509201.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/esm2020/contained-list/contained-list-item.component.mjs +6 -4
- package/fesm2015/carbon-components-angular-contained-list.mjs +5 -3
- package/fesm2015/carbon-components-angular-contained-list.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-contained-list.mjs +5 -3
- package/fesm2020/carbon-components-angular-contained-list.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/main.0ce4db5b.iframe.bundle.js +0 -1
|
@@ -24,83 +24,83 @@
|
|
|
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="clust5" class="cluster">
|
|
28
|
-
<title>cluster_TooltipModule_imports</title>
|
|
29
|
-
<polygon fill="none" stroke="black" points="294,-78 294,-130 416,-130 416,-78 294,-78"/>
|
|
30
|
-
</g>
|
|
31
27
|
<g id="clust6" class="cluster">
|
|
32
28
|
<title>cluster_TooltipModule_exports</title>
|
|
33
|
-
<polygon fill="none" stroke="black" points="
|
|
29
|
+
<polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
|
|
34
30
|
</g>
|
|
35
31
|
<g id="clust2" class="cluster">
|
|
36
32
|
<title>cluster_TooltipModule_declarations</title>
|
|
37
|
-
<polygon fill="none" stroke="black" points="
|
|
33
|
+
<polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
|
|
34
|
+
</g>
|
|
35
|
+
<g id="clust5" class="cluster">
|
|
36
|
+
<title>cluster_TooltipModule_imports</title>
|
|
37
|
+
<polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
|
|
38
38
|
</g>
|
|
39
39
|
<!-- Tooltip -->
|
|
40
40
|
<g id="node1" class="node">
|
|
41
41
|
<title>Tooltip</title>
|
|
42
|
-
<polygon fill="#ffffb3" stroke="black" points="
|
|
43
|
-
<text text-anchor="middle" x="
|
|
42
|
+
<polygon fill="#ffffb3" stroke="black" points="407.72,-122 350.28,-122 350.28,-86 407.72,-86 407.72,-122"/>
|
|
43
|
+
<text text-anchor="middle" x="379" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
|
|
44
44
|
</g>
|
|
45
45
|
<!-- TooltipModule -->
|
|
46
46
|
<g id="node3" class="node">
|
|
47
47
|
<title>TooltipModule</title>
|
|
48
|
-
<polygon fill="#8dd3c7" stroke="black" points="
|
|
49
|
-
<text text-anchor="middle" x="
|
|
48
|
+
<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"/>
|
|
49
|
+
<text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
|
|
50
50
|
</g>
|
|
51
51
|
<!-- Tooltip->TooltipModule -->
|
|
52
52
|
<g id="edge1" class="edge">
|
|
53
53
|
<title>Tooltip->TooltipModule</title>
|
|
54
|
-
<path fill="none" stroke="black" d="
|
|
55
|
-
<polygon fill="black" stroke="black" points="
|
|
54
|
+
<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"/>
|
|
55
|
+
<polygon fill="black" stroke="black" points="335.28,-165.5 325.28,-169 335.28,-172.5 335.28,-165.5"/>
|
|
56
56
|
</g>
|
|
57
57
|
<!-- TooltipDefinition -->
|
|
58
58
|
<g id="node2" class="node">
|
|
59
59
|
<title>TooltipDefinition</title>
|
|
60
|
-
<polygon fill="#ffffb3" stroke="black" points="
|
|
61
|
-
<text text-anchor="middle" x="
|
|
60
|
+
<polygon fill="#ffffb3" stroke="black" points="332.27,-122 217.73,-122 217.73,-86 332.27,-86 332.27,-122"/>
|
|
61
|
+
<text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
|
|
62
62
|
</g>
|
|
63
63
|
<!-- TooltipDefinition->TooltipModule -->
|
|
64
64
|
<g id="edge2" class="edge">
|
|
65
65
|
<title>TooltipDefinition->TooltipModule</title>
|
|
66
|
-
<path fill="none" stroke="black" d="
|
|
67
|
-
<polygon fill="black" stroke="black" points="
|
|
66
|
+
<path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
|
|
67
|
+
<polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
|
|
68
68
|
</g>
|
|
69
69
|
<!-- Tooltip -->
|
|
70
70
|
<g id="node5" class="node">
|
|
71
71
|
<title>Tooltip </title>
|
|
72
|
-
<polygon fill="#fb8072" stroke="black" points="
|
|
73
|
-
<text text-anchor="middle" x="
|
|
72
|
+
<polygon fill="#fb8072" stroke="black" points="357.23,-252 296.77,-252 296.77,-216 357.23,-216 357.23,-252"/>
|
|
73
|
+
<text text-anchor="middle" x="327" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
|
|
74
74
|
</g>
|
|
75
75
|
<!-- TooltipModule->Tooltip -->
|
|
76
76
|
<g id="edge4" class="edge">
|
|
77
77
|
<title>TooltipModule->Tooltip </title>
|
|
78
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
79
|
-
<polygon fill="black" stroke="black" points="
|
|
78
|
+
<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"/>
|
|
79
|
+
<polygon fill="black" stroke="black" points="307.51,-205.99 311.01,-215.99 314.51,-205.99 307.51,-205.99"/>
|
|
80
80
|
</g>
|
|
81
81
|
<!-- TooltipDefinition -->
|
|
82
82
|
<g id="node6" class="node">
|
|
83
83
|
<title>TooltipDefinition </title>
|
|
84
|
-
<polygon fill="#fb8072" stroke="black" points="
|
|
85
|
-
<text text-anchor="middle" x="
|
|
84
|
+
<polygon fill="#fb8072" stroke="black" points="279.27,-252 160.73,-252 160.73,-216 279.27,-216 279.27,-252"/>
|
|
85
|
+
<text text-anchor="middle" x="220" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
|
|
86
86
|
</g>
|
|
87
87
|
<!-- TooltipModule->TooltipDefinition -->
|
|
88
88
|
<g id="edge5" class="edge">
|
|
89
89
|
<title>TooltipModule->TooltipDefinition </title>
|
|
90
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
91
|
-
<polygon fill="black" stroke="black" points="
|
|
90
|
+
<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"/>
|
|
91
|
+
<polygon fill="black" stroke="black" points="248.37,-205.99 251.87,-215.99 255.37,-205.99 248.37,-205.99"/>
|
|
92
92
|
</g>
|
|
93
93
|
<!-- PopoverModule -->
|
|
94
94
|
<g id="node4" class="node">
|
|
95
95
|
<title>PopoverModule</title>
|
|
96
|
-
<polygon fill="#8dd3c7" stroke="black" points="
|
|
97
|
-
<text text-anchor="middle" x="
|
|
96
|
+
<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"/>
|
|
97
|
+
<text text-anchor="middle" x="141" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
|
|
98
98
|
</g>
|
|
99
99
|
<!-- PopoverModule->TooltipModule -->
|
|
100
100
|
<g id="edge3" class="edge">
|
|
101
101
|
<title>PopoverModule->TooltipModule</title>
|
|
102
|
-
<path fill="none" stroke="black" d="
|
|
103
|
-
<polygon fill="black" stroke="black" points="
|
|
102
|
+
<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"/>
|
|
103
|
+
<polygon fill="black" stroke="black" points="214.53,-172.5 224.53,-169 214.53,-165.5 214.53,-172.5"/>
|
|
104
104
|
</g>
|
|
105
105
|
</g>
|
|
106
106
|
</svg>
|
|
@@ -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>
|
|
73
69
|
<g id="clust6" class="cluster">
|
|
74
70
|
<title>cluster_TooltipModule_exports</title>
|
|
75
|
-
<polygon fill="none" stroke="black" points="
|
|
71
|
+
<polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
|
|
76
72
|
</g>
|
|
77
73
|
<g id="clust2" class="cluster">
|
|
78
74
|
<title>cluster_TooltipModule_declarations</title>
|
|
79
|
-
<polygon fill="none" stroke="black" points="
|
|
75
|
+
<polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
|
|
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"/>
|
|
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="
|
|
85
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
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="
|
|
91
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
92
92
|
</g>
|
|
93
93
|
<!-- Tooltip->TooltipModule -->
|
|
94
94
|
<g id="edge1" class="edge">
|
|
95
95
|
<title>Tooltip->TooltipModule</title>
|
|
96
|
-
<path fill="none" stroke="black" d="
|
|
97
|
-
<polygon fill="black" stroke="black" points="
|
|
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"/>
|
|
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="
|
|
103
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
104
104
|
</g>
|
|
105
105
|
<!-- TooltipDefinition->TooltipModule -->
|
|
106
106
|
<g id="edge2" class="edge">
|
|
107
107
|
<title>TooltipDefinition->TooltipModule</title>
|
|
108
|
-
<path fill="none" stroke="black" d="
|
|
109
|
-
<polygon fill="black" stroke="black" points="
|
|
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"/>
|
|
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="
|
|
115
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
116
116
|
</g>
|
|
117
117
|
<!-- TooltipModule->Tooltip -->
|
|
118
118
|
<g id="edge4" class="edge">
|
|
119
119
|
<title>TooltipModule->Tooltip </title>
|
|
120
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
121
|
-
<polygon fill="black" stroke="black" points="
|
|
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"/>
|
|
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="
|
|
127
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
128
128
|
</g>
|
|
129
129
|
<!-- TooltipModule->TooltipDefinition -->
|
|
130
130
|
<g id="edge5" class="edge">
|
|
131
131
|
<title>TooltipModule->TooltipDefinition </title>
|
|
132
|
-
<path fill="none" stroke="black" stroke-dasharray="5,2" d="
|
|
133
|
-
<polygon fill="black" stroke="black" points="
|
|
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"/>
|
|
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="
|
|
139
|
-
<text text-anchor="middle" x="
|
|
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>
|
|
140
140
|
</g>
|
|
141
141
|
<!-- PopoverModule->TooltipModule -->
|
|
142
142
|
<g id="edge3" class="edge">
|
|
143
143
|
<title>PopoverModule->TooltipModule</title>
|
|
144
|
-
<path fill="none" stroke="black" d="
|
|
145
|
-
<polygon fill="black" stroke="black" points="
|
|
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"/>
|
|
146
146
|
</g>
|
|
147
147
|
</g>
|
|
148
148
|
</svg>
|
|
@@ -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>
|
|
@@ -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
|
@@ -23351,7 +23351,7 @@
|
|
|
23351
23351
|
},
|
|
23352
23352
|
{
|
|
23353
23353
|
"name": "ContainedListItem",
|
|
23354
|
-
"id": "component-ContainedListItem-
|
|
23354
|
+
"id": "component-ContainedListItem-1b6f3efc8e99bcccd91fa88e339a45f80e12078e615d42baebe3d8efd1a0333257b7aeb1b942f82fed95297d44d4dbe4dbcff1af6e2d980f4bdccf4c7bfc79ac",
|
|
23355
23355
|
"file": "src/contained-list/contained-list-item.component.ts",
|
|
23356
23356
|
"changeDetection": "ChangeDetectionStrategy.OnPush",
|
|
23357
23357
|
"encapsulation": [],
|
|
@@ -23362,7 +23362,7 @@
|
|
|
23362
23362
|
"selector": "cds-contained-list-item, ibm-contained-list-item",
|
|
23363
23363
|
"styleUrls": [],
|
|
23364
23364
|
"styles": [],
|
|
23365
|
-
"template": "<ng-container *ngIf=\"clickable\">\n\t<button\n\t\tclass=\"cds--contained-list-item__content\"\n\t\ttype=\"button\"\n\t\t[disabled]=\"disabled\"\n\t\t(click)=\"onClick()\">\n\t\t<ng-content select=\"[cdsContainedListItemButton],[ibmContainedListItemButton]\"></ng-content>\n\t</button>\n</ng-container>\n<ng-container *ngIf=\"!clickable\">\n\t<div class=\"cds--contained-list-item__content\">\n\t\t<div *ngIf=\"icon\" class=\"cds--contained-list-item__icon\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(icon)\"><svg [ibmIcon]=\"icon\" size=\"16\"></svg></ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(icon)\" [ngTemplateOutlet]=\"icon\"></ng-template>\n\t\t</div>\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-container>\n<div class=\"cds--contained-list-item__action\" *ngIf=\"action\">\n\t<ng-template [ngTemplateOutlet]=\"action\"></ng-template>\n</div>\n\t",
|
|
23365
|
+
"template": "<ng-container *ngIf=\"clickable\">\n\t<button\n\t\tclass=\"cds--contained-list-item__content\"\n\t\ttype=\"button\"\n\t\t[disabled]=\"disabled\"\n\t\t(click)=\"onClick()\">\n\t\t<ng-content select=\"[cdsContainedListItemButton],[ibmContainedListItemButton]\"></ng-content>\n\t</button>\n</ng-container>\n<ng-container *ngIf=\"!clickable\">\n\t<div class=\"cds--contained-list-item__content\">\n\t\t<div *ngIf=\"icon\" class=\"cds--contained-list-item__icon\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(icon)\"><svg [ibmIcon]=\"icon\" size=\"16\"></svg></ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(icon)\" [ngTemplateOutlet]=\"icon\"></ng-template>\n\t\t</div>\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-container>\n<div class=\"cds--contained-list-item__action\" *ngIf=\"action\">\n\t<ng-template [ngTemplateOutlet]=\"action\" [ngTemplateOutletContext]=\"{ $implicit: actionData }\"></ng-template>\n</div>\n\t",
|
|
23366
23366
|
"templateUrl": [],
|
|
23367
23367
|
"viewProviders": [],
|
|
23368
23368
|
"hostDirectives": [],
|
|
@@ -23377,13 +23377,23 @@
|
|
|
23377
23377
|
"type": "TemplateRef<any>",
|
|
23378
23378
|
"decorators": []
|
|
23379
23379
|
},
|
|
23380
|
+
{
|
|
23381
|
+
"name": "actionData",
|
|
23382
|
+
"deprecated": false,
|
|
23383
|
+
"deprecationMessage": "",
|
|
23384
|
+
"rawdescription": "\n\nOptional interactive element data.\n",
|
|
23385
|
+
"description": "<p>Optional interactive element data.</p>\n",
|
|
23386
|
+
"line": 47,
|
|
23387
|
+
"type": "any",
|
|
23388
|
+
"decorators": []
|
|
23389
|
+
},
|
|
23380
23390
|
{
|
|
23381
23391
|
"name": "clickable",
|
|
23382
23392
|
"deprecated": false,
|
|
23383
23393
|
"deprecationMessage": "",
|
|
23384
23394
|
"rawdescription": "\n\nWhether this item is clickable.\n",
|
|
23385
23395
|
"description": "<p>Whether this item is clickable.</p>\n",
|
|
23386
|
-
"line":
|
|
23396
|
+
"line": 57,
|
|
23387
23397
|
"type": "boolean",
|
|
23388
23398
|
"decorators": []
|
|
23389
23399
|
},
|
|
@@ -23394,7 +23404,7 @@
|
|
|
23394
23404
|
"deprecationMessage": "",
|
|
23395
23405
|
"rawdescription": "\n\nWhether this item is disabled.\n",
|
|
23396
23406
|
"description": "<p>Whether this item is disabled.</p>\n",
|
|
23397
|
-
"line":
|
|
23407
|
+
"line": 52,
|
|
23398
23408
|
"type": "boolean",
|
|
23399
23409
|
"decorators": []
|
|
23400
23410
|
},
|
|
@@ -23404,7 +23414,7 @@
|
|
|
23404
23414
|
"deprecationMessage": "",
|
|
23405
23415
|
"rawdescription": "\n\nProvide an optional icon to render in front of the item's content.\n\nNote that if you intend to use this as a string ref, it's important to remember\nto register the icon that you wish to add. In this case, it's also worth noting\nthat only icons with a size of 16 are currently supported.\n",
|
|
23406
23416
|
"description": "<p>Provide an optional icon to render in front of the item's content.</p>\n<p>Note that if you intend to use this as a string ref, it's important to remember\nto register the icon that you wish to add. In this case, it's also worth noting\nthat only icons with a size of 16 are currently supported.</p>\n",
|
|
23407
|
-
"line":
|
|
23417
|
+
"line": 66,
|
|
23408
23418
|
"type": "TemplateRef<any> | string",
|
|
23409
23419
|
"decorators": []
|
|
23410
23420
|
}
|
|
@@ -23417,7 +23427,7 @@
|
|
|
23417
23427
|
"deprecationMessage": "",
|
|
23418
23428
|
"rawdescription": "\n\nEmits click event.\n",
|
|
23419
23429
|
"description": "<p>Emits click event.</p>\n",
|
|
23420
|
-
"line":
|
|
23430
|
+
"line": 71,
|
|
23421
23431
|
"type": "EventEmitter"
|
|
23422
23432
|
}
|
|
23423
23433
|
],
|
|
@@ -23430,7 +23440,7 @@
|
|
|
23430
23440
|
"type": "",
|
|
23431
23441
|
"optional": false,
|
|
23432
23442
|
"description": "<p>Host binding item class.</p>\n",
|
|
23433
|
-
"line":
|
|
23443
|
+
"line": 76,
|
|
23434
23444
|
"rawdescription": "\n\nHost binding item class.\n",
|
|
23435
23445
|
"decorators": [
|
|
23436
23446
|
{
|
|
@@ -23450,7 +23460,7 @@
|
|
|
23450
23460
|
"type": "string",
|
|
23451
23461
|
"optional": false,
|
|
23452
23462
|
"description": "<p>Host binding item role attribute</p>\n",
|
|
23453
|
-
"line":
|
|
23463
|
+
"line": 81,
|
|
23454
23464
|
"rawdescription": "\n\nHost binding item role attribute\n",
|
|
23455
23465
|
"decorators": [
|
|
23456
23466
|
{
|
|
@@ -23477,7 +23487,7 @@
|
|
|
23477
23487
|
"optional": false,
|
|
23478
23488
|
"returnType": "boolean",
|
|
23479
23489
|
"typeParameters": [],
|
|
23480
|
-
"line":
|
|
23490
|
+
"line": 101,
|
|
23481
23491
|
"deprecated": false,
|
|
23482
23492
|
"deprecationMessage": "",
|
|
23483
23493
|
"modifierKind": [
|
|
@@ -23501,7 +23511,7 @@
|
|
|
23501
23511
|
"optional": false,
|
|
23502
23512
|
"returnType": "void",
|
|
23503
23513
|
"typeParameters": [],
|
|
23504
|
-
"line":
|
|
23514
|
+
"line": 97,
|
|
23505
23515
|
"deprecated": false,
|
|
23506
23516
|
"deprecationMessage": "",
|
|
23507
23517
|
"modifierKind": [
|
|
@@ -23519,7 +23529,7 @@
|
|
|
23519
23529
|
"deprecationMessage": "",
|
|
23520
23530
|
"rawdescription": "\n\nHost binding item role attribute\n",
|
|
23521
23531
|
"description": "<p>Host binding item role attribute</p>\n",
|
|
23522
|
-
"line":
|
|
23532
|
+
"line": 81,
|
|
23523
23533
|
"type": "string",
|
|
23524
23534
|
"decorators": []
|
|
23525
23535
|
},
|
|
@@ -23530,7 +23540,7 @@
|
|
|
23530
23540
|
"deprecationMessage": "",
|
|
23531
23541
|
"rawdescription": "\n\nHost binding item class.\n",
|
|
23532
23542
|
"description": "<p>Host binding item class.</p>\n",
|
|
23533
|
-
"line":
|
|
23543
|
+
"line": 76,
|
|
23534
23544
|
"type": "boolean",
|
|
23535
23545
|
"decorators": []
|
|
23536
23546
|
},
|
|
@@ -23540,7 +23550,7 @@
|
|
|
23540
23550
|
"deprecationMessage": "",
|
|
23541
23551
|
"rawdescription": "\n\nHost binding clickable item class.\n",
|
|
23542
23552
|
"description": "<p>Host binding clickable item class.</p>\n",
|
|
23543
|
-
"line":
|
|
23553
|
+
"line": 86,
|
|
23544
23554
|
"type": "boolean",
|
|
23545
23555
|
"decorators": []
|
|
23546
23556
|
},
|
|
@@ -23550,7 +23560,7 @@
|
|
|
23550
23560
|
"deprecationMessage": "",
|
|
23551
23561
|
"rawdescription": "\n\nHost binding item with icon class.\n",
|
|
23552
23562
|
"description": "<p>Host binding item with icon class.</p>\n",
|
|
23553
|
-
"line":
|
|
23563
|
+
"line": 93,
|
|
23554
23564
|
"type": "boolean",
|
|
23555
23565
|
"decorators": []
|
|
23556
23566
|
}
|
|
@@ -23561,7 +23571,7 @@
|
|
|
23561
23571
|
"description": "",
|
|
23562
23572
|
"rawdescription": "\n",
|
|
23563
23573
|
"type": "component",
|
|
23564
|
-
"sourceCode": "import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"cds-contained-list-item, ibm-contained-list-item\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"clickable\">\n\t\t\t<button\n\t\t\t\tclass=\"cds--contained-list-item__content\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(click)=\"onClick()\">\n\t\t\t\t<ng-content select=\"[cdsContainedListItemButton],[ibmContainedListItemButton]\"></ng-content>\n\t\t\t</button>\n\t\t</ng-container>\n\t\t<ng-container *ngIf=\"!clickable\">\n\t\t\t<div class=\"cds--contained-list-item__content\">\n\t\t\t\t<div *ngIf=\"icon\" class=\"cds--contained-list-item__icon\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(icon)\"><svg [ibmIcon]=\"icon\" size=\"16\"></svg></ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(icon)\" [ngTemplateOutlet]=\"icon\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</ng-container>\n\t\t<div class=\"cds--contained-list-item__action\" *ngIf=\"action\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"action\"></ng-template>\n\t\t</div>\n\t`,\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContainedListItem {\n\t/**\n\t * A slot for a possible interactive element to render within the item.\n\t */\n\t@Input() action: TemplateRef<any>;\n\n\t/**\n\t * Whether this item is disabled.\n\t */\n\t@Input() disabled = false;\n\n\t/**\n\t * Whether this item is clickable.\n\t */\n\t@Input() clickable: boolean;\n\n\t/**\n\t * Provide an optional icon to render in front of the item's content.\n\t *\n\t * Note that if you intend to use this as a string ref, it's important to remember\n\t * to register the icon that you wish to add. In this case, it's also worth noting\n\t * that only icons with a size of 16 are currently supported.\n\t */\n\t@Input() icon: TemplateRef<any> | string;\n\n\t/**\n\t * Emits click event.\n\t */\n\t@Output() click = new EventEmitter<void>();\n\n\t/**\n\t * Host binding item class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item\") itemClass = true;\n\n\t/**\n\t * Host binding item role attribute\n\t */\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\t/**\n\t * Host binding clickable item class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item--clickable\") get itemClickableClass() {\n\t\treturn this.clickable;\n\t}\n\n\t/**\n\t * Host binding item with icon class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item--with-icon\") get itemWithIconClass() {\n\t\treturn !!this.icon;\n\t}\n\n\tpublic onClick() {\n\t\tthis.click.emit();\n\t}\n\n\tpublic isTemplate(value: string | TemplateRef<any>) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
23574
|
+
"sourceCode": "import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"cds-contained-list-item, ibm-contained-list-item\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"clickable\">\n\t\t\t<button\n\t\t\t\tclass=\"cds--contained-list-item__content\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(click)=\"onClick()\">\n\t\t\t\t<ng-content select=\"[cdsContainedListItemButton],[ibmContainedListItemButton]\"></ng-content>\n\t\t\t</button>\n\t\t</ng-container>\n\t\t<ng-container *ngIf=\"!clickable\">\n\t\t\t<div class=\"cds--contained-list-item__content\">\n\t\t\t\t<div *ngIf=\"icon\" class=\"cds--contained-list-item__icon\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(icon)\"><svg [ibmIcon]=\"icon\" size=\"16\"></svg></ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(icon)\" [ngTemplateOutlet]=\"icon\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</ng-container>\n\t\t<div class=\"cds--contained-list-item__action\" *ngIf=\"action\">\n\t\t\t<ng-template [ngTemplateOutlet]=\"action\" [ngTemplateOutletContext]=\"{ $implicit: actionData }\"></ng-template>\n\t\t</div>\n\t`,\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContainedListItem {\n\t/**\n\t * A slot for a possible interactive element to render within the item.\n\t */\n\t@Input() action: TemplateRef<any>;\n\n\t/**\n\t * Optional interactive element data.\n\t */\n\t@Input() actionData: any;\n\n\t/**\n\t * Whether this item is disabled.\n\t */\n\t@Input() disabled = false;\n\n\t/**\n\t * Whether this item is clickable.\n\t */\n\t@Input() clickable: boolean;\n\n\t/**\n\t * Provide an optional icon to render in front of the item's content.\n\t *\n\t * Note that if you intend to use this as a string ref, it's important to remember\n\t * to register the icon that you wish to add. In this case, it's also worth noting\n\t * that only icons with a size of 16 are currently supported.\n\t */\n\t@Input() icon: TemplateRef<any> | string;\n\n\t/**\n\t * Emits click event.\n\t */\n\t@Output() click = new EventEmitter<void>();\n\n\t/**\n\t * Host binding item class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item\") itemClass = true;\n\n\t/**\n\t * Host binding item role attribute\n\t */\n\t@HostBinding(\"attr.role\") role = \"listitem\";\n\n\t/**\n\t * Host binding clickable item class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item--clickable\") get itemClickableClass() {\n\t\treturn this.clickable;\n\t}\n\n\t/**\n\t * Host binding item with icon class.\n\t */\n\t@HostBinding(\"class.cds--contained-list-item--with-icon\") get itemWithIconClass() {\n\t\treturn !!this.icon;\n\t}\n\n\tpublic onClick() {\n\t\tthis.click.emit();\n\t}\n\n\tpublic isTemplate(value: string | TemplateRef<any>) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
|
|
23565
23575
|
"assetsDirs": [],
|
|
23566
23576
|
"styleUrlsData": "",
|
|
23567
23577
|
"stylesData": "",
|
|
@@ -23572,7 +23582,7 @@
|
|
|
23572
23582
|
"name": "itemClickableClass",
|
|
23573
23583
|
"type": "",
|
|
23574
23584
|
"returnType": "",
|
|
23575
|
-
"line":
|
|
23585
|
+
"line": 86,
|
|
23576
23586
|
"rawdescription": "\n\nHost binding clickable item class.\n",
|
|
23577
23587
|
"description": "<p>Host binding clickable item class.</p>\n"
|
|
23578
23588
|
}
|
|
@@ -23583,7 +23593,7 @@
|
|
|
23583
23593
|
"name": "itemWithIconClass",
|
|
23584
23594
|
"type": "",
|
|
23585
23595
|
"returnType": "",
|
|
23586
|
-
"line":
|
|
23596
|
+
"line": 93,
|
|
23587
23597
|
"rawdescription": "\n\nHost binding item with icon class.\n",
|
|
23588
23598
|
"description": "<p>Host binding item with icon class.</p>\n"
|
|
23589
23599
|
}
|
|
@@ -70875,6 +70885,16 @@
|
|
|
70875
70885
|
"type": "",
|
|
70876
70886
|
"defaultValue": "withActionsTemplate.bind({})"
|
|
70877
70887
|
},
|
|
70888
|
+
{
|
|
70889
|
+
"name": "withActionsAndContextData",
|
|
70890
|
+
"ctype": "miscellaneous",
|
|
70891
|
+
"subtype": "variable",
|
|
70892
|
+
"file": "src/contained-list/contained-list.stories.ts",
|
|
70893
|
+
"deprecated": false,
|
|
70894
|
+
"deprecationMessage": "",
|
|
70895
|
+
"type": "",
|
|
70896
|
+
"defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`) }\n\t}\n\t\n\treturn { \n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t}\n}"
|
|
70897
|
+
},
|
|
70878
70898
|
{
|
|
70879
70899
|
"name": "withActionsTemplate",
|
|
70880
70900
|
"ctype": "miscellaneous",
|
|
@@ -73413,6 +73433,16 @@
|
|
|
73413
73433
|
"type": "",
|
|
73414
73434
|
"defaultValue": "withActionsTemplate.bind({})"
|
|
73415
73435
|
},
|
|
73436
|
+
{
|
|
73437
|
+
"name": "withActionsAndContextData",
|
|
73438
|
+
"ctype": "miscellaneous",
|
|
73439
|
+
"subtype": "variable",
|
|
73440
|
+
"file": "src/contained-list/contained-list.stories.ts",
|
|
73441
|
+
"deprecated": false,
|
|
73442
|
+
"deprecationMessage": "",
|
|
73443
|
+
"type": "",
|
|
73444
|
+
"defaultValue": "(args) => {\n\targs = {\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tlabel: 'List Item'\n\t\t\t},\n\t\t],\n\t\tonActionClick: (item: any) => { alert(`${item.label} ${item.id} action click triggered`) }\n\t}\n\t\n\treturn { \n\t\tprops: args,\n\t\ttemplate: `\n\t\t\t<ng-template #actionWithClick let-actionData>\n\t\t\t\t<button\n\t\t\t\t\tibmButton=\"ghost\"\n\t\t\t\t\taria-label=\"Action\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t(click)=\"onActionClick(actionData)\">\n\t\t\t\t\t<svg ibmIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\n\t\t\t<cds-contained-list label=\"List title\">\n\t\t\t\t<cds-contained-list-item\n\t\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t\t[action]=\"actionWithClick\"\n\t\t\t\t\t[actionData]=\"item\">\n\t\t\t\t\t{{ item.label }} {{ item.id }}\n\t\t\t\t</cds-contained-list-item>\n\t\t\t</cds-contained-list>\n\t\t`\n\t}\n}"
|
|
73445
|
+
},
|
|
73416
73446
|
{
|
|
73417
73447
|
"name": "withActionsTemplate",
|
|
73418
73448
|
"ctype": "miscellaneous",
|
|
@@ -79390,8 +79420,8 @@
|
|
|
79390
79420
|
"type": "component",
|
|
79391
79421
|
"linktype": "component",
|
|
79392
79422
|
"name": "ContainedListItem",
|
|
79393
|
-
"coveragePercent":
|
|
79394
|
-
"coverageCount": "
|
|
79423
|
+
"coveragePercent": 80,
|
|
79424
|
+
"coverageCount": "12/15",
|
|
79395
79425
|
"status": "very-good"
|
|
79396
79426
|
},
|
|
79397
79427
|
{
|
|
@@ -79473,6 +79503,16 @@
|
|
|
79473
79503
|
"coverageCount": "0/1",
|
|
79474
79504
|
"status": "low"
|
|
79475
79505
|
},
|
|
79506
|
+
{
|
|
79507
|
+
"filePath": "src/contained-list/contained-list.stories.ts",
|
|
79508
|
+
"type": "variable",
|
|
79509
|
+
"linktype": "miscellaneous",
|
|
79510
|
+
"linksubtype": "variable",
|
|
79511
|
+
"name": "withActionsAndContextData",
|
|
79512
|
+
"coveragePercent": 0,
|
|
79513
|
+
"coverageCount": "0/1",
|
|
79514
|
+
"status": "low"
|
|
79515
|
+
},
|
|
79476
79516
|
{
|
|
79477
79517
|
"filePath": "src/contained-list/contained-list.stories.ts",
|
|
79478
79518
|
"type": "variable",
|