@watermarkinsights/ripple 3.4.0-3 → 3.5.0-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (202) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/functions-653e695c.js +6164 -0
  3. package/dist/cjs/{global-4d3b13c3.js → global-63e1d2f7.js} +65 -65
  4. package/dist/cjs/{http-service-9e8c4dd5.js → http-service-494d81de.js} +49 -49
  5. package/dist/cjs/{index-921ef454.js → index-cd179539.js} +157 -103
  6. package/dist/cjs/{interfaces-30a74c1f.js → interfaces-a3338581.js} +29 -29
  7. package/dist/cjs/loader.cjs.js +3 -3
  8. package/dist/cjs/priv-chart-popover.cjs.entry.js +79 -79
  9. package/dist/cjs/priv-datepicker.cjs.entry.js +668 -668
  10. package/dist/cjs/priv-navigator-button.cjs.entry.js +19 -19
  11. package/dist/cjs/priv-navigator-item.cjs.entry.js +24 -24
  12. package/dist/cjs/ripple.cjs.js +5 -5
  13. package/dist/cjs/wm-action-menu_2.cjs.entry.js +342 -342
  14. package/dist/cjs/wm-button.cjs.entry.js +219 -219
  15. package/dist/cjs/wm-chart-slice.cjs.entry.js +14 -14
  16. package/dist/cjs/wm-chart.cjs.entry.js +475 -517
  17. package/dist/cjs/wm-datepicker.cjs.entry.js +257 -257
  18. package/dist/cjs/wm-input.cjs.entry.js +134 -134
  19. package/dist/cjs/wm-modal-footer.cjs.entry.js +32 -32
  20. package/dist/cjs/wm-modal-header.cjs.entry.js +35 -35
  21. package/dist/cjs/wm-modal.cjs.entry.js +162 -162
  22. package/dist/cjs/wm-navigator.cjs.entry.js +269 -269
  23. package/dist/cjs/wm-network-uploader.cjs.entry.js +421 -421
  24. package/dist/cjs/wm-option_2.cjs.entry.js +492 -492
  25. package/dist/cjs/wm-pagination.cjs.entry.js +168 -168
  26. package/dist/cjs/wm-search.cjs.entry.js +232 -232
  27. package/dist/cjs/wm-snackbar.cjs.entry.js +171 -171
  28. package/dist/cjs/wm-tab-item_3.cjs.entry.js +301 -301
  29. package/dist/cjs/wm-tag-input.cjs.entry.js +557 -557
  30. package/dist/cjs/wm-timepicker.cjs.entry.js +384 -384
  31. package/dist/cjs/wm-toggletip.cjs.entry.js +125 -125
  32. package/dist/cjs/wm-uploader.cjs.entry.js +347 -347
  33. package/dist/cjs/wm-wrapper.cjs.entry.js +13 -13
  34. package/dist/collection/collection-manifest.json +2 -2
  35. package/dist/collection/components/wm-action-menu/wm-action-menu.js +460 -460
  36. package/dist/collection/components/wm-button/wm-button.js +485 -485
  37. package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.js +232 -232
  38. package/dist/collection/components/wm-chart/wm-chart-slice.js +64 -64
  39. package/dist/collection/components/wm-chart/wm-chart.css +59 -75
  40. package/dist/collection/components/wm-chart/wm-chart.js +717 -765
  41. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1015 -1015
  42. package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
  43. package/dist/collection/components/wm-input/wm-input.js +423 -423
  44. package/dist/collection/components/wm-menuitem/wm-menuitem.js +444 -444
  45. package/dist/collection/components/wm-modal/wm-modal-footer.js +141 -141
  46. package/dist/collection/components/wm-modal/wm-modal-header.js +92 -92
  47. package/dist/collection/components/wm-modal/wm-modal.js +459 -459
  48. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +97 -97
  49. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +114 -114
  50. package/dist/collection/components/wm-navigator/wm-navigator.js +468 -468
  51. package/dist/collection/components/wm-option/wm-option.js +422 -422
  52. package/dist/collection/components/wm-pagination/wm-pagination.js +368 -368
  53. package/dist/collection/components/wm-search/wm-search.js +479 -479
  54. package/dist/collection/components/wm-select/wm-select.js +717 -717
  55. package/dist/collection/components/wm-snackbar/wm-snackbar.js +297 -297
  56. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +219 -219
  57. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +331 -331
  58. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +104 -104
  59. package/dist/collection/components/wm-tag-input/wm-tag-input.js +787 -787
  60. package/dist/collection/components/wm-timepicker/wm-timepicker.js +589 -589
  61. package/dist/collection/components/wm-toggletip/wm-toggletip.js +241 -241
  62. package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js +753 -753
  63. package/dist/collection/components/wm-uploader/wm-uploader.js +748 -748
  64. package/dist/collection/components/wm-wrapper/wm-wrapper.js +27 -27
  65. package/dist/collection/dev/scripts.js +20 -20
  66. package/dist/collection/global/__mocks__/functions.js +6 -6
  67. package/dist/collection/global/functions.js +445 -445
  68. package/dist/collection/global/global.js +72 -72
  69. package/dist/collection/global/interfaces.js +49 -49
  70. package/dist/collection/global/services/__mocks__/http-service.js +130 -130
  71. package/dist/collection/global/services/http-service.js +50 -50
  72. package/dist/collection/lang/lang.js +5 -5
  73. package/dist/collection/lang/piglatin.js +93 -93
  74. package/dist/esm/functions-e528c934.js +6144 -0
  75. package/dist/esm/{global-a335f845.js → global-e2632583.js} +65 -65
  76. package/dist/esm/{http-service-5d037e16.js → http-service-3dc3b3e7.js} +49 -49
  77. package/dist/esm/{index-f8b130b6.js → index-66f8130e.js} +157 -103
  78. package/dist/esm/{interfaces-61c6305b.js → interfaces-2b97fab2.js} +29 -29
  79. package/dist/esm/loader.js +3 -3
  80. package/dist/esm/polyfills/core-js.js +0 -0
  81. package/dist/esm/polyfills/dom.js +0 -0
  82. package/dist/esm/polyfills/es5-html-element.js +0 -0
  83. package/dist/esm/polyfills/index.js +2 -2
  84. package/dist/esm/polyfills/system.js +0 -0
  85. package/dist/esm/priv-chart-popover.entry.js +79 -79
  86. package/dist/esm/priv-datepicker.entry.js +668 -668
  87. package/dist/esm/priv-navigator-button.entry.js +19 -19
  88. package/dist/esm/priv-navigator-item.entry.js +24 -24
  89. package/dist/esm/ripple.js +5 -5
  90. package/dist/esm/wm-action-menu_2.entry.js +342 -342
  91. package/dist/esm/wm-button.entry.js +219 -219
  92. package/dist/esm/wm-chart-slice.entry.js +14 -14
  93. package/dist/esm/wm-chart.entry.js +475 -517
  94. package/dist/esm/wm-datepicker.entry.js +257 -257
  95. package/dist/esm/wm-input.entry.js +134 -134
  96. package/dist/esm/wm-modal-footer.entry.js +32 -32
  97. package/dist/esm/wm-modal-header.entry.js +35 -35
  98. package/dist/esm/wm-modal.entry.js +162 -162
  99. package/dist/esm/wm-navigator.entry.js +269 -269
  100. package/dist/esm/wm-network-uploader.entry.js +421 -421
  101. package/dist/esm/wm-option_2.entry.js +492 -492
  102. package/dist/esm/wm-pagination.entry.js +168 -168
  103. package/dist/esm/wm-search.entry.js +232 -232
  104. package/dist/esm/wm-snackbar.entry.js +171 -171
  105. package/dist/esm/wm-tab-item_3.entry.js +301 -301
  106. package/dist/esm/wm-tag-input.entry.js +557 -557
  107. package/dist/esm/wm-timepicker.entry.js +384 -384
  108. package/dist/esm/wm-toggletip.entry.js +125 -125
  109. package/dist/esm/wm-uploader.entry.js +347 -347
  110. package/dist/esm/wm-wrapper.entry.js +13 -13
  111. package/dist/ripple/p-092b01f3.entry.js +1 -0
  112. package/dist/ripple/{p-c995acbc.entry.js → p-0c58f50d.entry.js} +1 -1
  113. package/dist/ripple/p-11c09317.entry.js +1 -0
  114. package/dist/ripple/{p-e8993d49.js → p-19cae5a9.js} +1 -1
  115. package/dist/ripple/p-1e0c41a9.entry.js +1 -0
  116. package/dist/ripple/p-3003d26d.entry.js +1 -0
  117. package/dist/ripple/p-33524565.entry.js +1 -0
  118. package/dist/ripple/{p-888bec42.js → p-43f1298b.js} +0 -0
  119. package/dist/ripple/{p-5e49aba7.entry.js → p-4cc71463.entry.js} +1 -1
  120. package/dist/ripple/p-588b4475.js +16 -0
  121. package/dist/ripple/p-65e3a656.entry.js +1 -0
  122. package/dist/ripple/p-8923b7d0.entry.js +1 -0
  123. package/dist/ripple/{p-d52033d5.entry.js → p-8b0eb05e.entry.js} +1 -1
  124. package/dist/ripple/p-8cd1396e.entry.js +1 -0
  125. package/dist/ripple/{p-22a1a636.entry.js → p-99db8501.entry.js} +1 -1
  126. package/dist/ripple/p-9baa3039.js +1 -0
  127. package/dist/ripple/p-aa973691.entry.js +1 -0
  128. package/dist/ripple/{p-a61977b2.entry.js → p-b3d5ea85.entry.js} +1 -1
  129. package/dist/ripple/{p-7d009793.entry.js → p-b5189f72.entry.js} +1 -1
  130. package/dist/ripple/p-bc27b604.entry.js +1 -0
  131. package/dist/ripple/p-bc9ca97b.entry.js +1 -0
  132. package/dist/ripple/p-c12c0af8.entry.js +1 -0
  133. package/dist/ripple/{p-bba99fcd.entry.js → p-cd58a15c.entry.js} +1 -1
  134. package/dist/ripple/p-dc9c9fda.entry.js +1 -0
  135. package/dist/ripple/p-e7616311.entry.js +1 -0
  136. package/dist/ripple/p-e9e8334e.entry.js +1 -0
  137. package/dist/ripple/p-ec9697db.entry.js +1 -0
  138. package/dist/ripple/p-efdaf3b6.entry.js +1 -0
  139. package/dist/ripple/p-fcdc6395.entry.js +1 -0
  140. package/dist/ripple/{p-a6d6eae7.js → p-fd8070fb.js} +0 -0
  141. package/dist/ripple/ripple.esm.js +1 -1
  142. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +48 -48
  143. package/dist/types/components/wm-button/wm-button.d.ts +44 -44
  144. package/dist/types/components/wm-chart/priv-chart-popover/priv-chart-popover.d.ts +23 -23
  145. package/dist/types/components/wm-chart/wm-chart-slice.d.ts +8 -8
  146. package/dist/types/components/wm-chart/wm-chart.d.ts +81 -80
  147. package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +76 -76
  148. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
  149. package/dist/types/components/wm-input/wm-input.d.ts +46 -46
  150. package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +34 -34
  151. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +15 -15
  152. package/dist/types/components/wm-modal/wm-modal-header.d.ts +12 -12
  153. package/dist/types/components/wm-modal/wm-modal.d.ts +41 -41
  154. package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +10 -10
  155. package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +13 -13
  156. package/dist/types/components/wm-navigator/wm-navigator.d.ts +61 -61
  157. package/dist/types/components/wm-option/wm-option.d.ts +32 -32
  158. package/dist/types/components/wm-pagination/wm-pagination.d.ts +32 -32
  159. package/dist/types/components/wm-search/wm-search.d.ts +86 -86
  160. package/dist/types/components/wm-select/wm-select.d.ts +66 -66
  161. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +35 -35
  162. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +38 -38
  163. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +53 -53
  164. package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +20 -20
  165. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +91 -91
  166. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +62 -62
  167. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +27 -27
  168. package/dist/types/components/wm-uploader/wm-network-uploader/wm-network-uploader.d.ts +85 -85
  169. package/dist/types/components/wm-uploader/wm-uploader.d.ts +80 -80
  170. package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +7 -7
  171. package/dist/types/components.d.ts +24 -24
  172. package/dist/types/global/__mocks__/functions.d.ts +6 -6
  173. package/dist/types/global/functions.d.ts +40 -0
  174. package/dist/types/global/global.d.ts +1 -1
  175. package/dist/types/global/interfaces.d.ts +34 -34
  176. package/dist/types/global/services/__mocks__/http-service.d.ts +6 -6
  177. package/dist/types/global/services/http-service.d.ts +4 -4
  178. package/dist/types/lang/lang.d.ts +5 -5
  179. package/dist/types/stencil-public-runtime.d.ts +194 -186
  180. package/package.json +46 -46
  181. package/dist/cjs/functions-a6491ba8.js +0 -7943
  182. package/dist/esm/functions-5aebd578.js +0 -7923
  183. package/dist/ripple/p-0865e7cf.js +0 -16
  184. package/dist/ripple/p-0f663e59.entry.js +0 -1
  185. package/dist/ripple/p-1b790a7d.entry.js +0 -1
  186. package/dist/ripple/p-3b4c01b8.entry.js +0 -1
  187. package/dist/ripple/p-54c1f704.entry.js +0 -1
  188. package/dist/ripple/p-76c615e9.entry.js +0 -1
  189. package/dist/ripple/p-7d993d52.js +0 -1
  190. package/dist/ripple/p-8198cc9c.entry.js +0 -1
  191. package/dist/ripple/p-839d35bd.entry.js +0 -1
  192. package/dist/ripple/p-8708b8cb.entry.js +0 -1
  193. package/dist/ripple/p-8bd66955.entry.js +0 -1
  194. package/dist/ripple/p-957e3a05.entry.js +0 -1
  195. package/dist/ripple/p-af6eb4d5.entry.js +0 -1
  196. package/dist/ripple/p-b3f9f575.entry.js +0 -1
  197. package/dist/ripple/p-cd30198d.entry.js +0 -1
  198. package/dist/ripple/p-e097c562.entry.js +0 -1
  199. package/dist/ripple/p-e9db6122.entry.js +0 -1
  200. package/dist/ripple/p-eabbd1e9.entry.js +0 -1
  201. package/dist/ripple/p-ec496b8b.entry.js +0 -1
  202. package/dist/ripple/p-fc8ec142.entry.js +0 -1
package/dist/collection/components/wm-chart/wm-chart.css CHANGED
@@ -120,46 +120,63 @@
120
120
  font-style: italic;
121
121
  max-width: 100%;
122
122
  }
123
- .component-wrapper .chart-svg {
123
+ .component-wrapper .doughnut-svg,
124
+ .component-wrapper .inner-bar-wrapper {
124
125
  overflow: visible;
125
126
  }
126
- .component-wrapper .chart-svg:active, .component-wrapper .chart-svg:hover, .component-wrapper .chart-svg:focus {
127
- outline: none;
128
- -webkit-box-shadow: none;
129
- -moz-box-shadow: none;
130
- box-shadow: none;
131
- }
132
- .component-wrapper .chart-svg::-moz-focus-inner {
133
- border: 0;
134
- outline: none;
135
- }
136
- .component-wrapper .chart-svg path:active, .component-wrapper .chart-svg path:hover, .component-wrapper .chart-svg path:focus, .component-wrapper .chart-svg rect:active, .component-wrapper .chart-svg rect:hover, .component-wrapper .chart-svg rect:focus {
137
- outline: none;
138
- -webkit-box-shadow: none;
139
- -moz-box-shadow: none;
140
- box-shadow: none;
141
- filter: url(#wmHoverDropShadow);
142
- }
143
- .component-wrapper .chart-svg path::-moz-focus-inner, .component-wrapper .chart-svg rect::-moz-focus-inner {
144
- border: 0;
145
- outline: none;
146
- }
147
127
  .component-wrapper .bar-wrapper {
148
128
  flex-grow: 1;
149
129
  width: 100%;
150
130
  }
151
- .component-wrapper .bar-wrapper rect {
131
+ .component-wrapper .bar-wrapper .inner-bar-wrapper {
132
+ width: 100%;
133
+ }
134
+ .component-wrapper .bar-wrapper .inner-bar-wrapper .bar-segments-wrapper {
135
+ display: flex;
136
+ }
137
+ .component-wrapper .bar-wrapper .inner-bar-wrapper .bar-segments-wrapper .bar-segment {
152
138
  height: 30px;
153
139
  }
154
- .component-wrapper .doughnut-wrapper .chart-svg {
140
+ .component-wrapper .bar-wrapper .inner-bar-wrapper .bar-segments-wrapper .bar-segment:not(.zero):not(:last-of-type) {
141
+ margin-right: 2px;
142
+ }
143
+ .component-wrapper .doughnut-wrapper {
155
144
  -webkit-border-radius: 4px;
156
145
  -moz-border-radius: 4px;
157
146
  -ms-border-radius: 4px;
158
147
  border-radius: 4px;
159
148
  }
160
- .component-wrapper .completion-message-wrapper {
161
- position: relative;
162
- flex: 1;
149
+ .component-wrapper .value {
150
+ display: inline-block;
151
+ text-align: center;
152
+ }
153
+ .component-wrapper .value:not(:last-of-type) {
154
+ margin-right: 2px;
155
+ }
156
+ .component-wrapper path:active, .component-wrapper path:hover, .component-wrapper path:focus,
157
+ .component-wrapper .bar-segment:active,
158
+ .component-wrapper .bar-segment:hover,
159
+ .component-wrapper .bar-segment:focus {
160
+ outline: none;
161
+ }
162
+ .component-wrapper path:active.bar-segment, .component-wrapper path:hover.bar-segment, .component-wrapper path:focus.bar-segment,
163
+ .component-wrapper .bar-segment:active.bar-segment,
164
+ .component-wrapper .bar-segment:hover.bar-segment,
165
+ .component-wrapper .bar-segment:focus.bar-segment {
166
+ -webkit-box-shadow: 0px 0px 6px #333;
167
+ -moz-box-shadow: 0px 0px 6px #333;
168
+ box-shadow: 0px 0px 6px #333;
169
+ }
170
+ .component-wrapper path:active.doughnut-segment, .component-wrapper path:hover.doughnut-segment, .component-wrapper path:focus.doughnut-segment,
171
+ .component-wrapper .bar-segment:active.doughnut-segment,
172
+ .component-wrapper .bar-segment:hover.doughnut-segment,
173
+ .component-wrapper .bar-segment:focus.doughnut-segment {
174
+ filter: url(#wmHoverDropShadow);
175
+ }
176
+ .component-wrapper path::-moz-focus-inner,
177
+ .component-wrapper .bar-segment::-moz-focus-inner {
178
+ border: 0;
179
+ outline: none;
163
180
  }
164
181
  .component-wrapper.doughnut1 label,
165
182
  .component-wrapper.doughnut1 .label-text, .component-wrapper.doughnut2 label,
@@ -193,14 +210,6 @@
193
210
  .component-wrapper.doughnut0 .completion-message {
194
211
  padding-top: 0.625rem;
195
212
  }
196
- .component-wrapper .bar-svg {
197
- width: 100%;
198
- }
199
- .component-wrapper .bar-svg foreignObject {
200
- width: 100%;
201
- height: 30px;
202
- overflow: visible;
203
- }
204
213
  .component-wrapper.bar1 {
205
214
  padding: 1.25rem;
206
215
  position: relative;
@@ -222,15 +231,15 @@
222
231
  top: 30px;
223
232
  margin-top: 4px;
224
233
  }
225
- .component-wrapper.bar1 .bar-wrapper {
234
+ .component-wrapper.bar1 .chart-wrapper {
226
235
  display: flex;
227
236
  align-items: center;
228
237
  }
229
- .component-wrapper.bar1 .bar-wrapper .single-perc {
238
+ .component-wrapper.bar1 .chart-wrapper .single-perc {
230
239
  width: 4rem;
231
240
  flex: none;
232
241
  }
233
- .component-wrapper.bar1 .bar-wrapper .chart-svg {
242
+ .component-wrapper.bar1 .chart-wrapper .inner-bar-wrapper {
234
243
  flex: 1;
235
244
  height: 30px;
236
245
  }
@@ -244,7 +253,6 @@
244
253
  text-align: left;
245
254
  padding-right: 1.25rem;
246
255
  padding-bottom: 0;
247
- flex: none;
248
256
  }
249
257
  .component-wrapper.bar1 .bar-wrapper {
250
258
  flex-direction: row-reverse;
@@ -257,31 +265,22 @@
257
265
  .component-wrapper.bar2, .component-wrapper.bar3, .component-wrapper.bar4, .component-wrapper.bar5 {
258
266
  align-items: flex-start;
259
267
  }
260
- .component-wrapper.bar2 .legend, .component-wrapper.bar4 .legend, .component-wrapper.bar5 .legend {
261
- padding-bottom: 0;
262
- }
263
- .component-wrapper.bar2 .chart-svg, .component-wrapper.bar4 .chart-svg, .component-wrapper.bar5 .chart-svg {
268
+ .component-wrapper.bar2 .inner-bar-wrapper, .component-wrapper.bar4 .inner-bar-wrapper, .component-wrapper.bar5 .inner-bar-wrapper {
264
269
  height: 30px;
265
- margin-top: 20px;
266
270
  margin-bottom: 0;
267
271
  }
268
- .component-wrapper.bar2 .chart-svg.show-values, .component-wrapper.bar4 .chart-svg.show-values, .component-wrapper.bar5 .chart-svg.show-values {
272
+ .component-wrapper.bar2 .inner-bar-wrapper.show-values, .component-wrapper.bar4 .inner-bar-wrapper.show-values, .component-wrapper.bar5 .inner-bar-wrapper.show-values {
269
273
  height: 60px;
270
274
  margin-top: 0;
271
- margin-bottom: 0;
272
- }
273
- .component-wrapper.bar2 .chart-svg .percs, .component-wrapper.bar4 .chart-svg .percs, .component-wrapper.bar5 .chart-svg .percs {
274
- transform: translateY(24px);
275
- text-anchor: middle;
276
275
  }
277
276
  .component-wrapper.bar3 .legend {
278
277
  padding-bottom: 1.25rem;
279
278
  }
280
- .component-wrapper.bar3 .svg-wrapper {
279
+ .component-wrapper.bar3 .chart-wrapper {
281
280
  position: relative;
282
281
  height: 100px;
283
282
  }
284
- .component-wrapper.bar3 .svg-wrapper .chart-svg {
283
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper {
285
284
  position: absolute;
286
285
  top: 35px;
287
286
  left: 0;
@@ -289,14 +288,10 @@
289
288
  bottom: 0;
290
289
  height: 30px;
291
290
  }
292
- .component-wrapper.bar3 .svg-wrapper .chart-svg text {
291
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper text {
293
292
  fill: #4a4a4a;
294
293
  }
295
- .component-wrapper.bar3 .svg-wrapper .chart-svg .percs {
296
- transform: translateY(-4px);
297
- text-anchor: middle;
298
- }
299
- .component-wrapper.bar3 .svg-wrapper .axis {
294
+ .component-wrapper.bar3 .chart-wrapper .axis {
300
295
  position: absolute;
301
296
  top: 0;
302
297
  left: 0;
@@ -305,11 +300,11 @@
305
300
  overflow: visible;
306
301
  transform: translateY(90px);
307
302
  }
308
- .component-wrapper.bar3 .svg-wrapper .axis line {
303
+ .component-wrapper.bar3 .chart-wrapper .axis line {
309
304
  stroke: #eeedf4;
310
305
  stroke-width: 1px;
311
306
  }
312
- .component-wrapper.bar3 .svg-wrapper .axis text {
307
+ .component-wrapper.bar3 .chart-wrapper .axis text {
313
308
  transform: translate(4px, 24px);
314
309
  text-anchor: middle;
315
310
  }
@@ -330,24 +325,13 @@
330
325
  :host(:focus) {
331
326
  outline: none;
332
327
  }
333
- :host(:focus) .chart-svg.user-is-tabbing:not(.show-values) {
334
- -webkit-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
335
- -moz-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
336
- box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
337
- }
338
- :host(:focus) .chart-svg.user-is-tabbing:not(.show-values)::-moz-focus-inner {
339
- border: 0;
340
- }
341
- :host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus {
328
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper,
329
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper {
342
330
  -webkit-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
343
331
  -moz-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
344
332
  box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;
345
- width: 100%;
346
- height: 30px;
347
333
  }
348
- :host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus::-moz-focus-inner {
334
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper::-moz-focus-inner,
335
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner {
349
336
  border: 0;
350
- }
351
- :host(:focus) .chart-svg.user-is-tabbing.show-values .focus-offset {
352
- transform: translateY(30px);
353
337
  }