@watermarkinsights/ripple 3.9.0-3 → 3.9.0-6

package/dist/cjs/wm-uploader.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-98c6524c.js');
-const functions = require('./functions-0750b767.js');
+const functions = require('./functions-33825afb.js');
 
-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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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) :host .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;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:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;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:-webkit-gradient(linear, left top, right top, color-stop(66%, #fff), color-stop(0, transparent)) repeat-x;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.-permanentlydelete:not(.-textonly):hover,wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover{background:#9a2e22;border-color:#9a2e22}:host .wm-button.-pairnegative,wm-uploader .wm-button.-pairnegative{background:#cc4c3e;border-color:#cc4c3e;color:#fff}:host .wm-button.-pairnegative:hover,wm-uploader .wm-button.-pairnegative:hover{background:#a33d32;border-color:#a33d32}:host .wm-button.-pairpositive,wm-uploader .wm-button.-pairpositive{background:#15868d;border-color:#15868d;color:#fff}:host .wm-button.-pairpositive:hover,wm-uploader .wm-button.-pairpositive:hover{background:#116b71;border-color:#116b71}: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%;-webkit-transform:translateY(-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;-webkit-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.-pairnegative,wm-uploader .wm-button:disabled.-pairnegative,:host .wm-button:disabled.-pairpositive,wm-uploader .wm-button:disabled.-pairpositive,: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.-pairnegative,wm-uploader .wm-button.disabled.-pairnegative,:host .wm-button.disabled.-pairpositive,wm-uploader .wm-button.disabled.-pairpositive{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 *{-webkit-box-sizing:border-box;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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.header{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:-ms-flexbox;display:flex}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{-ms-flex:none;flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;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{-ms-flex-pack:center;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:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;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}";
+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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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) :host .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;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:not(:disabled):not(.disabled),wm-uploader .wm-button:hover:not(:disabled):not(.disabled){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:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){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:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;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:-webkit-gradient(linear, left top, right top, color-stop(66%, #fff), color-stop(0, transparent)) repeat-x;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:not(:disabled):not(.disabled),wm-uploader .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled){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:not(:disabled):not(.disabled),wm-uploader .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){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):not(.disabled),wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):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.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled){background:#9a2e22;border-color:#9a2e22}:host .wm-button.-pairnegative,wm-uploader .wm-button.-pairnegative{background:#cc4c3e;border-color:#cc4c3e;color:#fff}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:#a33d32;border-color:#a33d32}:host .wm-button.-pairpositive,wm-uploader .wm-button.-pairpositive{background:#15868d;border-color:#15868d;color:#fff}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:#116b71;border-color:#116b71}: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%;-webkit-transform:translateY(-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;-webkit-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.-pairnegative,wm-uploader .wm-button:disabled.-pairnegative,:host .wm-button:disabled.-pairpositive,wm-uploader .wm-button:disabled.-pairpositive,: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.-pairnegative,wm-uploader .wm-button.disabled.-pairnegative,:host .wm-button.disabled.-pairpositive,wm-uploader .wm-button.disabled.-pairpositive{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 *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.header{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:-ms-flexbox;display:flex}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{-ms-flex:none;flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;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{-ms-flex-pack:center;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:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;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}";
 
 const Uploader = class {
   constructor(hostRef) {
@@ -143,7 +143,7 @@ const Uploader = class {
   isEmpty() {
     return !this.fileList.length && !this.errorList.length;
   }
-  isDisabled() {
+  get isDisabled() {
     const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;
     if (!this.notif) {
       if (isMax) {
@@ -264,21 +264,53 @@ const Uploader = class {
     this.parseRejectedFiles();
   }
   componentDidLoad() {
-    // awkward way to handle Edge bug where file input dialog doesn't open on Enter key
-    // first, detect polyfill by checking the class name that it adds to the component
-    // (it's important NOT to execute the code below in normal browsers as it would open the dialog twice)
-    this.el.classList.contains("sc-wm-uploader-h") &&
-      // then add an even listener to force a click event when Enter key is pressed
-      this.inputEl &&
-      this.inputEl.addEventListener("keydown", (ev) => {
-        if (this.inputEl && ev.key === "Enter") {
-          this.inputEl.click();
-        }
-      });
     if (document.body.classList.contains("wmcl-user-is-tabbing")) {
       this.toggleTabbingOn();
     }
   }
+  uploadButtonOnClick(ev) {
+    if (this.isDisabled) {
+      // this is a temporary fix.
+      // we need the disabled button to be programmatically focusable
+      // to allow return focus after closing the browser file panel
+      // since it's focusable the button should respond when activated
+      // it looks disabled, and announces the reason why the action cannot
+      // be taken when activated.
+      // this is not pretty duplicating a intl message + the logic of isDisabled,
+      // but not worth a bigger refactor since this is only until we get the UX for disabled elements and refactor all interactive els.
+      ev.preventDefault();
+      if (this.liveRegion) {
+        const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;
+        let errMsg = "";
+        if (this.numFilesInProgress > 0) {
+          errMsg = functions.intl.formatMessage({
+            id: "uploader.waitToUpload",
+            defaultMessage: "Please wait for current upload to complete before uploading new files.",
+            description: "Message for screen reader users",
+          });
+        }
+        else if (isMax) {
+          errMsg = functions.intl.formatMessage({
+            id: "uploader.fileUploadLimit",
+            defaultMessage: "You have reached the file upload limit.",
+          });
+        }
+        if (errMsg) {
+          // clear and set again to re-announce if button is clicked several times
+          // (can't be done inside setTimeout because of scope, hence the promise)
+          this.liveRegion.innerHTML = "";
+          new Promise((resolve) => {
+            setTimeout(() => {
+              resolve("");
+            }, 500);
+          }).then(() => (this.liveRegion.innerHTML = errMsg));
+        }
+      }
+    }
+    else {
+      this.clearErrors();
+    }
+  }
   renderUploadSvg() {
     return (index.h("svg", { class: "upload-file", width: "91", height: "84", viewBox: "0 0 91 84" }, index.h("path", { transform: "rotate(-180.000000) translate(-452, -255.5)", fill: "#eae8ec", d: "M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z" })));
   }
@@ -294,7 +326,7 @@ const Uploader = class {
     return this.notif ? index.h("div", { class: "notif" }, this.notif.message) : "";
   }
   renderUploadButton(classes) {
-    return (index.h("div", { class: "info-wrapper" }, index.h("input", { ref: (el) => (this.inputEl = el), name: this.inputId, id: this.inputId, class: "sr-only", type: "file", multiple: true, onClick: () => this.clearErrors(), onChange: (e) => this.handleFiles(e), disabled: this.isDisabled() }), index.h("label", { htmlFor: this.inputId, class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` }, this.renderIcon(), this.buttonText), this.renderInfo()));
+    return (index.h("div", { class: "info-wrapper" }, index.h("input", { name: this.inputId, id: this.inputId, class: "sr-only", type: "file", multiple: true, onClick: (ev) => this.uploadButtonOnClick(ev), onChange: (ev) => this.handleFiles(ev) }), index.h("label", { htmlFor: this.inputId, class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` }, this.renderIcon(), this.buttonText), this.renderInfo()));
   }
   renderEmptyState() {
     return (index.h("div", { class: "empty-block" }, this.renderUploadSvg(), index.h("div", { class: `empty-message` }, this.emptyStateText), this.renderUploadButton("-primary empty-button"), this.renderNotif()));
@@ -328,13 +360,13 @@ const Uploader = class {
     }
   }
   renderHeader() {
-    return (this.tempUploaderType === "2" && (index.h("div", { class: "header" }, index.h("div", { class: "slot-wrapper" }, index.h("slot", null), index.h("div", { class: "notif-wrapper" }, this.renderUploadButton(`-secondary ${this.isDisabled() ? "disabled" : ""}`), this.renderNotif())))));
+    return (this.tempUploaderType === "2" && (index.h("div", { class: "header" }, index.h("div", { class: "slot-wrapper" }, index.h("slot", null), index.h("div", { class: "notif-wrapper" }, this.renderUploadButton(`-secondary ${this.isDisabled ? "disabled" : ""}`), this.renderNotif())))));
   }
   renderFooter() {
     return (this.tempUploaderType === "1" && (index.h("div", { class: "footer" }, index.h("div", { class: "notif-wrapper" }, index.h("div", { class: "filecount-wrapper" }, index.h("div", { class: "filecount" }, functions.intl.formatMessage({
       id: "uploader.filesAdded",
       defaultMessage: "{numFiles, plural, one {1 file added} other {# files added}}",
-    }, { numFiles: this.fileList.length })), this.renderUploadButton(`-primary ${this.isDisabled() ? "disabled" : ""}`)), this.renderNotif()))));
+    }, { numFiles: this.fileList.length })), this.renderUploadButton(`-primary ${this.isDisabled ? "disabled" : ""}`)), this.renderNotif()))));
   }
   renderWithItems() {
     return (index.h("div", null, this.renderHeader(), index.h("div", { class: `list-container type${this.tempUploaderType}` }, this.renderErrorList(), this.renderFileList()), this.renderFooter()));

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js

@@ -1,10 +1,10 @@
 import { Component, h, Host, Element, Prop, Event, forceUpdate } from "@stencil/core";
-import { throttle } from "../../../global/functions";
+import { debounce } from "../../../global/functions";
 export class ProgressMonitor {
   constructor() {
     this.doughnutWidth = 300;
     this.modeInitialized = false;
-    this.throttledUpdate = throttle(() => forceUpdate(this.el), 50);
+    this.debouncedUpdate = debounce(() => forceUpdate(this.el), 50);
   }
   get parsedBreakpoint() {
     const asNumber = this.parseToNum(this.breakpoint ? this.breakpoint : this.el.children.length);
@@ -18,17 +18,13 @@ export class ProgressMonitor {
   }
   componentWillLoad() {
     // rerender on resize in case layout needs to change
-    const resizeObserver = new ResizeObserver(() => this.throttledUpdate());
-    // handles cases when just Progress Monitor resizes, and when just document resizes
+    const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());
     resizeObserver.observe(this.el);
-    resizeObserver.observe(document.body);
   }
   componentDidLoad() {
     // emit initial mode for Indicators, must happen post-load as this.el measurement is needed
     this.wmProgressMonitorModeChange.emit(this.mode);
     this.modeInitialized = true;
-    // once indicators have initialized modes, rerender to reveal
-    forceUpdate(this.el);
   }
   componentWillUpdate() {
     // store prevMode before every render except first to determine when it has changed

package/dist/collection/components/wm-button/wm-button.css

@@ -155,8 +155,8 @@ wm-button .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-
   -moz-transform: scale(0.9, 0.9);
   transform: scale(0.9, 0.9);
 }
-:host .wm-button:hover,
-wm-button .wm-button:hover {
+:host .wm-button:hover:not(:disabled):not(.disabled),
+wm-button .wm-button:hover:not(:disabled):not(.disabled) {
   background: #464177;
   color: #fff;
 }
@@ -190,8 +190,8 @@ wm-button .wm-button.-primary:not(.-textonly):not(:focus) {
   -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-button .wm-button.-primary:not(.-textonly):hover {
+:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #464177;
 }
 :host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),
@@ -266,8 +266,8 @@ wm-button .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permane
 wm-button .wm-button.-textonly.-permanentlydelete {
   color: #c0392b;
 }
-:host .wm-button.-textonly.-permanentlydelete:hover,
-wm-button .wm-button.-textonly.-permanentlydelete:hover {
+:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #c0392b !important;
 }
@@ -275,8 +275,8 @@ wm-button .wm-button.-textonly.-permanentlydelete:hover {
 wm-button .wm-button.-textonly.dark {
   color: #fff;
 }
-:host .wm-button.-textonly.dark:hover,
-wm-button .wm-button.-textonly.dark:hover {
+:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #fff !important;
 }
@@ -330,13 +330,13 @@ wm-button .wm-button.-navigational {
   border: none !important;
   background-color: transparent;
 }
-:host .wm-button.-navigational:not(.dark):not(:disabled),
-wm-button .wm-button.-navigational:not(.dark):not(:disabled) {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled),
+wm-button .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled) {
   color: #575195;
 }
-:host .wm-button.-navigational:not(.dark):not(:disabled):hover,
-wm-button .wm-button.-navigational:not(.dark):not(:disabled):hover, :host .wm-button.-navigational:not(.dark):not(:disabled).selected,
-wm-button .wm-button.-navigational:not(.dark):not(:disabled).selected {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,
+wm-button .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover, :host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,
+wm-button .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected {
   background-color: #d7d6d9;
 }
 :host .wm-button.-navigational:before,
@@ -355,8 +355,8 @@ wm-button .wm-button.-permanentlydelete:not(.-textonly) {
   border-color: #c0392b;
   color: #fff;
 }
-:host .wm-button.-permanentlydelete:not(.-textonly):hover,
-wm-button .wm-button.-permanentlydelete:not(.-textonly):hover {
+:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #9a2e22;
   border-color: #9a2e22;
 }
@@ -366,8 +366,8 @@ wm-button .wm-button.-pairnegative {
   border-color: #cc4c3e;
   color: #fff;
 }
-:host .wm-button.-pairnegative:hover,
-wm-button .wm-button.-pairnegative:hover {
+:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-pairnegative:hover:not(:disabled):not(.disabled) {
   background: #a33d32;
   border-color: #a33d32;
 }
@@ -377,8 +377,8 @@ wm-button .wm-button.-pairpositive {
   border-color: #15868d;
   color: #fff;
 }
-:host .wm-button.-pairpositive:hover,
-wm-button .wm-button.-pairpositive:hover {
+:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),
+wm-button .wm-button.-pairpositive:hover:not(:disabled):not(.disabled) {
   background: #116b71;
   border-color: #116b71;
 }

package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.css

@@ -155,8 +155,8 @@ wm-network-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-texton
   -moz-transform: scale(0.9, 0.9);
   transform: scale(0.9, 0.9);
 }
-:host .wm-button:hover,
-wm-network-uploader .wm-button:hover {
+:host .wm-button:hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button:hover:not(:disabled):not(.disabled) {
   background: #464177;
   color: #fff;
 }
@@ -190,8 +190,8 @@ wm-network-uploader .wm-button.-primary:not(.-textonly):not(:focus) {
   -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-network-uploader .wm-button.-primary:not(.-textonly):hover {
+:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #464177;
 }
 :host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),
@@ -266,8 +266,8 @@ wm-network-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not
 wm-network-uploader .wm-button.-textonly.-permanentlydelete {
   color: #c0392b;
 }
-:host .wm-button.-textonly.-permanentlydelete:hover,
-wm-network-uploader .wm-button.-textonly.-permanentlydelete:hover {
+:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #c0392b !important;
 }
@@ -275,8 +275,8 @@ wm-network-uploader .wm-button.-textonly.-permanentlydelete:hover {
 wm-network-uploader .wm-button.-textonly.dark {
   color: #fff;
 }
-:host .wm-button.-textonly.dark:hover,
-wm-network-uploader .wm-button.-textonly.dark:hover {
+:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #fff !important;
 }
@@ -330,13 +330,13 @@ wm-network-uploader .wm-button.-navigational {
   border: none !important;
   background-color: transparent;
 }
-:host .wm-button.-navigational:not(.dark):not(:disabled),
-wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled) {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled) {
   color: #575195;
 }
-:host .wm-button.-navigational:not(.dark):not(:disabled):hover,
-wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):hover, :host .wm-button.-navigational:not(.dark):not(:disabled).selected,
-wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled).selected {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,
+wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover, :host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,
+wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected {
   background-color: #d7d6d9;
 }
 :host .wm-button.-navigational:before,
@@ -355,8 +355,8 @@ wm-network-uploader .wm-button.-permanentlydelete:not(.-textonly) {
   border-color: #c0392b;
   color: #fff;
 }
-:host .wm-button.-permanentlydelete:not(.-textonly):hover,
-wm-network-uploader .wm-button.-permanentlydelete:not(.-textonly):hover {
+:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #9a2e22;
   border-color: #9a2e22;
 }
@@ -366,8 +366,8 @@ wm-network-uploader .wm-button.-pairnegative {
   border-color: #cc4c3e;
   color: #fff;
 }
-:host .wm-button.-pairnegative:hover,
-wm-network-uploader .wm-button.-pairnegative:hover {
+:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-pairnegative:hover:not(:disabled):not(.disabled) {
   background: #a33d32;
   border-color: #a33d32;
 }
@@ -377,8 +377,8 @@ wm-network-uploader .wm-button.-pairpositive {
   border-color: #15868d;
   color: #fff;
 }
-:host .wm-button.-pairpositive:hover,
-wm-network-uploader .wm-button.-pairpositive:hover {
+:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),
+wm-network-uploader .wm-button.-pairpositive:hover:not(:disabled):not(.disabled) {
   background: #116b71;
   border-color: #116b71;
 }

package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js

@@ -127,7 +127,7 @@ export class NetworkUploader {
   isEmpty() {
     return !this.fileList.length && !this.inProgressList.length && !this.errorList.length;
   }
-  isDisabled() {
+  get isDisabled() {
     const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;
     if (!this.notif) {
       if (isMax) {
@@ -347,21 +347,53 @@ export class NetworkUploader {
   }
   componentDidLoad() {
     this.getExistingFiles();
-    // awkward way to handle Edge bug where file input dialog doesn't open on Enter key
-    // first, detect polyfill by checking the class name that it adds to the component
-    // (it's important NOT to execute the code below in normal browsers as it would open the dialog twice)
-    this.el.classList.contains("sc-wm-uploader-h") &&
-      // then add an even listener to force a click event when Enter key is pressed
-      this.inputEl &&
-      this.inputEl.addEventListener("keydown", (ev) => {
-        if (this.inputEl && ev.key === "Enter") {
-          this.inputEl.click();
-        }
-      });
     if (document.body.classList.contains("wmcl-user-is-tabbing")) {
       this.toggleTabbingOn();
     }
   }
+  uploadButtonOnClick(ev) {
+    if (this.isDisabled) {
+      // this is a temporary fix.
+      // we need the disabled button to be programmatically focusable
+      // to allow return focus after closing the browser file panel
+      // since it's focusable the button should respond when activated
+      // it looks disabled, and announces the reason why the action cannot
+      // be taken when activated.
+      // this is not pretty duplicating a intl message + the logic of isDisabled,
+      // but not worth a bigger refactor since this is only until we get the UX for disabled elements and refactor all interactive els.
+      ev.preventDefault();
+      if (this.liveRegion) {
+        const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;
+        let errMsg = "";
+        if (this.numFilesInProgress > 0) {
+          errMsg = intl.formatMessage({
+            id: "uploader.waitToUpload",
+            defaultMessage: "Please wait for current upload to complete before uploading new files.",
+            description: "Message for screen reader users",
+          });
+        }
+        else if (isMax) {
+          errMsg = intl.formatMessage({
+            id: "uploader.fileUploadLimit",
+            defaultMessage: "You have reached the file upload limit.",
+          });
+        }
+        if (errMsg) {
+          // clear and set again to re-announce if button is clicked several times
+          // (can't be done inside setTimeout because of scope, hence the promise)
+          this.liveRegion.innerHTML = "";
+          new Promise((resolve) => {
+            setTimeout(() => {
+              resolve("");
+            }, 500);
+          }).then(() => (this.liveRegion.innerHTML = errMsg));
+        }
+      }
+    }
+    else {
+      this.clearErrors();
+    }
+  }
   renderUploadSvg() {
     return (h("svg", { class: "upload-file", width: "91", height: "84", viewBox: "0 0 91 84" },
       h("path", { transform: "rotate(-180.000000) translate(-452, -255.5)", fill: "#eae8ec", d: "M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z" })));
@@ -376,7 +408,7 @@ export class NetworkUploader {
   }
   renderUploadButton(classes) {
     return (h("div", { class: "notif-wrapper" },
-      h("input", { ref: (el) => (this.inputEl = el), name: this.inputId, id: this.inputId, class: "sr-only", type: "file", multiple: true, onClick: () => this.clearErrors(), onChange: (e) => this.handleFiles(e), disabled: this.isDisabled() }),
+      h("input", { name: this.inputId, id: this.inputId, class: "sr-only", type: "file", multiple: true, onClick: (ev) => this.uploadButtonOnClick(ev), onChange: (e) => this.handleFiles(e) }),
       h("label", { htmlFor: this.inputId, class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` },
         this.renderIcon(),
         this.buttonText),
@@ -387,7 +419,7 @@ export class NetworkUploader {
       h("div", { class: "header" },
         h("div", { class: "descr" },
           h("slot", null)),
-        this.renderUploadButton(this.isDisabled() ? "disabled" : "")),
+        this.renderUploadButton(this.isDisabled ? "disabled" : "")),
       this.renderErrorList(),
       this.renderInProgressList(),
       this.renderFileList()));
@@ -633,7 +665,7 @@ export class NetworkUploader {
     },
     "maxSize": {
       "type": "number",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "number",
         "resolved": "number",

package/dist/collection/components/wm-uploader/wm-uploader.css

@@ -155,8 +155,8 @@ wm-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(
   -moz-transform: scale(0.9, 0.9);
   transform: scale(0.9, 0.9);
 }
-:host .wm-button:hover,
-wm-uploader .wm-button:hover {
+:host .wm-button:hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button:hover:not(:disabled):not(.disabled) {
   background: #464177;
   color: #fff;
 }
@@ -190,8 +190,8 @@ wm-uploader .wm-button.-primary:not(.-textonly):not(:focus) {
   -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 {
+:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #464177;
 }
 :host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),
@@ -266,8 +266,8 @@ wm-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-perma
 wm-uploader .wm-button.-textonly.-permanentlydelete {
   color: #c0392b;
 }
-:host .wm-button.-textonly.-permanentlydelete:hover,
-wm-uploader .wm-button.-textonly.-permanentlydelete:hover {
+:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #c0392b !important;
 }
@@ -275,8 +275,8 @@ wm-uploader .wm-button.-textonly.-permanentlydelete:hover {
 wm-uploader .wm-button.-textonly.dark {
   color: #fff;
 }
-:host .wm-button.-textonly.dark:hover,
-wm-uploader .wm-button.-textonly.dark:hover {
+:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled) {
   text-decoration: underline;
   color: #fff !important;
 }
@@ -330,13 +330,13 @@ 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) {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled),
+wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):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 {
+:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,
+wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover, :host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,
+wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected {
   background-color: #d7d6d9;
 }
 :host .wm-button.-navigational:before,
@@ -355,8 +355,8 @@ wm-uploader .wm-button.-permanentlydelete:not(.-textonly) {
   border-color: #c0392b;
   color: #fff;
 }
-:host .wm-button.-permanentlydelete:not(.-textonly):hover,
-wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover {
+:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled) {
   background: #9a2e22;
   border-color: #9a2e22;
 }
@@ -366,8 +366,8 @@ wm-uploader .wm-button.-pairnegative {
   border-color: #cc4c3e;
   color: #fff;
 }
-:host .wm-button.-pairnegative:hover,
-wm-uploader .wm-button.-pairnegative:hover {
+:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-pairnegative:hover:not(:disabled):not(.disabled) {
   background: #a33d32;
   border-color: #a33d32;
 }
@@ -377,8 +377,8 @@ wm-uploader .wm-button.-pairpositive {
   border-color: #15868d;
   color: #fff;
 }
-:host .wm-button.-pairpositive:hover,
-wm-uploader .wm-button.-pairpositive:hover {
+:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),
+wm-uploader .wm-button.-pairpositive:hover:not(:disabled):not(.disabled) {
   background: #116b71;
   border-color: #116b71;
 }
@@ -533,6 +533,10 @@ wm-uploader * {
   box-sizing: border-box;
 }
 
+.wm-button.disabled {
+  pointer-events: initial !important;
+}
+
 .sr-only {
   position: absolute !important;
   width: 1px !important;