@watermarkinsights/ripple 3.25.0 → 3.25.1

package/dist/ripple/p-c36002b6.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalMessages","exports","characterLimitReached","intl","formatMessage","id","defaultMessage","description","close","genericError","newWindow","next","open","previous","requiredError","requiredField","getCharactersEntered","charCount","charLimit","x","y","getCharacterLimit","characterLimit","limit","uploaderMessages","duplicateName","fileLimitExceeded","fileLimitReached","finishedUploading","waitToUpload","zeroFileSize","getAcceptedFileTypes","validTypes","amount","fileTypes","getFilesAdded","numFiles","getFileCount","fileListLength","maxFiles","getFileTooLarge","maxSize","size","getFilesUploading","numFilesUploading","num","getInvalidFileType","getMaxSize","getUploadProgress","percentage"],"sources":["src/global/intl.ts"],"sourcesContent":["import { intl } from \"./functions\";\n\nexport const globalMessages = {\n  characterLimitReached: intl.formatMessage({\n    id: \"global.characterLimitReached\",\n    defaultMessage: \"No additional characters will be entered.\",\n    description: \"for screen readers\",\n  }),\n\n  close: intl.formatMessage({\n    id: \"global.closeVerb\",\n    defaultMessage: \"Close\",\n    description: \"For a button, to close a user interface element\",\n  }),\n\n  genericError: intl.formatMessage({\n    id: \"global.genericError\",\n    defaultMessage: \"An error occurred. Please try again.\",\n  }),\n\n  newWindow: intl.formatMessage({\n    id: \"global.newWindowLink\",\n    defaultMessage: \"Opens in a new window.\",\n    description: \"Indicates that a focused link will open in a new window\",\n  }),\n\n  next: intl.formatMessage({\n    id: \"global.next\",\n    defaultMessage: \"next\",\n    description: \"Button text, indicating an action leading to a 'next' state\",\n  }),\n\n  open: intl.formatMessage({\n    id: \"global.openVerb\",\n    defaultMessage: \"Open\",\n    description: \"For a button, to open a user interface element\",\n  }),\n\n  previous: intl.formatMessage({\n    id: \"global.previous\",\n    defaultMessage: \"previous\",\n    description: \"Button text, indicating an action leading to a 'previous' state\",\n  }),\n\n  requiredError: intl.formatMessage({\n    id: \"global.requiredError\",\n    defaultMessage: \"This field is required.\",\n    description: \"Error displayed under a required field when it has not been filled\",\n  }),\n\n  requiredField: intl.formatMessage({\n    id: \"global.requiredField\",\n    defaultMessage: \"required field\",\n    description: \"Screen reader text, indicating the currently focused field is required\",\n  }),\n\n  // -------------------------------------------------------------------------- //\n  //                             Functions                                      //\n  // -------------------------------------------------------------------------- //\n\n  getCharactersEntered: (charCount: number, charLimit: number) =>\n    intl.formatMessage(\n      {\n        id: \"global.charactersEntered\",\n        defaultMessage: \"{x, number} of {y, number} characters entered.\",\n        description: \"for screen readers\",\n      },\n      { x: charCount, y: charLimit }\n    ),\n\n  getCharacterLimit: (characterLimit: number) =>\n    intl.formatMessage(\n      {\n        id: \"global.characterLimit\",\n        defaultMessage: \"{limit, number} characters allowed.\",\n        description: \"for screen readers\",\n      },\n      { limit: characterLimit }\n    ),\n};\n\nexport const uploaderMessages = {\n  duplicateName: intl.formatMessage({\n    id: \"uploader.duplicateName\",\n    defaultMessage: \"A file with this name already exists.\",\n  }),\n\n  fileLimitExceeded: intl.formatMessage({\n    id: \"uploader.fileUploadLimitExceeded\",\n    defaultMessage: \"Upload unsuccessful because file selection would exceed the maximum number of files\",\n    description: \"Message displayed when trying to upload too many files\",\n  }),\n\n  fileLimitReached: intl.formatMessage({\n    id: \"uploader.fileUploadLimitReached\",\n    defaultMessage: \"The maximum number of files has been reached\",\n    description: \"Message displayed when trying to upload additional files, but the limit has been reached\",\n  }),\n\n  finishedUploading: intl.formatMessage({\n    id: \"uploader.finishedUploading\",\n    defaultMessage: \"Finished uploading\",\n  }),\n\n  waitToUpload: intl.formatMessage({\n    id: \"uploader.waitToUpload\",\n    defaultMessage: \"Please wait for current upload to complete before uploading new files.\",\n    description: \"Message for screen reader users\",\n  }),\n\n  zeroFileSize: intl.formatMessage({\n    id: \"uploader.zeroFileSize\",\n    defaultMessage: \"The file must be more than 0 bytes\",\n    description: \"Error message when user attempts to upload a file of no size\",\n  }),\n\n  // -------------------------------------------------------------------------- //\n  //                             Functions                                      //\n  // -------------------------------------------------------------------------- //\n\n  getAcceptedFileTypes: (validTypes: string, amount: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.acceptedFileTypes\",\n        defaultMessage: \"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}\",\n      },\n      {\n        fileTypes: validTypes,\n        amount: amount,\n      }\n    ),\n\n  getFilesAdded: (numFiles: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.filesAdded\",\n        defaultMessage: \"{numFiles, plural, one {1 file added} other {# files added}}\",\n      },\n      { numFiles: numFiles }\n    ),\n\n  getFileCount: (fileListLength: number, maxFiles: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.fileCount\",\n        defaultMessage: \"{x} of {y} Files\",\n        description: \"A count of the number of files currently uploaded\",\n      },\n      { x: fileListLength, y: maxFiles }\n    ),\n\n  getFileTooLarge: (maxSize: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.fileTooLarge\",\n        defaultMessage: \"The selected file is too large. Maximum file size is {size}Mb\",\n      },\n      { size: maxSize }\n    ),\n\n  getFilesUploading: (numFilesUploading: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.filesUploading\",\n        defaultMessage: \"{num, plural, one {1 file uploading} other {# files uploading}}\",\n      },\n      { num: numFilesUploading }\n    ),\n\n  getInvalidFileType: (validTypes: string) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.invalidFileType\",\n        defaultMessage: \"The file type is invalid. Accepted types: {validTypes}\",\n      },\n      { validTypes }\n    ),\n\n  getMaxSize: (maxSize: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.maxSize\",\n        defaultMessage: \"Maximum file size {maxSize}MB\",\n        description: \"An indicator of the maximum file size the uploader allows\",\n      },\n      {\n        maxSize: maxSize,\n      }\n    ),\n\n  getUploadProgress: (percentage: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.uploadProgress\",\n        defaultMessage: \"Upload progress: {percentage}%\",\n      },\n      { percentage: percentage }\n    ),\n};\n"],"mappings":"sIAEaA,EAAcC,EAAA,IAAG,CAC5BC,sBAAuBC,EAAKC,cAAc,CACxCC,GAAI,+BACJC,eAAgB,4CAChBC,YAAa,uBAGfC,MAAOL,EAAKC,cAAc,CACxBC,GAAI,mBACJC,eAAgB,QAChBC,YAAa,oDAGfE,aAAcN,EAAKC,cAAc,CAC/BC,GAAI,sBACJC,eAAgB,yCAGlBI,UAAWP,EAAKC,cAAc,CAC5BC,GAAI,uBACJC,eAAgB,yBAChBC,YAAa,4DAGfI,KAAMR,EAAKC,cAAc,CACvBC,GAAI,cACJC,eAAgB,OAChBC,YAAa,gEAGfK,KAAMT,EAAKC,cAAc,CACvBC,GAAI,kBACJC,eAAgB,OAChBC,YAAa,mDAGfM,SAAUV,EAAKC,cAAc,CAC3BC,GAAI,kBACJC,eAAgB,WAChBC,YAAa,oEAGfO,cAAeX,EAAKC,cAAc,CAChCC,GAAI,uBACJC,eAAgB,0BAChBC,YAAa,uEAGfQ,cAAeZ,EAAKC,cAAc,CAChCC,GAAI,uBACJC,eAAgB,iBAChBC,YAAa,2EAOfS,qBAAsB,SAACC,EAAmBC,GACxC,OAAAf,EAAKC,cACH,CACEC,GAAI,2BACJC,eAAgB,iDAChBC,YAAa,sBAEf,CAAEY,EAAGF,EAAWG,EAAGF,GANrB,EASFG,kBAAmB,SAACC,GAClB,OAAAnB,EAAKC,cACH,CACEC,GAAI,wBACJC,eAAgB,sCAChBC,YAAa,sBAEf,CAAEgB,MAAOD,GANX,I,IAUSE,EAAgBvB,EAAA,IAAG,CAC9BwB,cAAetB,EAAKC,cAAc,CAChCC,GAAI,yBACJC,eAAgB,0CAGlBoB,kBAAmBvB,EAAKC,cAAc,CACpCC,GAAI,mCACJC,eAAgB,sFAChBC,YAAa,2DAGfoB,iBAAkBxB,EAAKC,cAAc,CACnCC,GAAI,kCACJC,eAAgB,+CAChBC,YAAa,6FAGfqB,kBAAmBzB,EAAKC,cAAc,CACpCC,GAAI,6BACJC,eAAgB,uBAGlBuB,aAAc1B,EAAKC,cAAc,CAC/BC,GAAI,wBACJC,eAAgB,yEAChBC,YAAa,oCAGfuB,aAAc3B,EAAKC,cAAc,CAC/BC,GAAI,wBACJC,eAAgB,qCAChBC,YAAa,iEAOfwB,qBAAsB,SAACC,EAAoBC,GACzC,OAAA9B,EAAKC,cACH,CACEC,GAAI,6BACJC,eAAgB,wEAElB,CACE4B,UAAWF,EACXC,OAAQA,GAPZ,EAWFE,cAAe,SAACC,GACd,OAAAjC,EAAKC,cACH,CACEC,GAAI,sBACJC,eAAgB,gEAElB,CAAE8B,SAAUA,GALd,EAQFC,aAAc,SAACC,EAAwBC,GACrC,OAAApC,EAAKC,cACH,CACEC,GAAI,qBACJC,eAAgB,mBAChBC,YAAa,qDAEf,CAAEY,EAAGmB,EAAgBlB,EAAGmB,GAN1B,EASFC,gBAAiB,SAACC,GAChB,OAAAtC,EAAKC,cACH,CACEC,GAAI,wBACJC,eAAgB,iEAElB,CAAEoC,KAAMD,GALV,EAQFE,kBAAmB,SAACC,GAClB,OAAAzC,EAAKC,cACH,CACEC,GAAI,0BACJC,eAAgB,mEAElB,CAAEuC,IAAKD,GALT,EAQFE,mBAAoB,SAACd,GACnB,OAAA7B,EAAKC,cACH,CACEC,GAAI,2BACJC,eAAgB,0DAElB,CAAE0B,WAAUA,GALd,EAQFe,WAAY,SAACN,GACX,OAAAtC,EAAKC,cACH,CACEC,GAAI,mBACJC,eAAgB,gCAChBC,YAAa,6DAEf,CACEkC,QAASA,GAPb,EAWFO,kBAAmB,SAACC,GAClB,OAAA9C,EAAKC,cACH,CACEC,GAAI,0BACJC,eAAgB,kCAElB,CAAE2C,WAAYA,GALhB,G"}

package/dist/ripple/p-c5bf7db8.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as s,h as n,g as r}from"./p-1c23de4a.js";import{g as t,s as i,j as e}from"./p-c6a0f7e5.js";import{g as o}from"./p-9b2dfb54.js";const c='.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host *,wm-snackbar *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars,wm-snackbar .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty,wm-snackbar .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper,wm-snackbar .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child),wm-snackbar .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:#fff;padding:0.9375rem 1.875rem;background:#4a4a4a;opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;color:#85dadf;margin:0 3.125rem 0 0.625rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::after,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f137";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child),wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button),wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{width:100%}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:#3b3b3b;color:#ffffff;cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}@media screen and (min-width: 48rem){:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{min-width:1.875rem;min-height:1.875rem}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156"}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:#fff;color:#4a4a4a}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .sr-only,wm-snackbar .wm-snackbars .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only,wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:none;background:-webkit-gradient(linear, left top, right top, color-stop(66%, #85dadf), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #85dadf 66%, transparent 0) repeat-x;background-size:0.375rem 0.1875rem;background-position:0 1em;border-radius:0;line-height:normal}';const m=class{constructor(n){a(this,n);this.wmSnackbarSnackFinished=s(this,"wmSnackbarSnackFinished",7);this.userFinishedSnack=s(this,"userFinishedSnack",7);this.wmSnackbarActionTriggered=s(this,"wmSnackbarActionTriggered",7);this.userTriggeredAction=s(this,"userTriggeredAction",7);this.parsedNotifications=[];this.isTabbing=false;this.timers=[];this.newNotification=false;this.notifications="[]"}updateSnacks(a){const s=JSON.parse(a);const n=s.length;const r=this.parsedNotifications.length;this.parsedNotifications=[];for(let a=0;a<n;a++){let n={id:s[a].id.toString(),message:s[a].message.toString(),link:s[a].link.toString(),newWindow:!!s[a].newWindow};this.parsedNotifications=[...this.parsedNotifications,n]}if(r<this.parsedNotifications.length){const a=window.setTimeout((()=>this.snackExpired()),2e4);this.timers=[a,...this.timers];this.storeElToFocusOnDismiss();this.newNotification=true}else{this.newNotification=false}}componentWillLoad(){this.uid=this.el.id?this.el.id:t()}componentDidUpdate(){this.isTabbing&&this.newNotification&&this.focusLinkAndDisableTimer();this.newNotification=false}toggleTabbingOn(){this.isTabbing=true}toggleTabbingOff(){this.isTabbing=false}focusLinkAndDisableTimer(){const a=this.parsedNotifications[0];if(a.link){let s=this.el.shadowRoot.querySelector(`#action-${a.id}`);s.focus();this.stopTimer(a)}}storeElToFocusOnDismiss(){let a=document.activeElement;while(a&&a.shadowRoot){a=a.shadowRoot.activeElement}this.focusOnDismiss=a}snackDismissed(a){this.endSnack(a);a.link&&this.isTabbing&&this.focusOnDismiss.focus()}snackExpired(){const a=this.parsedNotifications[this.parsedNotifications.length-1];this.endSnack(a)}endSnack(a){this.stopTimer(a);this.wmSnackbarSnackFinished.emit({id:a.id,message:a.message,link:a.link,newWindow:a.newWindow});this.userFinishedSnack.emit({id:a.id,message:a.message,link:a.link})}snackLinkClicked(a){this.stopTimer(a);this.wmSnackbarActionTriggered.emit({id:a.id,message:a.message,link:a.link,newWindow:a.newWindow});this.userTriggeredAction.emit({id:a.id,message:a.message,link:a.link})}stopTimer(a){this.parsedNotifications.forEach(((s,n)=>{if(s.id===a.id){clearTimeout(this.timers[n]);this.timers=this.timers.filter(((a,s)=>{if(s!==n){return a}}))}}))}renderSnackbars(){return this.parsedNotifications.map((a=>n("div",{class:"wm-snack-wrapper"},n("div",{id:`snack-${this.uid}`,class:"wm-snackbar active neutral"},n("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:()=>a.link&&this.snackDismissed(a)}),n("div",{class:"wm-snackbarmsg"},n("div",{class:"msgtext"},n("span",null,a.message),a.link&&n("a",{id:`action-${a.id}`,class:`link ${a.newWindow?"new-window":""}`,"aria-label":`Click to ${a.link}...${a.newWindow?" "+o.newWindow:""}`,tabindex:0,onClick:()=>{this.snackLinkClicked(a)},onKeyDown:s=>s.key==="Enter"&&this.snackLinkClicked(a)},n("span",{"aria-hidden":"true"},a.link))),n("button",{id:`close-button-${a.id}`,"aria-label":"Close this notification",class:"closesnack",tabindex:a.link?0:-1,onClick:()=>this.snackDismissed(a),onMouseEnter:a=>i("bottom",a.target,o.close),onMouseLeave:()=>e(),onFocus:a=>this.isTabbing&&i("bottom",a.target,o.close),onBlur:()=>e()})),n("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:()=>a.link&&this.snackDismissed(a)})))))}renderLiveRegion(){const a=this.parsedNotifications[0];const s=this.isTabbing?"":a.link;const n=`${a.message} ${s}`;const r=this.el.shadowRoot.querySelector(`#wm-live-region-${this.uid}`);if(r){r.innerHTML="";const a=document.createElement("span");a.innerHTML=n;r.appendChild(a)}}render(){this.newNotification&&this.renderLiveRegion();const a=this.renderSnackbars();const s=this.parsedNotifications.length===0?"empty":"";return n("div",{class:`wm-snackbars ${s} ${this.isTabbing?"user-is-tabbing":""}`},n("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:`wm-live-region-${this.uid}`}),a)}get el(){return r(this)}static get watchers(){return{notifications:["updateSnacks"]}}};m.style=c;export{m as wm_snackbar};
-//# sourceMappingURL=p-c5bf7db8.entry.js.map

package/dist/ripple/p-c5bf7db8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["wmSnackbarCss","Snackbar","this","parsedNotifications","isTabbing","timers","newNotification","updateSnacks","newValue","parsedData","JSON","parse","length","prevNotificationsLength","i","id","toString","message","link","newWindow","newTimer","window","setTimeout","snackExpired","storeElToFocusOnDismiss","componentWillLoad","uid","el","generateId","componentDidUpdate","focusLinkAndDisableTimer","toggleTabbingOn","toggleTabbingOff","latestNotification","shadowRoot","querySelector","focus","stopTimer","triggeringButton","document","activeElement","focusOnDismiss","snackDismissed","notification","endSnack","wmSnackbarSnackFinished","emit","userFinishedSnack","snackLinkClicked","wmSnackbarActionTriggered","userTriggeredAction","forEach","notif","index","clearTimeout","filter","timer","ind","renderSnackbars","map","h","class","tabindex","onFocus","globalMessages","onClick","onKeyDown","ev","key","onMouseEnter","showTooltip","target","close","onMouseLeave","hideTooltip","onBlur","renderLiveRegion","srAnnouncement","region","innerHTML","wrapper","createElement","appendChild","render","snackbars","wrappingClass"],"sources":["./src/components/wm-snackbar/wm-snackbar.scss?tag=wm-snackbar&encapsulation=shadow","./src/components/wm-snackbar/wm-snackbar.tsx"],"sourcesContent":[":host,\nwm-snackbar {\n  * {\n    box-sizing: border-box;\n    margin: unset; //Edge\n  }\n\n  .wm-snackbars {\n    position: fixed;\n    bottom: rem-calc(0);\n    left: rem-calc(20);\n    right: rem-calc(20);\n    padding: rem-calc(4 10 30);\n    z-index: 2001;\n    max-width: rem-calc(568);\n    max-height: rem-calc(280);\n    -webkit-overflow-scrolling: touch;\n    overflow: auto;\n\n    &.empty {\n      @include transition(all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1));\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    .wm-snack-wrapper {\n      width: 100%;\n      height: 100%;\n\n      &:not(:last-child) {\n        margin-bottom: rem-calc(20);\n      }\n\n      .wm-snackbar {\n        @include shadow8;\n        @include displayFlex;\n        @include alignItems(center);\n        @include transition(all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1));\n        font-size: rem-calc(14);\n        color: #fff;\n        padding: rem-calc(15 30);\n        background: #4a4a4a;\n        opacity: 0;\n        left: 0;\n        position: relative;\n        font-family: inherit;\n\n        .link {\n          letter-spacing: 0;\n          text-transform: none;\n          font-size: rem-calc(14);\n          border: none;\n          background: transparent;\n          padding-left: 0;\n          padding-right: 0;\n          height: auto;\n          border-radius: 0;\n          line-height: 1;\n          color: $snackbar-link-color;\n          margin: rem-calc(0 50 0 10);\n          text-decoration: none;\n          font-weight: 600;\n          cursor: pointer;\n\n          &.new-window::after {\n            @include mdi-icon;\n            display: inline;\n            content: \"\\f137\";\n            margin-left: rem-calc(4);\n          }\n\n          &:hover {\n            text-decoration: underline;\n          }\n\n          &:focus {\n            outline: none;\n            border: none;\n          }\n\n          &::-moz-focus-inner {\n            border: 0;\n            outline: none;\n          }\n        }\n\n        &:not(:last-child) {\n          margin-bottom: rem-calc(20);\n        }\n\n        &.active:not(button) {\n          opacity: 1;\n        }\n\n        .wm-snackbarmsg {\n          @include displayFlex;\n          @include justifyContent(space-between);\n          @include alignItems(center);\n          // font-size: rem-calc(14);\n          width: 100%;\n          position: relative;\n          padding: 0;\n\n          .msgtext {\n            width: 100%;\n          }\n\n          .closesnack {\n            @include box-shadow(none);\n            @include border-radius(50%);\n            background-color: #3b3b3b;\n            color: #ffffff;\n            cursor: pointer;\n            border: none;\n            font-size: rem-calc(16);\n            padding: 0;\n            height: auto;\n            line-height: 1;\n            min-width: rem-calc(44);\n            min-height: rem-calc(44);\n            text-align: center;\n            letter-spacing: normal;\n\n            @media screen and (min-width: rem-calc(768)) {\n              min-width: rem-calc(30);\n              min-height: rem-calc(30);\n            }\n\n            &:before {\n              @include mdi-icon;\n              content: \"\\f156\";\n            }\n\n            &:hover {\n              background-color: #fff;\n              color: $snackbar-color;\n            }\n\n            &:focus {\n              outline: none;\n            }\n\n            &::-moz-focus-inner {\n              border: 0;\n              outline: none;\n            }\n\n            &:active {\n              @include scale($xVal: 0.9, $yVal: 0.9);\n            }\n          }\n        }\n\n        .sr-only {\n          @include srOnly;\n          top: 0;\n          left: 0;\n        }\n      }\n    }\n  }\n  .sr-only {\n    @include srOnly;\n    top: 0;\n    left: 0;\n  }\n}\n.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active) {\n  @extend %focus-on-dark;\n\n  > .tooltip {\n    clip: auto;\n    width: auto;\n    height: auto;\n    opacity: 1;\n    transition: opacity 500ms 500ms;\n    padding: rem-calc(6);\n    top: rem-calc(44);\n    left: rem-calc(44);\n    white-space: nowrap;\n    transform: translateX(-50%);\n    @media screen and (min-width: rem-calc(768)) {\n      top: rem-calc(33);\n      left: auto;\n    }\n  }\n}\n\n.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active) {\n  outline: none;\n  background: linear-gradient(90deg, $snackbar-link-color 66%, transparent 0) repeat-x;\n  background-size: rem-calc(6px 3px);\n  background-position: 0 1em;\n  border-radius: 0;\n  line-height: normal;\n}\n","import { h, Component, Element, Prop, Event, EventEmitter, Watch, Listen } from \"@stencil/core\";\nimport { generateId, hideTooltip, showTooltip } from \"../../global/functions\";\nimport { Notification } from \"../../global/interfaces\";\nimport { globalMessages } from \"../../global/intl\";\n@Component({\n  tag: \"wm-snackbar\",\n  styleUrl: \"wm-snackbar.scss\",\n  shadow: true,\n})\nexport class Snackbar {\n  @Element() el!: HTMLElement;\n  //Prop receives notifications as JSON string, which is later parsed into an array of objects.\n  @Prop({ mutable: true, reflect: true }) notifications: string = \"[]\";\n\n  private parsedNotifications: Array<Notification> = []; //Holds the parsed array\n  private uid!: string;\n  private focusOnDismiss!: HTMLElement;\n  private isTabbing: boolean = false; //For screenreader purposes, to ensure link receives focus even after screenreader interprets \"enter\" as a \"click\"\n  private timers: Array<number> = [];\n  private newNotification: boolean = false;\n\n  @Event() wmSnackbarSnackFinished!: EventEmitter<Object>;\n  @Event() userFinishedSnack!: EventEmitter<Object>; // deprecated in favor of wmSnackbarSnackFinished\n  @Event() wmSnackbarActionTriggered!: EventEmitter<Object>;\n  @Event() userTriggeredAction!: EventEmitter<Object>; // deprecated in favor of wmSnackbarActionTriggered\n\n  @Watch(\"notifications\")\n  updateSnacks(newValue: string) {\n    const parsedData = JSON.parse(newValue);\n    const length = parsedData.length;\n    const prevNotificationsLength = this.parsedNotifications.length;\n    this.parsedNotifications = [];\n\n    //Parse notifications received as props and store a reference to them\n    for (let i = 0; i < length; i++) {\n      let newNotification: any = {\n        id: parsedData[i].id.toString(),\n        message: parsedData[i].message.toString(),\n        link: parsedData[i].link.toString(),\n        newWindow: !!parsedData[i].newWindow,\n      };\n      this.parsedNotifications = [...this.parsedNotifications, newNotification];\n    }\n\n    //If a new notification was added, set a timer and store a reference to the current active element so that if focus must move to the notification, it can return the user where they were once they dismiss the notification.\n    if (prevNotificationsLength < this.parsedNotifications.length) {\n      const newTimer = window.setTimeout(() => this.snackExpired(), 20000);\n      this.timers = [newTimer, ...this.timers];\n      this.storeElToFocusOnDismiss();\n      this.newNotification = true;\n    } else {\n      this.newNotification = false;\n    }\n  }\n\n  componentWillLoad() {\n    this.uid = this.el.id ? this.el.id : generateId();\n  }\n\n  //A change in the notificaiton prop will trigger the update function. The update's only role is to determine how focus should be managed when a notification is added.\n  componentDidUpdate() {\n    //If the user is tabbing and there's a new notification, focus the link and disable timer.\n    this.isTabbing && this.newNotification && this.focusLinkAndDisableTimer();\n    this.newNotification = false;\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  focusLinkAndDisableTimer() {\n    //If the new notification has a link, focus the link and clear the timeout. This is for accessibility purposes, for keyboard/screenreader users.\n    const latestNotification = this.parsedNotifications[0];\n\n    if (latestNotification.link) {\n      let link = this.el.shadowRoot!.querySelector(`#action-${latestNotification.id}`) as HTMLAnchorElement;\n      link.focus();\n      this.stopTimer(latestNotification);\n    }\n  }\n\n  storeElToFocusOnDismiss() {\n    let triggeringButton = document.activeElement! as HTMLElement;\n    while (triggeringButton && triggeringButton.shadowRoot) {\n      triggeringButton = triggeringButton.shadowRoot.activeElement as HTMLButtonElement;\n    }\n    this.focusOnDismiss = triggeringButton;\n  }\n\n  snackDismissed(notification: Notification) {\n    this.endSnack(notification);\n    //Focus should only be returned if it was moved in the first place, i.e., there was a link and the user was tabbing. Otherwise, for a mouse user, the user's focus would jump back to the triggering element.\n    notification.link && this.isTabbing && this.focusOnDismiss.focus();\n  }\n\n  //Remove snack from notification list once timer runs out\n  snackExpired() {\n    const notification = this.parsedNotifications[this.parsedNotifications.length - 1];\n    this.endSnack(notification);\n  }\n\n  endSnack(notification: Notification) {\n    //App listens for userFinishedSnack event and deletes the emitted notification.\n    this.stopTimer(notification);\n    this.wmSnackbarSnackFinished.emit({\n      id: notification.id,\n      message: notification.message,\n      link: notification.link,\n      newWindow: notification.newWindow,\n    });\n    // deprecated\n    this.userFinishedSnack.emit({\n      id: notification.id,\n      message: notification.message,\n      link: notification.link,\n    });\n  }\n\n  snackLinkClicked(notification: Notification) {\n    //App listens for userTriggeredAction event, deletes emitted notification, and takes over focus.\n    this.stopTimer(notification);\n    this.wmSnackbarActionTriggered.emit({\n      id: notification.id,\n      message: notification.message,\n      link: notification.link,\n      newWindow: notification.newWindow,\n    });\n    // deprecated\n    this.userTriggeredAction.emit({\n      id: notification.id,\n      message: notification.message,\n      link: notification.link,\n    });\n  }\n\n  //Delete the timer corresponding to the dismissed notification\n  stopTimer(notification: Notification) {\n    this.parsedNotifications.forEach((notif, index) => {\n      if (notif.id === notification.id) {\n        clearTimeout(this.timers[index]);\n        this.timers = this.timers.filter((timer, ind) => {\n          if (ind !== index) {\n            return timer;\n          }\n        });\n      }\n    });\n  }\n\n  renderSnackbars() {\n    return this.parsedNotifications.map((notification) => (\n      <div class=\"wm-snack-wrapper\">\n        <div id={`snack-${this.uid}`} class=\"wm-snackbar active neutral\">\n          <div\n            class=\"sr-only\"\n            tabindex={notification.link ? 0 : -1}\n            onFocus={() => notification.link && this.snackDismissed(notification)}\n          />\n\n          <div class=\"wm-snackbarmsg\">\n            <div class=\"msgtext\">\n              <span>{notification.message}</span>\n              {notification.link && (\n                <a\n                  id={`action-${notification.id}`}\n                  class={`link ${notification.newWindow ? \"new-window\" : \"\"}`}\n                  aria-label={`Click to ${notification.link}...${\n                    notification.newWindow ? \" \" + globalMessages.newWindow : \"\"\n                  }`}\n                  tabindex={0}\n                  onClick={() => {\n                    this.snackLinkClicked(notification);\n                  }}\n                  onKeyDown={(ev: KeyboardEvent) => ev.key === \"Enter\" && this.snackLinkClicked(notification)}\n                >\n                  <span aria-hidden=\"true\">{notification.link}</span>\n                </a>\n              )}\n            </div>\n            <button\n              id={`close-button-${notification.id}`}\n              aria-label=\"Close this notification\"\n              class=\"closesnack\"\n              tabindex={notification.link ? 0 : -1}\n              onClick={() => this.snackDismissed(notification)}\n              onMouseEnter={(ev) => showTooltip(\"bottom\", ev.target as HTMLElement, globalMessages.close)}\n              onMouseLeave={() => hideTooltip()}\n              onFocus={(ev) => this.isTabbing && showTooltip(\"bottom\", ev.target as HTMLElement, globalMessages.close)}\n              onBlur={() => hideTooltip()}\n            ></button>\n          </div>\n          <div\n            class=\"sr-only\"\n            tabindex={notification.link ? 0 : -1}\n            onFocus={() => notification.link && this.snackDismissed(notification)}\n          />\n        </div>\n      </div>\n    ));\n  }\n\n  renderLiveRegion() {\n    const latestNotification = this.parsedNotifications[0];\n    const link = this.isTabbing ? \"\" : latestNotification.link;\n    const srAnnouncement = `${latestNotification.message} ${link}`;\n\n    const region = this.el.shadowRoot!.querySelector(`#wm-live-region-${this.uid}`) as HTMLElement;\n\n    if (region) {\n      region.innerHTML = \"\";\n      const wrapper = document.createElement(\"span\");\n      wrapper.innerHTML = srAnnouncement;\n      region.appendChild(wrapper);\n    }\n  }\n\n  render() {\n    this.newNotification && this.renderLiveRegion();\n    const snackbars = this.renderSnackbars();\n    const wrappingClass = this.parsedNotifications.length === 0 ? \"empty\" : \"\";\n\n    return (\n      <div class={`wm-snackbars ${wrappingClass} ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n        <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"false\" id={`wm-live-region-${this.uid}`}></div>\n        {snackbars}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/p-c68b3798.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["window","navigator","plugins","length","console","log","version","wmComponentKeys","ev","key","event","Event","dispatchEvent","document","querySelector","classList","add","wmComponentMouseDownOnce","remove","addEventListener","tooltipContainer","createElement","id","tooltipEl","setAttribute","style","position","overflow","pointerEvents","lineHeight","fontFamily","fontSize","textTransform","fontWeight","background","color","zIndex","maxWidth","marginRight","padding","transitionProperty","transitionDelay","opacity","top","left","transform","willChange","appendChild","body"],"sources":["src/global/global.ts"],"sourcesContent":["import { setMode } from \"@stencil/core\";\nimport { version } from \"../../package.json\";\n\n// PRINT RIPPLE VERSION IN CONSOLE\n// test envs return 0 for plugin.length\n// do not print version number there as it causes issues\nif (window.navigator.plugins.length > 0) {\n  console.log(\"Ripple component library\", version);\n}\n\n// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)\n// Dispatching events to track whether user is navigating with keyboard or mouse\nfunction wmComponentKeys(ev: KeyboardEvent) {\n  if (ev.key == \"Tab\") {\n    var event: Event = new Event(\"wmUserIsTabbing\");\n    window.dispatchEvent(event);\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-tabbing\");\n  }\n  if (ev.key == \"ArrowLeft\" || ev.key == \"ArrowUp\" || ev.key == \"ArrowRight\" || ev.key == \"ArrowDown\") {\n    var event: Event = new Event(\"wmUserIsKeying\");\n    window.dispatchEvent(event);\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-keying\");\n  }\n}\n\nfunction wmComponentMouseDownOnce() {\n  var event = new Event(\"wmUserIsNotTabbing\");\n  window.dispatchEvent(event);\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-tabbing\");\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-keying\");\n}\n\nwindow.addEventListener(\"keydown\", wmComponentKeys);\nwindow.addEventListener(\"mousedown\", wmComponentMouseDownOnce);\n\n// MODES (FOR PRODUCT-SPECIFIC STYLING)\n//Checks for mode attribute explicitly set on the document. If \"mode\" is set on component, it will override the global mode. Falls back to default (Planning styles)\nsetMode((elm) => {\n  return elm.getAttribute(\"mode\") || document.documentElement.getAttribute(\"mode\") || \"planning\";\n});\n\n// TOOLTIP\n// Add a tooltip element\n// This allows tooltips to be always at the highest stacking context (always on top)\n// Element is added withing a container to avoid performance impact\nconst tooltipContainer = document.createElement(\"div\");\ntooltipContainer.id = \"wm-tooltip-container\";\nconst tooltipEl = document.createElement(\"div\");\ntooltipEl.id = \"wm-tooltip\";\ntooltipEl.setAttribute(\"aria-hidden\", \"true\");\ntooltipEl.style.position = \"fixed\";\ntooltipEl.style.overflow = \"hidden\";\ntooltipEl.style.pointerEvents = \"none\";\ntooltipEl.style.lineHeight = \"normal\";\ntooltipEl.style.fontFamily = \"inherit\";\ntooltipEl.style.fontSize = \"0.875rem\";\ntooltipEl.style.textTransform = \"none\";\ntooltipEl.style.fontWeight = \"normal\";\ntooltipEl.style.background = \"black\";\ntooltipEl.style.color = \"#fff\";\ntooltipEl.style.zIndex = \"999999\";\ntooltipEl.style.maxWidth = \"var(--wmTooltipMaxWidth, 13.75rem)\";\ntooltipEl.style.marginRight = \"1.5rem\";\ntooltipEl.style.padding = \"0.375rem\";\ntooltipEl.style.transitionProperty = \"opacity\";\ntooltipEl.style.transitionDelay = \"opacity\";\ntooltipEl.style.opacity = \"0\";\ntooltipEl.style.top = \"0\";\ntooltipEl.style.left = \"0\";\ntooltipEl.style.transform = \"translateZ(0)\";\ntooltipEl.style.willChange = \"transform\";\ntooltipEl.style.transform = \"translate(var(--wmTooltipLeft), var(--wmTooltipTop))\";\n\ntooltipContainer.appendChild(tooltipEl);\nconst body = document.querySelector(\"body\");\nbody!.appendChild(tooltipContainer);\n"],"mappings":"qFAMA,GAAIA,OAAOC,UAAUC,QAAQC,OAAS,EAAG,CACvCC,QAAQC,IAAI,2BAA4BC,E,CAK1C,SAASC,EAAgBC,GACvB,GAAIA,EAAGC,KAAO,MAAO,CACnB,IAAIC,EAAe,IAAIC,MAAA,mBACvBX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAAC,UAAAC,IAAA,uB,CAEzB,GAAAR,EAAAC,KAAA,aAAAD,EAAAC,KAAA,WAAAD,EAAAC,KAAA,cAAAD,EAAAC,KAAA,aACE,IAAIC,EAAe,IAAIC,MAAM,kBAC7BX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAAC,UAAAC,IAAA,sB,CAE3B,CAEA,SAAAC,IACE,IAAIP,EAAQ,IAAIC,MAAM,sBACtBX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAAC,UAAAG,OAAA,wBACvBL,SAASC,cAAc,QAASC,UAAUG,OAAO,sBACnD,CAEAlB,OAAAmB,iBAAA,UAAAZ,GACAP,OAAOmB,iBAAiB,YAAaF,GAYrC,IAAMG,EAAmBP,SAASQ,cAAc,OAChDD,EAAiBE,GAAK,uBACtB,IAAMC,EAAYV,SAASQ,cAAc,OACzCE,EAAUD,GAAK,aACfC,EAAUC,aAAa,sBACvBD,EAAUE,MAAMC,SAAW,QAC3BH,EAAUE,MAAME,SAAW,SAC3BJ,EAAUE,MAAMG,cAAgB,OAChCL,EAAUE,MAAMI,WAAa,SAC7BN,EAAUE,MAAMK,WAAa,UAC7BP,EAAUE,MAAMM,SAAW,WAC3BR,EAAUE,MAAMO,cAAgB,OAChCT,EAAUE,MAAMQ,WAAa,SAC7BV,EAAUE,MAAMS,WAAa,QAC7BX,EAAUE,MAAMU,MAAQ,OACxBZ,EAAUE,MAAMW,OAAS,SACzBb,EAAUE,MAAMY,SAAW,qCAC3Bd,EAAUE,MAAMa,YAAc,SAC9Bf,EAAUE,MAAMc,QAAU,WAC1BhB,EAAUE,MAAMe,mBAAqB,UACrCjB,EAAUE,MAAMgB,gBAAkB,UAClClB,EAAUE,MAAMiB,QAAU,IAC1BnB,EAAUE,MAAMkB,IAAM,IACtBpB,EAAUE,MAAMmB,KAAO,IACvBrB,EAAUE,MAAMoB,UAAS,gBACzBtB,EAAUE,MAAMqB,WAAa,YAC7BvB,EAAUE,MAAMoB,UAAY,uDAE5BzB,EAAiB2B,YAAYxB,GAC7B,IAAMyB,EAAOnC,SAASC,cAAc,QACpCkC,EAAMD,YAAY3B,E"}