@watermarkinsights/ripple 3.4.0-1 → 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 (172) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/{functions-8fb310fe.js → functions-653e695c.js} +442 -442
  3. package/dist/cjs/{global-62b00020.js → global-067b9f65.js} +65 -65
  4. package/dist/cjs/{http-service-9e8c4dd5.js → http-service-494d81de.js} +49 -49
  5. package/dist/cjs/{interfaces-30a74c1f.js → interfaces-a3338581.js} +29 -29
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/priv-chart-popover.cjs.entry.js +78 -78
  8. package/dist/cjs/priv-datepicker.cjs.entry.js +667 -667
  9. package/dist/cjs/priv-navigator-button.cjs.entry.js +18 -18
  10. package/dist/cjs/priv-navigator-item.cjs.entry.js +23 -23
  11. package/dist/cjs/ripple.cjs.js +1 -1
  12. package/dist/cjs/wm-action-menu_2.cjs.entry.js +341 -341
  13. package/dist/cjs/wm-button.cjs.entry.js +218 -218
  14. package/dist/cjs/wm-chart-slice.cjs.entry.js +13 -13
  15. package/dist/cjs/wm-chart.cjs.entry.js +474 -516
  16. package/dist/cjs/wm-datepicker.cjs.entry.js +256 -256
  17. package/dist/cjs/wm-input.cjs.entry.js +133 -133
  18. package/dist/cjs/wm-modal-footer.cjs.entry.js +31 -31
  19. package/dist/cjs/wm-modal-header.cjs.entry.js +34 -34
  20. package/dist/cjs/wm-modal.cjs.entry.js +161 -161
  21. package/dist/cjs/wm-navigator.cjs.entry.js +268 -268
  22. package/dist/cjs/wm-network-uploader.cjs.entry.js +420 -420
  23. package/dist/cjs/wm-option_2.cjs.entry.js +491 -491
  24. package/dist/cjs/wm-pagination.cjs.entry.js +167 -167
  25. package/dist/cjs/wm-search.cjs.entry.js +231 -231
  26. package/dist/cjs/wm-snackbar.cjs.entry.js +170 -170
  27. package/dist/cjs/wm-tab-item_3.cjs.entry.js +300 -300
  28. package/dist/cjs/wm-tag-input.cjs.entry.js +556 -556
  29. package/dist/cjs/wm-timepicker.cjs.entry.js +383 -383
  30. package/dist/cjs/wm-toggletip.cjs.entry.js +124 -124
  31. package/dist/cjs/wm-uploader.cjs.entry.js +346 -346
  32. package/dist/cjs/wm-wrapper.cjs.entry.js +12 -12
  33. package/dist/collection/components/wm-action-menu/wm-action-menu.js +460 -460
  34. package/dist/collection/components/wm-button/wm-button.js +485 -485
  35. package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.js +232 -232
  36. package/dist/collection/components/wm-chart/wm-chart-slice.js +64 -64
  37. package/dist/collection/components/wm-chart/wm-chart.css +59 -74
  38. package/dist/collection/components/wm-chart/wm-chart.js +717 -765
  39. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +1015 -1015
  40. package/dist/collection/components/wm-datepicker/wm-datepicker.js +462 -462
  41. package/dist/collection/components/wm-input/wm-input.js +423 -423
  42. package/dist/collection/components/wm-menuitem/wm-menuitem.js +444 -444
  43. package/dist/collection/components/wm-modal/wm-modal-footer.js +141 -141
  44. package/dist/collection/components/wm-modal/wm-modal-header.js +92 -92
  45. package/dist/collection/components/wm-modal/wm-modal.js +459 -459
  46. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +97 -97
  47. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +114 -114
  48. package/dist/collection/components/wm-navigator/wm-navigator.js +468 -468
  49. package/dist/collection/components/wm-option/wm-option.js +422 -422
  50. package/dist/collection/components/wm-pagination/wm-pagination.js +368 -368
  51. package/dist/collection/components/wm-search/wm-search.js +479 -479
  52. package/dist/collection/components/wm-select/wm-select.js +717 -717
  53. package/dist/collection/components/wm-snackbar/wm-snackbar.js +297 -297
  54. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +219 -219
  55. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +331 -331
  56. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +104 -104
  57. package/dist/collection/components/wm-tag-input/wm-tag-input.js +787 -787
  58. package/dist/collection/components/wm-timepicker/wm-timepicker.js +589 -589
  59. package/dist/collection/components/wm-toggletip/wm-toggletip.js +241 -241
  60. package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js +753 -753
  61. package/dist/collection/components/wm-uploader/wm-uploader.js +748 -748
  62. package/dist/collection/components/wm-wrapper/wm-wrapper.js +27 -27
  63. package/dist/collection/dev/scripts.js +20 -20
  64. package/dist/collection/global/__mocks__/functions.js +6 -6
  65. package/dist/collection/global/functions.js +445 -445
  66. package/dist/collection/global/global.js +72 -72
  67. package/dist/collection/global/interfaces.js +49 -49
  68. package/dist/collection/global/services/__mocks__/http-service.js +130 -130
  69. package/dist/collection/global/services/http-service.js +50 -50
  70. package/dist/collection/lang/lang.js +5 -5
  71. package/dist/collection/lang/piglatin.js +93 -93
  72. package/dist/esm/{functions-c315390d.js → functions-e528c934.js} +442 -442
  73. package/dist/esm/{global-1de94d50.js → global-18fdd890.js} +65 -65
  74. package/dist/esm/{http-service-5d037e16.js → http-service-3dc3b3e7.js} +49 -49
  75. package/dist/esm/{interfaces-61c6305b.js → interfaces-2b97fab2.js} +29 -29
  76. package/dist/esm/loader.js +1 -1
  77. package/dist/esm/polyfills/core-js.js +0 -0
  78. package/dist/esm/polyfills/dom.js +0 -0
  79. package/dist/esm/polyfills/es5-html-element.js +0 -0
  80. package/dist/esm/polyfills/index.js +0 -0
  81. package/dist/esm/polyfills/system.js +0 -0
  82. package/dist/esm/priv-chart-popover.entry.js +78 -78
  83. package/dist/esm/priv-datepicker.entry.js +667 -667
  84. package/dist/esm/priv-navigator-button.entry.js +18 -18
  85. package/dist/esm/priv-navigator-item.entry.js +23 -23
  86. package/dist/esm/ripple.js +1 -1
  87. package/dist/esm/wm-action-menu_2.entry.js +341 -341
  88. package/dist/esm/wm-button.entry.js +218 -218
  89. package/dist/esm/wm-chart-slice.entry.js +13 -13
  90. package/dist/esm/wm-chart.entry.js +474 -516
  91. package/dist/esm/wm-datepicker.entry.js +256 -256
  92. package/dist/esm/wm-input.entry.js +133 -133
  93. package/dist/esm/wm-modal-footer.entry.js +31 -31
  94. package/dist/esm/wm-modal-header.entry.js +34 -34
  95. package/dist/esm/wm-modal.entry.js +161 -161
  96. package/dist/esm/wm-navigator.entry.js +268 -268
  97. package/dist/esm/wm-network-uploader.entry.js +420 -420
  98. package/dist/esm/wm-option_2.entry.js +491 -491
  99. package/dist/esm/wm-pagination.entry.js +167 -167
  100. package/dist/esm/wm-search.entry.js +231 -231
  101. package/dist/esm/wm-snackbar.entry.js +170 -170
  102. package/dist/esm/wm-tab-item_3.entry.js +300 -300
  103. package/dist/esm/wm-tag-input.entry.js +556 -556
  104. package/dist/esm/wm-timepicker.entry.js +383 -383
  105. package/dist/esm/wm-toggletip.entry.js +124 -124
  106. package/dist/esm/wm-uploader.entry.js +346 -346
  107. package/dist/esm/wm-wrapper.entry.js +12 -12
  108. package/dist/ripple/{p-c5e44367.entry.js → p-092b01f3.entry.js} +1 -1
  109. package/dist/ripple/{p-5ffa983b.entry.js → p-1e0c41a9.entry.js} +1 -1
  110. package/dist/ripple/p-237a432a.entry.js +1 -0
  111. package/dist/ripple/{p-d5fafa9c.entry.js → p-3003d26d.entry.js} +1 -1
  112. package/dist/ripple/{p-374b4fa6.entry.js → p-33524565.entry.js} +1 -1
  113. package/dist/ripple/{p-888bec42.js → p-43f1298b.js} +0 -0
  114. package/dist/ripple/{p-dea72d46.entry.js → p-4cc71463.entry.js} +1 -1
  115. package/dist/ripple/{p-e60fe2f5.js → p-588b4475.js} +0 -0
  116. package/dist/ripple/{p-b03382ea.entry.js → p-65e3a656.entry.js} +1 -1
  117. package/dist/ripple/{p-7bbd123c.entry.js → p-8923b7d0.entry.js} +1 -1
  118. package/dist/ripple/{p-ba9d3069.entry.js → p-8cd1396e.entry.js} +1 -1
  119. package/dist/ripple/{p-e574fb73.entry.js → p-aa973691.entry.js} +1 -1
  120. package/dist/ripple/{p-b4a8c8d3.entry.js → p-b3d5ea85.entry.js} +1 -1
  121. package/dist/ripple/{p-9b4f222b.entry.js → p-b5189f72.entry.js} +1 -1
  122. package/dist/ripple/{p-a4d95d60.js → p-b9838664.js} +1 -1
  123. package/dist/ripple/p-bc27b604.entry.js +1 -0
  124. package/dist/ripple/{p-27d5255f.entry.js → p-cd58a15c.entry.js} +1 -1
  125. package/dist/ripple/{p-41f39509.entry.js → p-dc9c9fda.entry.js} +1 -1
  126. package/dist/ripple/{p-34694011.entry.js → p-e7616311.entry.js} +1 -1
  127. package/dist/ripple/{p-36da5d4a.entry.js → p-e9e8334e.entry.js} +1 -1
  128. package/dist/ripple/{p-ec5db255.entry.js → p-ec9697db.entry.js} +1 -1
  129. package/dist/ripple/{p-c724ce54.entry.js → p-efdaf3b6.entry.js} +1 -1
  130. package/dist/ripple/{p-042d6449.entry.js → p-fcdc6395.entry.js} +1 -1
  131. package/dist/ripple/{p-a6d6eae7.js → p-fd8070fb.js} +0 -0
  132. package/dist/ripple/ripple.esm.js +1 -1
  133. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +48 -48
  134. package/dist/types/components/wm-button/wm-button.d.ts +44 -44
  135. package/dist/types/components/wm-chart/priv-chart-popover/priv-chart-popover.d.ts +23 -23
  136. package/dist/types/components/wm-chart/wm-chart-slice.d.ts +8 -8
  137. package/dist/types/components/wm-chart/wm-chart.d.ts +81 -80
  138. package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +76 -76
  139. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +41 -41
  140. package/dist/types/components/wm-input/wm-input.d.ts +46 -46
  141. package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +34 -34
  142. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +15 -15
  143. package/dist/types/components/wm-modal/wm-modal-header.d.ts +12 -12
  144. package/dist/types/components/wm-modal/wm-modal.d.ts +41 -41
  145. package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +10 -10
  146. package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +13 -13
  147. package/dist/types/components/wm-navigator/wm-navigator.d.ts +61 -61
  148. package/dist/types/components/wm-option/wm-option.d.ts +32 -32
  149. package/dist/types/components/wm-pagination/wm-pagination.d.ts +32 -32
  150. package/dist/types/components/wm-search/wm-search.d.ts +86 -86
  151. package/dist/types/components/wm-select/wm-select.d.ts +66 -66
  152. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +35 -35
  153. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +38 -38
  154. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +53 -53
  155. package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +20 -20
  156. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +91 -91
  157. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +62 -62
  158. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +27 -27
  159. package/dist/types/components/wm-uploader/wm-network-uploader/wm-network-uploader.d.ts +85 -85
  160. package/dist/types/components/wm-uploader/wm-uploader.d.ts +80 -80
  161. package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +7 -7
  162. package/dist/types/components.d.ts +24 -24
  163. package/dist/types/global/__mocks__/functions.d.ts +6 -6
  164. package/dist/types/global/functions.d.ts +40 -40
  165. package/dist/types/global/global.d.ts +1 -1
  166. package/dist/types/global/interfaces.d.ts +34 -34
  167. package/dist/types/global/services/__mocks__/http-service.d.ts +6 -6
  168. package/dist/types/global/services/http-service.d.ts +4 -4
  169. package/dist/types/lang/lang.d.ts +5 -5
  170. package/package.json +46 -46
  171. package/dist/ripple/p-053e8324.entry.js +0 -1
  172. package/dist/ripple/p-5f19bcd1.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-grow: 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
  }