@watermarkinsights/ripple 4.1.0 → 4.2.0-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-7e11ea42.js';
-import { u as uploaderMessages } from './intl-c9ccf883.js';
-import './functions-37912d9a.js';
+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';
 
 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
-    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);
+    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 = "";
-      }
-      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.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 = "";
-      }, 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"]
-  }; }
+        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"]
+    }; }
 };
 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-7e11ea42.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-f164fbca.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-23173fce.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function s(e){try{c(n.next(e))}catch(e){i(e)}}function o(e){try{c(n["throw"](e))}catch(e){i(e)}}function c(e){e.done?t(e.value):a(e.value).then(s,o)}c((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(r){return c([e,r])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(n=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];a=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,a=r.length,i;n<a;n++){if(i||!(n in r)){if(!i)i=Array.prototype.slice.call(r,0,n);i[n]=r[n]}}return e.concat(i||Array.prototype.slice.call(r))};import{h}from"./index-f164fbca.js";import{i as intl,c as getPosition,f as findParentWithScrollbar,e as checkForActiveElInShadow,d as debounce}from"./functions-d0e70094.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,r,t){return t?Math.round(e*100/r):Math.round(e*1e4/r)/100}function amountToDegree(e,r){return e*360/r}function toFixed(e){return parseFloat((Math.floor(e*100)/100).toFixed(2))}function polarToCartesian(e,r,t,n){var a=toFixed(e+e*r*Math.cos(Math.PI*t/180));var i=toFixed(e+e*r*Math.sin(Math.PI*t/180));if(n!==undefined){var s=toFixed(e+e*r*Math.cos(Math.PI*n/180));var o=toFixed(e+e*r*Math.sin(Math.PI*n/180));return{x1:a,y1:i,x2:s,y2:o}}return{x:a,y:i}}function getArc(e,r,t,n,a){var i=toFixed(a/2*e);return"A ".concat(i,", ").concat(i," 0 ").concat(r," ").concat(toFixed(t),", ").concat(toFixed(n))}function scale(e,r,t,n,a){var i=(e-r)*(a-n)/(t-r)+n;return i<n?n:i>a?a:i}function minSpacing(e){return scale(e,300,900,70,150)}function getMaxTicks(e){return Math.round(e/minSpacing(e))}function getInterval(e,r){var t=e/r;var n=Math.pow(10,Math.floor(Math.log10(t)));var a=t/n;var i;if(a>5){i=10*n}else if(a>3){i=5*n}else if(a>2){i=3*n}else if(a>1.5){i=2*n}else if(a>1){i=1.5*n}else{i=n}return i}function handleSliceKeyDown(e){if(this.popoverEl&&this.popoverEl.open&&e.key==="Enter"){var r=this.popoverEl.querySelector("button");r&&r.click()}}function handleSliceClick(e,r){if(this.popoverEl&&!this.isTabbing){r.coords={x:e.clientX,y:e.clientY};openPopover.call(this,r)}}function handleSliceFocus(e,r){if(this.popoverEl&&this.isTabbing){r.coords=getPosition(e.target);openPopover.call(this,r)}}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 r=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(r.popoverEl){r.popoverEl.open=true}}),30);var t=debounce((function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){this.popoverEl.open=false;return[2]}))}))}),10);document.addEventListener("scroll",(function(){t()}));var n=findParentWithScrollbar(this.el);if(!!n){n.addEventListener("scroll",(function(){t()}))}}}function focusNext(){var e=checkForActiveElInShadow(document.activeElement);var r=(this.sliceEls.indexOf(e)+1)%this.sliceEls.length;focusSlice.call(this,r)}function focusPrevious(){if(this.sliceEls){var e=checkForActiveElInShadow(document.activeElement);var r=this.sliceEls.indexOf(e);if(r===-1){r=0}else if(r===0){r=this.sliceEls.length-1}else{r-=1}focusSlice.call(this,r)}}function focusSlice(e){var r=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(r.popoverEl){r.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 r,t;var n=this;return __generator(this,(function(a){this.slicesDetails=[];r=0;t=Array.from(this.el.children);this.total=t.reduce((function(e,r){return e+=parseInt(r.getAttribute("amount")||"0")}),0);t.forEach((function(t,a){var i=parseInt(t.getAttribute("amount")||"0");var s=amountToPercent(i,n.total,true);var o=a;if(e==="bar5"){o=n.notStartedColor?a:a+1}if(e==="bar6"){o=0}var c=allChartsDetails[e].colors[o];var l={amount:i,perc:s,legend:t.getAttribute("legend"),color:c||colors.gray,offset:r,id:"".concat(n.uid,"-").concat(a+1),title:t.getAttribute("popover-title"),text:t.getAttribute("popover-text"),buttonText:t.getAttribute("popover-button-text"),sliceRef:t,inSmallCluster:false};r+=i;n.slicesDetails.push(l)}));return[2]}))}))}function sortSlicesDetails(e,r){var t=__spreadArray([],e,true).sort((function(e,r){return e.amount===r.amount?0:e.amount>r.amount?-1:1}));var n=0;t.forEach((function(e,a){var i=t[a===0?t.length-1:a-1];var s=t[a===t.length-1?0:a+1];var o=amountToPercent(i.amount,r,true);var c=amountToPercent(s.amount,r,true);e.offset=n;n+=e.amount;e.inSmallCluster=isInSmallCluster(o,e.perc,e.amount,c)}));return t}function isInSmallCluster(e,r,t,n){var a=r<4;var i=e<5;var s=n<5;var o=a&&(i||s);var c=r===0&&t>0;if(c&&(n<8||e<8)){o=true}return o}function getPathData(e,r,t){var n=amountToDegree(r,this.total)-90;var a=e/this.total*360;var i=n+a;var s=a>180?"1 1":"0 1";var o=a>180?"1 0":"0 0";var c=this.chartDetails.size/2;var l=this.chartDetails.thickness;var u=1;var h=t==="doughnut";var d=1.5;var f=h?2.25:3;if(a===360){i-=.01}var v=polarToCartesian(c,u,n+d,i);var g=polarToCartesian(c,l,n+f,i);var p="M ".concat(v.x1,", ").concat(v.y1," ");var m=getArc(u,s,v.x2,v.y2,this.chartDetails.size);var b=" L ".concat(g.x2,", ").concat(g.y2," ");var w=getArc(l,o,g.x1,g.y1,this.chartDetails.size);return p+m+b+w+" 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 r=this;var t=this.chartDetails.size+this.chartDetails.padding;var n=e==="doughnut";var a=n?this.slicesDetails:sortSlicesDetails(this.slicesDetails,this.total);return h("div",{class:"chart-wrapper doughnut-wrapper"},h("svg",{width:t+"px",height:t+"px",id:"graphic-".concat(this.uid),class:"doughnut-svg"},renderFilter(),a.map((function(t){return renderPath.call(r,t,e)})),n?h("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},amountToPercent(a[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"},a.map((function(e){return e.amount>0&&!e.inSmallCluster?renderDoughnutText.call(r,e):""})))))}function renderPath(e,r){var t=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,r),onClick:function(r){return handleSliceClick.call(t,r,e)},onFocus:function(r){return handleSliceFocus.call(t,r,e)},onKeyDown:function(e){return handleSliceKeyDown.call(t,e)},role:"img","aria-label":e.legend}))}function renderDoughnutText(e){var r=amountToDegree(e.offset+e.amount/2,this.total);var t=polarToCartesian(this.chartDetails.size/2,1.4,r-90),n=t.x,a=t.y;return h("text",{class:"value",x:n+"px",y:a+"px"},"".concat(e.perc>0?e.perc:"<1","%"))}function renderStackedBar(e){var r=this;var t=e==="bar";return h("div",{class:"chart-wrapper bar-wrapper"},t?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))},!t?h("div",{class:"values"},this.slicesDetails.map((function(e,t){return r.renderBarText(e,t)}))):"",h("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map((function(e,t){return renderStackedBarSegment.call(r,e,t)}))),t?renderCompletionMessage.call(this):""))}function renderStackedBarSegment(e,r){var t=this;var n=r!==this.slicesDetails.length-1;var a="calc(".concat(amountToPercent(e.amount,this.total,false),"%").concat(n?" - 2px":"",")");return h("div",{class:"segment stacked-bar-segment ".concat(amountToPercent(e.amount,this.total,false)===0?"zero":""),style:{backgroundColor:e.color,width:a},onClick:function(r){return handleSliceClick.call(t,r,e)},onFocus:function(r){return handleSliceFocus.call(t,r,e)},onKeyDown:function(e){return handleSliceKeyDown.call(t,e)}},h("span",{class:"sr-only"},e.legend))}function renderSimpleBar(e){var r=this;var t=this.slicesDetails.map((function(e){return e.amount})).reduce((function(e,r){return e>r?e:r}));var n=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);var a=48;var i=this.el.getBoundingClientRect().width;var s=i-n-a;var o=getMaxTicks(s);var c=getInterval(t,o);var l=o*c;var u=Math.floor((l-t)/c);o-=u;this.el.style.setProperty("--backgroundSize",100/o+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(e==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}var d=[];this.slicesDetails.forEach((function(n){n.legend&&d.push(renderSimpleBarLegend(n.legend,r.showBarLegend,e));d.push(renderSimpleBarItem.call(r,n,c,o,t))}));var f=[];for(var v=1;v<=o;v++){var g=abbrNumber(v*c);f.push(h("div",{class:"tick"},h("span",null,g)))}var p=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))},p&&h("div",{class:"gridlines"}),h("div",{class:"rows"},d)),p&&h("div",{class:"x-axis","aria-hidden":"true"},h("div",{class:"zero"},h("span",null,"0")),f))}function renderSimpleBarLegend(e,r,t){var n=t==="bar7"&&!r?" hidden":"";return h("label",{class:"label".concat(n)},e)}function renderSimpleBarItem(e,r,t,n){var a=this;var i=this.currentChartType==="bar6"?r*t:n;var s=amountToPercent(e.amount,i,false);var o=s?s+"%":"1px";var c=abbrNumber(e.amount);var l=this.valueFormat==="amount"?c:"";if(this.currentChartType==="bar6"&&this.valueFormat==="percentage"){l=e.amount+"%"}else if(this.currentChartType==="bar7"&&this.valueFormat==="percentage"){l=(this.total===0?"0":amountToPercent(e.amount,this.total,true))+"%"}return h("div",{class:"bar segment",style:{backgroundColor:e.color,width:o},onClick:function(r){return handleSliceClick.call(a,r,e)},onFocus:function(r){return handleSliceFocus.call(a,r,e)},onKeyDown:function(e){return handleSliceKeyDown.call(a,e)}},h("div",{class:"value"},l))}function renderLegend(e){if(this.showLegend){var r=!this.chartDetails.isBar&&this.slicesDetails.reduce((function(e,r){return e=r.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})}}))),r&&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};