@watermarkinsights/ripple 0.0.0 → 0.1.0-alpha.0

package/dist/componentlibrary/wm-network-uploader.entry.js

@@ -1,427 +0,0 @@
-import { r as registerInstance, e as createEvent, i as forceUpdate, h, f as Host, g as getElement } from './index-d5997567.js';
-import { g as getRequest, p as putRequest, a as postRequest, d as deleteRequest } from './http-service-5d037e16.js';
-import { g as generateId, i as intl, n as hasValidType } from './functions-316c1b23.js';
-
-const wmNetworkUploaderCss = "@charset \"UTF-8\";:host .wm-button,wm-network-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-network-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-network-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-network-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-network-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-network-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-network-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-network-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-network-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-network-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-network-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button:hover,wm-network-uploader .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-network-uploader .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-network-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-network-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-network-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-network-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-network-uploader .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-network-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-network-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-network-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-network-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-network-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-network-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-network-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-network-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-network-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-network-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-network-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-network-uploader .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-network-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-network-uploader .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-network-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-network-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-network-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-network-uploader .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational,wm-network-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-network-uploader .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-network-uploader .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-permanentlydelete:not(.-textonly),wm-network-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-network-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-network-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-network-uploader .wm-button.-selectoronly:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\";position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-network-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-network-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-network-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-network-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-network-uploader .wm-button:disabled,:host .wm-button.disabled,wm-network-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-network-uploader .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-network-uploader .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-network-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-network-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-network-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-network-uploader .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-network-uploader .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-network-uploader .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-network-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-network-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-network-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-network-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-network-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-network-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-network-uploader a.wm-button,:host label.wm-button,wm-network-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-network-uploader{width:100%;position:relative}:host[dir=RTL] .mdi,wm-network-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing,wm-network-uploader input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important}:host *,wm-network-uploader *{box-sizing:border-box}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.header{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}.header .notif-wrapper{align-items:flex-end}.notif-wrapper{display:flex;align-items:flex-start;height:-moz-fit-content;height:fit-content;flex-direction:column;align-items:center}.notif-wrapper .notif{font-size:0.875rem;font-style:italic;margin-top:0.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 60.9375rem){.descr{margin-bottom:0.5rem}.notif-wrapper{margin-bottom:1rem}.header .notif-wrapper{align-items:flex-start}}.file-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-info+.file-controls{flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:flex;flex-direction:column;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:1.5rem;margin-bottom:0.4375rem}.empty-block .notif-wrapper{justify-content:center}.empty-block .notif-wrapper .wm-button{width:auto}ul{list-style:none;padding:0;width:100%}ul li{font-size:0.875rem}ul li .file{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.75rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:flex;justify-content:space-between;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{font-weight:500}ul li .file .filedate{margin-left:3.75rem;font-weight:normal;font-style:italic}ul li .file wm-button+wm-button{margin-left:1rem}ul.file-list .file.--saved,ul.inprogress-list .file{margin-bottom:1.625rem}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.error-list li{margin-bottom:1.25rem;color:#c0392b}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul .error-message{padding-top:0.25rem;font-style:italic}";
-
-const NetworkUploader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.wmNetworkUploaderFilesChanged = createEvent(this, "wmNetworkUploaderFilesChanged", 7);
-    this.isTabbing = false;
-    this.fileList = [];
-    this.inProgressList = [];
-    this.errorList = []; // for errors on a particular file
-    this.snackbar = [];
-    this.fileTypes = "pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";
-    this.maxSize = 100; // in Mb
-    this.sortBy = "date"; // name is descending (a -> z), date is ascending (earlier -> later)
-    this.inputId = generateId();
-  }
-  toggleTabbingOn() {
-    this.isTabbing = true;
-  }
-  toggleTabbingOff() {
-    this.isTabbing = false;
-  }
-  handleUploadProgress(ev) {
-    this.inProgressList.map((i) => {
-      if (i.name === ev.detail.file_name) {
-        i.progress = ev.detail.progress;
-        forceUpdate(this.el);
-      }
-    });
-    if (ev.detail.progress === 100) {
-      // inProgressList is not a perfect reflection of how many files are uploading
-      // because even after progress reached 100% the item should remain in the array
-      // (should only be removed once it appears in fileList)
-      this.numFilesInProgress -= 1;
-    }
-    // aggregate the percentages for SR to announce progress
-    if (!this.srProgress && this.numFilesInProgress) {
-      const total = this.numFilesInProgress; // if we don't reassign this number changes when a file is done and the percentage becomes wrong
-      this.srProgress = setInterval(() => {
-        const aggregate = this.inProgressList.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);
-        if (this.liveRegion) {
-          this.liveRegion.innerHTML = intl.formatMessage({
-            id: "uploader.uploadProgress",
-            defaultMessage: "Upload progress: {percentage}%",
-          }, { percentage: Math.floor(aggregate / total) });
-        }
-      }, 5000);
-    }
-  }
-  handleFinishedSnack(ev) {
-    this.snackbar = this.snackbar.filter((n) => n.id !== ev.detail.id);
-  }
-  setMaxSize() {
-    // Max size can't be set above 100Mb
-    this.maxSize = this.maxSize > 100 ? 100 : this.maxSize;
-  }
-  uploadNotifications(newNum, oldNum) {
-    if (oldNum > 0 && newNum === 0) {
-      setTimeout(() => {
-        this.notif = null;
-      }, 20 * 1000);
-      const message = intl.formatMessage({
-        id: "uploader.finishedUploading",
-        defaultMessage: "Finished uploading",
-      });
-      this.notif = { id: 5, message };
-      if (this.liveRegion) {
-        this.liveRegion.innerHTML = message;
-      }
-      this.numFilesInProgress = null;
-      clearInterval(this.srProgress);
-      forceUpdate(this.el);
-    }
-    else if (newNum > 0 && newNum != oldNum) {
-      const message = intl.formatMessage({
-        id: "uploader.filesUploading",
-        defaultMessage: "{num, plural, one {1 file uploading} other {# files uploading}}",
-      }, { num: newNum });
-      this.notif = { id: 6, message };
-      if (this.liveRegion) {
-        this.liveRegion.innerHTML = message;
-      }
-      forceUpdate(this.el);
-    }
-  }
-  emitFileListEvent() {
-    this.wmNetworkUploaderFilesChanged.emit(this.fileList);
-  }
-  formatDate(isoDate, locale, timezone) {
-    const timestamp = Date.parse(isoDate);
-    if (locale.match(/^[a-zA-Z]*(-[a-zA-Z0-9]*)*$/g)) {
-      // make sure locale is valid, otherwise set default locale
-      try {
-        //@ts-ignore
-        Intl.getCanonicalLocales(locale);
-      }
-      catch (_a) {
-        locale = "en-us";
-      }
-    }
-    else {
-      return isoDate;
-    }
-    if (!!timestamp) {
-      const date = new Date(timestamp);
-      const year = date.getFullYear();
-      const month = ("0" + (date.getMonth() + 1)).substr(-2);
-      const day = ("0" + date.getDate()).substr(-2);
-      const time = date.toLocaleTimeString([locale, "en-us"], {
-        timeZone: timezone,
-        hour: "numeric",
-        minute: "numeric",
-      });
-      return `${year}/${month}/${day} ${time}`;
-    }
-    else {
-      return isoDate;
-    }
-  }
-  isValidSize(size) {
-    // https://stackoverflow.com/questions/2365100/converting-bytes-to-megabytes
-    return size / 1024 / 1024 <= this.maxSize;
-  }
-  isDuplicate(name) {
-    return this.fileList.find((f) => f.file_name === name);
-  }
-  isEmpty() {
-    return !this.fileList.length && !this.inProgressList.length && !this.errorList.length;
-  }
-  isDisabled() {
-    const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;
-    if (!this.notif) {
-      if (isMax) {
-        const errMessage = intl.formatMessage({
-          id: "uploader.fileUploadLimit",
-          defaultMessage: "You have reached the file upload limit.",
-        });
-        this.notif = { id: 1, message: errMessage };
-        if (this.liveRegion) {
-          this.liveRegion.innerHTML = errMessage;
-        }
-      }
-      else {
-        this.notif = null;
-      }
-    }
-    else if (this.notif.id === 1) {
-      // to make sure SR don't repeat the error, don't reset it if it already is showing
-      // just dismiss it if isMax is not true anymore
-      if (!isMax) {
-        this.notif = null;
-      }
-      // finally do nothing if error 2 is showing (special case when user selects too many files)
-    }
-    // disable if is the uploader is maxed out or if something is uploading
-    return isMax || this.numFilesInProgress > 0;
-  }
-  purgeProgressList(item) {
-    // If a file is retrieved from the server because it was just uploaded
-    // it should be removed from inProgressList
-    this.inProgressList = this.inProgressList.filter((i) => i.progress !== 100 && i.name !== item.file_name);
-  }
-  getExistingFiles() {
-    getRequest(this.getPath)
-      .then((reply) => {
-      reply.map((item) => this.purgeProgressList(item));
-      if (this.sortBy === "name") {
-        reply.sort((a, b) => a.file_name.localeCompare(b.file_name));
-      }
-      this.fileList = reply;
-    })
-      .catch((errStatus) => {
-      console.error(errStatus);
-    });
-  }
-  clearErrors() {
-    this.errorList = [];
-    this.notif = null;
-  }
-  handleFiles(ev) {
-    const files = Array.from(ev.target.files);
-    const validTypes = this.fileTypes.split(" ").join(", ");
-    if (!!this.maxFiles && this.fileList.length + files.length > this.maxFiles) {
-      const errMessage = intl.formatMessage({
-        id: "uploader.fileUploadExceeded",
-        defaultMessage: "The number of selected files exceeds the limit.",
-      });
-      this.notif = { id: 2, message: errMessage };
-      if (this.liveRegion) {
-        this.liveRegion.innerHTML = errMessage;
-      }
-    }
-    else {
-      // map to create inProgress items so they can be displayed immediately
-      files &&
-        files.map((file) => {
-          if (!hasValidType(file, this.fileTypes)) {
-            const error = {
-              file_name: file.name,
-              message: intl.formatMessage({
-                id: "uploader.invalidFileType",
-                defaultMessage: "The file type is invalid. Accepted types: {validTypes}",
-              }, { validTypes }),
-            };
-            this.errorList.push(error);
-          }
-          else if (!this.isValidSize(file.size)) {
-            const error = {
-              file_name: file.name,
-              message: intl.formatMessage({
-                id: "uploader.fileTooLarge",
-                defaultMessage: "The selected file is too large. Maximum file size is {size}Mb",
-              }, { size: this.maxSize }),
-            };
-            this.errorList.push(error);
-          }
-          else if (this.isDuplicate(file.name)) {
-            const error = {
-              file_name: file.name,
-              message: intl.formatMessage({
-                id: "uploader.duplicateName",
-                defaultMessage: "A file with this name already exists.",
-              }),
-            };
-            this.errorList.push(error);
-          }
-          else {
-            this.inProgressList.push(file);
-          }
-          forceUpdate(this.el);
-        });
-      if (this.inProgressList.length > 0) {
-        this.numFilesInProgress = this.inProgressList.length;
-        // map over "uploadable" files for actual upload
-        // this happens separately otherwise at each pass we'd have to wait for the requests to complete before displaying things
-        this.inProgressList.map((file, i) => {
-          this.uploadFile(file, i); // = input.files file
-        });
-      }
-    }
-    ev.target.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
-  }
-  uploadFile(file, i) {
-    // get upload link
-    getRequest(this.requestUploadPath + i.toString())
-      .then(async (reply) => {
-      const assData = JSON.parse(this.associatedData);
-      const fileInfo = Object.assign(Object.assign({}, assData), { file_name: file.name, mime_type: file.type, file_path: reply.path, document_uuid: reply.guid });
-      // onProgress is passed as a callback to the ev listener inside putRequest (http service),
-      // so we can't change component things directly => custom event to pass data to uploader component.
-      const onProgress = (ev) => {
-        const progress = ev.lengthComputable && ev.total !== 0 ? (ev.loaded / ev.total) * 100 : 0;
-        const event = new CustomEvent("wmUploadProgress", {
-          detail: { file_name: file.name, progress },
-        });
-        this.el.dispatchEvent(event);
-      };
-      // upload to AWS s3 to url we just fetched
-      await putRequest(reply.url, file, onProgress);
-      // create the db entry
-      await postRequest(this.uploadPath, fileInfo);
-      // get files from server again
-      this.getExistingFiles();
-    })
-      .catch((err) => {
-      // do not show toast on error
-      this.numFilesInProgress = null;
-      // do not show in progress item on error
-      this.inProgressList = [];
-      this.notif = {
-        id: 3,
-        message: intl.formatMessage({
-          id: "global.genericError",
-          defaultMessage: "An error occurred. Please try again.",
-        }),
-      };
-      console.error(err);
-    });
-  }
-  downloadFile(uuid, path) {
-    this.clearErrors();
-    // POST request to get temporary download link
-    const payload = {
-      file_path: path,
-      file_uuid: uuid,
-    };
-    postRequest(this.requestDownloadPath, payload)
-      .then((reply) => {
-      // we got the download link, now download the file
-      window.location.assign(reply.url);
-    })
-      .catch((err) => {
-      console.error(err);
-    });
-  }
-  deleteFile(file) {
-    this.clearErrors();
-    this.snackbar.push({
-      message: intl.formatMessage({
-        id: "uploader.fileDeleted",
-        defaultMessage: "{fileName} was deleted.",
-      }, { fileName: file.file_name }),
-      id: file.uuid,
-      link: "",
-    });
-    // rm file from list immediately.
-    this.fileList = this.fileList.filter((i) => i.uuid !== file.uuid);
-    deleteRequest(`${this.deletePath}/${file.uuid}`).catch((err) => {
-      this.notif = {
-        id: 4,
-        message: intl.formatMessage({
-          id: "uploader.fileNotDeleted",
-          defaultMessage: "{fileName} could not be deleted.",
-        }, { fileName: file.file_name }),
-      };
-      this.getExistingFiles();
-      console.error(err);
-    });
-  }
-  componentWillLoad() {
-    if (!this.getPath) {
-      throw new Error("wm-network-uploader: get-path is a required prop");
-    }
-    if (!this.requestUploadPath) {
-      throw new Error("wm-network-uploader: request-upload-path is a required prop");
-    }
-    if (!this.uploadPath) {
-      throw new Error("wm-network-uploader: upload-path is a required prop");
-    }
-    if (!this.requestDownloadPath) {
-      throw new Error("wm-network-uploader: request-download-path is a required prop");
-    }
-    if (!this.deletePath) {
-      throw new Error("wm-network-uploader: delete-path is a required prop");
-    }
-    if (!this.buttonText) {
-      throw new Error("wm-network-uploader: button-text is a required prop");
-    }
-    if (!this.emptyStateText) {
-      throw new Error("wm-network-uploader: empty-state-text is a required prop");
-    }
-    if (!this.associatedData) {
-      throw new Error("wm-network-uploader: associated-data is a required prop");
-    }
-    this.setMaxSize();
-    this.clearErrors();
-  }
-  componentDidLoad() {
-    this.getExistingFiles();
-    // awkward way to handle Edge bug where file input dialog doesn't open on Enter key
-    // first, detect polyfill by checking the class name that it adds to the component
-    // (it's important NOT to execute the code below in normal browsers as it would open the dialog twice)
-    this.el.classList.contains("sc-wm-uploader-h") &&
-      // then add an even listener to force a click event when Enter key is pressed
-      this.inputEl &&
-      this.inputEl.addEventListener("keydown", (ev) => {
-        if (this.inputEl && ev.keyCode === 13) {
-          this.inputEl.click();
-        }
-      });
-    if (document.body.classList.contains("wmcl-user-is-tabbing")) {
-      this.toggleTabbingOn();
-    }
-  }
-  renderUploadSvg() {
-    return (h("svg", { class: "upload-file", width: "91", height: "84", viewBox: "0 0 91 84" }, h("path", { transform: "rotate(-180.000000) translate(-452, -255.5)", fill: "#eae8ec", d: "M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z" })));
-  }
-  renderIcon() {
-    // mdi attachment icon (paper clip) is horizontal but we want it vertical
-    const rotate = this.icon && this.icon === "f066";
-    return (this.icon && (h("span", { class: `mdi ${rotate ? "rotate" : ""}` }, String.fromCodePoint(parseInt(`0x${this.icon}`)))));
-  }
-  renderNotif() {
-    return this.notif ? h("span", { class: "notif" }, this.notif.message) : "";
-  }
-  renderUploadButton(classes) {
-    return (h("div", { class: "notif-wrapper" }, h("input", { ref: (el) => (this.inputEl = el), name: this.inputId, id: this.inputId, class: "sr-only", type: "file", multiple: true, onClick: () => this.clearErrors(), onChange: (e) => this.handleFiles(e), disabled: this.isDisabled() }), h("label", { htmlFor: this.inputId, class: `wm-button ${classes}${this.isTabbing ? " user-is-tabbing" : ""}` }, this.renderIcon(), this.buttonText), this.renderNotif()));
-  }
-  renderWithItems() {
-    return (h("div", null, h("div", { class: "header" }, h("div", { class: "descr" }, h("slot", null)), this.renderUploadButton(this.isDisabled() ? "disabled" : "")), this.renderErrorList(), this.renderInProgressList(), this.renderFileList()));
-  }
-  renderEmptyState() {
-    return (h("div", null, h("div", { class: "header" }, h("div", { class: "descr" }, h("slot", null))), h("div", { class: "empty-block" }, this.renderUploadSvg(), h("div", { class: "empty-message" }, this.emptyStateText), this.renderUploadButton("-primary empty-button"))));
-  }
-  renderErrorList() {
-    if (!!this.errorList.length) {
-      if (this.liveRegion) {
-        let srMessage = this.errorList.reduce(function (acc, err) {
-          return acc + `${err.file_name}: ${err.message} `;
-        }, "");
-        this.liveRegion.innerHTML = srMessage;
-      }
-      return (h("ul", { class: "error-list" }, this.errorList.map((err) => (h("li", null, h("div", { class: "file --error" }, h("div", { class: "file-info" }, h("span", { class: "filename" }, err.file_name))), h("div", { class: "error-message" }, err.message))))));
-    }
-  }
-  renderInProgressList() {
-    return (h("ul", { class: "inprogress-list" }, this.inProgressList.map((item) => {
-      return (h("li", null, h("div", { class: "file --progress" }, h("div", { class: "progress", style: {
-          background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,
-        } }), h("div", { class: "file-info" }, h("span", { class: "filename" }, item.name, " ", h("span", { class: "sr-only" }, "uploading"))))));
-    })));
-  }
-  renderFile(item) {
-    return (h("li", null, h("div", { class: "file --saved" }, h("div", { class: "file-info" }, h("span", { class: "filename" }, item.file_name), h("span", { class: "filedate" }, this.formatDate(item.updated_at, intl.locale, Intl.DateTimeFormat().resolvedOptions().timeZone))), h("div", { class: "file-controls" }, h("wm-button", { class: "download-button", "button-style": "icononly", tooltip: "download", "label-for-identical-buttons": `download ${item.file_name}`, icon: "f1da", onClick: () => this.downloadFile(item.uuid, item.file_path) }), h("wm-button", { class: "delete-button", "button-style": "icononly", tooltip: "remove", "label-for-identical-buttons": `remove ${item.file_name}`, icon: "f1c0", onClick: () => this.deleteFile(item) })))));
-  }
-  renderFileList() {
-    return h("ul", { class: "file-list" }, this.fileList.map((item) => this.renderFile(item)));
-  }
-  render() {
-    return (h(Host, null, this.isEmpty() ? this.renderEmptyState() : this.renderWithItems(), h("wm-snackbar", { notifications: JSON.stringify(this.snackbar) }), 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" })));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "maxSize": ["setMaxSize"],
-    "numFilesInProgress": ["uploadNotifications"],
-    "fileList": ["emitFileListEvent"]
-  }; }
-};
-NetworkUploader.style = wmNetworkUploaderCss;
-
-export { NetworkUploader as wm_network_uploader };

package/dist/componentlibrary/wm-option.entry.js

@@ -1,119 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-d5997567.js';
-
-const wmOptionCss = "@charset \"UTF-8\";:host(:not(:last-child)),wm-option:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host,wm-option{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a;user-select:none}:host:focus,:host.focus,wm-option:focus,wm-option.focus{outline:none;background:#f4f4f4}:host.icon,wm-option.icon{color:#575195}.checkbox: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:\"\";display:inline;margin-right:0.25rem;color:#575195}:host([aria-selected=true]),wm-option[aria-selected=true]{background:rgba(46, 27, 70, 0.05);font-weight:500}:host([aria-selected=true]) .checkbox:before,wm-option[aria-selected=true] .checkbox:before{content:\"\"}:host([aria-disabled=true]),wm-option[aria-disabled=true]{font-style:italic;color:#6b6b6b;cursor:default}:host([aria-disabled=true]) .checkbox:before,wm-option[aria-disabled=true] .checkbox:before{color:#6b6b6b}:host(.multi-option),wm-option.multi-option{background:unset}:host(.hassubinfo),wm-option.hassubinfo{display:flex}:host(.hassubinfo) .option-wrapper,wm-option.hassubinfo .option-wrapper{flex:1}:host(.hassubinfo) .subinfo,wm-option.hassubinfo .subinfo{flex:none}.subinfo{font-style:italic}.option-wrapper{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):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;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-option:focus{outline:none;background:#f4f4f4}:host(:hover){background:#f4f4f4;outline:none}";
-
-const Option = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.wmOptionSelected = createEvent(this, "wmOptionSelected", 7);
-    this.wmKeyUpPressed = createEvent(this, "wmKeyUpPressed", 7);
-    this.wmKeyDownPressed = createEvent(this, "wmKeyDownPressed", 7);
-    this.wmEscKeyPressed = createEvent(this, "wmEscKeyPressed", 7);
-    this.wmHomeKeyPressed = createEvent(this, "wmHomeKeyPressed", 7);
-    this.wmEndKeyPressed = createEvent(this, "wmEndKeyPressed", 7);
-    this.wmTabKeyPressed = createEvent(this, "wmTabKeyPressed", 7);
-    this.wmEnterKeyPressed = createEvent(this, "wmEnterKeyPressed", 7);
-    this.wmLetterPressed = createEvent(this, "wmLetterPressed", 7);
-    this.subinfo = undefined;
-    this.disabled = false;
-    this.selected = false;
-    this.focused = false;
-  }
-  get isMultiChild() {
-    var _a;
-    return (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.multiple;
-  }
-  handleKeydown(ev) {
-    switch (ev.keyCode) {
-      // Arrow Up
-      case 38:
-        ev.preventDefault();
-        this.wmKeyUpPressed.emit();
-        break;
-      // Arrow Down
-      case 40:
-        ev.preventDefault();
-        this.wmKeyDownPressed.emit(this.el);
-        break;
-      // Enter
-      case 13:
-        ev.preventDefault();
-        if (!this.disabled) {
-          this.el.click();
-          this.wmEnterKeyPressed.emit(this.el);
-        }
-        break;
-      // Space
-      case 32:
-        ev.preventDefault();
-        this.el.click();
-        break;
-      // Escape
-      case 27:
-        ev.preventDefault();
-        ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal
-        this.wmEscKeyPressed.emit();
-        break;
-      // Home
-      case 36:
-        ev.preventDefault();
-        this.wmHomeKeyPressed.emit();
-        break;
-      // End
-      case 35:
-        ev.preventDefault();
-        this.wmEndKeyPressed.emit();
-        break;
-      // Tab
-      case 9:
-        this.wmTabKeyPressed.emit();
-        break;
-      default:
-        this.wmLetterPressed.emit(ev.key);
-    }
-  }
-  handleSelection() {
-    if (!this.disabled) {
-      this.wmOptionSelected.emit();
-      // the parent wm-select is in charge of the actual selection
-    }
-  }
-  syncAriaSelected() {
-    // this function only keeps the aria-selected attr in sync with the selected prop
-    // all the logic for selecting / deselecting happens in the parent wm-select
-    this.selected ? this.el.setAttribute("aria-selected", "true") : this.el.removeAttribute("aria-selected");
-  }
-  syncAriaDisabled() {
-    this.disabled ? this.el.setAttribute("aria-disabled", "true") : this.el.removeAttribute("aria-disabled");
-  }
-  focusHandler(newValue) {
-    if (newValue)
-      this.el.focus();
-  }
-  updateDisabledOnClick() {
-    if (this.disabled && this.el.onclick) {
-      this.onClickFunc = this.el.onclick;
-      this.el.onclick = null;
-    }
-    else if (!this.disabled && this.onClickFunc) {
-      this.el.onclick = this.onClickFunc;
-    }
-  }
-  componentWillLoad() {
-    this.syncAriaSelected();
-    this.syncAriaDisabled();
-    this.updateDisabledOnClick();
-  }
-  render() {
-    return (h(Host, { role: "option", tabindex: this.focused ? 0 : -1, class: `${this.subinfo ? "hassubinfo" : ""} ${this.isMultiChild ? "multi-option" : ""}` }, h("div", { class: `option-wrapper ${this.isMultiChild ? "checkbox" : ""}` }, h("slot", null)), h("div", { class: "subinfo" }, this.subinfo)));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "selected": ["syncAriaSelected"],
-    "disabled": ["syncAriaDisabled", "updateDisabledOnClick"],
-    "focused": ["focusHandler"]
-  }; }
-};
-Option.style = wmOptionCss;
-
-export { Option as wm_option };