@watermarkinsights/ripple 3.4.0 → 3.5.0-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.
Files changed (203) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/functions-653e695c.js +6164 -0
  3. package/dist/cjs/{global-caec45e5.js → global-067b9f65.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 -74
  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-08ca269c.js → global-18fdd890.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-1e0c41a9.entry.js +1 -0
  115. package/dist/ripple/p-237a432a.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-b9838664.js +1 -0
  131. package/dist/ripple/p-bc27b604.entry.js +1 -0
  132. package/dist/ripple/p-bc9ca97b.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-d9d6bf11.js +0 -1
  199. package/dist/ripple/p-e097c562.entry.js +0 -1
  200. package/dist/ripple/p-e9db6122.entry.js +0 -1
  201. package/dist/ripple/p-eabbd1e9.entry.js +0 -1
  202. package/dist/ripple/p-ec496b8b.entry.js +0 -1
  203. 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
  }
@@ -257,31 +266,22 @@
257
266
  .component-wrapper.bar2, .component-wrapper.bar3, .component-wrapper.bar4, .component-wrapper.bar5 {
258
267
  align-items: flex-start;
259
268
  }
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 {
269
+ .component-wrapper.bar2 .inner-bar-wrapper, .component-wrapper.bar4 .inner-bar-wrapper, .component-wrapper.bar5 .inner-bar-wrapper {
264
270
  height: 30px;
265
- margin-top: 20px;
266
271
  margin-bottom: 0;
267
272
  }
268
- .component-wrapper.bar2 .chart-svg.show-values, .component-wrapper.bar4 .chart-svg.show-values, .component-wrapper.bar5 .chart-svg.show-values {
273
+ .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
274
  height: 60px;
270
275
  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
276
  }
277
277
  .component-wrapper.bar3 .legend {
278
278
  padding-bottom: 1.25rem;
279
279
  }
280
- .component-wrapper.bar3 .svg-wrapper {
280
+ .component-wrapper.bar3 .chart-wrapper {
281
281
  position: relative;
282
282
  height: 100px;
283
283
  }
284
- .component-wrapper.bar3 .svg-wrapper .chart-svg {
284
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper {
285
285
  position: absolute;
286
286
  top: 35px;
287
287
  left: 0;
@@ -289,14 +289,10 @@
289
289
  bottom: 0;
290
290
  height: 30px;
291
291
  }
292
- .component-wrapper.bar3 .svg-wrapper .chart-svg text {
292
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper text {
293
293
  fill: #4a4a4a;
294
294
  }
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 {
295
+ .component-wrapper.bar3 .chart-wrapper .axis {
300
296
  position: absolute;
301
297
  top: 0;
302
298
  left: 0;
@@ -305,11 +301,11 @@
305
301
  overflow: visible;
306
302
  transform: translateY(90px);
307
303
  }
308
- .component-wrapper.bar3 .svg-wrapper .axis line {
304
+ .component-wrapper.bar3 .chart-wrapper .axis line {
309
305
  stroke: #eeedf4;
310
306
  stroke-width: 1px;
311
307
  }
312
- .component-wrapper.bar3 .svg-wrapper .axis text {
308
+ .component-wrapper.bar3 .chart-wrapper .axis text {
313
309
  transform: translate(4px, 24px);
314
310
  text-anchor: middle;
315
311
  }
@@ -330,24 +326,13 @@
330
326
  :host(:focus) {
331
327
  outline: none;
332
328
  }
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 {
329
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper,
330
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper {
342
331
  -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
332
  -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
333
  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
334
  }
348
- :host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus::-moz-focus-inner {
335
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper::-moz-focus-inner,
336
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner {
349
337
  border: 0;
350
- }
351
- :host(:focus) .chart-svg.user-is-tabbing.show-values .focus-offset {
352
- transform: translateY(30px);
353
338
  }