@watermarkinsights/ripple 3.5.2 → 3.6.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 (89) hide show
  1. package/dist/cjs/{functions-8fb310fe.js → functions-068b9a56.js} +650 -8
  2. package/dist/cjs/{global-fe8e4bb7.js → global-4e77664e.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
  5. package/dist/cjs/priv-datepicker.cjs.entry.js +1 -1
  6. package/dist/cjs/ripple.cjs.js +1 -1
  7. package/dist/cjs/wm-action-menu_2.cjs.entry.js +1 -1
  8. package/dist/cjs/wm-button.cjs.entry.js +1 -1
  9. package/dist/cjs/wm-chart.cjs.entry.js +2 -2
  10. package/dist/cjs/wm-datepicker.cjs.entry.js +3 -3
  11. package/dist/cjs/wm-input.cjs.entry.js +8 -7
  12. package/dist/cjs/wm-modal-header.cjs.entry.js +1 -1
  13. package/dist/cjs/wm-modal.cjs.entry.js +1 -1
  14. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-network-uploader.cjs.entry.js +1 -1
  16. package/dist/cjs/wm-option_2.cjs.entry.js +3 -1
  17. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-search.cjs.entry.js +1 -1
  19. package/dist/cjs/wm-snackbar.cjs.entry.js +1 -1
  20. package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
  21. package/dist/cjs/wm-tag-input.cjs.entry.js +18 -4
  22. package/dist/cjs/wm-timepicker.cjs.entry.js +2 -1
  23. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  24. package/dist/cjs/wm-uploader.cjs.entry.js +1 -1
  25. package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.css +1 -0
  26. package/dist/collection/components/wm-chart/wm-chart.css +4 -0
  27. package/dist/collection/components/wm-datepicker/wm-datepicker.js +2 -2
  28. package/dist/collection/components/wm-input/wm-input.js +7 -6
  29. package/dist/collection/components/wm-select/wm-select.js +4 -2
  30. package/dist/collection/components/wm-tag-input/wm-tag-input.js +17 -3
  31. package/dist/collection/components/wm-timepicker/wm-timepicker.js +1 -0
  32. package/dist/collection/lang/missing.js +39 -0
  33. package/dist/collection/lang/piglatin.js +2 -2
  34. package/dist/esm/{functions-c315390d.js → functions-122ab496.js} +650 -8
  35. package/dist/esm/{global-169de013.js → global-0fd112f7.js} +1 -1
  36. package/dist/esm/loader.js +1 -1
  37. package/dist/esm/priv-chart-popover.entry.js +2 -2
  38. package/dist/esm/priv-datepicker.entry.js +1 -1
  39. package/dist/esm/ripple.js +1 -1
  40. package/dist/esm/wm-action-menu_2.entry.js +1 -1
  41. package/dist/esm/wm-button.entry.js +1 -1
  42. package/dist/esm/wm-chart.entry.js +2 -2
  43. package/dist/esm/wm-datepicker.entry.js +3 -3
  44. package/dist/esm/wm-input.entry.js +8 -7
  45. package/dist/esm/wm-modal-header.entry.js +1 -1
  46. package/dist/esm/wm-modal.entry.js +1 -1
  47. package/dist/esm/wm-navigator.entry.js +1 -1
  48. package/dist/esm/wm-network-uploader.entry.js +1 -1
  49. package/dist/esm/wm-option_2.entry.js +3 -1
  50. package/dist/esm/wm-pagination.entry.js +1 -1
  51. package/dist/esm/wm-search.entry.js +1 -1
  52. package/dist/esm/wm-snackbar.entry.js +1 -1
  53. package/dist/esm/wm-tab-item_3.entry.js +1 -1
  54. package/dist/esm/wm-tag-input.entry.js +18 -4
  55. package/dist/esm/wm-timepicker.entry.js +2 -1
  56. package/dist/esm/wm-toggletip.entry.js +1 -1
  57. package/dist/esm/wm-uploader.entry.js +1 -1
  58. package/dist/ripple/{p-b4a8c8d3.entry.js → p-067909ce.entry.js} +1 -1
  59. package/dist/ripple/p-08e67884.js +16 -0
  60. package/dist/ripple/{p-5ffa983b.entry.js → p-1c23f228.entry.js} +1 -1
  61. package/dist/ripple/p-2aa79663.entry.js +1 -0
  62. package/dist/ripple/{p-d69c1688.entry.js → p-2b3f75eb.entry.js} +1 -1
  63. package/dist/ripple/{p-b03382ea.entry.js → p-3ff67fd5.entry.js} +1 -1
  64. package/dist/ripple/{p-e574fb73.entry.js → p-4629470d.entry.js} +1 -1
  65. package/dist/ripple/{p-41f39509.entry.js → p-4b1f14bb.entry.js} +1 -1
  66. package/dist/ripple/{p-36da5d4a.entry.js → p-4b72f4eb.entry.js} +1 -1
  67. package/dist/ripple/{p-ba9d3069.entry.js → p-54c39a0b.entry.js} +1 -1
  68. package/dist/ripple/{p-d5fafa9c.entry.js → p-7da00f33.entry.js} +1 -1
  69. package/dist/ripple/{p-c5e44367.entry.js → p-803b19aa.entry.js} +1 -1
  70. package/dist/ripple/p-888c18c3.entry.js +1 -0
  71. package/dist/ripple/{p-7bbd123c.entry.js → p-97884327.entry.js} +1 -1
  72. package/dist/ripple/{p-374b4fa6.entry.js → p-9a8fbfad.entry.js} +1 -1
  73. package/dist/ripple/p-a2b02aec.entry.js +1 -0
  74. package/dist/ripple/{p-042d6449.entry.js → p-a61b07de.entry.js} +1 -1
  75. package/dist/ripple/p-e36853fd.entry.js +1 -0
  76. package/dist/ripple/{p-dea72d46.entry.js → p-ecbb441f.entry.js} +1 -1
  77. package/dist/ripple/p-f2a1d8b1.js +1 -0
  78. package/dist/ripple/{p-c724ce54.entry.js → p-f6bed262.entry.js} +1 -1
  79. package/dist/ripple/p-f95c2283.entry.js +1 -0
  80. package/dist/ripple/ripple.esm.js +1 -1
  81. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +1 -0
  82. package/package.json +4 -3
  83. package/dist/ripple/p-31fde2c6.entry.js +0 -1
  84. package/dist/ripple/p-34694011.entry.js +0 -1
  85. package/dist/ripple/p-5ff97329.js +0 -1
  86. package/dist/ripple/p-75a9ba2f.entry.js +0 -1
  87. package/dist/ripple/p-a50439f1.entry.js +0 -1
  88. package/dist/ripple/p-e60fe2f5.js +0 -16
  89. package/dist/ripple/p-ec5db255.entry.js +0 -1
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd179539.js');
6
- const functions = require('./functions-8fb310fe.js');
6
+ const functions = require('./functions-068b9a56.js');
7
7
 
8
8
  const wmToggletipCss = "@charset \"UTF-8\";:host,wm-toggletip{display:inline-block;position:relative;height:40px;width:40px}:host .button,wm-toggletip .button{display:flex;background:none;border:none;padding:0;width:inherit;height:inherit;border-radius:50%;justify-content:center;align-items:center;position:relative;cursor:pointer}:host .button:before,wm-toggletip .button:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\";font-size:16px;color:#4a4a4a;background:radial-gradient(white 40%, transparent 0%)}:host .button:focus,wm-toggletip .button:focus{outline:none}:host .button:focus.user-is-tabbing,wm-toggletip .button:focus.user-is-tabbing{-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;-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;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}:host .button:focus.user-is-tabbing::-moz-focus-inner,wm-toggletip .button:focus.user-is-tabbing::-moz-focus-inner{border:0}:host .tooltip,wm-toggletip .tooltip{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);pointer-events:none;font-family:inherit;font-size:0.875rem;text-transform:none;font-weight:normal;background:black;color:#fff;padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover,wm-toggletip .tooltip.hover{clip:auto;width:auto;height:auto;opacity:1;transition:opacity 500ms 500ms;padding:0.375rem;white-space:nowrap}:host .toggletip,wm-toggletip .toggletip{position:absolute;max-width:13.75rem;width:max-content;padding:0.5rem 0.75rem;border-radius:0.1875rem;background:#4a4a4a;color:white;font-size:14px;z-index:30}:host .toggletip.top:before,wm-toggletip .toggletip.top:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.bottom:before,wm-toggletip .toggletip.bottom:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.right:before,wm-toggletip .toggletip.right:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:#4a4a4a;border-right-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-left-width:0px;top:calc(50% - 6px);left:-0.1875rem}:host .toggletip.left:before,wm-toggletip .toggletip.left:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:#4a4a4a;border-left-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-right-width:0px;top:calc(50% - 6px);right:-0.1875rem}:host .toggletip.bottom-right:before,wm-toggletip .toggletip.bottom-right:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.bottom-left:before,wm-toggletip .toggletip.bottom-left:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.top-right:before,wm-toggletip .toggletip.top-right:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.top-left:before,wm-toggletip .toggletip.top-left:before{content:\"\";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.hidden,wm-toggletip .toggletip.hidden{transform:scale(0, 0) !important;visibility:hidden}:host .toggletip.top,:host .tooltip.top,wm-toggletip .toggletip.top,wm-toggletip .tooltip.top{transform:translate(-50%, 0%);bottom:40px;left:20px}:host .toggletip.bottom,:host .tooltip.bottom,wm-toggletip .toggletip.bottom,wm-toggletip .tooltip.bottom{transform:translate(-50%, 0%);top:40px;left:20px}:host .toggletip.right,:host .tooltip.right,wm-toggletip .toggletip.right,wm-toggletip .tooltip.right{transform:translate(100%, calc(-50% - 20px));right:0px}:host .toggletip.left,:host .tooltip.left,wm-toggletip .toggletip.left,wm-toggletip .tooltip.left{transform:translate(-100%, calc(-50% - 20px));left:0px}:host .toggletip.bottom-right,:host .tooltip.bottom-right,wm-toggletip .toggletip.bottom-right,wm-toggletip .tooltip.bottom-right{top:40px;left:0px}:host .toggletip.bottom-left,:host .tooltip.bottom-left,wm-toggletip .toggletip.bottom-left,wm-toggletip .tooltip.bottom-left{top:40px;right:0px}:host .toggletip.top-right,:host .tooltip.top-right,wm-toggletip .toggletip.top-right,wm-toggletip .tooltip.top-right{bottom:40px;left:0px}:host .toggletip.top-left,:host .tooltip.top-left,wm-toggletip .toggletip.top-left,wm-toggletip .tooltip.top-left{bottom:40px;right:0px}:host .sr-only,wm-toggletip .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd179539.js');
6
- const functions = require('./functions-8fb310fe.js');
6
+ const functions = require('./functions-068b9a56.js');
7
7
 
8
8
  const wmUploaderCss = "@charset \"UTF-8\";:host .wm-button,wm-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-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;-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;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}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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 #c6b4e3;-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 #c6b4e3;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 #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button:hover,wm-uploader .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-uploader .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-uploader .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-uploader .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-uploader .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-uploader .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-uploader .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-uploader .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-uploader .wm-button.-selectoronly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\";position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-uploader .wm-button:disabled,:host .wm-button.disabled,wm-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-uploader .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-uploader .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-uploader .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-uploader .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-uploader .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-uploader a.wm-button,:host label.wm-button,wm-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-uploader{width:100%;height:100%;display:block;position:relative}:host[dir=RTL] .mdi,wm-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing,wm-uploader input:focus+.wm-button.user-is-tabbing{-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 !important;-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 !important;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 !important}:host *,wm-uploader *{box-sizing:border-box}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.header{margin-bottom:1rem}.header .slot-wrapper{display:flex;justify-content:flex-start;align-items:flex-start}.header .info-wrapper{align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.footer{display:flex;flex-direction:column;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{align-items:flex-end}.footer .filecount-wrapper{display:flex;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:flex;flex-direction:column;margin-bottom:1rem}.notif{padding-top:0.25rem;font-size:0.875rem;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.info-wrapper{position:relative;display:flex}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:flex;flex-direction:column;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.list-container{overflow-y:auto}.list-container.type1{padding:0 1.875rem;height:16.25rem}ul{list-style:none;padding:0;width:100%}ul li{font-size:0.875rem}ul li .file{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.75rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:flex;justify-content:space-between;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{font-weight:500}ul li .file wm-button+wm-button{margin-left:1rem}ul.file-list .file.--saved,ul.inprogress-list .file{margin-bottom:1.625rem}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.error-list li{margin-bottom:1.25rem;color:#c0392b}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul.error-list li .error-message{padding-top:0.25rem;font-style:italic}";
9
9
 
@@ -101,6 +101,7 @@ priv-chart-popover.user-is-tabbing .button-text {
101
101
  height: auto;
102
102
  border: none;
103
103
  background: transparent;
104
+ cursor: pointer;
104
105
  text-decoration: none;
105
106
  letter-spacing: 0;
106
107
  text-transform: none;
@@ -136,6 +136,7 @@
136
136
  }
137
137
  .component-wrapper .bar-wrapper .inner-bar-wrapper .bar-segments-wrapper .bar-segment {
138
138
  height: 30px;
139
+ cursor: pointer;
139
140
  }
140
141
  .component-wrapper .bar-wrapper .inner-bar-wrapper .bar-segments-wrapper .bar-segment:not(.zero):not(:last-of-type) {
141
142
  margin-right: 2px;
@@ -146,6 +147,9 @@
146
147
  -ms-border-radius: 4px;
147
148
  border-radius: 4px;
148
149
  }
150
+ .component-wrapper .doughnut-wrapper .doughnut-segment {
151
+ cursor: pointer;
152
+ }
149
153
  .component-wrapper .value {
150
154
  display: inline-block;
151
155
  text-align: center;
@@ -198,7 +198,7 @@ export class DatePicker {
198
198
  });
199
199
  const validDateErr = intl.formatMessage({
200
200
  id: "date.invalidDate",
201
- defaultMessage: "Please enter a valid date in the format {dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} iso {yyyy/mm/dd}}.",
201
+ defaultMessage: "Please enter a valid date in the format {dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} other {yyyy/mm/dd}}.",
202
202
  }, { dateFormat: this.dateFormat.toLowerCase() });
203
203
  if (this.errorMessage) {
204
204
  this.displayError = this.errorMessage;
@@ -242,7 +242,7 @@ export class DatePicker {
242
242
  render() {
243
243
  const dateFormat = intl.formatMessage({
244
244
  id: "date.format",
245
- defaultMessage: "{dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} iso {yyyy/mm/dd}}",
245
+ defaultMessage: "{dateFormat, select, us {mm/dd/yyyy} int {dd/mm/yyyy} other {yyyy/mm/dd}}",
246
246
  }, { dateFormat: this.dateFormat.toLowerCase() });
247
247
  return (h(Host, { id: this.uid, onBlur: () => {
248
248
  this.el.removeAttribute("tabindex");
@@ -102,22 +102,23 @@ export class Input {
102
102
  }
103
103
  generateCharacterLimitWarning(charCount, charLimit) {
104
104
  const charactersEnteredMessage = intl.formatMessage({
105
- id: "input.charactersEntered",
105
+ id: "global.charactersEntered",
106
106
  defaultMessage: "{x, number} of {y, number} characters entered.",
107
+ description: "for screen readers",
107
108
  }, { x: charCount, y: charLimit });
108
109
  const characterLimitReachedMessage = intl.formatMessage({
109
- id: "input.characterLimitReached",
110
+ id: "global.characterLimitReached",
110
111
  defaultMessage: "No additional characters will be entered.",
112
+ description: "for screen readers",
111
113
  });
112
114
  return `${charactersEnteredMessage}${charCount >= charLimit ? " " + characterLimitReachedMessage : ""}`;
113
115
  }
114
116
  generateCharacterLimitLabel(characterLimit) {
115
117
  return intl.formatMessage({
116
- id: "input.characterLimit",
118
+ id: "global.characterLimit",
117
119
  defaultMessage: "{limit, number} characters allowed.",
118
- }, {
119
- limit: characterLimit,
120
- });
120
+ description: "for screen readers",
121
+ }, { limit: characterLimit });
121
122
  }
122
123
  renderErrorMessage() {
123
124
  return this.errorMessage || this.displayedErrorMessage;
@@ -12,10 +12,12 @@ export class Select {
12
12
  this.placeholder = intl.formatMessage({
13
13
  id: "select.multiPlaceholder",
14
14
  defaultMessage: "Make a selection",
15
+ description: "Placeholder text. Use imperative",
15
16
  });
16
17
  this.allSelectedMessage = intl.formatMessage({
17
18
  id: "select.allSelected",
18
19
  defaultMessage: "All selected",
20
+ description: "Text displayed when all options are selected",
19
21
  });
20
22
  this.requiredMessage = intl.formatMessage({
21
23
  id: "global.requiredField",
@@ -554,7 +556,7 @@ export class Select {
554
556
  },
555
557
  "attribute": "placeholder",
556
558
  "reflect": false,
557
- "defaultValue": "intl.formatMessage({\n id: \"select.multiPlaceholder\",\n defaultMessage: \"Make a selection\",\n })"
559
+ "defaultValue": "intl.formatMessage({\n id: \"select.multiPlaceholder\",\n defaultMessage: \"Make a selection\",\n description: \"Placeholder text. Use imperative\",\n })"
558
560
  },
559
561
  "allSelectedMessage": {
560
562
  "type": "string",
@@ -572,7 +574,7 @@ export class Select {
572
574
  },
573
575
  "attribute": "all-selected-message",
574
576
  "reflect": false,
575
- "defaultValue": "intl.formatMessage({\n id: \"select.allSelected\",\n defaultMessage: \"All selected\",\n })"
577
+ "defaultValue": "intl.formatMessage({\n id: \"select.allSelected\",\n defaultMessage: \"All selected\",\n description: \"Text displayed when all options are selected\",\n })"
576
578
  }
577
579
  }; }
578
580
  static get states() { return {
@@ -62,6 +62,13 @@ export class TagInput {
62
62
  y: y,
63
63
  });
64
64
  }
65
+ generateCharacterLimitLabel(characterLimit) {
66
+ return intl.formatMessage({
67
+ id: "global.characterLimit",
68
+ defaultMessage: "{limit, number} characters allowed.",
69
+ description: "for screen readers",
70
+ }, { limit: characterLimit });
71
+ }
65
72
  componentWillLoad() {
66
73
  if (!this.placeholder) {
67
74
  this.placeholder = this.createPlaceholderDefault(this.addNew, !!this.options);
@@ -90,14 +97,17 @@ export class TagInput {
90
97
  const addAndSearchPlaceholder = intl.formatMessage({
91
98
  id: "tagInput.placeholderAddAndSearch",
92
99
  defaultMessage: "Add or search for a tag",
100
+ description: "Placeholder text. Use imperative",
93
101
  });
94
102
  const searchPlaceholder = intl.formatMessage({
95
103
  id: "tagInput.placeholderSearch",
96
104
  defaultMessage: "Search and select a tag",
105
+ description: "Placeholder text. Use imperative",
97
106
  });
98
107
  const addPlaceholder = intl.formatMessage({
99
108
  id: "tagInput.placeholderAdd",
100
109
  defaultMessage: "Add a new tag",
110
+ description: "Placeholder text. Use imperative",
101
111
  });
102
112
  let placeholder = "";
103
113
  if (addNew && hasOptions) {
@@ -428,12 +438,14 @@ export class TagInput {
428
438
  }
429
439
  announceCharacterLimitWarning(charCount, charLimit) {
430
440
  const charactersEnteredMessage = intl.formatMessage({
431
- id: "tagInput.charactersEntered",
441
+ id: "global.charactersEntered",
432
442
  defaultMessage: "{x, number} of {y, number} characters entered.",
443
+ description: "for screen readers",
433
444
  }, { x: charCount, y: charLimit });
434
445
  const characterLimitReachedMessage = intl.formatMessage({
435
- id: "tagInput.characterLimitReached",
446
+ id: "global.characterLimitReached",
436
447
  defaultMessage: "No additional characters will be entered.",
448
+ description: "for screen readers",
437
449
  });
438
450
  this.announce(`${charactersEnteredMessage}${charCount >= charLimit ? " " + characterLimitReachedMessage : ""}`);
439
451
  }
@@ -515,10 +527,12 @@ export class TagInput {
515
527
  const helpTextHasOptions = intl.formatMessage({
516
528
  id: "tagInput.helpTextCanSelect",
517
529
  defaultMessage: "Search and select a tag.",
530
+ description: "Placeholder text. Use imperative",
518
531
  });
519
532
  const helpTextEditable = intl.formatMessage({
520
533
  id: "tagInput.helpTextEditable",
521
534
  defaultMessage: "Press the Enter or Comma key to add a new tag.",
535
+ description: "Placeholder text. Use imperative",
522
536
  });
523
537
  let helpText = "";
524
538
  if (this.optionsList.length > 0) {
@@ -554,7 +568,7 @@ export class TagInput {
554
568
  this.clearTagFocus();
555
569
  this.handleBlur(ev, this.el);
556
570
  }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()),
557
- h("input", { id: `input${this.uid}`, class: this.maxTags && this.tagsList.length >= this.maxTags ? "hidden" : "", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-controls": "dropdown", "aria-describedby": "help-text", "aria-label": this.label, "aria-expanded": this.isExpanded ? "true" : "false", placeholder: this.placeholder, maxLength: this.characterLimit, onInput: () => this.handleInputChanged(this.inputEl.value), onBlur: (ev) => {
571
+ h("input", { id: `input${this.uid}`, class: this.maxTags && this.tagsList.length >= this.maxTags ? "hidden" : "", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-controls": "dropdown", "aria-describedby": "help-text", "aria-label": `${this.label} ${this.generateCharacterLimitLabel(this.characterLimit)}`, "aria-expanded": this.isExpanded ? "true" : "false", placeholder: this.placeholder, maxLength: this.characterLimit, onInput: () => this.handleInputChanged(this.inputEl.value), onBlur: (ev) => {
558
572
  this.handleBlur(ev, this.el);
559
573
  }, onFocus: () => {
560
574
  this.openDropdown();
@@ -18,6 +18,7 @@ export class Timepicker {
18
18
  this.buttonAriaLabel = intl.formatMessage({
19
19
  id: "time.selectTime",
20
20
  defaultMessage: "Select time",
21
+ description: "Button text for screen readers."
21
22
  });
22
23
  }
23
24
  toggleTabbingOn() {
@@ -0,0 +1,39 @@
1
+ /* This script is useful when we translate internally, so we know which keys to translate.
2
+ * Currently Martin Maugeais translates to French and Kristian Manrique to Spanish.
3
+ * This script should be run with `npm run missing`. It may fail otherwise, as fs paths are relative to project root.
4
+ */
5
+
6
+ const fs = require("fs");
7
+ const en = require("./en.json");
8
+ const fr = require("./fr.json");
9
+ const es = require("./es.json");
10
+
11
+ const keys = Object.keys(en);
12
+
13
+ let missingFR = {};
14
+ let missingES = {};
15
+
16
+ keys.map((key) => {
17
+ if (!fr[key]) {
18
+ missingFR[key] = en[key];
19
+ }
20
+
21
+ if (!es[key]) {
22
+ missingES[key] = en[key];
23
+ }
24
+ });
25
+
26
+ const dataFR = JSON.stringify(missingFR, null, 2);
27
+ const dataES = JSON.stringify(missingES, null, 2);
28
+
29
+ if (Object.entries(missingFR).length > 0) {
30
+ fs.writeFile("src/lang/missingTranslationsFR.json", dataFR, (err) => {
31
+ !!err && console.log(err);
32
+ });
33
+ }
34
+
35
+ if (Object.entries(missingES).length > 0) {
36
+ fs.writeFile("missingTranslationsES.json", dataES, (err) => {
37
+ !!err && console.log(err);
38
+ });
39
+ }
@@ -42,10 +42,10 @@ Object.keys(en).map((k) => {
42
42
  pig[k] = dm;
43
43
  }
44
44
  });
45
- data = JSON.stringify(pig);
45
+ data = JSON.stringify(pig, null, 2);
46
46
 
47
47
  fs.writeFile("src/lang/pig.json", data, (err) => {
48
- console.log(err);
48
+ !!err && console.log(err);
49
49
  });
50
50
 
51
51
  function pigLatinize(word) {