@watermarkinsights/ripple 4.2.0-1 → 4.2.0

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

@@ -1,207 +1,207 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-f164fbca.js';
-import { u as uploaderMessages } from './intl-05c9e0c9.js';
-import './functions-d0e70094.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-7e11ea42.js';
+import { u as uploaderMessages } from './intl-e2da750a.js';
+import './functions-5afd09f4.js';
 
 const wmUploaderCss = ":host .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:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;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;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .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 var(--wmcolor-interactive-focus);-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 var(--wmcolor-interactive-focus);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 var(--wmcolor-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).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 var(--wmcolor-interactive-focus-ondark);-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 var(--wmcolor-interactive-focus-ondark);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 var(--wmcolor-interactive-focus-ondark);outline:none}:host .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 .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{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--wmcolor-button-background-primary);color:var(--wmcolor-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-primary-ondark);background:var(--wmcolor-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--wmcolor-button-text-secondary);border:2px solid var(--wmcolor-button-border-secondary);background:var(--wmcolor-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-secondary-hover);color:var(--wmcolor-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-secondary-ondark);background:var(--wmcolor-button-background-secondary-ondark);border-color:var(--wmcolor-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-secondary-hover-ondark);background:var(--wmcolor-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--wmcolor-button-text-textonly);-webkit-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:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly) 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{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--wmcolor-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .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),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--wmcolor-button-icon-icononly);border-color:var(--wmcolor-button-border-icononly);background-color:var(--wmcolor-button-background-icononly)}:host .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.-icononly:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-icononly-hover);color:var(--wmcolor-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-icononly-ondark);background:var(--wmcolor-button-background-icononly-ondark);border-color:var(--wmcolor-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-icononly-hover-ondark);background:var(--wmcolor-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--wmcolor-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--wmcolor-button-background-navigational-hover)}:host .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.-navigational.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational-ondark);background:var(--wmcolor-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-navigational-hover-ondark);background:var(--wmcolor-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--wmcolor-button-background-negative);border-color:var(--wmcolor-button-background-negative);color:var(--wmcolor-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-negative-hover);border-color:var(--wmcolor-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--wmcolor-button-background-positive);border-color:var(--wmcolor-button-background-positive);color:var(--wmcolor-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-positive-hover);border-color:var(--wmcolor-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary: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:\"\\f140\";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--wmcolor-button-background-selector);color:var(--wmcolor-button-text-selector);border-color:var(--wmcolor-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selector-hover);color:var(--wmcolor-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selector-ondark);border-color:var(--wmcolor-button-border-selector-ondark);background:var(--wmcolor-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selector-hover-ondark);background:var(--wmcolor-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--wmcolor-button-background-selectorprimary);color:var(--wmcolor-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selectorprimary-ondark);background:var(--wmcolor-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selectorprimary-hover-ondark);background:var(--wmcolor-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--wmcolor-button-border-secondary-disabled);color:var(--wmcolor-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--wmcolor-button-background-primary-disabled);color:var(--wmcolor-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--wmcolor-button-background-delete-disabled);color:var(--wmcolor-button-text-delete-disabled);border-color:var(--wmcolor-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--wmcolor-button-background-negative-disabled);border-color:var(--wmcolor-button-background-negative-disabled);color:var(--wmcolor-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--wmcolor-button-background-positive-disabled);border-color:var(--wmcolor-button-background-positive-disabled);color:var(--wmcolor-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--wmcolor-button-text-selector-disabled);border-color:var(--wmcolor-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--wmcolor-button-background-selectorprimary-disabled);color:var(--wmcolor-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--wmcolor-button-icon-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--wmcolor-button-icon-icononly-disabled);border-color:var(--wmcolor-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--wmcolor-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--wmcolor-button-icon-icononly-disabled-ondark);border-color:var(--wmcolor-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--wmcolor-button-icon-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--wmcolor-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--wmcolor-button-text-primary-disabled-ondark);background:var(--wmcolor-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--wmcolor-button-text-secondary-disabled-ondark);border-color:var(--wmcolor-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--wmcolor-button-text-selector-disabled-ondark);border-color:var(--wmcolor-button-border-selector-disabled-ondark);background:var(--wmcolor-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--wmcolor-button-text-selectorprimary-disabled-ondark);background:var(--wmcolor-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete-disabled-ondark);color:var(--wmcolor-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host{--wmcolor-uploader-button-focus:var(--wmcolor-interactive-focus);display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host 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 var(--wmcolor-uploader-button-focus) !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 var(--wmcolor-uploader-button-focus) !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 var(--wmcolor-uploader-button-focus) !important}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{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}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{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:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}#label{margin-bottom:0.5rem}.info-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.info-wrapper .info{font-size:0.875rem;margin-left:1rem}.accepted-types{font-size:0.875rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem;margin-left:1rem}.notif,#error{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif#error,#error#error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container .file-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;padding:0;width:100%;margin:0}.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}::slotted(wm-file:nth-of-type(1)){margin-top:2.5rem}";
 
 const Uploader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.wmUploaderFilesSelected = createEvent(this, "wmUploaderFilesSelected", 7);
-        this.batchCount = 0; // used to calculate the aggregate upload progress
-        this.prevUploadCount = 0; // comparison to determine whether or not to announce updated count
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.wmUploaderFilesSelected = createEvent(this, "wmUploaderFilesSelected", 7);
+    this.batchCount = 0; // used to calculate the aggregate upload progress
+    this.prevUploadCount = 0; // comparison to determine whether or not to announce updated count
+    this.fileIdToDelete = "";
+    this.label = undefined;
+    this.buttonText = undefined;
+    this.icon = undefined;
+    this.fileTypes = "pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";
+    this.maxSize = undefined;
+    this.maxFiles = undefined;
+    this.errorMessage = undefined;
+    this.requiredField = undefined;
+    this.showInfo = "time";
+    this.isTabbing = false;
+    this.notif = "";
+    this.announcement = "";
+    this.isCondensed = false;
+  }
+  get isDisabled() {
+    // disable if is the uploader is maxed out or if something is uploading
+    return this.fileLimitReached || this.inProgressFileEls.length > 0;
+  }
+  get fileEls() {
+    return Array.from(this.el.querySelectorAll("wm-file"));
+  }
+  get inProgressFileEls() {
+    return this.fileEls.filter((file) => file.progress !== undefined && file.progress < 100);
+  }
+  get uploadedFileEls() {
+    return this.fileEls.filter((file) => !file.errorMessage);
+  }
+  get fileLimitReached() {
+    return this.maxFiles && this.uploadedFileEls.length >= this.maxFiles;
+  }
+  get validTypes() {
+    return "." + this.fileTypes.split(" ").join(", .");
+  }
+  toggleTabbingOn() {
+    this.isTabbing = true;
+  }
+  toggleTabbingOff() {
+    this.isTabbing = false;
+  }
+  handleFileErrorCleared() {
+    this.uploadButtonEl.focus();
+  }
+  storeDeletedId(ev) {
+    this.fileIdToDelete = ev.target.id;
+  }
+  handleErrorMessageChange() {
+    if (this.errorMessage) {
+      this.announce(this.errorMessage);
+    }
+  }
+  componentWillLoad() {
+    if (!this.buttonText) {
+      console.error("wm-uploader: button-text is a required property");
+    }
+  }
+  componentDidLoad() {
+    if (document.body.classList.contains("wmcl-user-is-tabbing")) {
+      this.toggleTabbingOn();
+    }
+    const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildMutation(mutationRecord)));
+    mutationObserver.observe(this.el, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeOldValue: true,
+      attributeFilter: ["progress"],
+    });
+  }
+  handleChildMutation(mutationRecord) {
+    if (mutationRecord.type === "attributes") {
+      this.handleProgressUpdate(mutationRecord);
+    }
+    else if (mutationRecord.type === "childList") {
+      // if user prompted the removal of a single file (they hit the delete button)
+      if (this.isTabbing &&
+        mutationRecord.removedNodes.length === 1 &&
+        mutationRecord.removedNodes[0].id === this.fileIdToDelete) {
+        this.focusAfterFileRemoval(mutationRecord);
         this.fileIdToDelete = "";
-        this.label = undefined;
-        this.buttonText = undefined;
-        this.icon = undefined;
-        this.fileTypes = "pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";
-        this.maxSize = undefined;
-        this.maxFiles = undefined;
-        this.errorMessage = undefined;
-        this.requiredField = undefined;
-        this.showInfo = "time";
-        this.isTabbing = false;
+      }
+      forceUpdate(this.el); // forceUpdate to rerender filecount
+    }
+  }
+  handleProgressUpdate(mutationRecord) {
+    if (this.inProgressFileEls.length !== 0) {
+      const changeInUploadingFiles = this.prevUploadCount !== this.inProgressFileEls.length;
+      changeInUploadingFiles && this.announce(uploaderMessages.getFilesUploading(this.inProgressFileEls.length));
+      this.notif = uploaderMessages.getFilesUploading(this.inProgressFileEls.length);
+      this.prevUploadCount = this.inProgressFileEls.length;
+      if (!this.srProgress) {
+        this.srProgress = setInterval(() => {
+          const aggregate = this.fileEls.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);
+          this.announce(uploaderMessages.getUploadProgress(Math.floor(aggregate / this.batchCount)));
+        }, 5000);
+      }
+    }
+    else if (this.inProgressFileEls.length === 0 &&
+      mutationRecord.oldValue &&
+      parseInt(mutationRecord.oldValue) < 100) {
+      // if final file progress completes
+      this.notif = uploaderMessages.finishedUploading;
+      this.announce(uploaderMessages.finishedUploading);
+      clearInterval(this.srProgress);
+      setTimeout(() => {
         this.notif = "";
-        this.announcement = "";
-        this.isCondensed = false;
-    }
-    get isDisabled() {
-        // disable if is the uploader is maxed out or if something is uploading
-        return this.fileLimitReached || this.inProgressFileEls.length > 0;
-    }
-    get fileEls() {
-        return Array.from(this.el.querySelectorAll("wm-file"));
-    }
-    get inProgressFileEls() {
-        return this.fileEls.filter((file) => file.progress !== undefined && file.progress < 100);
-    }
-    get uploadedFileEls() {
-        return this.fileEls.filter((file) => !file.errorMessage);
-    }
-    get fileLimitReached() {
-        return this.maxFiles && this.uploadedFileEls.length >= this.maxFiles;
-    }
-    get validTypes() {
-        return "." + this.fileTypes.split(" ").join(", .");
-    }
-    toggleTabbingOn() {
-        this.isTabbing = true;
-    }
-    toggleTabbingOff() {
-        this.isTabbing = false;
-    }
-    handleFileErrorCleared() {
-        this.uploadButtonEl.focus();
-    }
-    storeDeletedId(ev) {
-        this.fileIdToDelete = ev.target.id;
-    }
-    handleErrorMessageChange() {
-        if (this.errorMessage) {
-            this.announce(this.errorMessage);
-        }
-    }
-    componentWillLoad() {
-        if (!this.buttonText) {
-            console.error("wm-uploader: button-text is a required property");
-        }
-    }
-    componentDidLoad() {
-        if (document.body.classList.contains("wmcl-user-is-tabbing")) {
-            this.toggleTabbingOn();
-        }
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildMutation(mutationRecord)));
-        mutationObserver.observe(this.el, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeOldValue: true,
-            attributeFilter: ["progress"],
-        });
-    }
-    handleChildMutation(mutationRecord) {
-        if (mutationRecord.type === "attributes") {
-            this.handleProgressUpdate(mutationRecord);
-        }
-        else if (mutationRecord.type === "childList") {
-            // if user prompted the removal of a single file (they hit the delete button)
-            if (this.isTabbing &&
-                mutationRecord.removedNodes.length === 1 &&
-                mutationRecord.removedNodes[0].id === this.fileIdToDelete) {
-                this.focusAfterFileRemoval(mutationRecord);
-                this.fileIdToDelete = "";
-            }
-            forceUpdate(this.el); // forceUpdate to rerender filecount
-        }
-    }
-    handleProgressUpdate(mutationRecord) {
-        if (this.inProgressFileEls.length !== 0) {
-            const changeInUploadingFiles = this.prevUploadCount !== this.inProgressFileEls.length;
-            changeInUploadingFiles && this.announce(uploaderMessages.getFilesUploading(this.inProgressFileEls.length));
-            this.notif = uploaderMessages.getFilesUploading(this.inProgressFileEls.length);
-            this.prevUploadCount = this.inProgressFileEls.length;
-            if (!this.srProgress) {
-                this.srProgress = setInterval(() => {
-                    const aggregate = this.fileEls.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);
-                    this.announce(uploaderMessages.getUploadProgress(Math.floor(aggregate / this.batchCount)));
-                }, 5000);
-            }
-        }
-        else if (this.inProgressFileEls.length === 0 &&
-            mutationRecord.oldValue &&
-            parseInt(mutationRecord.oldValue) < 100) {
-            // if final file progress completes
-            this.notif = uploaderMessages.finishedUploading;
-            this.announce(uploaderMessages.finishedUploading);
-            clearInterval(this.srProgress);
-            setTimeout(() => {
-                this.notif = "";
-            }, 20 * 1000);
-        }
-    }
-    focusAfterFileRemoval(mutationRecord) {
-        let previousSibling = mutationRecord.previousSibling;
-        // .previousSibling can sometimes grab #text nodes but unfortunately mutationRecord does not hold .previousElementSibling
-        // so we need to loop upwards until we find a wm-file with a button to focus, or null
-        while (previousSibling &&
-            !(previousSibling.nodeName === "WM-FILE" &&
-                previousSibling.shadowRoot.querySelector("wm-button"))) {
-            previousSibling = previousSibling.previousSibling;
-        }
-        if (previousSibling) {
-            const fileActionButtons = previousSibling.shadowRoot.querySelectorAll("wm-button");
-            fileActionButtons[fileActionButtons.length - 1].focus();
-        }
-        else {
-            this.uploadButtonEl.focus();
-        }
-    }
-    handleUploadButtonClick(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.
-            ev.preventDefault();
-            if (this.inProgressFileEls.length > 0) {
-                this.announce(uploaderMessages.waitToUpload);
-            }
-            else if (this.fileLimitReached) {
-                this.announce(uploaderMessages.fileLimitReached);
-            }
-        }
-    }
-    handleUploadButtonChange(ev) {
-        const inputEl = ev.target;
-        if (inputEl.files) {
-            const files = Array.from(inputEl.files);
-            if (files.length > 0) {
-                this.batchCount = files.length;
-                this.wmUploaderFilesSelected.emit(files);
-            }
-            ev.target.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
-        }
-    }
-    announce(message) {
-        if (this.liveRegion.textContent === message) {
-            message += "\u00A0";
-        }
-        this.announcement = message;
-    }
-    renderIcon() {
-        // mdi attachment icon (paper clip) is horizontal but we want it vertical
-        const rotate = this.icon && this.icon === "f066";
-        return h("span", { class: `mdi ${rotate ? "rotate" : ""}` }, String.fromCodePoint(parseInt(`0x${this.icon}`)));
-    }
-    renderUploadButton(classes) {
-        let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${this.buttonText}`;
-        return (h("div", { class: "info-wrapper" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: (ev) => this.handleUploadButtonChange(ev) }), h("label", { htmlFor: "input", class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` }, this.icon && this.renderIcon(), this.buttonText)));
-    }
-    renderHeader() {
-        return (h("div", { class: "header" }, h("div", { class: "notif-wrapper" }, this.renderUploadButton(`-secondary ${this.isDisabled ? "disabled" : ""}`), this.renderRequirements()), h("div", { id: "accepted-types", class: "accepted-types" }, uploaderMessages.getAcceptedFileTypes(this.validTypes, this.fileTypes.split(" ").length)), this.notif && h("div", { class: "notif" }, this.notif), this.errorMessage && h("div", { id: "error" }, this.errorMessage)));
-    }
-    renderRequirements() {
-        return (h("div", { class: "requirements" }, this.maxFiles && (h("span", { id: "file-count" }, uploaderMessages.getFileCount(this.uploadedFileEls.length, this.maxFiles))), this.maxSize && h("span", { id: "max-size" }, uploaderMessages.getMaxSize(this.maxSize))));
-    }
-    renderListContainer() {
-        const hasNewlyUploadedFiles = this.fileEls.filter((file) => file.progress && file.progress === 100).length;
-        return (h("div", { class: `list-container ${hasNewlyUploadedFiles ? "checkmark-spacer" : ""}` }, h("ul", { class: "file-list" }, h("slot", null))));
-    }
-    renderLabel() {
-        return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
-    }
-    render() {
-        return (h(Host, null, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
-            ,
-            "aria-atomic": "true" }, this.announcement)));
-    }
-    static get delegatesFocus() { return true; }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "errorMessage": ["handleErrorMessageChange"]
-    }; }
+      }, 20 * 1000);
+    }
+  }
+  focusAfterFileRemoval(mutationRecord) {
+    let previousSibling = mutationRecord.previousSibling;
+    // .previousSibling can sometimes grab #text nodes but unfortunately mutationRecord does not hold .previousElementSibling
+    // so we need to loop upwards until we find a wm-file with a button to focus, or null
+    while (previousSibling &&
+      !(previousSibling.nodeName === "WM-FILE" &&
+        previousSibling.shadowRoot.querySelector("wm-button"))) {
+      previousSibling = previousSibling.previousSibling;
+    }
+    if (previousSibling) {
+      const fileActionButtons = previousSibling.shadowRoot.querySelectorAll("wm-button");
+      fileActionButtons[fileActionButtons.length - 1].focus();
+    }
+    else {
+      this.uploadButtonEl.focus();
+    }
+  }
+  handleUploadButtonClick(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.
+      ev.preventDefault();
+      if (this.inProgressFileEls.length > 0) {
+        this.announce(uploaderMessages.waitToUpload);
+      }
+      else if (this.fileLimitReached) {
+        this.announce(uploaderMessages.fileLimitReached);
+      }
+    }
+  }
+  handleUploadButtonChange(ev) {
+    const inputEl = ev.target;
+    if (inputEl.files) {
+      const files = Array.from(inputEl.files);
+      if (files.length > 0) {
+        this.batchCount = files.length;
+        this.wmUploaderFilesSelected.emit(files);
+      }
+      ev.target.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
+    }
+  }
+  announce(message) {
+    if (this.liveRegion.textContent === message) {
+      message += "\u00A0";
+    }
+    this.announcement = message;
+  }
+  renderIcon() {
+    // mdi attachment icon (paper clip) is horizontal but we want it vertical
+    const rotate = this.icon && this.icon === "f066";
+    return h("span", { class: `mdi ${rotate ? "rotate" : ""}` }, String.fromCodePoint(parseInt(`0x${this.icon}`)));
+  }
+  renderUploadButton(classes) {
+    let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${this.buttonText}`;
+    return (h("div", { class: "info-wrapper" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: (ev) => this.handleUploadButtonChange(ev) }), h("label", { htmlFor: "input", class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` }, this.icon && this.renderIcon(), this.buttonText)));
+  }
+  renderHeader() {
+    return (h("div", { class: "header" }, h("div", { class: "notif-wrapper" }, this.renderUploadButton(`-secondary ${this.isDisabled ? "disabled" : ""}`), this.renderRequirements()), h("div", { id: "accepted-types", class: "accepted-types" }, uploaderMessages.getAcceptedFileTypes(this.validTypes, this.fileTypes.split(" ").length)), this.notif && h("div", { class: "notif" }, this.notif), this.errorMessage && h("div", { id: "error" }, this.errorMessage)));
+  }
+  renderRequirements() {
+    return (h("div", { class: "requirements" }, this.maxFiles && (h("span", { id: "file-count" }, uploaderMessages.getFileCount(this.uploadedFileEls.length, this.maxFiles))), this.maxSize && h("span", { id: "max-size" }, uploaderMessages.getMaxSize(this.maxSize))));
+  }
+  renderListContainer() {
+    const hasNewlyUploadedFiles = this.fileEls.filter((file) => file.progress && file.progress === 100).length;
+    return (h("div", { class: `list-container ${hasNewlyUploadedFiles ? "checkmark-spacer" : ""}` }, h("ul", { class: "file-list" }, h("slot", null))));
+  }
+  renderLabel() {
+    return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
+  }
+  render() {
+    return (h(Host, null, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+      ,
+      "aria-atomic": "true" }, this.announcement)));
+  }
+  static get delegatesFocus() { return true; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "errorMessage": ["handleErrorMessageChange"]
+  }; }
 };
 Uploader.style = wmUploaderCss;
 

package/dist/esm/wm-wrapper.entry.js

@@ -1,17 +1,17 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-f164fbca.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-7e11ea42.js';
 
 const Wrapper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.wmWrapperLoaded = createEvent(this, "wmWrapperLoaded", 7);
-    }
-    componentDidLoad() {
-        this.wmWrapperLoaded.emit();
-    }
-    render() {
-        return;
-    }
-    get el() { return getElement(this); }
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.wmWrapperLoaded = createEvent(this, "wmWrapperLoaded", 7);
+  }
+  componentDidLoad() {
+    this.wmWrapperLoaded.emit();
+  }
+  render() {
+    return;
+  }
+  get el() { return getElement(this); }
 };
 
 export { Wrapper as wm_wrapper };

package/dist/esm-es5/chartFunctions-36634c04.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{l(a.next(e))}catch(e){o(e)}}function i(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,i)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(r=0)),r)try{if(a=1,n&&(o=i[0]&2?n["return"]:i[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;if(n=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;n=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];n=0}finally{a=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var a=0,n=t.length,o;a<n;a++){if(o||!(a in t)){if(!o)o=Array.prototype.slice.call(t,0,a);o[a]=t[a]}}return e.concat(o||Array.prototype.slice.call(t))};import{h}from"./index-7e11ea42.js";import{i as intl,c as getPosition,f as findParentWithScrollbar,e as checkForActiveElInShadow,d as debounce}from"./functions-5afd09f4.js";var colors={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca",periwinkle:"#575195",gray:"#6b6b6b"};var allChartsDetails={doughnut:{size:155,colors:[colors.forest,colors.gray],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[colors.lavender,colors.midnight,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2b:{size:130,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[colors.forest,colors.gray],padding:0,category:"stackedBar"},bar2:{size:400,colors:[colors.gray,colors.periwinkle,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar2b:{size:400,colors:[colors.gray,colors.periwinkle,colors.midnight,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",colors.cyan,"#8e4129",colors.salmon],padding:0,category:"stackedBar"},bar4:{size:400,colors:[colors.salmon,colors.cyan,colors.periwinkle],padding:0,category:"stackedBar"},bar5:{size:400,colors:[colors.gray,colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[colors.lavender],padding:0,category:"simpleBar"},bar7:{size:400,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],padding:0,category:"simpleBar"}};function showValue(e){return e==="percentage"||e==="amount"?"show-values":""}var textHiddenMessage=intl.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are hidden when too close together.",description:"Text displayed when a chart has some values hidden"});var seeDetailsMessage=intl.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function abbrNumber(e){return e>999||e<-999?Math.round(e/100)/10+"K":e}function amountToPercent(e,t,r){return r?Math.round(e*100/t):Math.round(e*1e4/t)/100}function amountToDegree(e,t){return e*360/t}function toFixed(e){return parseFloat((Math.floor(e*100)/100).toFixed(2))}function polarToCartesian(e,t,r,a){var n=toFixed(e+e*t*Math.cos(Math.PI*r/180));var o=toFixed(e+e*t*Math.sin(Math.PI*r/180));if(a!==undefined){var s=toFixed(e+e*t*Math.cos(Math.PI*a/180));var i=toFixed(e+e*t*Math.sin(Math.PI*a/180));return{x1:n,y1:o,x2:s,y2:i}}return{x:n,y:o}}function getArc(e,t,r,a,n){var o=toFixed(n/2*e);return"A ".concat(o,", ").concat(o," 0 ").concat(t," ").concat(toFixed(r),", ").concat(toFixed(a))}function scale(e,t,r,a,n){var o=(e-t)*(n-a)/(r-t)+a;return o<a?a:o>n?n:o}function minSpacing(e){return scale(e,300,900,70,150)}function getMaxTicks(e){return Math.round(e/minSpacing(e))}function getInterval(e,t){var r=e/t;var a=Math.pow(10,Math.floor(Math.log10(r)));var n=r/a;var o;if(n>5){o=10*a}else if(n>3){o=5*a}else if(n>2){o=3*a}else if(n>1.5){o=2*a}else if(n>1){o=1.5*a}else{o=a}return o}function handleSliceKeyDown(e){if(this.popoverEl&&this.popoverEl.open&&e.key==="Enter"){var t=this.popoverEl.querySelector("button");t&&t.click()}}function handleSliceClick(e,t){if(this.popoverEl&&!this.isTabbing){t.coords={x:e.clientX,y:e.clientY};openPopover.call(this,t)}}function handleSliceFocus(e,t){if(this.popoverEl&&this.isTabbing){t.coords=getPosition(e.target);openPopover.call(this,t)}}function handleChartKeydown(e){switch(e.key){case"ArrowUp":case"ArrowLeft":e.preventDefault();this.isTabbing=true;focusPrevious.call(this);break;case"ArrowRight":case"ArrowDown":e.preventDefault();this.isTabbing=true;focusNext.call(this);break;case"Tab":exitChart.call(this);break;case"Escape":this.popoverEl.open=false;this.userIsNavigating=false;break}}function openPopover(e){var t=this;if(!!this.popoverEl&&!!e.title&&!!e.text){this.popoverEl.popoverTitle=e.title;this.popoverEl.popoverText=e.text;this.popoverEl.buttonText=e.buttonText;this.popoverEl.coords=e.coords;this.popoverEl.sliceRef=e.sliceRef;window.setTimeout((function(){if(t.popoverEl){t.popoverEl.open=true}}),30);var r=debounce((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){this.popoverEl.open=false;return[2]}))}))}),10);document.addEventListener("scroll",(function(){r()}));var a=findParentWithScrollbar(this.el);if(!!a){a.addEventListener("scroll",(function(){r()}))}}}function focusNext(){var e=checkForActiveElInShadow(document.activeElement);var t=(this.sliceEls.indexOf(e)+1)%this.sliceEls.length;focusSlice.call(this,t)}function focusPrevious(){if(this.sliceEls){var e=checkForActiveElInShadow(document.activeElement);var t=this.sliceEls.indexOf(e);if(t===-1){t=0}else if(t===0){t=this.sliceEls.length-1}else{t-=1}focusSlice.call(this,t)}}function focusSlice(e){var t=this;if(this.sliceEls&&this.el){this.userIsNavigating=true;if(this.popoverEl){this.popoverEl.open=false}this.componentWrapperEl.tabIndex=-1;this.el.focusable=false;this.sliceEls.map((function(e){e.tabIndex=-1;e.focusable=false}));this.sliceEls[e].tabIndex=0;this.sliceEls[e].focusable=true;this.sliceEls[e].focus();window.setTimeout((function(){if(t.popoverEl){t.popoverEl.open=true}}),10)}}function exitChart(){var e=this;this.sliceEls&&this.sliceEls.map((function(e){e.tabIndex=-1;e.focusable=false}));this.userIsNavigating=false;window.setTimeout((function(){e.componentWrapperEl.tabIndex=0;e.el.focusable=true;if(e.popoverEl){e.popoverEl.open=false}}),100)}function getDetails(e){return __awaiter(this,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(n){this.slicesDetails=[];t=0;r=Array.from(this.el.children);this.total=r.reduce((function(e,t){return e+=parseInt(t.getAttribute("amount")||"0")}),0);r.forEach((function(r,n){var o=parseInt(r.getAttribute("amount")||"0");var s=amountToPercent(o,a.total,true);var i=n;if(e==="bar5"){i=a.notStartedColor?n:n+1}if(e==="bar6"){i=0}var l=allChartsDetails[e].colors[i];var c={amount:o,perc:s,legend:r.getAttribute("legend"),color:l||colors.gray,offset:t,id:"".concat(a.uid,"-").concat(n+1),title:r.getAttribute("popover-title"),text:r.getAttribute("popover-text"),buttonText:r.getAttribute("popover-button-text"),sliceRef:r,inSmallCluster:false};t+=o;a.slicesDetails.push(c)}));return[2]}))}))}function sortSlicesDetails(e,t){var r=__spreadArray([],e,true).sort((function(e,t){return e.amount===t.amount?0:e.amount>t.amount?-1:1}));var a=0;r.forEach((function(e,n){var o=r[n===0?r.length-1:n-1];var s=r[n===r.length-1?0:n+1];var i=amountToPercent(o.amount,t,true);var l=amountToPercent(s.amount,t,true);e.offset=a;a+=e.amount;e.inSmallCluster=isInSmallCluster(i,e.perc,e.amount,l)}));return r}function isInSmallCluster(e,t,r,a){var n=t<4;var o=e<5;var s=a<5;var i=n&&(o||s);var l=t===0&&r>0;if(l&&(a<8||e<8)){i=true}return i}function getPathData(e,t,r){var a=amountToDegree(t,this.total)-90;var n=e/this.total*360;var o=a+n;var s=n>180?"1 1":"0 1";var i=n>180?"1 0":"0 0";var l=this.chartDetails.size/2;var c=this.chartDetails.thickness;var u=1;var h=r==="doughnut";var d=1.5;var f=h?2.25:3;if(n===360){o-=.01}var p=polarToCartesian(l,u,a+d,o);var v=polarToCartesian(l,c,a+f,o);var g="M ".concat(p.x1,", ").concat(p.y1," ");var m=getArc(u,s,p.x2,p.y2,this.chartDetails.size);var b=" L ".concat(v.x2,", ").concat(v.y2," ");var y=getArc(c,i,v.x1,v.y1,this.chartDetails.size);return g+m+b+y+" z"}function renderInstructionsText(){var e=intl.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return h("div",{id:"chart-instructions"},e)}function renderFilter(){return h("defs",null,h("filter",{id:"wmHoverDropShadow"},h("feGaussianBlur",{stdDeviation:"3"}),h("feOffset",{result:"offsetblur"}),h("feFlood",{"flood-color":"#333"}),h("feComposite",{operator:"in",in2:"offsetblur"}),h("feMerge",null,h("feMergeNode",null),h("feMergeNode",{in:"SourceGraphic"}))))}function renderDoughnut(e){var t=this;var r=this.chartDetails.size+this.chartDetails.padding;var a=e==="doughnut";var n=a?this.slicesDetails:sortSlicesDetails(this.slicesDetails,this.total);return h("div",{class:"chart-wrapper doughnut-wrapper"},h("svg",{width:r+"px",height:r+"px",id:"graphic-".concat(this.uid),class:"doughnut-svg"},renderFilter(),n.map((function(r){return renderPath.call(t,r,e)})),a?h("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},amountToPercent(n[0].amount,this.total,true)+"%"):h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")"),"text-anchor":"middle","dominant-baseline":"middle"},n.map((function(e){return e.amount>0&&!e.inSmallCluster?renderDoughnutText.call(t,e):""})))))}function renderPath(e,t){var r=this;return h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")")},h("path",{id:e.id,class:"segment doughnut-segment",fill:e.amount?e.color:"transparent",d:getPathData.call(this,e.amount,e.offset,t),onClick:function(t){return handleSliceClick.call(r,t,e)},onFocus:function(t){return handleSliceFocus.call(r,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(r,e)},role:"img","aria-label":e.legend}))}function renderDoughnutText(e){var t=amountToDegree(e.offset+e.amount/2,this.total);var r=polarToCartesian(this.chartDetails.size/2,1.4,t-90),a=r.x,n=r.y;return h("text",{class:"value",x:a+"px",y:n+"px"},"".concat(e.perc>0?e.perc:"<1","%"))}function renderStackedBar(e){var t=this;var r=e==="bar";return h("div",{class:"chart-wrapper bar-wrapper"},r?h("div",{class:"single-perc"},amountToPercent(this.slicesDetails[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),h("div",{class:"inner-stacked-bar-wrapper ".concat(showValue(this.valueFormat))},!r?h("div",{class:"values"},this.slicesDetails.map((function(e,r){return t.renderBarText(e,r)}))):"",h("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map((function(e,r){return renderStackedBarSegment.call(t,e,r)}))),r?renderCompletionMessage.call(this):""))}function renderStackedBarSegment(e,t){var r=this;var a=t!==this.slicesDetails.length-1;var n="calc(".concat(amountToPercent(e.amount,this.total,false),"%").concat(a?" - 2px":"",")");return h("div",{class:"segment stacked-bar-segment ".concat(amountToPercent(e.amount,this.total,false)===0?"zero":""),style:{backgroundColor:e.color,width:n},onClick:function(t){return handleSliceClick.call(r,t,e)},onFocus:function(t){return handleSliceFocus.call(r,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(r,e)}},h("span",{class:"sr-only"},e.legend))}function renderSimpleBar(e){var t=this;var r=this.slicesDetails.map((function(e){return e.amount})).reduce((function(e,t){return e>t?e:t}));var a=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);var n=48;var o=this.el.getBoundingClientRect().width;var s=o-a-n;var i=getMaxTicks(s);var l=getInterval(r,i);var c=i*l;var u=Math.floor((c-r)/l);i-=u;this.el.style.setProperty("--backgroundSize",100/i+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(e==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}var d=[];this.slicesDetails.forEach((function(a){a.legend&&d.push(renderSimpleBarLegend(a.legend,t.showBarLegend,e));d.push(renderSimpleBarItem.call(t,a,l,i,r))}));var f=[];for(var p=1;p<=i;p++){var v=abbrNumber(p*l);f.push(h("div",{class:"tick"},h("span",null,v)))}var g=e==="bar6"&&this.showGrid&&this.el.getBoundingClientRect().width>300;return h("div",{class:"chart-wrapper simple-bar-wrapper"},h("div",{class:"chart ".concat(showValue(this.valueFormat))},g&&h("div",{class:"gridlines"}),h("div",{class:"rows"},d)),g&&h("div",{class:"x-axis","aria-hidden":"true"},h("div",{class:"zero"},h("span",null,"0")),f))}function renderSimpleBarLegend(e,t,r){var a=r==="bar7"&&!t?" hidden":"";return h("label",{class:"label".concat(a)},e)}function renderSimpleBarItem(e,t,r,a){var n=this;var o=this.currentChartType==="bar6"?t*r:a;var s=amountToPercent(e.amount,o,false);var i=s?s+"%":"1px";var l=abbrNumber(e.amount);var c=this.valueFormat==="amount"?l:"";if(this.currentChartType==="bar6"&&this.valueFormat==="percentage"){c=e.amount+"%"}else if(this.currentChartType==="bar7"&&this.valueFormat==="percentage"){c=(this.total===0?"0":amountToPercent(e.amount,this.total,true))+"%"}return h("div",{class:"bar segment",style:{backgroundColor:e.color,width:i},onClick:function(t){return handleSliceClick.call(n,t,e)},onFocus:function(t){return handleSliceFocus.call(n,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(n,e)}},h("div",{class:"value"},c))}function renderLegend(e){if(this.showLegend){var t=!this.chartDetails.isBar&&this.slicesDetails.reduce((function(e,t){return e=t.inSmallCluster?true:e}),false);return h("div",{class:"legend-wrapper"},h("div",{class:"legend ".concat(e," ").concat(this.mode==="bar"?"--top":"--bottom"),"aria-hidden":"true"},this.slicesDetails.map((function(e){if(!!e.amount||!!e.legend){return renderLegendItem({key:e.legend,color:e.color})}}))),t&&renderHiddenValuesMessage())}}function renderLegendItem(e){return h("div",{class:"legend-item"},h("div",{class:"legend-color",style:{backgroundColor:e.color}}),h("div",{class:"legend-text"},e.key))}function renderCompletionMessage(){if(this.completionMessage){return h("div",{class:"completion-message"},this.completionMessage)}}function renderHiddenValuesMessage(){return h("div",{class:"hidden-values-warning"},textHiddenMessage,h("br",null),seeDetailsMessage)}export{allChartsDetails as a,amountToPercent as b,renderStackedBar as c,renderDoughnut as d,renderInstructionsText as e,renderLegend as f,getDetails as g,handleChartKeydown as h,renderHiddenValuesMessage as i,exitChart as j,renderCompletionMessage as k,renderLegendItem as l,abbrNumber as m,getInterval as n,renderSimpleBar as r};