@watermarkinsights/ripple 3.4.0 → 3.5.0-3

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-ee710089.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 +71 -84
  40. package/dist/collection/components/wm-chart/wm-chart.js +718 -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-b94f59e6.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-3003d26d.entry.js +1 -0
  116. package/dist/ripple/p-33524565.entry.js +1 -0
  117. package/dist/ripple/{p-888bec42.js → p-43f1298b.js} +0 -0
  118. package/dist/ripple/{p-5e49aba7.entry.js → p-4cc71463.entry.js} +1 -1
  119. package/dist/ripple/p-588b4475.js +16 -0
  120. package/dist/ripple/p-65e3a656.entry.js +1 -0
  121. package/dist/ripple/p-7a96bb97.js +1 -0
  122. package/dist/ripple/p-83b8aaaf.entry.js +1 -0
  123. package/dist/ripple/p-8923b7d0.entry.js +1 -0
  124. package/dist/ripple/{p-d52033d5.entry.js → p-8b0eb05e.entry.js} +1 -1
  125. package/dist/ripple/p-8cd1396e.entry.js +1 -0
  126. package/dist/ripple/{p-22a1a636.entry.js → p-99db8501.entry.js} +1 -1
  127. package/dist/ripple/p-9baa3039.js +1 -0
  128. package/dist/ripple/p-aa973691.entry.js +1 -0
  129. package/dist/ripple/{p-a61977b2.entry.js → p-b3d5ea85.entry.js} +1 -1
  130. package/dist/ripple/{p-7d009793.entry.js → p-b5189f72.entry.js} +1 -1
  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,17 +210,8 @@
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
- position: relative;
207
215
  align-items: flex-start;
208
216
  }
209
217
  .component-wrapper.bar1 label {
@@ -216,30 +224,32 @@
216
224
  .component-wrapper.bar1 .legend {
217
225
  display: none;
218
226
  }
219
- .component-wrapper.bar1 .completion-message {
220
- position: absolute;
221
- right: 0;
222
- top: 30px;
223
- margin-top: 4px;
224
- }
225
- .component-wrapper.bar1 .bar-wrapper {
227
+ .component-wrapper.bar1 .chart-wrapper {
226
228
  display: flex;
227
- align-items: center;
228
229
  }
229
- .component-wrapper.bar1 .bar-wrapper .single-perc {
230
+ .component-wrapper.bar1 .chart-wrapper .single-perc {
230
231
  width: 4rem;
231
232
  flex: none;
233
+ display: flex;
234
+ height: 30px;
235
+ align-items: center;
232
236
  }
233
- .component-wrapper.bar1 .bar-wrapper .chart-svg {
237
+ .component-wrapper.bar1 .chart-wrapper .inner-bar-wrapper {
234
238
  flex: 1;
235
- height: 30px;
239
+ }
240
+ .component-wrapper.bar1 .chart-wrapper .completion-message {
241
+ width: 100%;
242
+ text-align: right;
243
+ margin-top: 0.25rem;
236
244
  }
237
245
  @media screen and (min-width: 768px) {
238
246
  .component-wrapper.bar1 {
239
247
  flex-direction: row;
240
- align-items: center;
241
248
  }
242
249
  .component-wrapper.bar1 label {
250
+ display: flex;
251
+ justify-content: center;
252
+ min-height: 30px;
243
253
  width: 12rem;
244
254
  text-align: left;
245
255
  padding-right: 1.25rem;
@@ -252,36 +262,28 @@
252
262
  .component-wrapper.bar1 .bar-wrapper .single-perc {
253
263
  text-align: center;
254
264
  padding-left: 0.5rem;
265
+ justify-content: center;
255
266
  }
256
267
  }
257
268
  .component-wrapper.bar2, .component-wrapper.bar3, .component-wrapper.bar4, .component-wrapper.bar5 {
258
269
  align-items: flex-start;
259
270
  }
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 {
271
+ .component-wrapper.bar2 .inner-bar-wrapper, .component-wrapper.bar4 .inner-bar-wrapper, .component-wrapper.bar5 .inner-bar-wrapper {
264
272
  height: 30px;
265
- margin-top: 20px;
266
273
  margin-bottom: 0;
267
274
  }
268
- .component-wrapper.bar2 .chart-svg.show-values, .component-wrapper.bar4 .chart-svg.show-values, .component-wrapper.bar5 .chart-svg.show-values {
275
+ .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
276
  height: 60px;
270
277
  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
278
  }
277
279
  .component-wrapper.bar3 .legend {
278
280
  padding-bottom: 1.25rem;
279
281
  }
280
- .component-wrapper.bar3 .svg-wrapper {
282
+ .component-wrapper.bar3 .chart-wrapper {
281
283
  position: relative;
282
284
  height: 100px;
283
285
  }
284
- .component-wrapper.bar3 .svg-wrapper .chart-svg {
286
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper {
285
287
  position: absolute;
286
288
  top: 35px;
287
289
  left: 0;
@@ -289,14 +291,10 @@
289
291
  bottom: 0;
290
292
  height: 30px;
291
293
  }
292
- .component-wrapper.bar3 .svg-wrapper .chart-svg text {
294
+ .component-wrapper.bar3 .chart-wrapper .inner-bar-wrapper text {
293
295
  fill: #4a4a4a;
294
296
  }
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 {
297
+ .component-wrapper.bar3 .chart-wrapper .axis {
300
298
  position: absolute;
301
299
  top: 0;
302
300
  left: 0;
@@ -305,11 +303,11 @@
305
303
  overflow: visible;
306
304
  transform: translateY(90px);
307
305
  }
308
- .component-wrapper.bar3 .svg-wrapper .axis line {
306
+ .component-wrapper.bar3 .chart-wrapper .axis line {
309
307
  stroke: #eeedf4;
310
308
  stroke-width: 1px;
311
309
  }
312
- .component-wrapper.bar3 .svg-wrapper .axis text {
310
+ .component-wrapper.bar3 .chart-wrapper .axis text {
313
311
  transform: translate(4px, 24px);
314
312
  text-anchor: middle;
315
313
  }
@@ -330,24 +328,13 @@
330
328
  :host(:focus) {
331
329
  outline: none;
332
330
  }
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 {
331
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper,
332
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper {
342
333
  -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
334
  -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
335
  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
336
  }
348
- :host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus::-moz-focus-inner {
337
+ :host(:focus) .component-wrapper.user-is-tabbing .bar-segments-wrapper::-moz-focus-inner,
338
+ :host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner {
349
339
  border: 0;
350
- }
351
- :host(:focus) .chart-svg.user-is-tabbing.show-values .focus-offset {
352
- transform: translateY(30px);
353
340
  }