@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.
- package/dist/cjs/{functions-8fb310fe.js → functions-068b9a56.js} +650 -8
- package/dist/cjs/{global-fe8e4bb7.js → global-4e77664e.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
- package/dist/cjs/priv-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/wm-button.cjs.entry.js +1 -1
- package/dist/cjs/wm-chart.cjs.entry.js +2 -2
- package/dist/cjs/wm-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/wm-input.cjs.entry.js +8 -7
- package/dist/cjs/wm-modal-header.cjs.entry.js +1 -1
- package/dist/cjs/wm-modal.cjs.entry.js +1 -1
- package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
- package/dist/cjs/wm-network-uploader.cjs.entry.js +1 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +3 -1
- package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
- package/dist/cjs/wm-search.cjs.entry.js +1 -1
- package/dist/cjs/wm-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
- package/dist/cjs/wm-tag-input.cjs.entry.js +18 -4
- package/dist/cjs/wm-timepicker.cjs.entry.js +2 -1
- package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
- package/dist/cjs/wm-uploader.cjs.entry.js +1 -1
- package/dist/collection/components/wm-chart/priv-chart-popover/priv-chart-popover.css +1 -0
- package/dist/collection/components/wm-chart/wm-chart.css +4 -0
- package/dist/collection/components/wm-datepicker/wm-datepicker.js +2 -2
- package/dist/collection/components/wm-input/wm-input.js +7 -6
- package/dist/collection/components/wm-select/wm-select.js +4 -2
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +17 -3
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +1 -0
- package/dist/collection/lang/missing.js +39 -0
- package/dist/collection/lang/piglatin.js +2 -2
- package/dist/esm/{functions-c315390d.js → functions-122ab496.js} +650 -8
- package/dist/esm/{global-169de013.js → global-0fd112f7.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/priv-chart-popover.entry.js +2 -2
- package/dist/esm/priv-datepicker.entry.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-action-menu_2.entry.js +1 -1
- package/dist/esm/wm-button.entry.js +1 -1
- package/dist/esm/wm-chart.entry.js +2 -2
- package/dist/esm/wm-datepicker.entry.js +3 -3
- package/dist/esm/wm-input.entry.js +8 -7
- package/dist/esm/wm-modal-header.entry.js +1 -1
- package/dist/esm/wm-modal.entry.js +1 -1
- package/dist/esm/wm-navigator.entry.js +1 -1
- package/dist/esm/wm-network-uploader.entry.js +1 -1
- package/dist/esm/wm-option_2.entry.js +3 -1
- package/dist/esm/wm-pagination.entry.js +1 -1
- package/dist/esm/wm-search.entry.js +1 -1
- package/dist/esm/wm-snackbar.entry.js +1 -1
- package/dist/esm/wm-tab-item_3.entry.js +1 -1
- package/dist/esm/wm-tag-input.entry.js +18 -4
- package/dist/esm/wm-timepicker.entry.js +2 -1
- package/dist/esm/wm-toggletip.entry.js +1 -1
- package/dist/esm/wm-uploader.entry.js +1 -1
- package/dist/ripple/{p-b4a8c8d3.entry.js → p-067909ce.entry.js} +1 -1
- package/dist/ripple/p-08e67884.js +16 -0
- package/dist/ripple/{p-5ffa983b.entry.js → p-1c23f228.entry.js} +1 -1
- package/dist/ripple/p-2aa79663.entry.js +1 -0
- package/dist/ripple/{p-d69c1688.entry.js → p-2b3f75eb.entry.js} +1 -1
- package/dist/ripple/{p-b03382ea.entry.js → p-3ff67fd5.entry.js} +1 -1
- package/dist/ripple/{p-e574fb73.entry.js → p-4629470d.entry.js} +1 -1
- package/dist/ripple/{p-41f39509.entry.js → p-4b1f14bb.entry.js} +1 -1
- package/dist/ripple/{p-36da5d4a.entry.js → p-4b72f4eb.entry.js} +1 -1
- package/dist/ripple/{p-ba9d3069.entry.js → p-54c39a0b.entry.js} +1 -1
- package/dist/ripple/{p-d5fafa9c.entry.js → p-7da00f33.entry.js} +1 -1
- package/dist/ripple/{p-c5e44367.entry.js → p-803b19aa.entry.js} +1 -1
- package/dist/ripple/p-888c18c3.entry.js +1 -0
- package/dist/ripple/{p-7bbd123c.entry.js → p-97884327.entry.js} +1 -1
- package/dist/ripple/{p-374b4fa6.entry.js → p-9a8fbfad.entry.js} +1 -1
- package/dist/ripple/p-a2b02aec.entry.js +1 -0
- package/dist/ripple/{p-042d6449.entry.js → p-a61b07de.entry.js} +1 -1
- package/dist/ripple/p-e36853fd.entry.js +1 -0
- package/dist/ripple/{p-dea72d46.entry.js → p-ecbb441f.entry.js} +1 -1
- package/dist/ripple/p-f2a1d8b1.js +1 -0
- package/dist/ripple/{p-c724ce54.entry.js → p-f6bed262.entry.js} +1 -1
- package/dist/ripple/p-f95c2283.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +1 -0
- package/package.json +4 -3
- package/dist/ripple/p-31fde2c6.entry.js +0 -1
- package/dist/ripple/p-34694011.entry.js +0 -1
- package/dist/ripple/p-5ff97329.js +0 -1
- package/dist/ripple/p-75a9ba2f.entry.js +0 -1
- package/dist/ripple/p-a50439f1.entry.js +0 -1
- package/dist/ripple/p-e60fe2f5.js +0 -16
- 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-
|
|
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-
|
|
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
|
|
|
@@ -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}
|
|
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}
|
|
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: "
|
|
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: "
|
|
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: "
|
|
118
|
+
id: "global.characterLimit",
|
|
117
119
|
defaultMessage: "{limit, number} characters allowed.",
|
|
118
|
-
|
|
119
|
-
|
|
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: "
|
|
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: "
|
|
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
|
|
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();
|
|
@@ -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) {
|