@watermarkinsights/ripple 3.25.0-2 → 3.25.0

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

@@ -1 +1 @@
-{"file":"wm-uploader.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-uploader/wm-uploader.scss?tag=wm-uploader&encapsulation=shadow","./src/components/wm-uploader/wm-uploader.tsx"],"sourcesContent":[":host,\r\nwm-uploader {\r\n  display: block;\r\n  position: relative;\r\n  max-width: 1140px;\r\n\r\n  &[dir=\"RTL\"] {\r\n    .mdi {\r\n      margin-left: rem-calc(5);\r\n      margin-right: 0;\r\n    }\r\n  }\r\n  @extend %wm-button;\r\n\r\n  input:focus + .wm-button.user-is-tabbing {\r\n    -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;\r\n    -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;\r\n    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;\r\n  }\r\n}\r\n\r\n:host *,\r\nwm-uploader * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.wm-button.disabled {\r\n  // override the %wm-button rule\r\n  // we want a pointer event when disabled,\r\n  // to trigger a SR message\r\n  pointer-events: initial !important;\r\n}\r\n\r\n@include label;\r\n#label {\r\n  margin-bottom: rem-calc(8);\r\n}\r\n\r\n.header {\r\n  .info-wrapper {\r\n    align-items: center;\r\n    .info {\r\n      font-size: rem-calc(14);\r\n      margin-left: 1rem;\r\n    }\r\n  }\r\n\r\n  .accepted-types {\r\n    font-size: rem-calc(14);\r\n  }\r\n\r\n  .requirements {\r\n    font-size: rem-calc(14);\r\n    margin-left: rem-calc(16);\r\n  }\r\n}\r\n\r\n.footer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  padding: rem-calc(15 30);\r\n\r\n  .notif-wrapper {\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .filecount-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    .filecount {\r\n      font-size: 0.875rem;\r\n      margin-right: 1rem;\r\n    }\r\n  }\r\n}\r\n\r\n.notif-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-bottom: rem-calc(12);\r\n\r\n  .requirements {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n.notif,\r\n#error {\r\n  padding-top: rem-calc(4);\r\n  font-size: 0.875rem;\r\n  font-style: italic;\r\n\r\n  &#error {\r\n    @include errorMessage;\r\n  }\r\n}\r\n\r\n.info-wrapper {\r\n  position: relative; // for .info\r\n  display: flex;\r\n}\r\n\r\n.list-container {\r\n  overflow-y: unset;\r\n\r\n  &.checkmark-spacer {\r\n    margin-right: rem-calc(44);\r\n  }\r\n\r\n  &:has(.error-list, .inprogress-list, .file-list) {\r\n    margin-top: rem-calc(40);\r\n  }\r\n\r\n  ul {\r\n    padding: 0;\r\n    width: 100%;\r\n    margin: 0;\r\n\r\n    wm-file {\r\n      margin-bottom: rem-calc(8);\r\n    }\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include srOnly;\r\n}\r\n\r\n/// FOR DEPRECATED TYPES ///////////////////////////////////////\r\n.empty-block {\r\n  margin: 5rem auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  .upload-file {\r\n    margin-bottom: rem-calc(30);\r\n  }\r\n\r\n  .empty-message {\r\n    font-size: 0.875rem;\r\n    &.large {\r\n      font-size: 1.5rem;\r\n    }\r\n    margin-bottom: rem-calc(7);\r\n  }\r\n\r\n  .info-wrapper {\r\n    justify-content: center;\r\n    width: 100%; // for .notif\r\n\r\n    .wm-button {\r\n      // Removing the width inherit here to prevent a 100% width\r\n      // from the info-wrapper. Future proofing a day when\r\n      // we might want a long notif to wrap.\r\n      width: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.header {\r\n  &.type1,\r\n  &.type2 {\r\n    margin-bottom: 1rem;\r\n  }\r\n  .slot-wrapper {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.notif-wrapper {\r\n  &.type1,\r\n  &.type2 {\r\n    flex-direction: column;\r\n    margin-bottom: rem-calc(16);\r\n  }\r\n}\r\n\r\n.list-container {\r\n  &.type1,\r\n  &.type2 {\r\n    overflow-y: auto;\r\n    ul {\r\n      margin: revert;\r\n    }\r\n    .file-list li,\r\n    .inprogress-list li {\r\n      // margin-bottom also on the last element, otherwise tooltip on dl and delete btns triggers a scrollbar\r\n      margin-bottom: rem-calc(26);\r\n    }\r\n    .error-list li {\r\n      margin-bottom: rem-calc(20);\r\n    }\r\n  }\r\n\r\n  &.type1 {\r\n    padding: rem-calc(0 30);\r\n    height: rem-calc(260);\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Listen, Watch } from \"@stencil/core\";\r\nimport { forceUpdate } from \"@stencil/core\";\r\nimport { generateId, hasValidType, intl } from \"../../global/functions\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\ninterface ErrorFile {\r\n  name: string;\r\n  message: string;\r\n}\r\n\r\n@Component({\r\n  tag: \"wm-uploader\",\r\n  styleUrl: \"wm-uploader.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class Uploader {\r\n  @Element() el!: HTMLWmUploaderElement;\r\n  private liveRegion!: HTMLDivElement;\r\n  get uploadButtonEl(): HTMLElement {\r\n    return this.el.shadowRoot!.querySelector(`#${this.inputId}`) as HTMLElement;\r\n  }\r\n\r\n  @Prop({ mutable: true }) uploaderType?: \"1\" | \"2\"; // only mutable for the deprecation transition\r\n  @Prop() type?: \"1\" | \"2\"; // DEPRECATED in favor of uploaderType\r\n  get tempUploaderType() {\r\n    // replace instances of this.tempUploaderType with this.uploaderType once type is fully phased out\r\n    return this.type || this.uploaderType;\r\n  }\r\n  @Prop() label?: string;\r\n  @Prop() buttonText!: string;\r\n  @Prop() info?: string;\r\n  @Prop() emptyStateText!: string;\r\n  @Prop() icon!: string;\r\n  @Prop() fileTypes: string = \"pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv\";\r\n  @Prop() maxSize?: number | null; // in Mb\r\n  @Prop() maxFiles?: number;\r\n  @Prop() sortBy: \"name\" | \"date\" = \"date\"; // name is descending (a -> z), date is ascending (earlier -> later)\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n  @Prop() errorMessage?: string;\r\n  @Prop() requiredField?: boolean;\r\n\r\n  @Prop() files?: string; // String representation of an array of files (the files retrieved from the server)\r\n  @State() fileList: UploadedFile[] = []; // the string above transformed into the actual array\r\n  @Prop({ mutable: true }) filesToUpload: File[] = []; // input.files that passed validation\r\n\r\n  @State() isTabbing: boolean = false;\r\n\r\n  @Prop() rejectedFiles?: string; // String representation of an array of errors to add to errorList, allows devs to display server-side errors\r\n  @State() errorList: ErrorFile[] = []; // for errors on a particular file\r\n  @State() notif?: string | null; // for upload notifications\r\n  @State() internalErrorMessage?: string;\r\n  @State() announcement: string = \"\";\r\n  @State() numFilesInProgress?: number | null; // null when not uploading != 0 (when all files are done uploading) != undefined (original state)\r\n  @State() isCondensed: boolean = false;\r\n  private srProgress?: any; // setInterval for SR to announce the aggregate progress percentage when things take a long time. stored here so it can be stopped when upload is finished.\r\n  private inputId = generateId();\r\n\r\n  @Event() wmUploaderFilesSelected!: EventEmitter;\r\n  @Event() wmFilesSelected!: EventEmitter; // deprecated in favor of wmUploaderFilesSelected\r\n  @Event() wmUploaderDeleteFile!: EventEmitter;\r\n  @Event() wmDeleteFile!: EventEmitter; // deprecated in favor of wmUploaderDeleteFile\r\n  @Event() wmUploaderDownloadFile!: EventEmitter;\r\n  @Event() wmDownloadFile!: EventEmitter; // deprecated in favor of wmUploaderDownloadFile\r\n  @Event() wmUploaderPreviewFile!: EventEmitter;\r\n\r\n  @Event() wmFileDelete!: EventEmitter<string>;\r\n  @Event() wmFileDownload!: EventEmitter<string>;\r\n  @Event() wmFilePreview!: EventEmitter<string>;\r\n\r\n  get effectiveMaxSize() {\r\n    const defaultMaxSize = 100;\r\n    // maxsize cannot be set to over 100Mb\r\n    const maxSizeLimit = 100;\r\n\r\n    return this.maxSize ? Math.min(this.maxSize, maxSizeLimit) : defaultMaxSize;\r\n  }\r\n\r\n  get fileLimitReached() {\r\n    return this.maxFiles && this.fileList.length >= this.maxFiles;\r\n  }\r\n\r\n  get displayedErrorMessage(): string {\r\n    return this.errorMessage || this.internalErrorMessage || \"\";\r\n  }\r\n\r\n  get fileLimitExceededMessage() {\r\n    return intl.formatMessage({\r\n      id: \"uploader.fileUploadLimitExceeded\",\r\n      defaultMessage: \"Upload unsuccessful because file selection would exceed the maximum number of files\",\r\n      description: \"Message displayed when trying to upload too many files\",\r\n    });\r\n  }\r\n\r\n  get fileLimitReachedMessage() {\r\n    return intl.formatMessage({\r\n      id: \"uploader.fileUploadLimitReached\",\r\n      defaultMessage: \"The maximum number of files has been reached\",\r\n      description: \"Message displayed when trying to upload additional files, but the limit has been reached\",\r\n    });\r\n  }\r\n\r\n  get fileCountMessage() {\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"uploader.fileCount\",\r\n        defaultMessage: \"{x} of {y} Files\",\r\n        description: \"A count of the number of files currently uploaded\",\r\n      },\r\n      { x: this.fileList.length, y: this.maxFiles }\r\n    );\r\n  }\r\n\r\n  get maxSizeMessage() {\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"uploader.maxSize\",\r\n        defaultMessage: \"Maximum file size {maxSize}MB\",\r\n        description: \"An indicator of the maximum file size the uploader allows\",\r\n      },\r\n      {\r\n        maxSize: this.effectiveMaxSize,\r\n      }\r\n    );\r\n  }\r\n\r\n  get acceptedFileTypesMessage() {\r\n    const validTypes = \".\" + this.fileTypes.split(\" \").join(\", .\");\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"uploader.acceptedFileTypes\",\r\n        defaultMessage: \"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}\",\r\n      },\r\n      {\r\n        fileTypes: validTypes,\r\n        amount: this.fileTypes.split(\" \").length,\r\n      }\r\n    );\r\n  }\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  @Listen(\"wmUploadProgress\")\r\n  handleUploadProgress(ev: CustomEvent) {\r\n    this.fileList.map((i) => {\r\n      if (i.id === ev.detail.id) {\r\n        i.progress = ev.detail.progress;\r\n        forceUpdate(this.el);\r\n      }\r\n    });\r\n\r\n    if (ev.detail.progress === 100) {\r\n      // inProgressList is not a perfect reflection of how many files are uploading\r\n      // because even after progress reached 100% the item should remain in the array\r\n      // (should only be removed once it appears in fileList)\r\n      this.numFilesInProgress! -= 1;\r\n    }\r\n\r\n    // aggregate the percentages for SR to announce progress\r\n    if (!this.srProgress && this.numFilesInProgress) {\r\n      const total = this.numFilesInProgress; // if we don't reassign this number changes when a file is done and the percentage becomes wrong\r\n      this.srProgress = setInterval(() => {\r\n        const aggregate = this.fileList.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);\r\n        this.announce(\r\n          intl.formatMessage(\r\n            {\r\n              id: \"uploader.uploadProgress\",\r\n              defaultMessage: \"Upload progress: {percentage}%\",\r\n            },\r\n            { percentage: Math.floor(aggregate / total) }\r\n          )\r\n        );\r\n      }, 5000);\r\n    }\r\n  }\r\n\r\n  @Listen(\"wmFileClearErrorClicked\")\r\n  handleFileErrorCleared(ev: CustomEvent) {\r\n    const filename = ev.detail.name;\r\n    this.errorList = this.errorList.filter((error) => error.name != filename);\r\n    this.uploadButtonEl.focus();\r\n  }\r\n\r\n  @Listen(\"wmIntFileDeleted\")\r\n  handleFileDeleted(ev: CustomEvent) {\r\n    this.clearErrors();\r\n    forceUpdate(this.el); // for the button to stop being disabled if num files become < max-files\r\n    this.wmUploaderDeleteFile.emit(ev.detail);\r\n    this.wmFileDelete.emit(ev.detail);\r\n    this.wmDeleteFile.emit(ev.detail); // deprecated\r\n  }\r\n\r\n  @Listen(\"wmIntFilePreviewed\")\r\n  handleFilePreviewed(ev: CustomEvent) {\r\n    this.clearErrors();\r\n    this.wmUploaderPreviewFile.emit(ev.detail);\r\n    this.wmFilePreview.emit(ev.detail);\r\n  }\r\n\r\n  @Listen(\"wmIntFileDownloaded\")\r\n  handleFileDownloaded(ev: CustomEvent) {\r\n    this.clearErrors();\r\n    this.wmUploaderDownloadFile.emit(ev.detail);\r\n    this.wmFileDownload.emit(ev.detail);\r\n    this.wmDownloadFile.emit(ev.detail); // deprecated\r\n  }\r\n\r\n  @Watch(\"files\")\r\n  parseFiles() {\r\n    if (!!this.files) {\r\n      if (typeof this.files === \"string\") {\r\n        let list = JSON.parse(this.files);\r\n        if (typeof list === \"object\") {\r\n          // if size is in byte format, convert to display format\r\n          list.forEach((item: any) => {\r\n            if (item.size && (typeof item.size === \"number\" || item.size.match(/^[0-9]+$/))) {\r\n              const convertedSize = this.convertBytes(item.size);\r\n              item.size = `${convertedSize.size.toFixed(0)} ${convertedSize.unit}`;\r\n            }\r\n          });\r\n          this.fileList = list;\r\n        } else {\r\n          throw new Error(\"could not parse string passed to files attribute\");\r\n        }\r\n      } else {\r\n        throw new Error(\"Attribute 'files' should be a string\");\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch(\"fileList\")\r\n  focusAfterRemoval(newFiles: UploadedFile[], oldFiles: UploadedFile[]) {\r\n    if (this.isTabbing && newFiles.length < oldFiles.length) {\r\n      const newFileIds = newFiles.map((file: UploadedFile) => file.id);\r\n      const oldFileIds = oldFiles.map((file: UploadedFile) => file.id);\r\n      // even in the case that multiple files have been removed at once, work off of the first in that group\r\n      const removedFileId = oldFileIds.filter((id: string) => !newFileIds.includes(id))[0];\r\n\r\n      if (oldFileIds.indexOf(removedFileId) > 0) {\r\n        const fileIdPrecedingRemoved = oldFileIds[oldFileIds.indexOf(removedFileId) - 1];\r\n        const fileElPrecedingRemoved = this.el.shadowRoot!.querySelector(\"#file-\" + fileIdPrecedingRemoved);\r\n        const focusedElementsButtons = fileElPrecedingRemoved?.shadowRoot!.querySelectorAll(\"wm-button\");\r\n\r\n        if (focusedElementsButtons && focusedElementsButtons.length > 0) {\r\n          const lastButtonInFile = focusedElementsButtons[focusedElementsButtons.length - 1];\r\n          lastButtonInFile.focus();\r\n        } else {\r\n          // if preceding file has no file action buttons, rerun function with adjusted params\r\n          // by removing the fileElPrecedingRemoved from the newFiles list, it is now considered the removedFile and looks to focus it's preceding file\r\n          // if it continues to cannot find an appropriate preceding file and becomes the first file in the list, it focuses the upload button\r\n          this.focusAfterRemoval(\r\n            newFiles.filter((file: UploadedFile) => file.id !== fileIdPrecedingRemoved),\r\n            oldFiles\r\n          );\r\n        }\r\n      } else {\r\n        this.uploadButtonEl.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch(\"rejectedFiles\")\r\n  parseRejectedFiles() {\r\n    if (!!this.rejectedFiles) {\r\n      if (typeof this.files === \"string\") {\r\n        const list = JSON.parse(this.rejectedFiles);\r\n        if (typeof list === \"object\") {\r\n          this.errorList = list;\r\n        } else {\r\n          throw new Error(\"could not parse string passed to errors attribute\");\r\n        }\r\n      } else {\r\n        throw new Error(\"Attribute 'rejected-files' should be a string\");\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch(\"numFilesInProgress\")\r\n  uploadNotifications(newNum: number, oldNum: number) {\r\n    if (oldNum > 0 && newNum === 0) {\r\n      setTimeout(() => {\r\n        this.notif = \"\";\r\n        this.internalErrorMessage = \"\";\r\n      }, 20 * 1000);\r\n      const finishedMessage = intl.formatMessage({\r\n        id: \"uploader.finishedUploading\",\r\n        defaultMessage: \"Finished uploading\",\r\n      });\r\n      this.notif = finishedMessage;\r\n      this.announce(finishedMessage);\r\n      this.numFilesInProgress = null;\r\n      clearInterval(this.srProgress);\r\n      forceUpdate(this.el);\r\n    } else if (newNum > 0 && newNum != oldNum) {\r\n      const filesUploadingMessage = intl.formatMessage(\r\n        {\r\n          id: \"uploader.filesUploading\",\r\n          defaultMessage: \"{num, plural, one {1 file uploading} other {# files uploading}}\",\r\n        },\r\n        { num: newNum }\r\n      );\r\n      this.notif = filesUploadingMessage;\r\n      this.announce(filesUploadingMessage);\r\n      forceUpdate(this.el);\r\n    }\r\n  }\r\n\r\n  @Watch(\"errorMessage\")\r\n  handleErrorMessageChange() {\r\n    if (this.errorMessage) {\r\n      this.announce(this.errorMessage);\r\n    }\r\n  }\r\n\r\n  isValidSize(size: number) {\r\n    return this.convertBytes(size, \"MB\").size <= this.effectiveMaxSize;\r\n  }\r\n\r\n  convertBytes(bytes: number, unit?: \"KB\" | \"MB\" | \"GB\" | \"TB\") {\r\n    // https://stackoverflow.com/questions/2365100/converting-bytes-to-megabytes\r\n    const unitOrder = [\"bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\r\n    let unitIndex = 0;\r\n    let result = typeof bytes === \"number\" ? bytes : parseInt(bytes);\r\n\r\n    if (unit) {\r\n      // convert until result matches desired unit\r\n      while (unitOrder.indexOf(unit) > unitIndex) {\r\n        result /= 1024;\r\n        unitIndex++;\r\n      }\r\n    } else {\r\n      // convert until result is appropriate unit (value is under 1000)\r\n      while (result > 1000) {\r\n        result /= 1024;\r\n        unitIndex++;\r\n      }\r\n    }\r\n    return { size: result, unit: unitOrder[unitIndex] };\r\n  }\r\n\r\n  isDuplicate(name: string) {\r\n    const hasDuplicateUploadingFile = this.filesToUpload.some((fileToUpload: File) => fileToUpload.name === name);\r\n    const hasDuplicateUploadedFile = this.fileList.some((f) => {\r\n      const filename: string = f.type ? f.name + \".\" + f.type : f.name;\r\n      return filename === name;\r\n    });\r\n\r\n    return hasDuplicateUploadingFile || hasDuplicateUploadedFile;\r\n  }\r\n\r\n  isEmpty() {\r\n    return !this.fileList.length && !this.errorList.length;\r\n  }\r\n\r\n  get isDisabled() {\r\n    // disable if is the uploader is maxed out or if something is uploading\r\n    return this.fileLimitReached || this.numFilesInProgress! > 0;\r\n  }\r\n\r\n  isItemUploading(item: UploadedFile) {\r\n    return item.hasOwnProperty(\"progress\") && item.progress! < 100;\r\n  }\r\n\r\n  announce(message: string) {\r\n    if (this.liveRegion.textContent === message) {\r\n      message += \"\\u00A0\";\r\n    }\r\n    this.announcement = message;\r\n  }\r\n\r\n  clearErrors() {\r\n    this.errorList = [];\r\n    this.notif = \"\";\r\n    this.internalErrorMessage = \"\";\r\n  }\r\n\r\n  handleFiles(ev: Event) {\r\n    this.filesToUpload = [];\r\n    const validTypes = this.fileTypes.split(\" \").join(\", \");\r\n    const files = Array.from((ev.target! as HTMLInputElement).files!);\r\n\r\n    if (!!this.maxFiles && this.fileList.length + files.length > this.maxFiles) {\r\n      this.internalErrorMessage = this.fileLimitExceededMessage;\r\n      this.announce(this.fileLimitExceededMessage);\r\n    } else {\r\n      files &&\r\n        files.map((file) => {\r\n          if (!hasValidType(file, this.fileTypes)) {\r\n            const error = {\r\n              name: file.name,\r\n              message: intl.formatMessage(\r\n                {\r\n                  id: \"uploader.invalidFileType\",\r\n                  defaultMessage: \"The file type is invalid. Accepted types: {validTypes}\",\r\n                },\r\n                { validTypes }\r\n              ),\r\n            };\r\n            this.errorList.push(error);\r\n          } else if (file.size === 0) {\r\n            const error = {\r\n              name: file.name,\r\n              message: intl.formatMessage({\r\n                id: \"uploader.zeroFileSize\",\r\n                defaultMessage: \"The file must be more than 0 bytes\",\r\n                description: \"Error message when user attempts to upload a file of no size\",\r\n              }),\r\n            };\r\n            this.errorList.push(error);\r\n          } else if (!this.isValidSize(file.size)) {\r\n            const error = {\r\n              name: file.name,\r\n              message: intl.formatMessage(\r\n                {\r\n                  id: \"uploader.fileTooLarge\",\r\n                  defaultMessage: \"The selected file is too large. Maximum file size is {size}Mb\",\r\n                },\r\n                { size: this.effectiveMaxSize }\r\n              ),\r\n            };\r\n            this.errorList.push(error);\r\n          } else if (this.isDuplicate(file.name)) {\r\n            const error = {\r\n              name: file.name,\r\n              message: intl.formatMessage({\r\n                id: \"uploader.duplicateName\",\r\n                defaultMessage: \"A file with this name already exists.\",\r\n              }),\r\n            };\r\n            this.errorList.push(error);\r\n          } else {\r\n            this.filesToUpload.push(file);\r\n          }\r\n        });\r\n\r\n      if (this.filesToUpload.length > 0) {\r\n        this.numFilesInProgress = this.filesToUpload.length;\r\n        this.wmUploaderFilesSelected.emit(this.filesToUpload);\r\n        this.wmFilesSelected.emit(this.filesToUpload); // deprecated\r\n      }\r\n    }\r\n    (ev.target! as HTMLInputElement).value = \"\"; // reset to ensure that onChange is triggered when the same file is selected a second time\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (!this.buttonText) {\r\n      throw new Error(\"wm-uploader: button-text is a required prop\");\r\n    }\r\n\r\n    if (this.type) {\r\n      console.warn(\"wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.\");\r\n    }\r\n\r\n    if (this.tempUploaderType === \"1\" && !this.emptyStateText) {\r\n      throw new Error(\"wm-uploader: empty-state-text is a required prop\");\r\n    }\r\n\r\n    this.parseFiles();\r\n    this.clearErrors();\r\n    this.parseRejectedFiles();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n  }\r\n\r\n  uploadButtonOnClick(ev: Event) {\r\n    if (this.isDisabled) {\r\n      // this is a temporary fix.\r\n      // we need the disabled button to be programmatically focusable\r\n      // to allow return focus after closing the browser file panel\r\n      // since it's focusable the button should respond when activated\r\n      // it looks disabled, and announces the reason why the action cannot\r\n      // be taken when activated.\r\n      ev.preventDefault();\r\n\r\n      if (this.numFilesInProgress! > 0) {\r\n        const srMsg = intl.formatMessage({\r\n          id: \"uploader.waitToUpload\",\r\n          defaultMessage: \"Please wait for current upload to complete before uploading new files.\",\r\n          description: \"Message for screen reader users\",\r\n        });\r\n        this.announce(srMsg);\r\n      } else if (this.fileLimitReached) {\r\n        this.internalErrorMessage = this.fileLimitReachedMessage;\r\n        this.announce(this.fileLimitReachedMessage);\r\n      }\r\n    } else {\r\n      this.clearErrors();\r\n    }\r\n  }\r\n\r\n  renderUploadSvg() {\r\n    return (\r\n      <svg class=\"upload-file\" width=\"91\" height=\"84\" viewBox=\"0 0 91 84\">\r\n        <path\r\n          transform=\"rotate(-180.000000) translate(-452, -255.5)\"\r\n          fill=\"#eae8ec\"\r\n          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\"\r\n        ></path>\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  renderIcon() {\r\n    // mdi attachment icon (paper clip) is horizontal but we want it vertical\r\n    const rotate = this.icon && this.icon === \"f066\";\r\n    return (\r\n      this.icon && (\r\n        <span class={`mdi ${rotate ? \"rotate\" : \"\"}`}>{String.fromCodePoint(parseInt(`0x${this.icon}`))}</span>\r\n      )\r\n    );\r\n  }\r\n\r\n  renderInfo() {\r\n    return this.info && this.tempUploaderType === \"2\" ? <span class=\"info\">{this.info}</span> : \"\";\r\n  }\r\n\r\n  renderNotif() {\r\n    return <div class=\"notif\">{this.notif}</div>;\r\n  }\r\n\r\n  renderError() {\r\n    return <div id=\"error\">{this.displayedErrorMessage}</div>;\r\n  }\r\n\r\n  renderUploadButton(classes: string) {\r\n    let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : \"\"}${this.buttonText}`;\r\n\r\n    return (\r\n      <div class=\"info-wrapper\">\r\n        <input\r\n          name={this.inputId}\r\n          id={this.inputId}\r\n          class=\"sr-only\"\r\n          aria-label={accessibleLabel}\r\n          aria-required={this.requiredField ? \"true\" : null}\r\n          aria-describedby={`${this.displayedErrorMessage ? \"error \" : \"\"}file-count max-size accepted-types`}\r\n          type=\"file\"\r\n          multiple\r\n          onClick={(ev) => this.uploadButtonOnClick(ev)}\r\n          onChange={(ev) => this.handleFiles(ev)}\r\n        />\r\n        <label htmlFor={this.inputId} class={`wm-button ${classes}${this.isTabbing ? \" user-is-tabbing\" : \"\"}`}>\r\n          {this.renderIcon()}\r\n          {this.buttonText}\r\n        </label>\r\n        {this.renderInfo()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderEmptyState() {\r\n    return (\r\n      <div class=\"empty-block\">\r\n        {this.renderUploadSvg()}\r\n        <div class={`empty-message`}>{this.emptyStateText}</div>\r\n        {this.renderUploadButton(\"-primary empty-button\")}\r\n        {this.notif && this.renderNotif()}\r\n        {this.displayedErrorMessage && this.renderError()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderErrorList() {\r\n    let srMessage = this.errorList.reduce(function (acc, err) {\r\n      return acc + `${err.name}: ${err.message} `;\r\n    }, \"\");\r\n    this.announce(srMessage);\r\n\r\n    return (\r\n      <ul class=\"error-list\">\r\n        {this.errorList.map((err) => (\r\n          <wm-file file={`{\"name\": \"${err.name}\"}`} error-message={err.message}></wm-file>\r\n        ))}\r\n      </ul>\r\n    );\r\n  }\r\n\r\n  formatTimestamp(timestamp: string): string {\r\n    const uploadDate = new Date(Date.parse(timestamp));\r\n    const day = uploadDate.getDate();\r\n    const month = uploadDate.getMonth() + 1;\r\n    const year = uploadDate.getFullYear();\r\n    const time = uploadDate.toLocaleTimeString(\"en-us\", { hour: \"numeric\", minute: \"2-digit\" });\r\n    const formattedDate = `${month}/${day}/${year} ${time}`;\r\n\r\n    return formattedDate;\r\n  }\r\n\r\n  renderInProgressFileList() {\r\n    return (\r\n      <ul class=\"inprogress-list\">\r\n        {this.fileList\r\n          .filter((item) => this.isItemUploading(item))\r\n          .map((item) => (\r\n            <wm-file file={JSON.stringify(item)} show-info={this.showInfo}></wm-file>\r\n          ))}\r\n      </ul>\r\n    );\r\n  }\r\n\r\n  renderUploadedFileList() {\r\n    return (\r\n      <ul class=\"file-list\">\r\n        {this.fileList\r\n          .filter((item) => !this.isItemUploading(item))\r\n          .map((item) => {\r\n            item.lastUpdated = this.formatTimestamp(item.lastUpdated);\r\n            return <wm-file id={`file-${item.id}`} file={JSON.stringify(item)} show-info={this.showInfo}></wm-file>;\r\n          })}\r\n      </ul>\r\n    );\r\n  }\r\n\r\n  renderFiles() {\r\n    // if we switch to accepting display format for the wm-uploader's file lastUpdateds, sorting by date will become impossible\r\n    this.sortBy === \"name\"\r\n      ? this.fileList.sort((a, b) => a.name.localeCompare(b.name))\r\n      : this.fileList.sort((a, b) => Date.parse(a.lastUpdated) - Date.parse(b.lastUpdated));\r\n    return (\r\n      <div>\r\n        {this.renderInProgressFileList()}\r\n        {this.renderUploadedFileList()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  legacyRenderHeader() {\r\n    return (\r\n      <div class={`header ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\r\n        <div class=\"slot-wrapper\">\r\n          <slot />\r\n          <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\r\n            {this.renderUploadButton(`-secondary ${this.isDisabled ? \"disabled\" : \"\"}`)}\r\n            {this.notif && this.renderNotif()}\r\n            {this.displayedErrorMessage && this.renderError()}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderHeader() {\r\n    return (\r\n      <div class={`header ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\r\n        <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\r\n          {this.renderUploadButton(`-secondary ${this.isDisabled ? \"disabled\" : \"\"}`)}\r\n          {this.renderRequirements()}\r\n        </div>\r\n        <div id=\"accepted-types\" class=\"accepted-types\">\r\n          {this.acceptedFileTypesMessage}\r\n        </div>\r\n        {this.notif && this.renderNotif()}\r\n        {this.displayedErrorMessage && this.renderError()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderRequirements() {\r\n    return (\r\n      <div class=\"requirements\">\r\n        {this.maxFiles && <span id=\"file-count\">{this.fileCountMessage}</span>}\r\n        {this.maxSize && <span id=\"max-size\">{this.maxSizeMessage}</span>}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFooter() {\r\n    return (\r\n      <div class=\"footer\">\r\n        <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\r\n          <div class=\"filecount-wrapper\">\r\n            <div class=\"filecount\">\r\n              {intl.formatMessage(\r\n                {\r\n                  id: \"uploader.filesAdded\",\r\n                  defaultMessage: \"{numFiles, plural, one {1 file added} other {# files added}}\",\r\n                },\r\n                { numFiles: this.fileList.length }\r\n              )}\r\n            </div>\r\n            {this.renderUploadButton(`-primary ${this.isDisabled ? \"disabled\" : \"\"}`)}\r\n          </div>\r\n          {this.notif && this.renderNotif()}\r\n          {this.displayedErrorMessage && this.renderError()}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderWithItems() {\r\n    // it's possible progress is passed in as a string, so we need to check for \"100\" as well\r\n    const hasNewlyUploadedFiles =\r\n      this.fileList.filter((file) => file.progress === (typeof file.progress === \"number\" ? 100 : \"100\")).length > 0;\r\n    return (\r\n      <div>\r\n        {!this.tempUploaderType && this.renderHeader()}\r\n        {this.tempUploaderType === \"2\" && this.legacyRenderHeader()}\r\n        <div\r\n          class={`list-container type${this.tempUploaderType} ${\r\n            !this.tempUploaderType && hasNewlyUploadedFiles ? \"checkmark-spacer\" : \"\"\r\n          }`}\r\n        >\r\n          {this.errorList.length > 0 && this.renderErrorList()}\r\n          {this.fileList.length > 0 && this.renderFiles()}\r\n        </div>\r\n        {this.tempUploaderType === \"1\" && this.renderFooter()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderLabel() {\r\n    return (\r\n      <div class={`wrapper ${this.displayedErrorMessage ? \"invalid\" : \"\"}`}>\r\n        <div id=\"label\" class={`label`}>\r\n          {this.label}\r\n          {this.requiredField && (\r\n            <span class=\"required\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        {this.label && this.renderLabel()}\r\n        {this.isEmpty() && this.tempUploaderType === \"1\" ? this.renderEmptyState() : this.renderWithItems()}\r\n        <div\r\n          ref={(el) => (this.liveRegion = el as HTMLDivElement)}\r\n          class=\"live-region sr-only\"\r\n          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\r\n          aria-atomic=\"true\"\r\n        >\r\n          {this.announcement}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"wm-uploader.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-uploader/wm-uploader.scss?tag=wm-uploader&encapsulation=shadow","./src/components/wm-uploader/wm-uploader.tsx"],"sourcesContent":[":host,\nwm-uploader {\n  display: block;\n  position: relative;\n  max-width: 1140px;\n\n  &[dir=\"RTL\"] {\n    .mdi {\n      margin-left: rem-calc(5);\n      margin-right: 0;\n    }\n  }\n  @extend %wm-button;\n\n  input:focus + .wm-button.user-is-tabbing {\n    -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;\n    -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;\n    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;\n  }\n}\n\n:host *,\nwm-uploader * {\n  box-sizing: border-box;\n}\n\n.wm-button.disabled {\n  // override the %wm-button rule\n  // we want a pointer event when disabled,\n  // to trigger a SR message\n  pointer-events: initial !important;\n}\n\n@include label;\n#label {\n  margin-bottom: rem-calc(8);\n}\n\n.header {\n  .info-wrapper {\n    align-items: center;\n    .info {\n      font-size: rem-calc(14);\n      margin-left: 1rem;\n    }\n  }\n\n  .accepted-types {\n    font-size: rem-calc(14);\n  }\n\n  .requirements {\n    font-size: rem-calc(14);\n    margin-left: rem-calc(16);\n  }\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding: rem-calc(15 30);\n\n  .notif-wrapper {\n    align-items: flex-end;\n  }\n\n  .filecount-wrapper {\n    display: flex;\n    align-items: center;\n    .filecount {\n      font-size: 0.875rem;\n      margin-right: 1rem;\n    }\n  }\n}\n\n.notif-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: rem-calc(12);\n\n  .requirements {\n    display: flex;\n    flex-direction: column;\n  }\n}\n\n.notif,\n#error {\n  padding-top: rem-calc(4);\n  font-size: 0.875rem;\n  font-style: italic;\n\n  &#error {\n    @include errorMessage;\n  }\n}\n\n.info-wrapper {\n  position: relative; // for .info\n  display: flex;\n}\n\n.list-container {\n  overflow-y: unset;\n\n  &.checkmark-spacer {\n    margin-right: rem-calc(44);\n  }\n\n  &:has(.error-list, .inprogress-list, .file-list) {\n    margin-top: rem-calc(40);\n  }\n\n  ul {\n    padding: 0;\n    width: 100%;\n    margin: 0;\n\n    wm-file {\n      margin-bottom: rem-calc(8);\n    }\n  }\n}\n\n.sr-only {\n  @include srOnly;\n}\n\n/// FOR DEPRECATED TYPES ///////////////////////////////////////\n.empty-block {\n  margin: 5rem auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .upload-file {\n    margin-bottom: rem-calc(30);\n  }\n\n  .empty-message {\n    font-size: 0.875rem;\n    &.large {\n      font-size: 1.5rem;\n    }\n    margin-bottom: rem-calc(7);\n  }\n\n  .info-wrapper {\n    justify-content: center;\n    width: 100%; // for .notif\n\n    .wm-button {\n      // Removing the width inherit here to prevent a 100% width\n      // from the info-wrapper. Future proofing a day when\n      // we might want a long notif to wrap.\n      width: auto;\n    }\n  }\n}\n\n.header {\n  &.type1,\n  &.type2 {\n    margin-bottom: 1rem;\n  }\n  .slot-wrapper {\n    display: flex;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n}\n\n.notif-wrapper {\n  &.type1,\n  &.type2 {\n    flex-direction: column;\n    margin-bottom: rem-calc(16);\n  }\n}\n\n.list-container {\n  &.type1,\n  &.type2 {\n    overflow-y: auto;\n    ul {\n      margin: revert;\n    }\n    .file-list li,\n    .inprogress-list li {\n      // margin-bottom also on the last element, otherwise tooltip on dl and delete btns triggers a scrollbar\n      margin-bottom: rem-calc(26);\n    }\n    .error-list li {\n      margin-bottom: rem-calc(20);\n    }\n  }\n\n  &.type1 {\n    padding: rem-calc(0 30);\n    height: rem-calc(260);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Listen, Watch } from \"@stencil/core\";\nimport { forceUpdate } from \"@stencil/core\";\nimport { generateId, hasValidType } from \"../../global/functions\";\nimport { UploadedFile } from \"../../global/interfaces\";\nimport { uploaderMessages } from \"../../global/intl\";\ninterface ErrorFile {\n  name: string;\n  message: string;\n}\n\n@Component({\n  tag: \"wm-uploader\",\n  styleUrl: \"wm-uploader.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Uploader {\n  @Element() el!: HTMLWmUploaderElement;\n  private liveRegion!: HTMLDivElement;\n  get uploadButtonEl(): HTMLElement {\n    return this.el.shadowRoot!.querySelector(`#${this.inputId}`) as HTMLElement;\n  }\n\n  @Prop({ mutable: true }) uploaderType?: \"1\" | \"2\"; // only mutable for the deprecation transition\n  @Prop() type?: \"1\" | \"2\"; // DEPRECATED in favor of uploaderType\n  get tempUploaderType() {\n    // replace instances of this.tempUploaderType with this.uploaderType once type is fully phased out\n    return this.type || this.uploaderType;\n  }\n  @Prop() label?: string;\n  @Prop() buttonText!: string;\n  @Prop() info?: string;\n  @Prop() emptyStateText!: string;\n  @Prop() icon!: string;\n  @Prop() fileTypes: string = \"pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv\";\n  @Prop() maxSize?: number | null; // in Mb\n  @Prop() maxFiles?: number;\n  @Prop() sortBy: \"name\" | \"date\" = \"date\"; // name is descending (a -> z), date is ascending (earlier -> later)\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n  @Prop() errorMessage?: string;\n  @Prop() requiredField?: boolean;\n\n  @Prop() files?: string; // String representation of an array of files (the files retrieved from the server)\n  @State() fileList: UploadedFile[] = []; // the string above transformed into the actual array\n  @Prop({ mutable: true }) filesToUpload: File[] = []; // input.files that passed validation\n\n  @State() isTabbing: boolean = false;\n\n  @Prop() rejectedFiles?: string; // String representation of an array of errors to add to errorList, allows devs to display server-side errors\n  @State() errorList: ErrorFile[] = []; // for errors on a particular file\n  @State() notif?: string | null; // for upload notifications\n  @State() internalErrorMessage?: string;\n  @State() announcement: string = \"\";\n  @State() numFilesInProgress?: number | null; // null when not uploading != 0 (when all files are done uploading) != undefined (original state)\n  @State() isCondensed: boolean = false;\n  private srProgress?: any; // setInterval for SR to announce the aggregate progress percentage when things take a long time. stored here so it can be stopped when upload is finished.\n  private inputId = generateId();\n\n  @Event() wmUploaderFilesSelected!: EventEmitter;\n  @Event() wmFilesSelected!: EventEmitter; // deprecated in favor of wmUploaderFilesSelected\n  @Event() wmUploaderDeleteFile!: EventEmitter;\n  @Event() wmDeleteFile!: EventEmitter; // deprecated in favor of wmUploaderDeleteFile\n  @Event() wmUploaderDownloadFile!: EventEmitter;\n  @Event() wmDownloadFile!: EventEmitter; // deprecated in favor of wmUploaderDownloadFile\n  @Event() wmUploaderPreviewFile!: EventEmitter;\n\n  @Event() wmFileDelete!: EventEmitter<string>;\n  @Event() wmFileDownload!: EventEmitter<string>;\n  @Event() wmFilePreview!: EventEmitter<string>;\n\n  get effectiveMaxSize() {\n    const defaultMaxSize = 100;\n    // maxsize cannot be set to over 100Mb\n    const maxSizeLimit = 100;\n\n    return this.maxSize ? Math.min(this.maxSize, maxSizeLimit) : defaultMaxSize;\n  }\n\n  get fileLimitReached() {\n    return this.maxFiles && this.fileList.length >= this.maxFiles;\n  }\n\n  get displayedErrorMessage(): string {\n    return this.errorMessage || this.internalErrorMessage || \"\";\n  }\n\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleTabbingOn() {\n    this.isTabbing = true;\n  }\n\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  @Listen(\"wmUploadProgress\")\n  handleUploadProgress(ev: CustomEvent) {\n    this.fileList.map((i) => {\n      if (i.id === ev.detail.id) {\n        i.progress = ev.detail.progress;\n        forceUpdate(this.el);\n      }\n    });\n\n    if (ev.detail.progress === 100) {\n      // inProgressList is not a perfect reflection of how many files are uploading\n      // because even after progress reached 100% the item should remain in the array\n      // (should only be removed once it appears in fileList)\n      this.numFilesInProgress! -= 1;\n    }\n\n    // aggregate the percentages for SR to announce progress\n    if (!this.srProgress && this.numFilesInProgress) {\n      const total = this.numFilesInProgress; // if we don't reassign this number changes when a file is done and the percentage becomes wrong\n      this.srProgress = setInterval(() => {\n        const aggregate = this.fileList.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);\n        this.announce(uploaderMessages.getUploadProgress(Math.floor(aggregate / total)));\n      }, 5000);\n    }\n  }\n\n  @Listen(\"wmFileClearErrorClicked\")\n  handleFileErrorCleared(ev: CustomEvent) {\n    const filename = ev.detail.name;\n    this.errorList = this.errorList.filter((error) => error.name != filename);\n    this.uploadButtonEl.focus();\n  }\n\n  @Listen(\"wmIntFileDeleted\")\n  handleFileDeleted(ev: CustomEvent) {\n    this.clearErrors();\n    forceUpdate(this.el); // for the button to stop being disabled if num files become < max-files\n    this.wmUploaderDeleteFile.emit(ev.detail);\n    this.wmFileDelete.emit(ev.detail);\n    this.wmDeleteFile.emit(ev.detail); // deprecated\n  }\n\n  @Listen(\"wmIntFilePreviewed\")\n  handleFilePreviewed(ev: CustomEvent) {\n    this.clearErrors();\n    this.wmUploaderPreviewFile.emit(ev.detail);\n    this.wmFilePreview.emit(ev.detail);\n  }\n\n  @Listen(\"wmIntFileDownloaded\")\n  handleFileDownloaded(ev: CustomEvent) {\n    this.clearErrors();\n    this.wmUploaderDownloadFile.emit(ev.detail);\n    this.wmFileDownload.emit(ev.detail);\n    this.wmDownloadFile.emit(ev.detail); // deprecated\n  }\n\n  @Watch(\"files\")\n  parseFiles() {\n    if (!!this.files) {\n      if (typeof this.files === \"string\") {\n        let list = JSON.parse(this.files);\n        if (typeof list === \"object\") {\n          // if size is in byte format, convert to display format\n          list.forEach((item: any) => {\n            if (item.size && (typeof item.size === \"number\" || item.size.match(/^[0-9]+$/))) {\n              const convertedSize = this.convertBytes(item.size);\n              item.size = `${convertedSize.size.toFixed(0)} ${convertedSize.unit}`;\n            }\n          });\n          this.fileList = list;\n        } else {\n          throw new Error(\"could not parse string passed to files attribute\");\n        }\n      } else {\n        throw new Error(\"Attribute 'files' should be a string\");\n      }\n    }\n  }\n\n  @Watch(\"fileList\")\n  focusAfterRemoval(newFiles: UploadedFile[], oldFiles: UploadedFile[]) {\n    if (this.isTabbing && newFiles.length < oldFiles.length) {\n      const newFileIds = newFiles.map((file: UploadedFile) => file.id);\n      const oldFileIds = oldFiles.map((file: UploadedFile) => file.id);\n      // even in the case that multiple files have been removed at once, work off of the first in that group\n      const removedFileId = oldFileIds.filter((id: string) => !newFileIds.includes(id))[0];\n\n      if (oldFileIds.indexOf(removedFileId) > 0) {\n        const fileIdPrecedingRemoved = oldFileIds[oldFileIds.indexOf(removedFileId) - 1];\n        const fileElPrecedingRemoved = this.el.shadowRoot!.querySelector(\"#file-\" + fileIdPrecedingRemoved);\n        const focusedElementsButtons = fileElPrecedingRemoved?.shadowRoot!.querySelectorAll(\"wm-button\");\n\n        if (focusedElementsButtons && focusedElementsButtons.length > 0) {\n          const lastButtonInFile = focusedElementsButtons[focusedElementsButtons.length - 1];\n          lastButtonInFile.focus();\n        } else {\n          // if preceding file has no file action buttons, rerun function with adjusted params\n          // by removing the fileElPrecedingRemoved from the newFiles list, it is now considered the removedFile and looks to focus it's preceding file\n          // if it continues to cannot find an appropriate preceding file and becomes the first file in the list, it focuses the upload button\n          this.focusAfterRemoval(\n            newFiles.filter((file: UploadedFile) => file.id !== fileIdPrecedingRemoved),\n            oldFiles\n          );\n        }\n      } else {\n        this.uploadButtonEl.focus();\n      }\n    }\n  }\n\n  @Watch(\"rejectedFiles\")\n  parseRejectedFiles() {\n    if (!!this.rejectedFiles) {\n      if (typeof this.files === \"string\") {\n        const list = JSON.parse(this.rejectedFiles);\n        if (typeof list === \"object\") {\n          this.errorList = list;\n        } else {\n          throw new Error(\"could not parse string passed to errors attribute\");\n        }\n      } else {\n        throw new Error(\"Attribute 'rejected-files' should be a string\");\n      }\n    }\n  }\n\n  @Watch(\"numFilesInProgress\")\n  uploadNotifications(newNum: number, oldNum: number) {\n    if (oldNum > 0 && newNum === 0) {\n      setTimeout(() => {\n        this.notif = \"\";\n        this.internalErrorMessage = \"\";\n      }, 20 * 1000);\n      this.notif = uploaderMessages.finishedUploading;\n      this.announce(uploaderMessages.finishedUploading);\n      this.numFilesInProgress = null;\n      clearInterval(this.srProgress);\n      forceUpdate(this.el);\n    } else if (newNum > 0 && newNum != oldNum) {\n      this.notif = uploaderMessages.getFilesUploading(newNum);\n      this.announce(uploaderMessages.getFilesUploading(newNum));\n      forceUpdate(this.el);\n    }\n  }\n\n  @Watch(\"errorMessage\")\n  handleErrorMessageChange() {\n    if (this.errorMessage) {\n      this.announce(this.errorMessage);\n    }\n  }\n\n  isValidSize(size: number) {\n    return this.convertBytes(size, \"MB\").size <= this.effectiveMaxSize;\n  }\n\n  convertBytes(bytes: number, unit?: \"KB\" | \"MB\" | \"GB\" | \"TB\") {\n    // https://stackoverflow.com/questions/2365100/converting-bytes-to-megabytes\n    const unitOrder = [\"bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n    let unitIndex = 0;\n    let result = typeof bytes === \"number\" ? bytes : parseInt(bytes);\n\n    if (unit) {\n      // convert until result matches desired unit\n      while (unitOrder.indexOf(unit) > unitIndex) {\n        result /= 1024;\n        unitIndex++;\n      }\n    } else {\n      // convert until result is appropriate unit (value is under 1000)\n      while (result > 1000) {\n        result /= 1024;\n        unitIndex++;\n      }\n    }\n    return { size: result, unit: unitOrder[unitIndex] };\n  }\n\n  isDuplicate(name: string) {\n    const hasDuplicateUploadingFile = this.filesToUpload.some((fileToUpload: File) => fileToUpload.name === name);\n    const hasDuplicateUploadedFile = this.fileList.some((f) => {\n      const filename: string = f.type ? f.name + \".\" + f.type : f.name;\n      return filename === name;\n    });\n\n    return hasDuplicateUploadingFile || hasDuplicateUploadedFile;\n  }\n\n  isEmpty() {\n    return !this.fileList.length && !this.errorList.length;\n  }\n\n  get isDisabled() {\n    // disable if is the uploader is maxed out or if something is uploading\n    return this.fileLimitReached || this.numFilesInProgress! > 0;\n  }\n\n  isItemUploading(item: UploadedFile) {\n    return item.hasOwnProperty(\"progress\") && item.progress! < 100;\n  }\n\n  announce(message: string) {\n    if (this.liveRegion.textContent === message) {\n      message += \"\\u00A0\";\n    }\n    this.announcement = message;\n  }\n\n  clearErrors() {\n    this.errorList = [];\n    this.notif = \"\";\n    this.internalErrorMessage = \"\";\n  }\n\n  handleFiles(ev: Event) {\n    this.filesToUpload = [];\n    const files = Array.from((ev.target! as HTMLInputElement).files!);\n    const validTypes = this.fileTypes.split(\" \").join(\", \");\n\n    if (!!this.maxFiles && this.fileList.length + files.length > this.maxFiles) {\n      this.internalErrorMessage = uploaderMessages.fileLimitExceeded;\n      this.announce(uploaderMessages.fileLimitExceeded);\n    } else {\n      files &&\n        files.map((file) => {\n          if (!hasValidType(file, this.fileTypes)) {\n            const error = {\n              name: file.name,\n              message: uploaderMessages.getInvalidFileType(validTypes),\n            };\n            this.errorList.push(error);\n          } else if (file.size === 0) {\n            const error = {\n              name: file.name,\n              message: uploaderMessages.zeroFileSize,\n            };\n            this.errorList.push(error);\n          } else if (!this.isValidSize(file.size)) {\n            const error = {\n              name: file.name,\n              message: uploaderMessages.getFileTooLarge(this.effectiveMaxSize),\n            };\n            this.errorList.push(error);\n          } else if (this.isDuplicate(file.name)) {\n            const error = {\n              name: file.name,\n              message: uploaderMessages.duplicateName,\n            };\n            this.errorList.push(error);\n          } else {\n            this.filesToUpload.push(file);\n          }\n        });\n\n      if (this.filesToUpload.length > 0) {\n        this.numFilesInProgress = this.filesToUpload.length;\n        this.wmUploaderFilesSelected.emit(this.filesToUpload);\n        this.wmFilesSelected.emit(this.filesToUpload); // deprecated\n      }\n    }\n    (ev.target! as HTMLInputElement).value = \"\"; // reset to ensure that onChange is triggered when the same file is selected a second time\n  }\n\n  componentWillLoad() {\n    if (!this.buttonText) {\n      throw new Error(\"wm-uploader: button-text is a required prop\");\n    }\n\n    if (this.type) {\n      console.warn(\"wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.\");\n    }\n\n    if (this.tempUploaderType === \"1\" && !this.emptyStateText) {\n      throw new Error(\"wm-uploader: empty-state-text is a required prop\");\n    }\n\n    this.parseFiles();\n    this.clearErrors();\n    this.parseRejectedFiles();\n  }\n\n  componentDidLoad() {\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n  }\n\n  uploadButtonOnClick(ev: Event) {\n    if (this.isDisabled) {\n      // this is a temporary fix.\n      // we need the disabled button to be programmatically focusable\n      // to allow return focus after closing the browser file panel\n      // since it's focusable the button should respond when activated\n      // it looks disabled, and announces the reason why the action cannot\n      // be taken when activated.\n      ev.preventDefault();\n\n      if (this.numFilesInProgress! > 0) {\n        const srMsg = uploaderMessages.waitToUpload;\n        this.announce(srMsg);\n      } else if (this.fileLimitReached) {\n        this.internalErrorMessage = uploaderMessages.fileLimitReached;\n        this.announce(uploaderMessages.fileLimitReached);\n      }\n    } else {\n      this.clearErrors();\n    }\n  }\n\n  renderUploadSvg() {\n    return (\n      <svg class=\"upload-file\" width=\"91\" height=\"84\" viewBox=\"0 0 91 84\">\n        <path\n          transform=\"rotate(-180.000000) translate(-452, -255.5)\"\n          fill=\"#eae8ec\"\n          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\"\n        ></path>\n      </svg>\n    );\n  }\n\n  renderIcon() {\n    // mdi attachment icon (paper clip) is horizontal but we want it vertical\n    const rotate = this.icon && this.icon === \"f066\";\n    return (\n      this.icon && (\n        <span class={`mdi ${rotate ? \"rotate\" : \"\"}`}>{String.fromCodePoint(parseInt(`0x${this.icon}`))}</span>\n      )\n    );\n  }\n\n  renderInfo() {\n    return this.info && this.tempUploaderType === \"2\" ? <span class=\"info\">{this.info}</span> : \"\";\n  }\n\n  renderNotif() {\n    return <div class=\"notif\">{this.notif}</div>;\n  }\n\n  renderError() {\n    return <div id=\"error\">{this.displayedErrorMessage}</div>;\n  }\n\n  renderUploadButton(classes: string) {\n    let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : \"\"}${this.buttonText}`;\n\n    return (\n      <div class=\"info-wrapper\">\n        <input\n          name={this.inputId}\n          id={this.inputId}\n          class=\"sr-only\"\n          aria-label={accessibleLabel}\n          aria-required={this.requiredField ? \"true\" : null}\n          aria-describedby={`${this.displayedErrorMessage ? \"error \" : \"\"}file-count max-size accepted-types`}\n          type=\"file\"\n          multiple\n          onClick={(ev) => this.uploadButtonOnClick(ev)}\n          onChange={(ev) => this.handleFiles(ev)}\n        />\n        <label htmlFor={this.inputId} class={`wm-button ${classes}${this.isTabbing ? \" user-is-tabbing\" : \"\"}`}>\n          {this.renderIcon()}\n          {this.buttonText}\n        </label>\n        {this.renderInfo()}\n      </div>\n    );\n  }\n\n  renderEmptyState() {\n    return (\n      <div class=\"empty-block\">\n        {this.renderUploadSvg()}\n        <div class={`empty-message`}>{this.emptyStateText}</div>\n        {this.renderUploadButton(\"-primary empty-button\")}\n        {this.notif && this.renderNotif()}\n        {this.displayedErrorMessage && this.renderError()}\n      </div>\n    );\n  }\n\n  renderErrorList() {\n    let srMessage = this.errorList.reduce(function (acc, err) {\n      return acc + `${err.name}: ${err.message} `;\n    }, \"\");\n    this.announce(srMessage);\n\n    return (\n      <ul class=\"error-list\">\n        {this.errorList.map((err) => (\n          <wm-file file={`{\"name\": \"${err.name}\"}`} error-message={err.message}></wm-file>\n        ))}\n      </ul>\n    );\n  }\n\n  formatTimestamp(timestamp: string): string {\n    const uploadDate = new Date(Date.parse(timestamp));\n    const day = uploadDate.getDate();\n    const month = uploadDate.getMonth() + 1;\n    const year = uploadDate.getFullYear();\n    const time = uploadDate.toLocaleTimeString(\"en-us\", { hour: \"numeric\", minute: \"2-digit\" });\n    const formattedDate = `${month}/${day}/${year} ${time}`;\n\n    return formattedDate;\n  }\n\n  renderInProgressFileList() {\n    return (\n      <ul class=\"inprogress-list\">\n        {this.fileList\n          .filter((item) => this.isItemUploading(item))\n          .map((item) => (\n            <wm-file file={JSON.stringify(item)} show-info={this.showInfo}></wm-file>\n          ))}\n      </ul>\n    );\n  }\n\n  renderUploadedFileList() {\n    return (\n      <ul class=\"file-list\">\n        {this.fileList\n          .filter((item) => !this.isItemUploading(item))\n          .map((item) => {\n            item.lastUpdated = this.formatTimestamp(item.lastUpdated);\n            return <wm-file id={`file-${item.id}`} file={JSON.stringify(item)} show-info={this.showInfo}></wm-file>;\n          })}\n      </ul>\n    );\n  }\n\n  renderFiles() {\n    // if we switch to accepting display format for the wm-uploader's file lastUpdateds, sorting by date will become impossible\n    this.sortBy === \"name\"\n      ? this.fileList.sort((a, b) => a.name.localeCompare(b.name))\n      : this.fileList.sort((a, b) => Date.parse(a.lastUpdated) - Date.parse(b.lastUpdated));\n    return (\n      <div>\n        {this.renderInProgressFileList()}\n        {this.renderUploadedFileList()}\n      </div>\n    );\n  }\n\n  legacyRenderHeader() {\n    return (\n      <div class={`header ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\n        <div class=\"slot-wrapper\">\n          <slot />\n          <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\n            {this.renderUploadButton(`-secondary ${this.isDisabled ? \"disabled\" : \"\"}`)}\n            {this.notif && this.renderNotif()}\n            {this.displayedErrorMessage && this.renderError()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  renderHeader() {\n    const validTypes = \".\" + this.fileTypes.split(\" \").join(\", .\");\n\n    return (\n      <div class={`header ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\n        <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\n          {this.renderUploadButton(`-secondary ${this.isDisabled ? \"disabled\" : \"\"}`)}\n          {this.renderRequirements()}\n        </div>\n        <div id=\"accepted-types\" class=\"accepted-types\">\n          {uploaderMessages.getAcceptedFileTypes(validTypes, this.fileTypes.split(\" \").length)}\n        </div>\n        {this.notif && this.renderNotif()}\n        {this.displayedErrorMessage && this.renderError()}\n      </div>\n    );\n  }\n\n  renderRequirements() {\n    return (\n      <div class=\"requirements\">\n        {this.maxFiles && (\n          <span id=\"file-count\">{uploaderMessages.getFileCount(this.fileList.length, this.maxFiles)}</span>\n        )}\n        {this.maxSize && <span id=\"max-size\">{uploaderMessages.getMaxSize(this.effectiveMaxSize)}</span>}\n      </div>\n    );\n  }\n\n  renderFooter() {\n    return (\n      <div class=\"footer\">\n        <div class={`notif-wrapper ${this.tempUploaderType ? `type${this.tempUploaderType}` : \"\"}`}>\n          <div class=\"filecount-wrapper\">\n            <div class=\"filecount\">{uploaderMessages.getFilesAdded(this.fileList.length)}</div>\n            {this.renderUploadButton(`-primary ${this.isDisabled ? \"disabled\" : \"\"}`)}\n          </div>\n          {this.notif && this.renderNotif()}\n          {this.displayedErrorMessage && this.renderError()}\n        </div>\n      </div>\n    );\n  }\n\n  renderWithItems() {\n    // it's possible progress is passed in as a string, so we need to check for \"100\" as well\n    const hasNewlyUploadedFiles =\n      this.fileList.filter((file) => file.progress === (typeof file.progress === \"number\" ? 100 : \"100\")).length > 0;\n    return (\n      <div>\n        {!this.tempUploaderType && this.renderHeader()}\n        {this.tempUploaderType === \"2\" && this.legacyRenderHeader()}\n        <div\n          class={`list-container type${this.tempUploaderType} ${\n            !this.tempUploaderType && hasNewlyUploadedFiles ? \"checkmark-spacer\" : \"\"\n          }`}\n        >\n          {this.errorList.length > 0 && this.renderErrorList()}\n          {this.fileList.length > 0 && this.renderFiles()}\n        </div>\n        {this.tempUploaderType === \"1\" && this.renderFooter()}\n      </div>\n    );\n  }\n\n  renderLabel() {\n    return (\n      <div class={`wrapper ${this.displayedErrorMessage ? \"invalid\" : \"\"}`}>\n        <div id=\"label\" class={`label`}>\n          {this.label}\n          {this.requiredField && (\n            <span class=\"required\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.label && this.renderLabel()}\n        {this.isEmpty() && this.tempUploaderType === \"1\" ? this.renderEmptyState() : this.renderWithItems()}\n        <div\n          ref={(el) => (this.liveRegion = el as HTMLDivElement)}\n          class=\"live-region sr-only\"\n          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\n          aria-atomic=\"true\"\n        >\n          {this.announcement}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, g as getElement } from './index-84a6ae22.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); }
+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); }
 };
 
 export { Wrapper as wm_wrapper };

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

@@ -1 +1 @@
-{"file":"wm-wrapper.entry.js","mappings":";;MAMa,OAAO;;;;;EAIlB,gBAAgB;IACd,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;GAC7B;EAED,MAAM;IACJ,OAAO;GACR;;;;;;","names":[],"sources":["./src/components/wm-wrapper/wm-wrapper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-wrapper\",\r\n  shadow: false,\r\n})\r\nexport class Wrapper {\r\n  @Element() el!: any;\r\n  @Event() wmWrapperLoaded!: EventEmitter<void>;\r\n\r\n  componentDidLoad() {\r\n    this.wmWrapperLoaded.emit();\r\n  }\r\n\r\n  render() {\r\n    return;\r\n  }\r\n}\r\n"],"version":3}
+{"file":"wm-wrapper.entry.js","mappings":";;MAMa,OAAO;;;;;EAIlB,gBAAgB;IACd,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;GAC7B;EAED,MAAM;IACJ,OAAO;GACR;;;;;;","names":[],"sources":["./src/components/wm-wrapper/wm-wrapper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-wrapper\",\n  shadow: false,\n})\nexport class Wrapper {\n  @Element() el!: any;\n  @Event() wmWrapperLoaded!: EventEmitter<void>;\n\n  componentDidLoad() {\n    this.wmWrapperLoaded.emit();\n  }\n\n  render() {\n    return;\n  }\n}\n"],"version":3}

package/dist/esm-es5/{chartFunctions-1df8043a.js → chartFunctions-a72f5835.js}

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

package/dist/esm-es5/chartFunctions-a72f5835.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colors","salmon","cyan","forest","sleet","midnight","lavender","periwinkle","gray","allChartsDetails","doughnut","size","thickness","padding","category","doughnut0","doughnut1","doughnut2","doughnut2plus","doughnut3","bar","bar1","bar2","bar3","bar4","bar5","bar6","bar7","showValue","valueFormat","textHiddenMessage","intl","formatMessage","id","defaultMessage","description","seeDetailsMessage","abbrNumber","num","Math","round","amountToPercent","val","total","asInt","amountToDegree","toFixed","number","parseFloat","floor","polarToCartesian","half","radius","startAngle","endAngle","x","cos","PI","y","sin","undefined","x2","y2","x1","y1","getArc","largeArcFlag","chartSize","z","concat","scale","inMin","inMax","outMin","outMax","scaled","minSpacing","width","getMaxTicks","getInterval","largest","maxticks","minimum","magnitude","pow","log10","residual","interval","handleSliceKeyDown","ev","this","popoverEl","open","key","popoverBtn","querySelector","click","handleSliceClick","s","isTabbing","coords","clientX","clientY","openPopover","call","handleSliceFocus","getPosition","target","handleChartKeydown","preventDefault","focusPrevious","focusNext","exitChart","userIsNavigating","title","text","popoverTitle","popoverText","buttonText","sliceRef","window","setTimeout","_this","debouncedClosePopover_1","debounce","__awaiter","document","addEventListener","scrollableParent","findParentWithScrollbar","el","activeEl","checkForActiveElInShadow","activeElement","index","sliceEls","indexOf","length","focusSlice","componentWrapperEl","tabIndex","focusable","map","p","focus","getDetails","chartType","slicesDetails","acc","children","Array","from","reduce","slice","parseInt","getAttribute","forEach","c","i","amount","perc","colorIndex","notStartedColor","color","sliceDetails","legend","offset","uid","inSmallCluster","push","sortSlicesDetails","sortedSlicesDetails","__spreadArray","sort","a","b","idx","prev","next","prevPerc","nextPerc","isInSmallCluster","isSmall","prevIsSmall","nextIsSmall","lessThanOnePerc","getPathData","activeAngle","largeArcFlagOuter","largeArcFlagInner","chartDetails","innerRadius","outerRadius","isHybridDoughnut","outerSeparatorOffset","innerSeparatorOffset","outerCoords","innerCoords","moveTo","arc1","line","arc2","renderInstructionsText","chartInstructions","h","renderFilter","stdDeviation","result","operator","in2","in","renderDoughnut","outerSize","class","height","renderPath","transform","renderDoughnutText","fill","d","onClick","onFocus","onKeyDown","role","arcMiddle","_a","renderStackedBar","isHybridBar","drawAxis","tempValueFormat","renderBarText","renderStackedBarSegment","renderCompletionMessage","isLastSlice","style","backgroundColor","renderSimpleBar","labelWidth","getComputedStyle","getPropertyValue","chartPadding","componentWidth","getBoundingClientRect","chartWidth","numTicks","lastTickVal","extraTicks","setProperty","showBarLegend","rows","renderSimpleBarLegend","renderSimpleBarItem","ticks","tickVal","showGrid","show","hidden","chartMaxVal","currentChartType","cssWidth","amt","displayValue","renderLegend","showLegend","hasCluster","isBar","cur","mode","renderLegendItem","renderHiddenValuesMessage","legendItem","completionMessage"],"sources":["src/components/charts/chartFunctions.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { checkForActiveElInShadow, debounce, findParentWithScrollbar, getPosition, intl } from \"../../global/functions\";\nimport { LegendItem, ChartType, ChartDetails, SliceDetails, SliceElement } from \"../../global/interfaces\";\n\nconst colors = {\n  salmon: \"#ff5f4e\",\n  cyan: \"#19a1a9\",\n  forest: \"#088000\",\n  sleet: \"#7f97ad\",\n  midnight: \"#2e1b46\",\n  lavender: \"#8b86ca\",\n  periwinkle: \"#575195\",\n  gray: \"#6b6b6b\",\n};\n\nexport const allChartsDetails: { [Key in ChartType]: ChartDetails } = {\n  // for progress monitor\n  doughnut: {\n    size: 155,\n    colors: [colors.forest, colors.gray],\n    thickness: 0.73,\n    padding: 25,\n    category: \"doughnut\",\n  },\n  // deprecated hybrid chart type, should use Progress Indicator's \"doughnut\" instead\n  doughnut0: {\n    size: 155,\n    colors: [colors.forest, colors.gray],\n    thickness: 0.73,\n    padding: 25,\n    category: \"doughnut\",\n  },\n  doughnut1: {\n    size: 130,\n    colors: [colors.lavender, colors.midnight, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  doughnut2: {\n    size: 130,\n    colors: [colors.cyan, colors.salmon, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  // an internal type only for use when doughnut 2 is populated with 4 slices\n  // in this case, the first slice is colored purple\n  doughnut2plus: {\n    size: 130,\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  doughnut3: {\n    size: 130,\n    colors: [colors.lavender, colors.midnight, \"#0089e4\", colors.forest, \"#ea8500\", \"#d54f41\", \"#146ca9\"],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  // for progress monitor\n  bar: {\n    size: 350,\n    colors: [colors.forest, colors.gray],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  // deprecated hybrid chart type, should use Progress Indicator's \"bar\" instead\n  bar1: {\n    size: 350,\n    colors: [colors.forest, colors.gray],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar2: {\n    size: 400,\n    colors: [colors.gray, colors.periwinkle, colors.cyan, colors.salmon],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar3: {\n    size: 300,\n    colors: [\"#0d696e\", colors.cyan, \"#8e4129\", colors.salmon],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar4: {\n    size: 400,\n    colors: [colors.salmon, colors.cyan, colors.periwinkle],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar5: {\n    size: 400,\n    colors: [\n      colors.gray, // this is only used if prop notStartedColor is set\n      colors.lavender,\n      colors.midnight,\n      \"#0089e4\",\n      colors.forest,\n      \"#ea8500\",\n      \"#d54f41\",\n      \"#146ca9\",\n    ],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar6: {\n    size: 400,\n    colors: [colors.lavender],\n    padding: 0,\n    category: \"simpleBar\",\n  },\n  bar7: {\n    size: 400,\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\n    padding: 0,\n    category: \"simpleBar\",\n  },\n};\n\nfunction showValue(valueFormat: string): string {\n  return valueFormat === \"percentage\" || valueFormat === \"amount\" ? \"show-values\" : \"\";\n}\n\nexport const textHiddenMessage = intl.formatMessage({\n  id: \"chart.hiddenValues\",\n  defaultMessage: \"Values are not shown when too close to each other.\",\n  description: \"Text displayed when a chart has some values hidden\",\n});\n\nexport const seeDetailsMessage = intl.formatMessage({\n  id: \"chart.clickToSeeDetails\",\n  defaultMessage: \"Click or use arrow keys to see details.\",\n  description: \"Text displayed, guiding user to interact to see more details.\",\n});\n\nfunction abbrNumber(num: number) {\n  return num > 999 ? Math.round(num / 100) / 10 + \"K\" : num;\n}\n\nexport function amountToPercent(val: number, total: number, asInt: boolean) {\n  return asInt ? Math.round((val * 100) / total) : Math.round((val * 10000) / total) / 100; // with 2 decimals\n}\n\nexport function amountToDegree(val: number, total: number) {\n  // In a circle of {total}, determine degrees of slice {val}\n  return (val * 360) / total;\n}\n\nexport function toFixed(number: number) {\n  return parseFloat((Math.floor(number * 100) / 100).toFixed(2));\n}\n\nexport function polarToCartesian(half: number, radius: number, startAngle: number, endAngle?: number) {\n  var x = toFixed(half + half * radius * Math.cos((Math.PI * startAngle) / 180));\n  var y = toFixed(half + half * radius * Math.sin((Math.PI * startAngle) / 180));\n  if (endAngle !== undefined) {\n    // if a 2nd angle value was passed, return 2 pairs of coords\n    var x2 = toFixed(half + half * radius * Math.cos((Math.PI * endAngle) / 180));\n    var y2 = toFixed(half + half * radius * Math.sin((Math.PI * endAngle) / 180));\n    return { x1: x, y1: y, x2, y2 };\n  }\n  return { x, y };\n}\n\nfunction getArc(radius: number, largeArcFlag: string, x: number, y: number, chartSize: number) {\n  var z = toFixed((chartSize / 2) * radius);\n  return `A ${z}, ${z} 0 ${largeArcFlag} ${toFixed(x)}, ${toFixed(y)}`;\n}\n\nfunction scale(val: number, inMin: number, inMax: number, outMin: number, outMax: number) {\n  let scaled = ((val - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n  // clip the values so that whatever is passed in the output is never smaller than outMin or greater than outMax\n  return scaled < outMin ? outMin : scaled > outMax ? outMax : scaled;\n}\n\nfunction minSpacing(width: number) {\n  // minimum spacing between 2 ticks, in px\n  return scale(width, 300, 900, 70, 150);\n}\n\nfunction getMaxTicks(width: number) {\n  return Math.round(width / minSpacing(width));\n}\n\nfunction getInterval(largest: number, maxticks: number) {\n  const minimum = largest / maxticks;\n  const magnitude = 10 ** Math.floor(Math.log10(minimum));\n  const residual = minimum / magnitude;\n  let interval;\n  if (residual > 5) {\n    interval = 10 * magnitude;\n  } else if (residual > 3) {\n    interval = 5 * magnitude;\n  } else if (residual > 2) {\n    interval = 3 * magnitude;\n  } else if (residual > 1.5) {\n    interval = 2 * magnitude;\n  } else if (residual > 1) {\n    interval = 1.5 * magnitude;\n  } else {\n    interval = magnitude;\n  }\n  return interval;\n}\n\nfunction handleSliceKeyDown(this: any, ev: KeyboardEvent) {\n  if (this.popoverEl && this.popoverEl.open && ev.key === \"Enter\") {\n    const popoverBtn = this.popoverEl.querySelector(\"button\");\n    popoverBtn && popoverBtn.click();\n  }\n}\n\nexport function handleSliceClick(this: any, ev: MouseEvent, s: SliceDetails) {\n  if (this.popoverEl && !this.isTabbing) {\n    s.coords = { x: ev.clientX, y: ev.clientY };\n    openPopover.call(this, s);\n  }\n}\n\nfunction handleSliceFocus(this: any, ev: FocusEvent, s: SliceDetails) {\n  if (this.popoverEl && this.isTabbing) {\n    s.coords = getPosition(ev.target as HTMLElement);\n    openPopover.call(this, s);\n  }\n}\n\nexport function handleChartKeydown(this: any, ev: KeyboardEvent) {\n  switch (ev.key) {\n    // arrow up / left\n    case \"ArrowUp\":\n    case \"ArrowLeft\":\n      ev.preventDefault();\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\n      focusPrevious.call(this);\n      break;\n    // arrow right / down\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      ev.preventDefault();\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\n      focusNext.call(this);\n      break;\n    // tab\n    case \"Tab\":\n      exitChart.call(this);\n      break;\n    case \"Escape\":\n      this.popoverEl!.open = false;\n      this.userIsNavigating = false;\n      break;\n  }\n}\n\nexport function openPopover(this: any, s: SliceDetails) {\n  if (!!this.popoverEl && !!s.title && !!s.text) {\n    this.popoverEl.popoverTitle = s.title;\n    this.popoverEl.popoverText = s.text;\n    this.popoverEl.buttonText = s.buttonText;\n    this.popoverEl.coords = s.coords;\n    this.popoverEl.sliceRef = s.sliceRef;\n    window.setTimeout(() => {\n      if (this.popoverEl) {\n        this.popoverEl.open = true;\n      }\n    }, 30);\n\n    const debouncedClosePopover = debounce(async () => {\n      this.popoverEl!.open = false;\n    }, 10);\n\n    // set up event listeners for scrolling\n    // to close popover on page scroll\n    document.addEventListener(\"scroll\", () => {\n      debouncedClosePopover();\n    });\n\n    // ... and on parent scroll\n    const scrollableParent = findParentWithScrollbar(this.el as HTMLElement);\n    if (!!scrollableParent) {\n      scrollableParent.addEventListener(\"scroll\", () => {\n        debouncedClosePopover();\n      });\n    }\n  }\n}\n\nfunction focusNext(this: any) {\n  const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\n  const index =\n    // if the active el is not in the array the first element gets focused\n    (this.sliceEls!.indexOf(activeEl as HTMLElement) + 1) % this.sliceEls!.length;\n  focusSlice.call(this, index);\n}\n\nfunction focusPrevious(this: any) {\n  if (this.sliceEls) {\n    const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\n    let index = this.sliceEls.indexOf(activeEl as SliceElement);\n\n    if (index === -1) {\n      // not in the array : focus the first slice\n      index = 0;\n    } else if (index === 0) {\n      // first slice : focus the last slice\n      index = this.sliceEls.length - 1;\n    } else {\n      // anything else: focus previous\n      index -= 1;\n    }\n    focusSlice.call(this, index);\n  }\n}\n\nfunction focusSlice(this: any, index: number) {\n  if (this.sliceEls && this.el) {\n    this.userIsNavigating = true;\n    if (this.popoverEl) {\n      this.popoverEl.open = false;\n    }\n    // set tabindex of the wrapper to -1 while slices are being focused, to allow for shft-tabbing out of the component directly\n    this.componentWrapperEl.tabIndex = -1;\n    // @ts-ignore\n    this.el.focusable = false; // for Edge\n    this.sliceEls.map((p: SliceElement) => {\n      p.tabIndex = -1;\n      // @ts-ignore\n      p.focusable = false; // for Edge\n    });\n    this.sliceEls[index].tabIndex = 0;\n    // @ts-ignore\n    this.sliceEls[index].focusable = true; // for Edge\n    this.sliceEls[index].focus();\n    window.setTimeout(() => {\n      if (this.popoverEl) {\n        this.popoverEl.open = true;\n      }\n    }, 10);\n  }\n}\n\nexport function exitChart(this: any) {\n  this.sliceEls &&\n    this.sliceEls.map((p: SliceElement) => {\n      p.tabIndex = -1;\n      // @ts-ignore\n      p.focusable = false; // for Edge\n    });\n  this.userIsNavigating = false;\n  // delay so that we can tab out of component before chart becomes focusable again\n  // and in case user was still pressing an arrow key when they pressed tab\n  window.setTimeout(() => {\n    this.componentWrapperEl.tabIndex = 0;\n    // @ts-ignore\n    this.el.focusable = true; // for Edge\n    if (this.popoverEl) {\n      this.popoverEl.open = false;\n    }\n  }, 100);\n}\n\nexport async function getDetails(this: any, chartType: ChartType) {\n  this.slicesDetails = [];\n  let acc = 0;\n  const children = Array.from(this.el.children) as Array<HTMLWmChartSliceElement>;\n\n  this.total = children.reduce(\n    (total: number, slice: SliceElement) => (total += parseInt(slice.getAttribute(\"amount\") || \"0\")),\n    0\n  );\n\n  children.forEach((c: Element, i: number) => {\n    const amount = parseInt(c.getAttribute(\"amount\") || \"0\");\n    const perc = amountToPercent(amount, this.total, true);\n\n    let colorIndex = i;\n\n    // for bar5, first color should be skipped unless notStartedColor is set to true\n    if (chartType === \"bar5\") {\n      colorIndex = this.notStartedColor ? i : i + 1;\n    }\n\n    // bars in bar6 are all the same color\n    if (chartType === \"bar6\") {\n      colorIndex = 0;\n    }\n\n    const color = allChartsDetails[chartType].colors[colorIndex];\n\n    const sliceDetails: SliceDetails = {\n      amount: amount,\n      perc: perc,\n      legend: c.getAttribute(\"legend\"),\n      color: color || colors.gray,\n      offset: acc,\n      id: `${this.uid}-${i + 1}`,\n      title: c.getAttribute(\"popover-title\"),\n      text: c.getAttribute(\"popover-text\"),\n      buttonText: c.getAttribute(\"popover-button-text\"),\n      sliceRef: c,\n      inSmallCluster: false,\n    };\n    acc += amount;\n    this.slicesDetails.push(sliceDetails);\n  });\n}\n\nfunction sortSlicesDetails(slicesDetails: SliceDetails[], total: number): SliceDetails[] {\n  // sort slices by decreasing amount\n  let sortedSlicesDetails = [...slicesDetails].sort((a: SliceDetails, b: SliceDetails) =>\n    a.amount === b.amount ? 0 : a.amount > b.amount ? -1 : 1\n  );\n\n  let acc = 0;\n\n  sortedSlicesDetails.forEach((s: SliceDetails, idx: number) => {\n    const prev = sortedSlicesDetails[idx === 0 ? sortedSlicesDetails.length - 1 : idx - 1];\n    const next = sortedSlicesDetails[idx === sortedSlicesDetails.length - 1 ? 0 : idx + 1];\n    const prevPerc = amountToPercent(prev.amount, total, true);\n    const nextPerc = amountToPercent(next.amount, total, true);\n\n    s.offset = acc;\n    acc += s.amount;\n    s.inSmallCluster = isInSmallCluster(prevPerc, s.perc, s.amount, nextPerc);\n  });\n  return sortedSlicesDetails;\n}\n\nfunction isInSmallCluster(prevPerc: number, perc: number, amount: number, nextPerc: number): boolean {\n  // determine whether the slice is in a cluster of small values\n  // to avoid percentage text overlap for small values\n  const isSmall = perc < 4;\n  const prevIsSmall = prevPerc < 5;\n  const nextIsSmall = nextPerc < 5;\n  let inSmallCluster = isSmall && (prevIsSmall || nextIsSmall);\n\n  // because <1% slice percentage text has an additional character\n  // the inSmallCluster threshold needs to be widened for that slice only\n  const lessThanOnePerc = perc === 0 && amount > 0;\n  if (lessThanOnePerc && (nextPerc < 8 || prevPerc < 8)) {\n    inSmallCluster = true;\n  }\n\n  return inSmallCluster;\n}\n\nfunction getPathData(this: any, amount: number, offset: number, chartType: ChartType) {\n  const startAngle = amountToDegree(offset, this.total) - 90; // start at noon, not at 3 o'clock\n  const activeAngle = (amount / this.total) * 360;\n  let endAngle = startAngle + activeAngle;\n  const largeArcFlagOuter = activeAngle > 180 ? \"1 1\" : \"0 1\";\n  const largeArcFlagInner = activeAngle > 180 ? \"1 0\" : \"0 0\";\n  const half = this.chartDetails.size / 2;\n  const innerRadius = this.chartDetails.thickness!;\n  const outerRadius = 1;\n\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\n  const outerSeparatorOffset = 1.5;\n  const innerSeparatorOffset = isHybridDoughnut ? 2.25 : 3;\n\n  if (activeAngle === 360) {\n    // fix to avoid bad svg shape when the path goes all around (100%)\n    endAngle -= 0.01;\n  }\n\n  const outerCoords = polarToCartesian(\n    half,\n    outerRadius,\n    startAngle + outerSeparatorOffset, // Addition for slice separator\n    endAngle\n  );\n  const innerCoords = polarToCartesian(\n    half,\n    innerRadius,\n    startAngle + innerSeparatorOffset, // Addition for slice separator\n    endAngle\n  );\n\n  const moveTo = `M ${outerCoords.x1}, ${outerCoords.y1} `;\n  const arc1 = getArc(outerRadius, largeArcFlagOuter, outerCoords.x2!, outerCoords.y2!, this.chartDetails.size);\n  const line = ` L ${innerCoords.x2}, ${innerCoords.y2} `;\n  const arc2 = getArc(innerRadius, largeArcFlagInner, innerCoords.x1!, innerCoords.y1!, this.chartDetails.size);\n\n  return moveTo + arc1 + line + arc2 + \" z\";\n}\n\nexport function renderInstructionsText() {\n  const chartInstructions = intl.formatMessage({\n    id: \"chart.instructions\",\n    defaultMessage: \"Use arrow keys to browse elements, press Tab to exit.\",\n    description: \"For screen readers only, instructions on how to interact with the chart component\",\n  });\n\n  return <div id=\"chart-instructions\">{chartInstructions}</div>;\n}\n\nfunction renderFilter() {\n  return (\n    <defs>\n      <filter id=\"wmHoverDropShadow\">\n        <feGaussianBlur stdDeviation=\"3\"></feGaussianBlur>\n        <feOffset result=\"offsetblur\"></feOffset>\n        <feFlood flood-color=\"#333\"></feFlood>\n        <feComposite operator=\"in\" in2=\"offsetblur\"></feComposite>\n        <feMerge>\n          <feMergeNode></feMergeNode>\n          <feMergeNode in=\"SourceGraphic\"></feMergeNode>\n        </feMerge>\n      </filter>\n    </defs>\n  );\n}\n\nexport function renderDoughnut(this: any, chartType: ChartType) {\n  const outerSize = this.chartDetails.size + this.chartDetails.padding;\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\n  // no sorting in progress indicators\n  let slicesDetails = isHybridDoughnut ? this.slicesDetails : sortSlicesDetails(this.slicesDetails, this.total);\n\n  return (\n    <div class=\"chart-wrapper doughnut-wrapper\">\n      <svg width={outerSize + \"px\"} height={outerSize + \"px\"} id={`graphic-${this.uid}`} class=\"doughnut-svg\">\n        {renderFilter()}\n        {slicesDetails.map((s: SliceDetails) => renderPath.call(this, s, chartType))}\n        {isHybridDoughnut ? (\n          <text\n            class=\"value\"\n            x=\"50%\"\n            y=\"50%\"\n            font-size=\"1.5rem\"\n            font-weight=\"500\"\n            text-anchor=\"middle\"\n            dominant-baseline=\"middle\"\n          >\n            {amountToPercent(slicesDetails[0].amount, this.total, true) + \"%\"}\n          </text>\n        ) : (\n          <g\n            transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}\n            text-anchor=\"middle\"\n            dominant-baseline=\"middle\"\n          >\n            {slicesDetails.map((s: SliceDetails) =>\n              s.amount > 0 && !s.inSmallCluster ? renderDoughnutText.call(this, s) : \"\"\n            )}\n          </g>\n        )}\n      </svg>\n    </div>\n  );\n}\n\nfunction renderPath(this: any, s: SliceDetails, chartType: ChartType) {\n  return (\n    <g transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}>\n      <path\n        id={s.id}\n        class=\"segment doughnut-segment\"\n        fill={s.amount ? s.color : \"transparent\"}\n        d={getPathData.call(this, s.amount, s.offset, chartType)}\n        onClick={(ev) => handleSliceClick.call(this, ev, s)}\n        onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n        onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n        role=\"img\"\n        aria-label={s.legend}\n      ></path>\n    </g>\n  );\n}\n\nfunction renderDoughnutText(this: any, s: SliceDetails) {\n  const arcMiddle = amountToDegree(s.offset + s.amount / 2, this.total);\n  let { x, y } = polarToCartesian(this.chartDetails.size / 2, 1.4, arcMiddle - 90);\n  return (\n    <text class=\"value\" x={x + \"px\"} y={y + \"px\"}>\n      {`${s.perc > 0 ? s.perc : \"<1\"}%`}\n    </text>\n  );\n}\n\nexport function renderStackedBar(this: any, chartType: ChartType) {\n  const isHybridBar = chartType === \"bar1\" || chartType === \"bar\";\n  return (\n    <div class=\"chart-wrapper bar-wrapper\">\n      {isHybridBar ? (\n        <div class=\"single-perc\">{amountToPercent(this.slicesDetails[0].amount, this.total, true) + \"%\"}</div>\n      ) : (\n        \"\"\n      )}\n      {this.chartType === \"bar3\" && this.drawAxis()}\n      <div class={`inner-stacked-bar-wrapper ${showValue(this.tempValueFormat)}`}>\n        {!isHybridBar ? (\n          <div class=\"values\">\n            {this.slicesDetails.map((s: SliceDetails, idx: number) => this.renderBarText(s, idx))}\n          </div>\n        ) : (\n          \"\"\n        )}\n        <div class=\"stacked-bar-segments-wrapper\">\n          {this.slicesDetails.map((s: SliceDetails, idx: number) => renderStackedBarSegment.call(this, s, idx))}\n        </div>\n        {isHybridBar ? renderCompletionMessage.call(this) : \"\"}\n      </div>\n    </div>\n  );\n}\n\nfunction renderStackedBarSegment(this: any, s: SliceDetails, idx: number) {\n  const isLastSlice = idx !== this.slicesDetails.length - 1;\n  const width = `calc(${amountToPercent(s.amount, this.total, false)}%${isLastSlice ? \" - 2px\" : \"\"})`;\n\n  return (\n    <div\n      class={`segment stacked-bar-segment ${amountToPercent(s.amount, this.total, false) === 0 ? \"zero\" : \"\"}`}\n      style={{\n        backgroundColor: s.color,\n        width: width,\n      }}\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n    >\n      <span class=\"sr-only\">{s.legend}</span>\n    </div>\n  );\n}\n\nexport function renderSimpleBar(this: any, chartType: ChartType) {\n  // find largest number and get interval, numTicks, chartMaxVal for all.\n  const largest = this.slicesDetails\n    .map((s: SliceDetails) => s.amount)\n    .reduce((a: number, b: number) => {\n      return a > b ? a : b;\n    });\n  const labelWidth = parseInt(getComputedStyle(this.el).getPropertyValue(\"--labelWidth\"), 10);\n  const chartPadding = 48; \n  const componentWidth = this.el.getBoundingClientRect().width;\n  const chartWidth = componentWidth - labelWidth - chartPadding;\n  let numTicks = getMaxTicks(chartWidth);\n  let interval = getInterval(largest, numTicks);\n  // after the algorithm finds an interval, remove extra ticks so that the greater number is always between the last tick and the one before that\n  const lastTickVal = numTicks * interval;\n  const extraTicks = Math.floor((lastTickVal - largest) / interval);\n  numTicks -= extraTicks;\n\n  this.el.style.setProperty(\"--backgroundSize\", 100 / numTicks + \"%\");\n  this.el.style.setProperty(\"--labelWidth\", this.labelWidth);\n\n  if (chartType === \"bar7\" && !this.showBarLegend) {\n    this.el.style.setProperty(\"--labelWidth\", \"0px\");\n  }\n\n  // we have to prep the data here rather than iterate directly in the return statement\n  // because CSS grid needs a flat structure, and return functions must\n  // have a single parent element\n  const rows: HTMLElement[] = [];\n  this.slicesDetails.forEach((s: SliceDetails) => {\n    s.legend && rows.push(renderSimpleBarLegend(s.legend, this.showBarLegend, chartType));\n    rows.push(renderSimpleBarItem.call(this, s, interval, numTicks, largest));\n  });\n\n  const ticks = [];\n  for (let i = 1; i <= numTicks; i++) {\n    const tickVal: number | string = abbrNumber(i * interval);\n    ticks.push(\n      <div class=\"tick\">\n        <span>{tickVal}</span>\n      </div>\n    );\n  }\n\n  const showGrid = chartType === \"bar6\" && this.showGrid && this.el.getBoundingClientRect().width > 300;\n\n  return (\n    <div class=\"chart-wrapper simple-bar-wrapper\">\n      <div class={`chart ${showValue(this.tempValueFormat)}`}>\n        {showGrid && <div class=\"gridlines\"></div>}\n        <div class=\"rows\">{rows}</div>\n      </div>\n      {showGrid && (\n        <div class=\"x-axis\" aria-hidden=\"true\">\n          <div class=\"zero\">\n            <span>0</span>\n          </div>\n          {ticks}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderSimpleBarLegend(legend: string, show: boolean, chartType: ChartType): HTMLLabelElement {\n  // not sure how to collapse the left column to 0 width with CSS grid. text should still be available to SR.\n  const hidden = chartType === \"bar7\" && !show ? \" hidden\" : \"\";\n  return <label class={`label${hidden}`}>{legend}</label>;\n}\n\nfunction renderSimpleBarItem(\n  this: any,\n  s: SliceDetails,\n  interval: number,\n  ticks: number,\n  largest: number\n): HTMLDivElement {\n  const chartMaxVal = this.currentChartType === \"bar6\" ? interval * ticks : largest;\n  const width = amountToPercent(s.amount, chartMaxVal, false);\n  const cssWidth: string = width ? width + \"%\" : \"1px\";\n  const amt = abbrNumber(s.amount);\n  let displayValue = this.tempValueFormat === \"amount\" ? amt : \"\";\n  if (this.currentChartType === \"bar6\" && this.tempValueFormat === \"percentage\") {\n    displayValue = s.amount + \"%\";\n  } else if (this.currentChartType === \"bar7\" && this.tempValueFormat === \"percentage\") {\n    displayValue = amountToPercent(s.amount, this.total, true) + \"%\";\n  }\n\n  return (\n    <div\n      class={\"bar segment\"}\n      style={{\n        backgroundColor: s.color,\n        width: cssWidth,\n      }}\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n    >\n      <div class=\"value\">{displayValue}</div>\n    </div>\n  );\n}\n\nexport function renderLegend(this: any, chartType: ChartType) {\n  // legend is hidden for bar1 and bar6 types regardless of showLegend value\n  if (this.showLegend) {\n    const hasCluster =\n      !this.chartDetails.isBar &&\n      this.slicesDetails.reduce(\n        (hasCluster: boolean, cur: SliceDetails) => (hasCluster = cur.inSmallCluster ? true : hasCluster),\n        false\n      );\n    return (\n      <div class=\"legend-wrapper\">\n        <div class={`legend ${chartType} ${this.mode === \"bar\" ? \"--top\" : \"--bottom\"}`} aria-hidden=\"true\">\n          {this.total > 0\n            ? this.slicesDetails.map((s: SliceDetails) => {\n                // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)\n                if (!!s.amount || !!s.legend) {\n                  return renderLegendItem({ key: s.legend!, color: s.color });\n                }\n              })\n            : \"\"}\n        </div>\n        {hasCluster && renderHiddenValuesMessage()}\n      </div>\n    );\n  }\n}\n\nexport function renderLegendItem(legendItem: LegendItem) {\n  return (\n    <div class=\"legend-item\">\n      <div class=\"legend-color\" style={{ backgroundColor: legendItem.color }}></div>\n      <div class=\"legend-text\">{legendItem.key}</div>\n    </div>\n  );\n}\n\nexport function renderCompletionMessage(this: any) {\n  if (this.completionMessage) {\n    return <div class=\"completion-message\">{this.completionMessage}</div>;\n  }\n}\n\nexport function renderHiddenValuesMessage() {\n  return (\n    <div class=\"hidden-values-warning\">\n      {textHiddenMessage}\n      <br />\n      {seeDetailsMessage}\n    </div>\n  );\n}\n"],"mappings":"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"}